userscripts/Userscripts Extension/editor.html at master · dekpient/userscripts · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="editor/CodeMirror/codemirror.css">
        <link rel="stylesheet" href="editor/CodeMirror/addon/hint/show-hint.css">
        <link rel="stylesheet" href="editor/CodeMirror/addon/fold/foldgutter.css" />
        <script src="editor/CodeMirror/codemirror.js"></script>
        <script src="editor/CodeMirror/addon/hint/show-hint.js"></script>
        <script src="editor/CodeMirror/addon/hint/javascript-hint.js"></script>
        <script src="editor/CodeMirror/addon/placeholder.js"></script>
        <script src="editor/CodeMirror/addon/active-line.js"></script>
        <script src="editor/CodeMirror/addon/matchbrackets.js"></script>
        <script src="editor/CodeMirror/addon/closebrackets.js"></script>
        <script src="editor/CodeMirror/addon/comment.js"></script>
        <script src="editor/CodeMirror/addon/fold/foldcode.js"></script>
        <script src="editor/CodeMirror/addon/fold/foldgutter.js"></script>
        <script src="editor/CodeMirror/addon/fold/brace-fold.js"></script>
        <script src="editor/CodeMirror/addon/fold/indent-fold.js"></script>
        <script src="editor/CodeMirror/mode/javascript.js"></script>
        <link rel="stylesheet" href="editor/editor.css">
    </head>
    <body>
        <header>
            <div class="title">
                <span>Userscripts&nbsp;</span><span id="version">...</span>
            </div>
            <div id="download" class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                    <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/>
                </svg>
            </div>
            <div id="info" class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                    <path d="M0 0h24v24H0z" fill="none"/>
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
                </svg>
            </div>
            <div id="toggle" class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                    <path fill="none" d="M0 0h24v24H0z"/>
                    <path d="M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z"/>
                </svg>
            </div>
        </header>
        <main>
            <textarea id="code"></textarea>
        </main>
        <footer>
            <div id="status">...</div>
            <button id="discard" disabled>...</button>
            <button id="save" disabled>...</button>
        </footer>
        <script src="editor/localize.js"></script>
        <script src="editor/editor.js"></script>
    </body>
</html>