Files
AS_timbres/Templates/Sistemas/manageSystem/uploadZip.html
2023-02-10 11:07:59 -06:00

93 lines
2.9 KiB
HTML

{% extends 'base.html' %}
{% block title %}
| Sistemas
{% endblock title %}
{% block content %}
<form id="upload-form">
<input type="file" name="zip_file" required>
<hr>
<label for="id_sistema">Sistema </label>
<select id="id_sistema" name="sistema" required>
{% for sistema in sistemas %}
<option value="{{ sistema.id }}">{{ sistema.nombre_sistema }} ({{ sistema.version }})</option>
{% endfor %}
</select><br><br>
<label for="id_version">version </label>
<input id="id_version" type="text" name="version"><br><br>
<label for="anio">Año:</label>
<input type="number" id="anio" name="anio" required min="23" max="30" required>
<label for="mes">Mes:</label>
<input type="number" id="mes" name="mes" required min="1" max="12" required>
<label for="mayor">Mayor:</label>
<input type="number" id="mayor" name="mayor" required min="0" max="99" value="0" required>
<label for="menor">Menor:</label>
<input type="number" id="menor" name="menor" required min="0" max="99" value="0" required>
<br><br>
<button type="submit">Upload</button>
</form>
<input type="hidden" id="id_token" name="token" value="{{ token }}">
{% endblock content %}
{% block scripts %}
<script>
var currentYear = (new Date()).getFullYear();
var currentMonthNUm = (new Date()).getMonth() +1;
console.log('currentMonth',currentMonthNUm)
var anio = document.getElementById("anio");
anio.value = currentYear.toString().slice(-2);
var mes = document.getElementById("mes");
mes.value = currentMonthNUm.toString()//.padStart(2,"0");
var mayor = document.getElementById("mayor");
var menor = document.getElementById("menor");
var version = document.getElementById("id_version");
anio.addEventListener("change", updateVersion);
mes.addEventListener("change", updateVersion);
mayor.addEventListener("change", updateVersion);
menor.addEventListener("change", updateVersion);
function updateVersion() {
console.log('sss',anio.value.toString() )
version.value = anio.value.toString()+"."+mes.value.toString() +"."+mayor.value.toString()+"."+menor.value.toString();
}
document.getElementById('upload-form').addEventListener('submit', function (event) {
event.preventDefault();
let formData = new FormData(event.target);
let token = document.getElementById("id_token").value;
fetch(`{% url 'uploadZip' %}`, {
method: 'POST',
body: formData,
headers: {
'Authorization': 'Token ' + token,
},
})
.then(function (response) {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(function (data) {
console.log(data);
window.location.reload();
})
.catch(function (error) {
console.error(error);
});
});
</script>
{% endblock scripts %}