make shift creation more comfortable by automatically selecting mode on changes to the according fields and remembering entries if error occurs

2 files changed, 14 insertions, 8 deletions

diff --git a/templates/admin_shifts.html b/templates/admin_shifts.html
index 1fb62bcd..bfcc4623 100644
--- a/templates/admin_shifts.html
+++ b/templates/admin_shifts.html
@@ -34,25 +34,25 @@
         </p>
         <p>
             <label>
-                <input type="radio" name="mode" value="multi" %mode_multi_selected%/>
+                <input type="radio" name="mode" id="multi_shifts" value="multi" %mode_multi_selected%/>
             </label>Mehrere Schichten erstellen:
         </p>
         <p>
             <label>
                 Schichtlänge in Minuten:
             </label>
-            <input type="text" name="length" value="120" />
+            <input type="text" name="length" value="%mode_multi_length%" onchange="document.getElementById('multi_shifts').checked = true;" />
         </p>
         <p>
             <label>
-                <input type="radio" name="mode" value="variable" %mode_variable_selected%/>
+                <input type="radio" name="mode" id="var_multi_shifts" value="variable" %mode_variable_selected%/>
             </label>Mehrere Schichten mit variabler Länge erstellen:
         </p>
         <p>
             <label>
                 Schichtwechsel-Stunden:
             </label>
-            <input type="text" name="change_hours" style="width: 300px;" value="00, 04, 08, 10, 12, 14, 16, 18, 20, 22" />
+            <input type="text" name="change_hours" style="width: 300px;" value="%mode_variable_hours%" onchange="document.getElementById('var_multi_shifts').checked = true;" />
         </p><h2>Benötigte Engel:</h2>
         <p>
             <label>
@@ -61,11 +61,11 @@
         </p>
         <p>
             <label>
-                <input type="radio" name="angelmode" value="manually" %angelmode_manually_selected%/>
+                <input type="radio" name="angelmode" id="manual_angelmode" value="manually" %angelmode_manually_selected%/>
             </label>Es werden folgende Engel benötigt:
         </p>%angel_types%
         <p>
             <input type="submit" name="preview" value="Vorschau" />
         </p>
     </fieldset>
-</form>
\ No newline at end of file
+</form>
diff --git a/templates/admin_shifts_angel_types.html b/templates/admin_shifts_angel_types.html
index 31d2379c..04e31c81 100644
--- a/templates/admin_shifts_angel_types.html
+++ b/templates/admin_shifts_angel_types.html
@@ -6,11 +6,17 @@
     <script type="text/javascript">
         document.getElementById("type_%id%_up").onclick = function(e){
             document.getElementById("type_%id%").value = (parseInt(document.getElementById("type_%id%").value) + 101) % 100;
-			return false;
+            document.getElementById("manual_angelmode").checked = true;
+            return false;
         };
         document.getElementById("type_%id%_down").onclick = function(e){
             document.getElementById("type_%id%").value = (parseInt(document.getElementById("type_%id%").value) +99) % 100;
-			return false;
+            document.getElementById("manual_angelmode").checked = true;
+            return false;
+        };
+        document.getElementById("type_%id%").onchange = function(e){
+            document.getElementById("manual_angelmode").checked = true;
+            return false;
         };
     </script>
 </p>