albert/cml04-falcon-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Albert Espín 2024-10-06 17:23:57 +02:00
parent 32a7b15c80
commit aed312a0f5
6 changed files with 50 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/app.css
View File

@ -1,9 +1,9 @@
@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');
url('Nakadai.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@ -11,4 +11,4 @@
.banner {
font-family: 'Nakadai';
font-size: 22px;
}
}

1
assets/css/bulma-calendar.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

13
assets/js/barcode.js Normal file
View File

@ -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}`);
});
});

1
assets/js/bulma-calendar.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

30
templates/barcodes.html
View File

@ -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">
<input class="input is-link has-dropdown is-hoverable has-icons-right" type="datetime-local" id="inicio" name="inicio" />
</p>
<div class="field">
<label class="label">Fechas</label>
<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 }}

5
templates/base.html
View File

@ -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>