aboutsummaryrefslogtreecommitdiff
path: root/yomichan/settings.html.diff
blob: 1b6064f59328feb686e64b6234d51bef1fe747a6 (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
66
67
68
69
--- yomichan-original/settings.html	2022-10-30 12:39:42.000000000 +0100
+++ yomichan/settings.html	2023-01-29 18:28:49.783600435 +0100
@@ -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">
 </head>
 <body>
 
@@ -39,6 +41,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">
@@ -2152,6 +2155,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>
@@ -3802,6 +3818,29 @@
 </div></template>
 
 
+<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>
+
+
 <!-- Scripts -->
 <script src="/lib/wanakana.min.js"></script>