aboutsummaryrefslogtreecommitdiff
path: root/yomichan/settings.html.diff
blob: 43d8c6f3911465c42997b2811841fec2286321f2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
@@ -14,6 +14,8 @@
     <link rel="stylesheet" type="text/css" href="/css/material.css">
     <link rel="stylesheet" type="text/css" href="/css/settings.css">
     <link rel="stylesheet" type="text/css" href="/css/display-pronunciation.css">
+    <link rel="stylesheet" type="text/css" href="/css/icons.css">
+    <link rel="stylesheet" type="text/css" href="/css/userscript-settings.css">
     <script src="/js/pages/settings/settings-main.js" type="module"></script>
 </head>
 <body>
@@ -40,6 +42,7 @@
             <a href="#!backup"           class="button outline-item"><span class="outline-item-left"><span class="outline-item-icon icon" data-icon="backup"></span></span><span class="outline-item-label">Backup</span></a>
             <a href="#!accessibility"    class="button outline-item"><span class="outline-item-left"><span class="outline-item-icon icon" data-icon="accessibility"></span></span><span class="outline-item-label">Accessibility</span></a>
             <a href="#!security"         class="button outline-item advanced-only"><span class="outline-item-left"><span class="outline-item-icon icon" data-icon="lock"></span></span><span class="outline-item-label">Security</span></a>
+            <a href="#!userscript"         class="button outline-item advanced-only"><span class="outline-item-left"><span class="outline-item-icon icon" data-icon="script"></span></span><span class="outline-item-label">User script</span></a>
         </div>
         <div class="sidebar-bottom">
             <label class="button outline-item"><span class="outline-item-left">
@@ -2131,6 +2134,19 @@
         </div>
     </div>
 
+    <div class="heading-container advanced-only">
+        <div class="heading-container-icon"><span class="icon" data-icon="script"></span></div>
+        <div class="heading-container-left"><h2 id="userscript"><a href="#!userscript">User script</a></h2></div>
+    </div>
+    <div class="settings-group advanced-only">
+        <div class="settings-item settings-item-button" data-modal-action="show,user-script"><div class="settings-item-inner">
+            <div class="settings-item-left"><div class="settings-item-label">Configure user.js&hellip;</div></div>
+            <div class="settings-item-right open-panel-button-container">
+                <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button>
+            </div>
+        </div></div>
+    </div>
+
     <div class="footer-padding"></div>
 
 </div>
@@ -3407,5 +3423,27 @@
     </div>
 </div></div>
 
+<div id="user-script-modal" class="modal modal-left" tabindex="-1" role="dialog" hidden><div class="modal-content-container1">
+    <div class="modal-content-container2 modal-content-dimmer"><div class="modal-content">
+        <div class="modal-header">
+            <div class="modal-title">User script</div>
+            <div class="modal-header-button-container">
+                <div class="modal-header-button-group">
+                    <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button>
+                    <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button>
+                </div>
+            </div>
+        </div>
+        <div class="modal-body" id="user-script-container">
+            <div class="user-script-header">user.js (runs on search page and in popup frame)</div>
+            <textarea autocomplete="off" spellcheck="false" id="user-script-editor" data-setting="general.userScript" data-tab-action="indent,4"></textarea>
+        </div>
+        <div class="modal-footer">
+            <button data-modal-action="hide">Close</button>
+        </div>
+    </div></div>
+    <div class="modal-content-container1-fade"></div>
+</div></div>
+
 </body>
 </html>