Build options page programatically
Until now we manually created the options page layout, but we want to
add custom elements before each option (for the kill switch
functionality), and this is very cumbersome to do it manually. Thus,
this CL builds the options page layout programatically to be able to
easilly inject a custom component before each option.
Change-Id: Ib110679971fa70c9933be911c4750b7fafa1d40e
diff --git a/src/options/optionsPage.json5 b/src/options/optionsPage.json5
new file mode 100644
index 0000000..694c7dc
--- /dev/null
+++ b/src/options/optionsPage.json5
@@ -0,0 +1,40 @@
+// This file defines the sections of the options page, in which section each
+// option appears in, whether the "experimental" label should appear next to the
+// option label, and whether each option should use custom HTML.
+{
+ sections: [
+ {
+ name: null,
+ options: [
+ {codename: 'list'},
+ {codename: 'thread'},
+ {codename: 'threadall'},
+ ],
+ },
+ {
+ name: 'enhancements',
+ options: [
+ {codename: 'fixedtoolbar'},
+ {codename: 'redirect'},
+ {codename: 'history'},
+ {codename: 'loaddrafts', experimental: true},
+ {codename: 'increasecontrast'},
+ {codename: 'stickysidebarheaders'},
+ {codename: 'ccdarktheme'},
+ {codename: 'ccforcehidedrawer'},
+ {codename: 'ccdragndropfix', customHTML: '<div id="dragndrop-wrapper" class="option" hidden><input type="checkbox" id="ccdragndropfix"> <label for="ccdragndropfix" data-i18n="ccdragndropfix"></label></div>'},
+ {codename: 'batchlock'},
+ {codename: 'enhancedannouncementsdot'},
+ {codename: 'repositionexpandthread', experimental: true},
+ ],
+ },
+ {
+ name: 'profileindicator_header',
+ options: [
+ {codename: 'profileindicator'},
+ {codename: 'profileindicatoralt'},
+ ],
+ footerHTML: '<div class="option"><a id="profileIndicatorMoreInfo" target="_blank" rel="noreferrer noopener" data-i18n="profileindicator_moreinfo"></a></div>',
+ },
+ ],
+}