-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
155 lines (125 loc) · 8.19 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Skyblock Bazaar Flipping Calculator</title>
<meta name="description" content="A utility to help players make money by 'Bazaar Flipping' in Hypixel Skyblock."/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="icon" type="image/png" href="./favicon.png">
</head>
<body>
<a href="https://github.com/ianrenton/Skyblock-Bazaar-Flipping-Calculator"><img width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png?resize=149%2C149" class="attachment-full size-full github-ribbon" alt="Fork me on GitHub" data-recalc-dims="1"></a>
<h1>Skyblock Bazaar Flipping Calculator</h1>
<p>"Bazaar Flipping" in Hypixel Skyblock is the practice of putting in a <b>Buy Order</b> for a certain set of items at the Bazaar, and simultaneously also putting in a <b>Sell Offer</b> for the same items, for a higher price. This page queries the Skyblock API and gives you a list of the most profitable items to "flip" at the present time.</p>
<div class="inputs">
<div class="tooltipparent">
<p>I have <input id="maxOutlay" type="text"> coins to use for bazaar flipping</p>
<div class="tooltip">Number of coins available: This will affect how many of each item you can afford to flip.</div>
</div>
<div id="optionsheader">
<input type="checkbox" id="showOptions" name="showOptions">
<label for="showOptions">Options </label>
</div>
<div id="options">
<div class="tooltipparent">
<p><input name="useOfferLimit" id="useOfferLimit" type="checkbox" class="css-checkbox" checked="checked" /> <label for="useOfferLimit">Place at most <input id="maxOffers" type="text"> offers</label></p>
<div class="tooltip">Maximum number of offers: For very cheap items, you may have to place more than one offer to achieve the maximum profit, due to the 71680 item cap per offer. This control constrains this if you only wish to make a small number of orders/offers.</div>
</div>
<div class="tooltipparent">
<p><input name="useQuantityLimit" id="useQuantityLimit" type="checkbox" class="css-checkbox" /> <label for="useQuantityLimit">Trade at most <input id="maxQuantity" type="text"> items total</label></p>
<div class="tooltip">Maximum number of items total: Only consider trades of this many items in total. Intended to be used for players who do not want to manage a high-quantity offer.</div>
</div>
<div class="tooltipparent">
<p><input name="useBacklogLimit" id="useBacklogLimit" type="checkbox" class="css-checkbox" checked="checked" /> <label for="useBacklogLimit">Exclude items with a sales backlog of more than <input id="maxBacklog" type="text"> days</label></p>
<div class="tooltip">Exclude items with long backlogs: In some cases, certain items may be selling very slowly, leading to a high risk that you will be left with the items, not the profit. This control excludes items from the list that have a backlog of more than a certain number of days.</div>
</div>
<div class="tooltipparent">
<p><input name="includeEnchantments" id="includeEnchantments" type="checkbox" class="css-checkbox" />
<label for="includeEnchantments">Include enchantments</label></p>
<div class="tooltip">Include enchantment items: These generally sell very slowly, leading to a high risk that you will be left with the items, not the profit even though the "Sales Backlog" appears small. This checkbox controls whether enchantments appear in the list.</div>
</div>
<div class="tooltipparent">
<p><input name="includeSaleToNPCs" id="includeSaleToNPCs" type="checkbox" class="css-checkbox" checked="checked" />
<label for="includeSaleToNPCs">Indicate where items can be sold to NPCs for more than on the Bazaar</label></p>
<div class="tooltip">Allow sale to NPCs: Some items sell on the Bazaar for less than an NPC will buy them for. Select this option to indicate where selling to an NPC is more profitable.</div>
</div>
<div class="tooltipparent">
<p><input name="npcOnlyFilter" id="npcOnlyFilter" type="checkbox" class="css-checkbox" />
<label for="npcOnlyFilter">Show only items that are sold to NPCs</label></p>
<div class="tooltip">If checked, only items that can be sold to NPCs for more than the Bazaar price will be shown. This removes any risk of losing coins, and you dont need to wait for someone to buy the item off of the bazaar</div>
</div>
<div class="tooltipparent">
<p><input name="removeManipulated" id="removeManipulated" type="checkbox" class="css-checkbox" checked="checked" />
<label for="removeManipulated">Remove items that may be manipulated</label></p>
<div class="tooltip">Remove manipulated items: A formula checks if the spread between the buy and sell price is very large. A wide margin (something like 10x) might mean that the item is being manipulated. This checkbox controls whether these potentially manipulated items appear in the list.</div>
</div>
</div>
</div>
<div class="sorts">
<input type="radio" id="sortByName" class="sortBy" name="sortBy" value="name">
<label for="sortByName">Sort by Item Name</label>
<input type="radio" id="sortBySalesBacklog" class="sortBy" name="sortBy" value="salesBacklog">
<label for="sortBySalesBacklog">Sort by Sales Backlog</label>
<input type="radio" id="sortByProfitPerItem" class="sortBy" name="sortBy" value="profitPerItem">
<label for="sortByProfitPerItem">Sort by Profit per Item</label>
<input type="radio" id="sortByTotalProfit" class="sortBy" name="sortBy" value="totalProfit" checked="checked">
<label for="sortByTotalProfit">Sort by Total Profit</label>
</div>
<div id="table"></div>
<div class="collapsible-container">
<button class="collapsible-btn" id="button1">
<span class="buttonText"><b>Items excluded from the table because they are not profitable</b></span>
<div class="arrow-right"></div>
<div class="arrow-down"></div>
</button>
<div class="content">
<div id="missingItemExplanation1"></div>
</div>
</div>
<div class="collapsible-container">
<button class="collapsible-btn" id="button2">
<span class="buttonText"><b>Items excluded from the table because you cannot afford one</b></span>
<div class="arrow-right"></div>
<div class="arrow-down"></div>
</button>
<div class="content">
<div id="missingItemExplanation2"></div>
</div>
</div>
<div class="collapsible-container">
<button class="collapsible-btn" id="button3">
<span class="buttonText"><b>Items excluded from the table because the sales backlog is too long</b></span>
<div class="arrow-right"></div>
<div class="arrow-down"></div>
</button>
<div class="content">
<div id="missingItemExplanation3"></div>
</div>
</div>
<div class="collapsible-container">
<button class="collapsible-btn" id="button4">
<span class="buttonText"><b>Enchantments excluded from the table at user request</b></span>
<div class="arrow-right"></div>
<div class="arrow-down"></div>
</button>
<div class="content">
<div id="missingItemExplanation4"></div>
</div>
</div>
<div class="collapsible-container">
<button class="collapsible-btn" id="button5">
<span class="buttonText"><b>Likely-manipulated items excluded from the table at user request</b></span>
<div class="arrow-right"></div>
<div class="arrow-down"></div>
</button>
<div class="content">
<div id="missingItemExplanation5"></div>
</div>
</div>
<div id="footer"><p>Made by <a href="https://ianrenton.com">Ian Renton</a> and <a href="https://github.com/ianrenton/Skyblock-Bazaar-Flipping-Calculator/graphs/contributors">contributors</a>. <a href="https://github.com/ianrenton/Skyblock-Bazaar-Flipping-Calculator">Source on GitHub</a>. Data from the <a href="https://api.hypixel.net/">Hypixel API</a>.</p>
<p>Stonks may go up as well as down. Your island may be at risk if you do not keep up repayments on your mortgage. All financial transactions are underwritten by JerryCo Financial Services.</p>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="code.js"></script>
</body>
</html>