allow users to re-arrange field options

Author: hargata

Views/Vehicle/Inspection/_InspectionRecordFieldOption.cshtml

@@ -12,5 +12,7 @@
         <input class="form-check-input" data-type="fieldOptionIsFail" type="checkbox" role="switch" @(Model.IsFail ? "checked" : "")>
         <label class="form-check-label" onclick="stretchedLinkClick(this)">@translator.Translate(userLanguage, "Fail")</label>
     </div>
-    <button type="button" class="btn btn-outline-danger btn-sm" onclick="deleteInspectionRecordFieldOption(this)"><i class="bi bi-trash"></i></button>
+    <button type="button" class="btn btn-outline-secondary btn-sm" onclick="moveInspectionRecordFieldOption(this)"><i class="bi bi-arrow-up"></i></button>
+    <button type="button" class="btn btn-outline-secondary btn-sm ms-2" onclick="moveInspectionRecordFieldOption(this, true)"><i class="bi bi-arrow-down"></i></button>
+    <button type="button" class="btn btn-outline-danger btn-sm ms-2" onclick="deleteInspectionRecordFieldOption(this)"><i class="bi bi-trash"></i></button>
 </div>

wwwroot/js/inspectionrecord.js

@@ -449,6 +449,20 @@ function moveInspectionRecordField(e, isDown) {
         }
     }
 }
+function moveInspectionRecordFieldOption(e, isDown) {
+    let currentField = $(e).closest('[data-type="fieldOption"]');
+    if (isDown) {
+        let nextField = currentField.next('[data-type="fieldOption"]');
+        if (nextField.length != 0) {
+            currentField.insertAfter(nextField);
+        }
+    } else {
+        let prevField = currentField.prev('[data-type="fieldOption"]');
+        if (prevField.length != 0) {
+            currentField.insertBefore(prevField);
+        }
+    }
+}
 function duplicateInspectionRecordTemplateToVehicle() {
     let inspectionRecordsIds = [];
     inspectionRecordsIds.push(getInspectionRecordModelData().id);