deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-20 14:36:34 +02:00
Code Issues Projects Releases Wiki Activity

Don't use template literals on demo

Browse source
This commit is contained in:
Josh Johnson 2017-03-31 09:23:01 +01:00
parent 750f98e54c
commit 9bb84df8d0
1 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
index.html
View file

@ -283,10 +283,10 @@
editItems: true, editItems: true,
maxItemCount: 5, maxItemCount: 5,
addItemText: function(value) { addItemText: function(value) {
return `Appuyez sur Entrée pour ajouter <b>"${value}"</b>`; return 'Appuyez sur Entrée pour ajouter <b>"' + String(value) + '"</b>';
}, },
maxItemText: function(maxItemCount) { maxItemText: function(maxItemCount) {
return `${maxItemCount} valeurs peuvent être ajoutées`; return String(maxItemCount) + 'valeurs peuvent être ajoutées';
}, },
uniqueItemText: 'Cette valeur est déjà présente', uniqueItemText: 'Cette valeur est déjà présente',
}); });
@ -462,33 +462,33 @@
var itemSelectText = this.config.itemSelectText; var itemSelectText = this.config.itemSelectText;
return { return {
item: function(data) { item: function(data) {
return strToEl(` return strToEl('\
<div <div\
class="${classNames.item} ${data.highlighted ? classNames.highlightedState : classNames.itemSelectable}" class="'+ String(classNames.item) + ' ' + String(data.highlighted ? classNames.highlightedState : classNames.itemSelectable) + '"\
data-item data-item\
data-id="${data.id}" data-id="'+ String(data.id) + '"\
data-value="${data.value}" data-value="'+ String(data.value) +'"\
${data.active ? 'aria-selected="true"' : ''} '+ String(data.active ? 'aria-selected="true"' : '') + '\
${data.disabled ? 'aria-disabled="true"' : ''} '+ String(data.disabled ? 'aria-disabled="true"' : '') + '\
> >\
<span style="margin-right:10px;">🎉</span> ${data.label} <span style="margin-right:10px;">🎉</span> ' + String(data.label) + '\
</div> </div>\
`); ');
}, },
choice: function(data) { choice: function(data) {
return strToEl(` return strToEl('\
<div <div\
class="${classNames.item} ${classNames.itemChoice} ${data.disabled ? classNames.itemDisabled : classNames.itemSelectable}" class="'+ String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String(data.disabled ? classNames.itemDisabled : classNames.itemSelectable) + '"\
data-select-text="${itemSelectText}" data-select-text="'+ String(itemSelectText) +'"\
data-choice data-choice \
${data.disabled ? 'data-choice-disabled aria-disabled="true"' : 'data-choice-selectable'} '+ String(data.disabled ? 'data-choice-disabled aria-disabled="true"' : 'data-choice-selectable') + '\
data-id="${data.id}" data-id="'+ String(data.id) +'"\
data-value="${data.value}" data-value="'+ String(data.value) +'"\
${data.groupId > 0 ? 'role="treeitem"' : 'role="option"'} '+ String(data.groupId > 0 ? 'role="treeitem"' : 'role="option"') + '\
> >\
<span style="margin-right:10px;">👉🏽</span> ${data.label} <span style="margin-right:10px;">👉🏽</span> ' + String(data.label) + '\
</div> </div>\
`); ');
}, },
}; };
} }