From 82c8482bb3e76347e7ada04e052ba2eae5e11840 Mon Sep 17 00:00:00 2001
From: Martin Putzlocher <m.putzlocher@stiftland-gymnasium.de>
Date: Thu, 2 Feb 2023 08:41:10 +0100
Subject: [PATCH] completed form

---
 main.html | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 88 insertions(+), 1 deletion(-)

diff --git a/main.html b/main.html
index 8feb89c..a1353df 100644
--- a/main.html
+++ b/main.html
@@ -14,6 +14,27 @@
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.1.1/chart.min.js"></script>
 
    <script>
+   /*
+   function processForm(e) {
+    if (e.preventDefault) e.preventDefault();
+
+    // do what you want with the form
+
+    // You must return false to prevent the default form behavior
+    return false;
+   }
+
+   var form = document.getElementById('newEntryForm');
+   if (form.attachEvent) {
+   form.attachEvent("submit", processForm);
+   } else {
+      form.addEventListener("submit", processForm);
+   }
+   */
+
+
+
+
    let data = new Map();
    data.set("INS", 0); // instructional principle
    data.set("VIS", 2); // visibility / audio
@@ -43,7 +64,7 @@
             <label class="w3-text-green" for="videoname"><b>Name of Video</b></label>
             <input class="w3-input w3-border w3-light-grey" type="text" id="videoname" name="videoname" value="name of video">
 
-          <div class="w3-row-padding">
+      <div class="w3-row-padding">
         <div class="w3-half">
             <label class="w3-text-green" for="ins_sel"><b>Instructional principle</b></label>
              <select class="w3-select w3-border w3-white" name="ins_sel" id="ins_sel">
@@ -68,6 +89,72 @@
         </div>
     </div>
 
+    <div class="w3-row-padding">
+        <div class="w3-half">
+            <label class="w3-text-green" for="seg_sel"><b>Segmentation</b></label>
+             <select class="w3-select w3-border w3-white" name="seg_sel" id="seg_sel">
+                <option value="0" selected>not acceptable</option>
+                <option value="1">minimal requirements</option>
+                <option value="2">medium quality</option>
+                <option value="3">high quality</option>
+                <option value="4">excellent quality</option>
+                <!-- further options -->
+             </select>
+        </div>
+        <div class="w3-half">
+            <label class="w3-text-green" for="act_sel"><b>Activity</b></label>
+             <select class="w3-select w3-border w3-white" name="act_sel" id="act_sel">
+                <option value="0" selected>not acceptable</option>
+                <option value="1">minimal requirements</option>
+                <option value="2">medium quality</option>
+                <option value="3">high quality</option>
+                <option value="4">excellent quality</option>
+                <!-- further options -->
+             </select>
+        </div>
+    </div>
+
+     <div class="w3-row-padding">
+        <div class="w3-half">
+            <label class="w3-text-green" for="int_sel"><b>interactivity</b></label>
+             <select class="w3-select w3-border w3-white" name="int_sel" id="int_sel">
+                <option value="0" selected>not acceptable</option>
+                <option value="1">minimal requirements</option>
+                <option value="2">medium quality</option>
+                <option value="3">high quality</option>
+                <option value="4">excellent quality</option>
+                <!-- further options -->
+             </select>
+        </div>
+        <div class="w3-half">
+            <label class="w3-text-green" for="dyn_sel"><b>Principle of Dynamic Drawing</b></label>
+             <select class="w3-select w3-border w3-white" name="dyn_sel" id="dyn_sel">
+                <option value="0" selected>not acceptable</option>
+                <option value="1">minimal requirements</option>
+                <option value="2">medium quality</option>
+                <option value="3">high quality</option>
+                <option value="4">excellent quality</option>
+                <!-- further options -->
+             </select>
+        </div>
+    </div>
+
+         <div class="w3-row-padding">
+        <div class="w3-half">
+            <label class="w3-text-green" for="tra_sel"><b>Translatability</b></label>
+             <select class="w3-select w3-border w3-white" name="tra_sel" id="tra_sel">
+                <option value="0" selected>not acceptable</option>
+                <option value="1">minimal requirements</option>
+                <option value="2">medium quality</option>
+                <option value="3">high quality</option>
+                <option value="4">excellent quality</option>
+                <!-- further options -->
+             </select>
+        </div>
+        <div class="w3-half">
+        </div>
+    </div>
+
 
       <div class="w3-container w3-margin">
         <input class="w3-btn w3-green" type="submit" name="do_entry" value="OK">