| Line 104... |
Line 104... |
| 104 |
'<input type="text" name="field-name" data-id="' + fieldIndex + '" class="field-name" placeholder="Titre de votre champ" title="Donnez un titre à votre champ" required>'+
|
104 |
'<input type="text" name="field-name" data-id="' + fieldIndex + '" class="field-name" placeholder="Titre de votre champ" title="Donnez un titre à votre champ" required>'+
|
| 105 |
// Clé du champ
|
105 |
// Clé du champ
|
| 106 |
'<label for="field-key" title="Nom du champ dans la base de données">'+
|
106 |
'<label for="field-key" title="Nom du champ dans la base de données">'+
|
| 107 |
'Clé du champ *'+
|
107 |
'Clé du champ *'+
|
| 108 |
'</label>'+
|
108 |
'</label>'+
|
| 109 |
'<input type="text" name="field-key" data-id="' + fieldIndex + '" class="field-key" placeholder="Clé du champ" title="Nom du champ dans la base de données" required>'+
|
109 |
'<input type="text" name="field-key" data-id="' + fieldIndex + '" class="field-key" placeholder="Clé du champ" Pattern="[A-Z][A-Za-z]+" title="Clé Unique en Camelcase, pas d\'accents pas de caractères spéciaux." required>'+
|
| 110 |
'<p class="message">' +
|
110 |
'<p class="message">' +
|
| 111 |
'<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> '+
|
111 |
'<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> '+
|
| 112 |
'Une clé doit être unique<br>' +
|
112 |
'Une clé doit être unique<br>' +
|
| 113 |
'En camelCase (ecriture chameau)<br>'+
|
113 |
'En camelCase (ecriture chameau)<br>'+
|
| 114 |
'Pas d\'accents ou de cédille, pas de caractères spéciaux.' +
|
114 |
'Pas d\'accents ou de cédille, pas de caractères spéciaux.' +
|
| Line 206... |
Line 206... |
| 206 |
// Placeholder
|
206 |
// Placeholder
|
| 207 |
'<label for="aide-saisie" title="Deux ou 3 mots ou chiffres pour comprendre ce que doit contenir le champ (ex: min 20, 10 par 10, etc.)">Texte d\'aide à la saisie</label>'+
|
207 |
'<label for="aide-saisie" title="Deux ou 3 mots ou chiffres pour comprendre ce que doit contenir le champ (ex: min 20, 10 par 10, etc.)">Texte d\'aide à la saisie</label>'+
|
| 208 |
'<input type="text" name="aide-saisie" data-id="' + fieldIndex + '" class="aide-saisie" placeholder="Ce que doit contenir le champ">'+
|
208 |
'<input type="text" name="aide-saisie" data-id="' + fieldIndex + '" class="aide-saisie" placeholder="Ce que doit contenir le champ">'+
|
| 209 |
// Valeur par défaut
|
209 |
// Valeur par défaut
|
| 210 |
'<label for="default" title="Valeur par défaut">Valeur par défaut</label>'+
|
210 |
'<label for="default" title="Valeur par défaut">Valeur par défaut</label>'+
|
| 211 |
'<input type="number" name="default" data-id="' + fieldIndex + '" class="default" step="0.01">'+
|
211 |
'<input type="number" name="default" data-id="' + fieldIndex + '" class="default" step="0.01" lang="en">'+
|
| 212 |
// Incrémentation ( attribut step="" )
|
212 |
// Incrémentation ( attribut step="" )
|
| 213 |
'<label for="step" title="De 10 en 10, de 0.5 en 0.5, etc.">Incrémentation (step) :<br>defaut = +1</label>'+
|
213 |
'<label for="step" title="De 10 en 10, de 0.5 en 0.5, etc.">Incrémentation (step) :<br>defaut = +1</label>'+
|
| 214 |
'<input type="number" name="step" data-id="' + fieldIndex + '" class="step" step="0.01" value="1">'+
|
214 |
'<input type="number" name="step" data-id="' + fieldIndex + '" class="step" step="0.01" value="1" lang="en">'+
|
| 215 |
// Min
|
215 |
// Min
|
| 216 |
'<label for="min" title="valeur min">Valeur minimale</label>'+
|
216 |
'<label for="min" title="valeur min">Valeur minimale</label>'+
|
| 217 |
'<input type="number" name="min" data-id="' + fieldIndex + '" class="min" step="0.01" value="0">'+
|
217 |
'<input type="number" name="min" data-id="' + fieldIndex + '" class="min" step="0.01" value="0" lang="en">'+
|
| 218 |
// Max
|
218 |
// Max
|
| 219 |
'<label for="max" title="valeur max">Valeur maximale</label>'+
|
219 |
'<label for="max" title="valeur max">Valeur maximale</label>'+
|
| 220 |
'<input type="number" name="max" data-id="' + fieldIndex + '" class="max" step="0.01" value="1">'
|
220 |
'<input type="number" name="max" data-id="' + fieldIndex + '" class="max" step="0.01" value="1" lang="en">'
|
| 221 |
);
|
221 |
);
|
| 222 |
break;
|
222 |
break;
|
| Line 223... |
Line 223... |
| 223 |
|
223 |
|
| 224 |
case 'date':
|
224 |
case 'date':
|
| 225 |
displayFieldDetailsCollect(
|
225 |
displayFieldDetailsCollect(
|
| 226 |
fieldIndex,
|
226 |
fieldIndex,
|
| 227 |
// Date min
|
227 |
// Date min
|
| 228 |
'<label for="min" title="date min">Date minimale</label>'+
|
228 |
'<label for="min" title="date min">Date minimale</label>'+
|
| 229 |
'<input type="date" name="min" data-id="' + fieldIndex + '" class="min">'+
|
229 |
'<input type="date" name="min" data-id="' + fieldIndex + '" class="min" pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">'+
|
| 230 |
// Date max
|
230 |
// Date max
|
| 231 |
'<label for="max" title="date max">Date maximale</label>'+
|
231 |
'<label for="max" title="date max">Date maximale</label>'+
|
| 232 |
'<input type="date" name="max" data-id="' + fieldIndex + '" class="max">'
|
232 |
'<input type="date" name="max" data-id="' + fieldIndex + '" class="max" pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">'
|
| 233 |
);
|
233 |
);
|
| Line 234... |
Line 234... |
| 234 |
break;
|
234 |
break;
|
| 235 |
|
235 |
|