HuntShowdownLoadoutRandomizer/Randomizer.html at master · GrafKnusprig/HuntShowdownLoadoutRandomizer · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!-- HuntShowdownLoadoutRandomizer v1.5.3 -->
<!-- by GrafKnusprig -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HUNT Randomizer</title>
        <link rel="icon" href="images/logo/logo.png">
        <link rel="stylesheet" href="lib/css/slotmachine.css" />
        <link rel="stylesheet" href="lib/css/jquery-ui.min.css" />
        <link rel="stylesheet" href="lib/css/randomizer.css" />
        <link rel="stylesheet" href="lib/css/settings.css" />
        <script type="text/javascript" src="lib/js/jquery_3.5.1.min.js"></script>
        <script type="text/javascript" src="lib/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="lib/js/slotmachine.js"></script>
        <script type="text/javascript" src="lib/js/defaultConfig.js"></script>
        <script type="text/javascript" src="lib/js/settings.js"></script>
        <script type="text/javascript" src="lib/js/hunt_data.js"></script>
        <script type="text/javascript" src="lib/js/randomizer.js"></script>
    </head>

    <body>
        <div class="randomizer">
            <div id="weapons" class="slotwrapper">
                <ul id="primary"></ul>
                <ul id="primaryAmmo1" class="ammo"></ul>
                <ul id="primaryAmmo2" class="ammo"></ul>
                <ul id="secondary"></ul>
                <ul id="secondaryAmmo1" class="ammo"></ul>
                <ul id="secondaryAmmo2" class="ammo"></ul>
                <div class="buttons">
                    <button id="btnGo" onclick="randomize()">Go</button><br />
                    <button onclick="openSettingsDialog()">Set</button>
                </div>
            </div>
            <div id="tools" class="slotwrapper">
                <ul id="tool1"></ul>
                <ul id="tool2"></ul>
                <ul id="tool3"></ul>
                <ul id="tool4"></ul>
            </div>
            <div id="consumables" class="slotwrapper">
                <ul id="cons1"></ul>
                <ul id="cons2"></ul>
                <ul id="cons3"></ul>
                <ul id="cons4"></ul>
            </div>
            <span id="totalCost" class="stamp"></span>
        </div>

        <!-- Settings Dialog -->

        <!-- Slider -->
        <div class="hidden" id="settingsDialog">
            <div class="itemGroup">
                <div class="itemGroupVertical">
                    <!-- Rank Settings -->
                    <div class="sliderGroup" title="Filter list based on blood rank.">
                        <span class="sliderText">Rank</span>
                        <input id="rank" type="range" min="1" max="100" oninput="setRank()" />
                        <span class="sliderValue" id="rankValue"></span>
                    </div>
                    <!-- Dual Settings -->
                    <div class="sliderGroup" title="Chance for dual wield, if it's a random pistol loadout. Does not necessarily lead to dual wield.">
                        <span class="sliderText">Dual Chance</span>
                        <input id="dualChance" type="range" min="0" max="100" oninput="setDualChance()" />
                        <span class="sliderValue" id="dualChanceValue"></span>
                    </div>
                    <!-- Cost Settings -->
                    <div class="sliderGroup" title="Approximate price target. Can be undershot and overshot.">
                        <span class="sliderText">Price Limit</span>
                        <input id="priceLimit" type="range" min="200" max="2000" oninput="setPriceLimit()" />
                        <span class="sliderValue" id="priceLimitValue"></span>
                    </div>
                </div>
                <div class="itemGroupVertical">
                    <label class="container" title="Randomly choose a quartermaster loadout.">Quartermaster<input id="quartermaster" type="checkbox" /><span class="checkmark"></span></label>
                    <label class="container" title="Always take a first aid kit.">First Aid Kit<input id="firstAidKit" type="checkbox" /><span class="checkmark"></span></label>
                    <label class="container" title="Choose a melee tool, which fits the loadout. Considers blunt and sharp damage.">Smart Melee<input id="melee" type="checkbox" /><span class="checkmark"></span></label>
                </div>
            </div>
            <!-- Inventory -->
            <div class="itemGroup">
                <input type="text" id="inventorySearch" title="Use special keywords like: special, ammo, small, medium, large, tool, consumable, dual, sharp, blunt, melee" onkeyup="searchList()" placeholder="Search for names..." />
                <button onclick="selectAll(true)" title="Check all.">☑</button>
                <button onclick="selectAll(false)" title="Uncheck all.">☐</button>
            </div>
            <div id="inventory"></div>
        </div>
        <script>
            loadConfig();
            randomize();
        </script>
    </body>
</html>