use-select2

Author: haslinghuis

src/css/tabs/onboard_logging.less

@@ -225,6 +225,9 @@
 			line-height: 20px;
 		}
 	}
+	.blackboxDebugModeText {
+		margin-left: 7px !important;
+	}
 	.sdcard {
 		padding: 10px;
 		float: left;

src/js/tabs/onboard_logging.js

@@ -340,7 +340,22 @@ onboard_logging.initialize = function (callback) {
             }
 
             debugModeSelect.val(FC.PID_ADVANCED_CONFIG.debugMode);
-            debugModeSelect.sortSelect("NONE");
+
+            // Convert to select2 and order alphabetic
+            debugModeSelect.select2({
+                sorter(data) {
+                    return data.sort(function(a, b) {
+                        if (a.text === "NONE" || b.text === i18n.getMessage('onboardLoggingDebugModeUnknown')) {
+                            return -1;
+                        } else if (b.text ==="NONE" || a.text === i18n.getMessage('onboardLoggingDebugModeUnknown')) {
+                            return 1;
+                        } else {
+                            return a.text.localeCompare(b.text);
+                        }
+                    });
+                },
+            });
+            // debugModeSelect.sortSelect("NONE");
 
         } else {
             $('.blackboxDebugMode').hide();