file version update view

Templates/Sistemas/manageSystem/uploadZip.html

@@ -6,18 +6,60 @@
     
 
 {% block content %}
-<form id="upload-form">
-    <input type="file" name="zip_file">
+<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);