1
<div id="assets_ui">
2
    <div class="inline-drawer">
3
        <div class="inline-drawer-toggle inline-drawer-header">
4
            <b data-i18n="Download Extensions & Assets">Download Extensions & Assets</b>
5
            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
6
        </div>
7
        <div class="inline-drawer-content">
8
            <small>
9
                <span data-i18n="Load a custom asset list or select">
10
                    Load a custom asset list or select
11
                </span>
12
                <a class="assets-install-hint-link" data-i18n="Install extension">Install&nbsp;Extension</a>
13
                <span data-i18n="to install 3rd party extensions.">
14
                    to install 3rd party extensions.
15
                </span>
16
            </small>
17
            <div class="assets-url-block m-b-1 m-t-1">
18
                <label for="assets-json-url-field" data-i18n="Assets URL">Assets URL</label>
19
                <small data-i18n="[title]load_asset_list_desc" title="Load a list of extensions & assets based on an asset list file.
20

21
The default Asset URL in this field points to the list of offical first party extensions and assets.
22
If you have a custom asset list, you can insert it here.
23

24
To install a single 3rd party extension, use the &quot;Install Extensions&quot; button on the top right.">
25
                    <span data-i18n="Load an asset list">Load an asset list</span>
26
                    <div class="fa-solid fa-circle-info opacity50p"></div>
27
                </small>
28
                <div class="assets-connect-div">
29
                    <input id="assets-json-url-field" class="text_pole widthUnset flex1">
30
                    <i id="assets-connect-button" class="menu_button fa-solid fa-plug-circle-exclamation fa-xl redOverlayGlow" title="Load Asset List" data-i18n="[title]Load Asset List"></i>
31
                </div>
32
            </div>
33
            <div id="assets_filters" class="flex-container">
34
                <select id="assets_type_select" class="text_pole flex1">
35
                </select>
36
                <input id="assets_search" class="text_pole flex1" data-i18n="[placeholder]Search" placeholder="Search" type="search">
37
                <div id="assets-characters-button" class="menu_button menu_button_icon">
38
                    <i class="fa-solid fa-image-portrait"></i>
39
                    <span data-i18n="Characters">Characters</span>
40
                </div>
41
            </div>
42
            <div id="assets_menu">
43
            </div>
44
        </div>
45
    </div>
46
</div>