fix wrong date

dist/js/doodle.js

@@ -19,8 +19,6 @@
         this.initLoad = () => {
             this.getJsonData();
 
-            console.log(this.json);
-
             if(!this.json) {
                 console.warn('Invalid Json data');
                 return;
@@ -42,7 +40,6 @@
          * Create Table
          */
         this.createTable = (config) => {
-            console.log(config);
             $(document).on('click', 'input[type=checkbox]', this.eventInput);
 
             if(config.vertical) {
@@ -66,13 +63,15 @@
             }
         };
 
-        this.createList = function() {
+        this.createList = function() { // TODO : vertical
             let div = $('<div>');
             // DAYS =>
             for(let index in this.days) {
                 let formatDateDay = moment(this.days[index], this.dateFormat).locale('fr').format('dddd DD');
                 let formatDateMonth = moment(this.days[index], this.dateFormat).locale('fr').format('MMMM');
 
+                let date = this.days[index];
+
                 let $h3 = $('<h5><span class="date_format"><b>' + formatDateDay + '</b></span> ' + formatDateMonth + '</td>');
                 div.append($h3);
 
@@ -85,7 +84,8 @@
                         } else {
                             hour = hour.replace(':', 'h');
                         }
-                        $li.html(this.createInputBox(this.hours[index2], formatDateDay, hour));
+
+                        $li.html(this.createInputBox(this.hours[index2], date, hour));
                         div.append($li);
                     }
                 }
@@ -108,9 +108,8 @@
 
             for(let index in this.days) {
                 let $tr = $('<tr>');
-
-                let formatDateDay = moment(this.days[index], this.dateFormat).locale('fr').format('dddd DD');
-                let formatDateMonth = moment(this.days[index], this.dateFormat).locale('fr').format('MMMM');
+                let formatDateDay =  moment(this.days[index], this.dateFormat).locale('fr').format('dddd DD');
+                let formatDateMonth =  moment(this.days[index], this.dateFormat).locale('fr').format('MMMM');
 
                     html = $tr.append('<td><span class="date_format"><b>' + formatDateDay + '</b></span> ' + formatDateMonth + '</td>')
                         .append(this.createBodyContent(this.days[index]));
@@ -274,11 +273,8 @@
         this.createJSON = () => {
             let $input = $(this.config.inputSelector);
 
-            console.log($input);
-
             if ($input.length > 0) {
                 $input.val(JSON.stringify(this.outputJson));
-                console.log($input.val());
             }
         };
 
@@ -287,7 +283,6 @@
          * @param e event
          */
         this.eventInput = (e) => {
-            console.log("OUAIS");
             let data = $(e.target).data('check').split('_');
             let isChecked = $(e.target).is(':checked');
 
@@ -967,6 +962,7 @@
      * @constructor
      */
     $.fn.Doodle = function(options) {
+        moment.locale('fr')
         let config = initializeConfig();
 
         this.each(function() {
@@ -995,4 +991,4 @@
         }
 
     };
-})(jQuery);
\ No newline at end of file
+})(jQuery);

package.json

@@ -8,7 +8,9 @@
     "url": "https://gitlab.appolo.fr/Arnaud/doodleV2/"
   },
   "license": "MIT",
-  "dependencies": {},
+  "dependencies": {
+    "dayjs": "^1.8.14"
+  },
   "devDependencies": {
     "tether": "^1.4.3",
     "bootstrap": "4.0.0-alpha.6",

test/index.html

@@ -9,13 +9,13 @@
     <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css">
 
     <!-- Custom styles for this template -->
-    <link href="css/starter-template.css" rel="stylesheet">
-    <link href="../dist/css/doodle.css" rel="stylesheet">
+    <link href="/doodleV2/test/css/starter-template.css" rel="stylesheet">
+    <link href="/doodleV2/dist/css/doodle.css" rel="stylesheet">
 
     <!-- Pages css -->
-    <link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css">
-    <link rel="stylesheet" href="/node_modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
+    <link rel="stylesheet" href="/doodleV2/node_modules/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" href="/doodleV2/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css">
+    <link rel="stylesheet" href="/doodleV2/node_modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
 </head>
 
 <body>
@@ -23,14 +23,13 @@
     <!-- Example row of columns -->
     <div class="row">
         <div class="col-md-12">
-            <div class="doodle table-responsive"></div>
-            <input type="hidden" id="inputVal" value='{}'>
+            <div class="doodle table-responsive" data-json='{"29/07/2019":["11","12:15","13"],"30/07/2019":["11","12:15","13"],"31/07/2019":["11","12:15","13"],"01/08/2019":["13","12:15","11"],"02/08/2019":["11","12:15","13"]}' ></div>
+            <input type="hidden" id="inputVal" value=''>
 
             <!--<div class="doodle table-responsive" data-json="json/data.json"></div>
             <input type="hidden" id="inputVal" value='' />-->
         </div>
     </div>
-
     <hr>
 
     <footer>
@@ -39,19 +38,19 @@
 </div> <!-- /container -->
 
 <!-- Jquery -->
-<script src="/node_modules/jquery/dist/jquery.js"></script>
-<script src="/node_modules/tether/dist/js/tether.js"></script>
+<script src="/doodleV2/node_modules/jquery/dist/jquery.js"></script>
+<script src="/doodleV2/node_modules/tether/dist/js/tether.js"></script>
 
 <!-- Bootstrap / Boostrap datepicker / Bootstrap timepicker -->
-<script src="/node_modules/bootstrap/dist/js/bootstrap.js"></script>
-<script src="/node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
-<script src="/node_modules/bootstrap-datepicker/dist/locales/bootstrap-datepicker.fr.min.js"></script>
-<script src="/node_modules/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
+<script src="/doodleV2/node_modules/bootstrap/dist/js/bootstrap.js"></script>
+<script src="/doodleV2/node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
+<script src="/doodleV2/node_modules/bootstrap-datepicker/dist/locales/bootstrap-datepicker.fr.min.js"></script>
+<script src="/doodleV2/node_modules/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
 
 <!-- Moment -->
-<script src="/node_modules/moment/min/moment.min.js"></script>
-<script src="/node_modules/moment/locale/fr.js"></script>
+<script src="/doodleV2/node_modules/moment/min/moment.min.js"></script>
+<script src="/doodleV2/node_modules/moment/min/moment-with-locales.js"></script>
 
-<script src="../dist/js/doodle.js" type="text/javascript"></script>
-<script src="js/app.js" type="text/javascript"></script>
+<script src="/doodleV2/dist/js/doodle.js" type="text/javascript"></script>
+<script src="/doodleV2/test/js/app.js" type="text/javascript"></script>
 </body></html>

test/js/app.js

 $( document ).ready(function() {
     $('.doodle').Doodle({
         editMode: false,
+        vertical: true,
         inputSelector: '#inputVal'
     });
-});
\ No newline at end of file
+});