form nuova lezione quasi pronto

Author: paoli7612

src/nuovaLezione/form.php

@@ -2,14 +2,14 @@
   <form method="post">
     <div class="form-group">
       <div class="form-label-group">
-        <input id="titolo" name="email" type="text" class="form-control" placeholder="Titolo" required="required" autofocus="autofocus">
-        <label for="titolo">Titolo</label>
+        <input id="inputTitolo" name="titolo" type="text" class="form-control" placeholder="Titolo" required="required" autofocus="autofocus">
+        <label for="inputTitolo">Titolo</label>
       </div>
     </div>
     <div class="form-group">
       <div class="form-label-group">
-        <input name="password" type="password" class="form-control" placeholder="Descrizione">
-        <label for="inputPassword">Descrizione</label>
+        <input id="inputDescrizione" name="note" type="text" class="form-control" placeholder="Descrizione">
+        <label for="inputDescrizione">Descrizione</label>
       </div>
     </div>
     <div class="form-group">
@@ -50,19 +50,20 @@
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-header">
-            <h5 class="modal-title" id="EtichetteTitle">Seleziona materie:</h5>
+            <h5 class="modal-title" id="EtichetteTitle">Seleziona etichette:</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
           </div>
           <div class="modal-body">
-            <?php  $materie=query("SELECT * FROM materie") ?>
-            <?php foreach ($materie as $materia): ?>
-              <div class="custom-control custom-checkbox">
-                <input type="checkbox" class="custom-control-input" name="<?php echo $materia['id'] ?>"id="<?php echo $materia['id'] ?>">
-                <label class="custom-control-label" for="<?php echo $materia['id'] ?>"><?php echo $materia['titolo'] ?></label>
+            <div class="form-group">
+              <div class="form-label-group">
+                <input id="inputEtichetta" type="text" class="form-control" placeholder="Etichette" onkeyup="keyupEtichetta(this)">
+                <label for="inputEtichetta">Etichette</label>
               </div>
-            <?php endforeach; ?>
+            </div>
+            <div id="etichette">
+            </div>
           </div>
           <div class="modal-footer">
             <button type="button" class="btn btn-primary" data-dismiss="modal">Conferma</button>
@@ -75,4 +76,7 @@
     <button type="submit" class="btn btn-primary btn-block">Crea nuova lezione</button>
   </form>
 </div>
+<script type="text/javascript" src="script.js">
+
+</script>
 <!-- Button trigger modal -->

src/nuovaLezione/script.js

@@ -0,0 +1,14 @@
+var autoincrement = 0;
+var keyupEtichetta  = function(a){
+  var string = a.value;
+  if (string.substr(string.length - 1, string.length) == " "){
+    var etichetta = string.substr(0, string.length - 1);
+    autoincrement++;
+    $('#etichette').append("<div class=\"form-group\"><input type=\"hidden\" name=\"etichetta_"+autoincrement+"\" value=\""+etichetta+"\"><div class=\"form-label-group\"><button onclick=\"eliminaEtichetta(this)\" type=\"button\" class=\"btn btn-block btn-dark\">"+etichetta+"<i class=\"fas fa-times float-right\"></i></button></div></div>");
+    a.value="";
+  }
+}
+
+var eliminaEtichetta = function(a){
+  a.parentElement.parentElement.remove();
+}