Gestion de la saisie des contacts (interface only) + inputChecker pour numéro.
This commit is contained in:
parent
f9665a9488
commit
a1b5f1c576
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -109,7 +109,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* (4) Titres des sous-sous-sections */
|
||||
/* (4) Titres genre text message */
|
||||
& h5:not(.no-line){
|
||||
display: block;
|
||||
|
||||
|
@ -213,7 +213,7 @@
|
|||
|
||||
// Icone d'upload
|
||||
&:before{
|
||||
content: 'u ';
|
||||
content: 'e ';
|
||||
|
||||
font-size: 1em;
|
||||
font-family: 'icomoon';
|
||||
|
@ -222,6 +222,29 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* (7) Inputs de type text */
|
||||
& input:not([type='file']){
|
||||
display: inline;
|
||||
width: auto;
|
||||
|
||||
margin: unset;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 5px;
|
||||
margin-right: 15px;
|
||||
|
||||
border-radius: 0;
|
||||
border: 1.5px solid #aaa;
|
||||
|
||||
font-size: .8em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* (8) Gestion des espacements */
|
||||
& [data-space]{
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,4 +1,4 @@
|
|||
// __ _ _ _
|
||||
// __ _ _ _
|
||||
// / _| ___ _ __ _ __ ___ __ _| |_ ___| |__ ___ ___| | _____ _ __
|
||||
// | |_ / _ \| '__| '_ ` _ \ / _` | __|____ / __| '_ \ / _ \/ __| |/ / _ \ '__|
|
||||
// | _| (_) | | | | | | | | (_| | ||_____| (__| | | | __/ (__| < __/ |
|
||||
|
@ -112,7 +112,7 @@ formatChecker.prototype = {
|
|||
/*HIDDEN*///var instance = new formatChecker(
|
||||
/*HIDDEN*/// 'te2t 1 2 1/23', // la chaîne à vérifier
|
||||
/*HIDDEN*/// 'aava i i i/ii', // le schéma à respecter (cf. règles par défaut)
|
||||
/*HIDDEN*/// {'v': '[0-2]'} // règles spécifiques. Ici, 'v' correspond à un chiffre compris entre 0 et 2
|
||||
/*HIDDEN*/// {'v': '[0-2]'} // règles spécifiques. Ici, 'v' correspond à un chiffre compris entre 0 et 2 (basic regex)
|
||||
/*HIDDEN*///);
|
||||
|
||||
/* [2] On récupère le résultat de la vérification
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
function $(a){var b=document.querySelectorAll("#"+a);a=document.querySelectorAll("."+a);return 0<b.length?b[0]:a[0]}Element.prototype.getData=function(a){return"undefined"==typeof this.dataset?!1:this.dataset.hasOwnProperty(a)?this.dataset[a]:!1};Element.prototype.addClass=function(a){var b=this.className.split(" ");-1<b.indexOf(a)||(b.push(a),this.className=b.join(" ").trim())};
|
||||
Element.prototype.remClass=function(a){var b=this.className.split(" ");a=b.indexOf(a);-1!=a&&(b=b.slice(0,a).concat(b.slice(a+1)),this.className=b.join(" ").trim())};NodeList.prototype.indexOf=HTMLCollection.prototype.indexOf=function(a){for(var b=0;b<this.length;b++)if(this[b]==a)return b;return-1};Element.prototype.anim=function(a,b){var c=this;c.addClass(a);setTimeout(function(){c.remClass(a)},b)};var includes=[],includeTags=[];
|
||||
function include(a,b,c){a="string"===typeof a?a:null;b="function"===typeof b?b:function(){console.log("[x] "+a+" loaded")};if(null==a)return!1;if("boolean"===typeof c&&c){b=includes.indexOf(a);if(-1==b)return!1;document.head.removeChild(includeTags[b]);includes.splice(b,1);includeTags.splice(b,1)}else{if(-1<includes.indexOf(a))return b(),!0;c=document.createElement("script");c.type="text/javascript";c.src=a;document.head.appendChild(c);includes.push(a);includeTags.push(c);c.onload=b}return!0}
|
||||
var format_code=new formatChecker(null,"HH-HH-HH-HH",{H:"[0-9A-F]"});
|
||||
var format_number=new formatChecker(null,"0i ii ii ii ii");
|
||||
|
|
|
@ -164,4 +164,5 @@ function include(jsResource, callback, action){ // action=true -> EXCLUSION, SIN
|
|||
/* DEFINITION DES FORMATS UTILES POUR INPUT-CHECKER
|
||||
*
|
||||
*/
|
||||
var format_code = new formatChecker(null, 'HH-HH-HH-HH', { 'H' : '[0-9A-F]'} )
|
||||
// Numéro de téléphone
|
||||
var format_number = new formatChecker(null, '0i ii ii ii ii' );
|
||||
|
|
|
@ -645,7 +645,7 @@
|
|||
<span class="warning"><strong>Dead Code</strong></span>
|
||||
</p>
|
||||
<p>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
|
||||
</p>
|
||||
<a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
|
||||
</footer>
|
||||
|
|
|
@ -251,7 +251,7 @@
|
|||
<span class="warning"><strong>Dead Code</strong></span>
|
||||
</p>
|
||||
<p>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
|
||||
</p>
|
||||
<a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
|
||||
</footer>
|
||||
|
|
|
@ -517,7 +517,7 @@
|
|||
<span class="warning"><strong>Dead Code</strong></span>
|
||||
</p>
|
||||
<p>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
|
||||
</p>
|
||||
<a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
|
||||
</footer>
|
||||
|
|
|
@ -214,7 +214,7 @@
|
|||
<span class="warning"><strong>Dead Code</strong></span>
|
||||
</p>
|
||||
<p>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
|
||||
</p>
|
||||
<a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
|
||||
</footer>
|
||||
|
|
|
@ -350,7 +350,7 @@
|
|||
<span class="success"><strong>High</strong>: 90% to 100%</span>
|
||||
</p>
|
||||
<p>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
|
|
@ -315,7 +315,7 @@
|
|||
<span class="warning"><strong>Dead Code</strong></span>
|
||||
</p>
|
||||
<p>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
|
||||
<small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
|
||||
</p>
|
||||
<a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
|
||||
</footer>
|
||||
|
|
|
@ -34,22 +34,28 @@
|
|||
|
||||
<section data-timeline>
|
||||
<h3 data-n='1'>Importer un journal d'appel</h3>
|
||||
<span data-space></span>
|
||||
<h4 data-icon='u'>
|
||||
<input class='no-line' type='file' value='test'>
|
||||
<input class='no-line' type='file' id='call_log-import' value='test'>
|
||||
<span class='no-line file-input'>Importer un journal d'appels</span>
|
||||
</h4>
|
||||
<span data-tag='OU'></span>
|
||||
<h3 data-n='2'>Saisir manuellement des contacts</h3>
|
||||
<h4 data-icon='p'>Saisir un contact</h4>
|
||||
<h5 data-text="Bonjour à tous, c'est moi!"></h5>
|
||||
<h4 data-icon='p'>Saisir un contact</h4>
|
||||
<h4 data-icon='p'>Saisir un contact</h4>
|
||||
<h4 data-icon='a'>Ajouter un contact</h4>
|
||||
<span data-space></span>
|
||||
<!-- <span data-tag='OU'></span> -->
|
||||
<h3 data-n='1'>Saisir manuellement des contacts</h3>
|
||||
<span data-space></span>
|
||||
<h5 data-text="Renseigner au moins un des nominatifs pour chaque contact. (pseudo, prénom et/ou nom)"></h5>
|
||||
<h4 data-icon='p' class='new-contact'>
|
||||
<input type='text' class='no-line number' placeholder='Numéro de téléphone'>
|
||||
<input type='text' class='no-line username' placeholder='Pseudo'>
|
||||
<input type='text' class='no-line firstname' placeholder='Prénom'>
|
||||
<input type='text' class='no-line lastname' placeholder='Nom'>
|
||||
<input type='submit' class='primary no-line sub-number' value='Valider'>
|
||||
</h4>
|
||||
<h4 data-icon='+' class='add-contact'>Ajouter un contact</h4>
|
||||
<p>hi</p>
|
||||
<p>FULL CSS BIATCH !!</p>
|
||||
<span data-tag='ET'></span>
|
||||
<!-- <span data-tag='ET'></span> -->
|
||||
<h3 data-n='3'>Saisir les informations sur les contacts</h3>
|
||||
<span data-tag='FIN'></span>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
|
|
@ -1 +1 @@
|
|||
var fileInput=document.querySelector("input[type=file]");fileInput.addEventListener("change",function(b){api.send({path:"upload/call_log",file:fileInput.files[0]},function(a){console.log(a)})},!1);
|
||||
var ic=new inputChecker,fileInput=document.querySelector('input#call_log-import[type="file"]');fileInput.addEventListener("change",function(a){api.send({path:"upload/call_log",file:fileInput.files[0]},function(a){console.log(a)})},!1);var number=document.querySelector('input.number[type="text"]');ic.append(number,format_number,"06 06 06 06 06");number.addEventListener("keyup",function(a){ic.correct(number,!1)},!1);
|
||||
|
|
|
@ -1,6 +1,9 @@
|
|||
var fileInput = document.querySelector('input[type=file]');
|
||||
// Vérifiera les input
|
||||
var ic = new inputChecker();
|
||||
|
||||
|
||||
var fileInput = document.querySelector('input#call_log-import[type="file"]');
|
||||
|
||||
|
||||
fileInput.addEventListener('change', function(e){
|
||||
/* (1) On rédige la requête */
|
||||
|
@ -15,3 +18,17 @@ fileInput.addEventListener('change', function(e){
|
|||
});
|
||||
|
||||
}, false);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var number = document.querySelector('input.number[type="text"]');
|
||||
ic.append(number, format_number, '06 06 06 06 06');
|
||||
// format_number -> format pour les numéros de téléphones
|
||||
|
||||
number.addEventListener('keyup', function(e){
|
||||
ic.correct(number, false);
|
||||
}, false);
|
||||
|
|
Loading…
Reference in New Issue