wip

assets/css/app.css

@@ -1,6 +1,6 @@
 @font-face {
     font-family: 'Nakadai';
-    src:url('Nakadai.ttf.woff') format('woff'),
+    src: url('Nakadai.ttf.woff') format('woff'),
         url('Nakadai.ttf.svg#Nakadai') format('svg'),
         url('Nakadai.ttf.eot'),
         url('Nakadai.ttf.eot?#iefix') format('embedded-opentype');

assets/js/barcode.js

@@ -0,0 +1,13 @@
+$(document).ready(function () {
+    // Initialize all input of date type.
+    const calendar = bulmaCalendar.attach('[type="date"]',{type:"datetime",isRange:true,color:"link",minuteSteps:1});
+
+    
+
+    // To access to bulmaCalendar instance of an element
+    $('#submit').click(function() {
+        const dateInput = $('#inicio').val();
+        //$('#selected-date').text(`Fecha seleccionada: ${dateInput}`);
+    });
+});
+

templates/barcodes.html

@@ -41,9 +41,31 @@
                 <p class="panel-heading"><i class="far fa-file"></i> Listar códigos leídos</p>
                 <form action="/barcodes">
                     <div class="panel-block">
-                        <p class="control has-icons-left">
+                        <div class="field">
-                            <input class="input is-link has-dropdown is-hoverable has-icons-right" type="datetime-local" id="inicio" name="inicio" />
+                            <label class="label">Fechas</label>
-                        </p>
+                            <div class="control">
+                                <p class="control has-icons-left">
+                                    <input class="input is-link has-dropdown is-hoverable has-icons-right" type="date"
+                                        id="inicio" name="inicio" required/>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="panel-block">
+                        <div class="field">
+                            <label class="label">Evacuadores</label>
+                            <div class="control">
+                                <p class="control has-icons-left">
+                                <div class="select">
+                                    <select name="evacuadores" id="evacuadores" required>
+                                        <option value="3">TODOS</option>
+                                        <option value="1">ATA12</option>
+                                        <option value="2">ATA345</option>
+                                    </select>
+                                </div>
+                                </p>
+                            </div>
+                        </div>
                     </div>
                     <div class="panel-block">
                         <div class="buttons">
@@ -60,5 +82,7 @@
         </div>
     </div>
 </div>
+<script src="/assets/js/barcode.js">
 
+</script>
 {{ end }}

templates/base.html

@@ -8,7 +8,11 @@
     <link rel="stylesheet" href="/assets/css/brands.css">
     <link rel="stylesheet" href="/assets/css/solid.min.css">
     <link rel="stylesheet" href="/assets/css/bulma.min.css">
+    <link rel="stylesheet" href="/assets/css/bulma-calendar.min.css">
     <link rel="stylesheet" href="/assets/css/app.css">
+    <script src="/assets/js/bulma-calendar.min.js"></script>
+    <script src="/assets/js/jquery.min.js"></script>
+    
     <title>{{ template "title" . }}</title>
 </head>
 
@@ -17,6 +21,7 @@
         FALCON
     </div>
     {{ template "body" . }}
+    
 </body>
 
 </html>