forked from Aceship/AN-EN-Tags
-
Notifications
You must be signed in to change notification settings - Fork 0
/
akmatuses.html
204 lines (200 loc) · 19.7 KB
/
akmatuses.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="theme-color" content="#222222ff">
<title translate-id="web-title">Arknights Total Material Calculator</title>
<link rel="manifest" href="./manifest.json" crossorigin="use-credentials">
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css'>
<link rel="stylesheet" href="css/ak.css">
<link rel="stylesheet" href="css/akchardetail.css">
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css' rel='stylesheet'>
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico'>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js'></script>
<!-- site tag (gtag.js) - Google Analytics -->
<script async src='https://www.googletagmanager.com/gtag/js?id=UA-159317757-1'></script>/
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-159317757-1');
</script>
<script>
$(function(){
$('#nav-placeholder').load('nav.html');
});
</script>
</head>
<body >
<!-- style=" background-image: url(./img/extra/bg1.png)" -->
<button class="btn btn-sm btn-primary goToTag" style="position:fixed;bottom:15px ;right: 0px;size:70px 70px;padding: 10px;z-index: 10000" id="to-tag" type="button">^ </button>
<nav id="aknav" class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" style="background-image: linear-gradient(#222222ff 70%,#222222ff , #111111aa );">
<img src="./img/factions/logo_rhodes.png" width="40" height="40" style="transform:scale(1.2,1.2)translate(-8px,1px)"class="d-inline-block align-top" alt="">
<a class="navbar-brand" href="#" translate-id="topbar-1">Arknights Toolbox</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="展开">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
<div style="padding-bottom:40px;"></div>
<!-- <div class="warning-sign"style="position: absolute;z-index: 999999;background:#aaa;top:100px;left:50%;width:500px;height:200px;margin-left:-250px;text-align:center; vertical-align:center">aaaaaaaaaaaaaaaaaaaaa</div> -->
<div class="col-md-12 col-sm-12 " style="margin:auto;max-width:1000px;padding:0" >
<div class="col-12 ak-back ak-shadow mt-3" style="padding:15px;padding-top:0%;padding-bottom:0;border-radius:0px" role="alert">
<div class="row" style="padding:0;padding-bottom: 4px">
<div class="col-12 btn btn-sm ak-btn ak-c-black ak-shadow-small ak-disable" style="padding:0" translate-id="selector-title">Select the materials :</div>
</div>
<div class="row" >
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-5">
Tier 5
</div>
<div class="col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="D32 Steel" mat-id="30135"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Bipolar Nanoplate" mat-id="30125"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Polymerization Preparation" mat-id="30115"></button>
</div>
</div>
<div class="row" >
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-4">
Tier 4
</div>
<div class="col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="RMA70-24" mat-id="30104"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Grinstone Pentahydrate" mat-id="30094"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Manganese Tryhydrate" mat-id="30084"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="White Horse Kohl" mat-id="30074"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Optimized Device" mat-id="30064"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Keton Colloid" mat-id="30054"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Oriron Block" mat-id="30044"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Polyesther Lump" mat-id="30034"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Sugar Lump" mat-id="30024"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Oririck Concentration" mat-id="30014"></button>
</div>
</div>
<div class="row">
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-3">
Tier 3
</div>
<div class="col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="RMA70-12" mat-id="30103"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Grinstone" mat-id="30093"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Manganese Ore" mat-id="30083"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Loxic Kohl" mat-id="30073"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Integrated Device" mat-id="30063"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Aketon" mat-id="30053"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Oriron Cluster" mat-id="30043"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Polyesther Pack" mat-id="30033"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Sugar Pack" mat-id="30023"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Oririck Cluster" mat-id="30013"></button>
</div>
</div>
<div class="row">
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-2">
Tier 2
</div>
<div class="col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Device" mat-id="30062"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Polyketon" mat-id="30052"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Oriron" mat-id="30042"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Polyesther" mat-id="30032"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Sugar" mat-id="30022"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Orirock" mat-id="30012"></button>
</div>
</div>
<div class="row">
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-1">
Tier 1
</div>
<div class="col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Damaged Device" mat-id="30061"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Diketon" mat-id="30051"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Oriron Shard" mat-id="30041"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Esther" mat-id="30031"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Sugar substitute" mat-id="30021"></button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 button-tag" data-toggle="tooltip" data-placement="top" title="Rock" mat-id="30011"></button>
</div>
</div>
<div class="row ak-small-row">
<div class="col-md-2 col-sm-12 my-1 ak-disable ak-btn-header ak-btn-header-span" translate-id="selector-categories-01">
Filter Rarity
</div>
<div class= "col-md-10 col-sm-12 span"style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 opt-all button-tag" opt-group="1" opt-id="all">ALL</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="1" opt-id="6">6★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="1" opt-id="5">5★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="1" opt-id="4">4★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="1" opt-id="3">3★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="1" opt-id="2">2★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="1" opt-id="1">1★</button>
</div>
</div>
<div class="row ak-small-row">
<div class="col-md-2 col-sm-12 my-1 ak-disable ak-btn-header ak-btn-header-span" translate-id="selector-categories-02">
Filter Usage
</div>
<div class= "col-md-10 col-sm-12 span"style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt opt-all my-1 button-tag" opt-group="2" opt-id="all">ALL</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="2" opt-id="e1">E1</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="2" opt-id="e2">E2</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-group="2" opt-id="sk">Skill-up</button>
</div>
</div>
<div class="row ak-small-row ak-rare-bg ak-shadow-small" >
<div class= " col-xs-10 span"style="padding-left:4px;padding-right: 4px;margin:auto">
<button type="button" onclick="clickBtnOpt2(this)" class="btn btn-sm btn-primary ak-btn my-1 btn-info" id="showInfo" opt-id="showInfo" translate-id="selector-name">Info</button>
<button type="button" onclick="clickBtnOpt3(this)" class="btn btn-sm btn-primary ak-btn my-1 btn-image" id="showImage" opt-id="showImage" translate-id="selector-image">Image</button>
<div style="display:inline-block">
<button class="btn btn-sm btn-primary ak-btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="z-index: 100; float:unset;border-radius: 5px 0px 0px 5px" translate-id="selector-size">
Image Size</button>
<div class="btn btn-sm btn-primary my-1 ak-btn btn-image disabled" style="background-color: white; color: black; border-color: darkgrey;margin-left: -6px;border-radius: 0px 5px 5px 0px" disabled><span id="selectedImageSize"></span></div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="20">20</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="32">32</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="40">40</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="64">64</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="80">80</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="128">128</button>
</div>
</div>
</div>
</div>
<div class="row">
<button class="btn btn-danger col-12 align-self-center ak-btn text-center" style="padding:1px ; z-index: 0;font-weight: 550" onclick="clickBtnClear()" ><span translate-id="selector-clear">Clear</span> <span id="count-tag"></span> <span translate-id="clear-tags">Tags</span></button>
</div>
</div>
<table class="table ak-table ak-table-striped table-hover my-2 ak-shadow" id="table-recommend">
<thead class="ak-thead">
<tr>
<th scope="col">Material</th>
<th scope="col" translate-id="result-characters">Usage</th>
<th scope="col">Total</th>
</tr>
</thead>
<tbody id="tbody-recommend"></tbody>
</table>
<div class="col-12 tutorial">
<div class="col-12 text-left ak-mid ak-shadow" style="padding:10px" >
<p translate-id="footer-instructions-1">How To Use ：</p>
<!-- <p translate-id="footer-instructions-2">1. Change the 'Game Server' drop down on the top right according to your AK client region.</p>
<p translate-id="footer-instructions-3">2. Change the language of the user interface to your preference.</p> -->
<p translate-id="footer-instructions-1">1. Click on the materials.</p>
<p translate-id="footer-instructions-2">2. You can hide or show the info and/or the image of the operator.</p>
<p translate-id="footer-instructions-3">3. Click 'clear' to reset all the materials selections.</p>
</div>
</div>
<div class="ak-div"></div>
</div>
<div class="row col-12 ak-footer">
<div class="col-12 text-center">
<div class="col-12 text-center"></div>
<p>Page Made by arthus</p>
<p>Aceship Faryzal2020</p>
<p>Site forked from grauneko </p>
</div>
</div>
<script src="./js/aknav.js"></script>
<script src="./js/akmatuses.js"></script>
</body>
</html>