-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
90 lines (90 loc) · 6.85 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Warcraft Item Level Calculator</title>
<link rel="stylesheet" href="styles.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://kit.fontawesome.com/666b0b7246.js" crossorigin="anonymous"></script>
<script src="script.js"></script>
</head>
<body>
<div id="float">
<div id="container">
<header>
<h1>WoW Item Level Calculator</h1>
<div class="github"><a href="https://github.com/dewmguy/ItemLevelCalculator" target="_blank"><i class="fa-brands fa-github"></i></a></div>
</header>
<form id="calculator">
<div id="configPanel">
<div class="column">
<div class="group pill">
<div class="item"><input class="full" type="radio" id="selectLevel" name="calcMethod" value="level" required checked /> <label for="selectLevel">Calculate Level</label></div>
<div class="item"><input class="full" type="radio" id="selectStats" name="calcMethod" value="stats" required /> <label for="selectStats">Calculate Stats</label></div>
<input class="full" type="number" id="item-level" name="itemLevel" placeholder="Item Level" />
</div>
<div class="note textLevel">Determines the item level based on the stat values.</div>
<div class="note textStats">Determines the stat values based on the item level.</div>
<div class="note">Calculation interprets a stat value as <span id="statMethod">an integer</span>.</div>
</div>
<div class="group pill">
<div class="item"><input type="radio" data-quality="2" id="uncommon" name="itemQuality" value="uncommon" checked required /> <label class="uncommon" for="uncommon">Uncommon</label></div>
<div class="item"><input type="radio" data-quality="3" id="rare" name="itemQuality" value="rare" required /> <label class="rare" for="rare">Rare</label></div>
<div class="item"><input type="radio" data-quality="4" id="epic" name="itemQuality" value="epic" required /> <label class="epic" for="epic">Epic</label></div>
<div class="item"><input type="radio" data-quality="5" id="legendary" name="itemQuality" value="legendary" required disabled /> <label class="legendary" for="legendary">Legendary</label></div>
<div class="item"><input type="radio" data-quality="6" id="artifact" name="itemQuality" value="artifact" required disabled /> <label class="artifact" for="artifact">Artifact</label></div>
</div>
<div class="group pill">
<div class="item"><input type="radio" id="armor" name="itemClass" value="4" checked required /> <label for="armor">Armor</label></div>
<div class="item"><input type="radio" id="weapon" name="itemClass" value="2" required /> <label for="weapon">Weapon</label></div>
</div>
<div class="group">
<select class="itemSlot" id="item-slot" name="itemSlot" required></select>
<select class="itemType" id="item-subclass" name="itemType" required></select>
</div>
<div class="group pill weaponMethod">
<div class="item"><input class="full" type="radio" id="weaponMelee" name="weaponMethod" value="melee" required checked /> <label for="weaponMelee">Melee</label></div>
<div class="item"><input class="full" type="radio" id="weaponCaster" name="weaponMethod" value="caster" required /> <label for="weaponCaster">Caster</label></div>
</div>
<div class="group weaponDamage">
<div class="item"><input type="number" id="weaponSpeed" name="weaponSpeed" step="0.1" placeholder="Weapon Speed (1.0 to 6.0)" /></div>
</div>
<div class="group weaponDamageExtra">
<select id="item-damage1" name="damageType1"></select>
<div class="group pill">
<div class="item"><input type="number" id="damageMin1" name="damageMin1" placeholder="Min" /></div>
<div class="item"><input type="number" id="damageMax1" name="damageMax1" placeholder="Max" /></div>
</div>
</div>
<div class="group pill">
<div class="item"><input type="radio" id="boe" name="itemBind" value="boe" checked /> <label for="boe">Bind on Equip</label></div>
<div class="item"><input type="radio" id="bop" name="itemBind" value="bop" /> <label for="bop">Bind on Pickup</label></div>
<div class="item"><input type="radio" id="nobind" name="itemBind" value="nobind" /> <label for="nobind">No Bind</label></div>
</div>
<div class="group pill">
<div class="item"><input type="radio" id="nounique" name="itemUnique" value="nounique" checked /> <label for="nounique">Not Unique</label></div>
<div class="item"><input type="radio" id="unique" name="itemUnique" value="unique" /> <label for="unique">Unique</label></div>
<div class="item"><input type="radio" id="equipped" name="itemUnique" value="equipped" /> <label for="equipped">Unique-Equipped</label></div>
</div>
<div class="group">
<input type="text" id="item-name" value="" class="uncommon" placeholder="Item Name (Optional)" />
<input class="quarter" type="number" id="item-reqlvl" name="itemReqLevel" placeholder="Level" />
</div>
<div class="group">
<input type="text" id="item-description" value="" placeholder="Flavor Text" />
</div>
</div>
<div id="statPanel">
<div class="group"><button type="button" id="add-stat">Add Stat</button><button type="button" id="add-socket">Add Socket</button></div>
<div id="stats"></div>
<div class="group"><button id="submit" type="submit">Calculate</button><i id="reset" class="link fa-solid fa-rotate-right"></i></div>
</div>
</form>
</div>
<div id="output">
<div class="tooltip"></div>
</div>
</div>
</body>
</html>