userscripts/src/partials/sidebar.html at master · disco0/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
{% from "button.html" import button %}
{% from "icon.html" import icon %}
{% from "loader.html" import loader %}
{% from "toggle.html" import toggle %}
{% from "tag.html" import tag %}
<div id="sidebar">
    <div class="sidebar-header">
        <div class="logo">
            <img inline src="./img/logo.png">
        </div>
        <div class="dropdown" data-localize="newScriptButton" title="init">
            {{ icon("plus", "new") }}
            <ul>
                <li id="newCSS">New CSS</li>
                <li id="newJS">New Javascript</li>
            </ul>
        </div>
        <div id="filter">
            <input type="search" placeholder="init" data-localize="filter" spellcheck="false" autocomplete="off">
            {{ icon("loupe", "filterLoupe") }}
        </div>
    </div>
    <div id="scripts" class="show-all">
        <div id="placeholder" class="script">
            <div class="script-header">
                {{ tag("js") }}
                {{ tag("css") }}
                {{ tag() }}
                <div class="title truncate">
                    Placeholder Userscript
                </div>
                <div>
                    {{ toggle("true") }}
                </div>
            </div>
            <div class="description">
                Lorem ipsum dolor sit amet, consectetur adipiscing cabro sedint do eiusmod tempor incididunt ut labore et dolore magna aliqua. Q enim ad minim. Lorem ipsum dolor sit amet consectetur adipiscing cabro.
            </div>
        </div>
        {{ loader("loader-scripts") }}
    </div>
    <div class="sidebar-footer">
        <div>
            <div>
                <span id="scriptCount">0 </span>&nbsp;Userscripts
            </div>
            <div>
                <span data-localize="version">init</span>
                <span id="version"></span> -
                <a id="supportLink" data-localize="docsLink">init</a>
            </div>
        </div>
        {{ icon("settings", "settingsShow", "showSettingsButton") }}
    </div>
</div>