sergest · 3386ae7d
--- a/src/templates/completar_incidencia.html 0 → 100644

+ 104

− 0

View file @ 3386ae7d

Open in Web IDE
+++ b/src/templates/completar_incidencia.html 0 → 100644

+ 104

− 0

View file @ 3386ae7d

Open in Web IDE
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>PGPIncidents</title>
+    <!-- Establecer el ancho al ancho del sistema y el zoom al 1 -->
+    <meta name="viewport" content="width = device-width, initial-scale = 1, shrink-to-fit=no">
+
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/clientView.css') }}">
+    <!-- Link al css de Bootstrap -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
+        crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP"
+        crossorigin="anonymous">
+        <link rel="stylesheet" type="text/css" href="../static/css/formulario.css">
+    <script src="{{ url_for('static', filename='scripts/includeHTML.js') }}"></script>
+</head>
+
+<body class="d-flex" style="min-height: 100%;min-width: 100%;">
+    <!-- barra principal del menú -->
+    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top pt-0" onmouseover="closeSide('side-nav')">
+        <div class="d-inline-flex justify-content-center w-100 align-items-center">
+            <span class="navbar-brand title" style="font-size: 25px;">PGPIncidents</span>
+        </div>
+    </nav>
+
+    <div id="side-nav" class="side-nav fixed-top flex-nowrap flex-column justify-content-start d-inline-flex align-items-start bg-light" onmouseover="openSide('side-nav')">
+        <div class="side-title side-content d-flex ">
+            <img id="user-img" class="user-icon" src="../static/img/default-gravatar.png" alt="user icon">
+            <span class="collapse width align-self-center" style="min-width: 70%;padding-left: 5%;max-height: 10%">{{ current_user.nick }}</span>
+        </div>
+
+        {% if current_user.tipo == 0 %}
+        <div w3-include-html="{{ url_for('static', filename='menus/menu_supervisor.html') }}"></div>
+        {% elif current_user.tipo == 1 %}
+        <div w3-include-html="{{ url_for('static', filename='menus/menu_tecnico.html') }}"></div>
+        {% elif current_user.tipo == 2 %}
+        <div w3-include-html="{{ url_for('static', filename='menus/menu_cliente.html') }}"></div>
+        {% endif %}
+    </div>
+
+    <div id="data-body" class="container-fluid flex-grow-1" onmouseover="closeSide('side-nav')" >
+        <!-- Body -->
+        <!DOCTYPE html>
+
+<div class="inciCli">
+  <div class="formCli">  
+    
+    <form class="incidentCli" method='POST' action='/completar_incidencia/{{ incidencia.id }}'>
+      
+      <p> Incidencia {{ incidencia.id }} </p>
+      <textarea placeholder="Comentario" name="comentario" required></textarea>
+      <input type="text" placeholder="prioridad" name="prioridad" required/>
+
+      <select name="tecnico" required>
+          {% for i in range(listaTecnicos|length) %} 
+          <option value="{{ listaTecnicos[i].nick }}">{{ listaTecnicos[i].nick }}</option>
+          {% endfor %}
+      </select>
+      <button type="submit">Enviar</button>
+      
+    </form>
+  </div>
+</div>
+
+
+
+
+    </div>
+
+    <script>
+        function openSide(id) {
+            let el = document.getElementById(id);
+            if (!el.classList.contains('open')) {
+                $('.collapse').collapse('show');
+                el.classList.add('open');
+                document.getElementById('side-nav').style.width = "200px";
+            }
+        };
+        function closeSide(id) {
+            let el = document.getElementById(id);
+            if (el.classList.contains('open')) {
+                el.classList.remove('open');
+                $('.collapse').collapse('hide')
+                document.getElementById('side-nav').style.width = "64px";
+            }
+        };
+    </script>
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
+        crossorigin="anonymous"></script>
+
+<script>
+includeHTML();
+</script>
+</body>
+
+</html>