MinecraftModDownloader/search.html at main · thehousewashere/MinecraftModDownloader · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<div class="input-group">
    <table class="table no-padding-table" style="width: 90%;">
        <thead>
            <tr>
                <th>Search Settings</th>
                <th id="searchOptionsText" style="width: 10%;">Options</th>
                <th>Query</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="width: 20%;">
                    <div class="form-floating">
                        <input type="text" class="form-control" placeholder="" id="searchVersionInput">
                        <label for="searchVersionInput">Version (e.g 1.20.1)</label>
                    </div>
                    <div class="form-floating">
                        <input type="number" class="form-control" placeholder="" value="10" id="searchLimitInput" min="1" max="50">
                        <label for="searchLimitInput">Number of Results</label>
                    </div>
                    <div class="form-floating">
                        <select class="form-select" id="searchLoaderDropdown">
                            <option value="Forge">Forge</option>
                            <option value="NeoForge">NeoForge</option>
                            <option value="Fabric">Fabric</option>
                            <option value="Quilt">Quilt</option>
                            <option selected value="">No Specified Loader</option>
                        </select>
                        <label for="searchLoaderDropdown">Loader</label>
                    </div>
                </td>

                <td class="d-grid">
                    <input type="checkbox" class="btn-check" id="searchModrinthButton" checked autocomplete="off">
                    <label class="btn" for="searchModrinthButton">Modrinth</label>
                    <input type="checkbox" class="btn-check" id="searchCurseForgeButton" checked autocomplete="off">
                    <label class="btn" for="searchCurseForgeButton">CurseForge</label>
                </td>
                <td>
                    <input class="form-control" aria-label="With textarea" id="searchTextArea"
                    placeholder="e.g Twigs" style="height: 78px;"></input>
                    <!-- style="height: 174px;"  -->
                    <pre id="cat" class="cat" style="line-height: 90%;" data-count="0">


                          |\__/,|   (`\
                        _.|o o  |_   ) )
                      -(((---(((--------<br></pre>
                </td>
            </tr>
        </tbody>
    </table>

    <button class="btn btn-outline-secondary" type="button" id="searchSearchButton" style="width: 10%;">Search</button>
</div>

<div class="card border-primary" id="searchOutput" >
    <div class="card-header">
        <!-- <button type="button" class="btn btn-warning" id="searchSelectAllOutput"><i class="bi bi-check-all"></i></button> -->
        <button type="button" class="btn btn-primary" id="searchSendOutput"><i class="bi bi-arrow-up-left"></i></button>
        <t id="searchOutputTitle">List</t>
    </div>
    <div class="card-body">
        <div id="searchProgressDiv" class="progress" role="progressbar"
            aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="display: none;">
            <div id="searchProgressBar" class="progress-bar" style="width: 0%"></div>
        </div>
        <div class="card-text" id="searchOutputText" data-empty="true">
            <ol>
                <li>Enter a query.</li>
                <li>Select the mods you want to keep.</li>
                <li>Click the <span class="badge rounded-pill text-bg-primary"><i class="bi bi-arrow-up-left"></i></span> button to send the mods to the URL Downloader.</li>
            </ol>
    </div>
</div>