options UI for selecting support code note MIME types

src/public/javascripts/dialogs/options/code_notes.js

@@ -0,0 +1,44 @@
+import server from "../../services/server.js";
+import mimeTypesService from "../../services/mime_types.js";
+import optionsService from "../../services/options.js";
+
+export default class CodeNotesOptions {
+    constructor() {
+        this.$mimeTypes = $("#options-mime-types");
+    }
+
+    async optionsLoaded(options) {
+        this.$mimeTypes.empty();
+
+        let idCtr = 1;
+
+        for (const mimeType of await mimeTypesService.getMimeTypes()) {
+            const id = "code-mime-type-" + (idCtr++);
+
+            this.$mimeTypes.append($("<li>")
+                .append($('<input type="checkbox">')
+                    .attr("id", id)
+                    .attr("data-mime-type", mimeType.mime)
+                    .prop("checked", mimeType.enabled))
+                    .change(() => this.save())
+                .append(" &nbsp; ")
+                .append($('<label>')
+                    .attr("for", id)
+                    .text(mimeType.title))
+            );
+        }
+    }
+
+    async save() {
+        const enabledMimeTypes = [];
+
+        this.$mimeTypes.find("input:checked").each(
+            (i, el) => enabledMimeTypes.push($(el).attr("data-mime-type")));
+
+        const opts = { codeNotesMimeTypes: JSON.stringify(enabledMimeTypes) };
+
+        await server.put('options', opts);
+
+        await optionsService.reloadOptions();
+    }
+}