-
Notifications
You must be signed in to change notification settings - Fork 121
/
aklinker.html
140 lines (132 loc) · 8.13 KB
/
aklinker.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
<!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 Bili Linker</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/akelite.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-lg navbar-dark bg-dark" style="background-image: linear-gradient(#222222ff 70%,#222222ff , #111111aa );">
<img src="https://raw.githubusercontent.com/Aceship/Arknight-Images/main/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 id='acedonate'></div>
<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-bg 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="operator-select">Fast Linker To guide :</div>
</div>
<div class="row">
<div class="col-12 ">
<input readonly type="text" name="opID" id="opID" style="display: none;">
<div class="row">
<input style="margin-left: 15px;margin-right: 15px;margin-top:5px;text-align: center" type="text" autocomplete="off" class="form-control" name="stage" id="stage" onkeyup="populateOperators(this)" placeholder="Type Stage Number (ex: LS-1 , 3-8)">
</div>
<div class="" style='text-align: center'>
<button type="button" onclick="clickBtnTag(this)" id="isRaid"class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" >Raid Mode</button>
<button type="button" onclick="clickBtnTag(this)" id="lowLevel"class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" >Low Level Character</button>
<button type="button" onclick="clickBtnTag(this)" id="lowRarity"class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" >Low Rarity Character</button>
<button type="button" onclick="clickBtnTag(this)" id="highRarity"class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" >High Rarity Character</button>
</div>
<div class="row">
<div class="col-12" style="text-align:center;padding-top:10px">Link :</div>
<div class="col-12" style="text-align:center"><a style="padding:10px" href="https://search.bilibili.com/video?keyword=明日方舟" id="link">https://search.bilibili.com/video?keyword=明日方舟</a></div>
<div class="col-12" style="text-align:center;padding-top:10px">Mobile Link :</div>
<div class="col-12" style="text-align:center"><a style="padding:10px" href="https://m.bilibili.com/search.html ?keyword=明日方舟" id="mlink">https://m.bilibili.com/search.html ?keyword=明日方舟</a></div>
</div>
</div>
</div>
</div>
<div class="col-12 tutorial">
<div class="col-12 text-left ak-mid ak-shadow" style="padding:10px" >
<p >Easily search guide from this</p>
</div>
</div>
<!-- <div class="col-12 alert alert-success mt-1 cn" role="alert">
19/05/04 升级消耗计算器上线，可在导航栏切换使用。<br />
19/05/09 精英材料计算器上线，可在导航栏切换使用。
</div> -->
<div class="ak-div"></div>
</div>
<div class="row col-12 ak-footer">
<div class="col-12 text-center">
<p>Forked from <a href = "https://graueneko.github.io/akhr.html">grauneko web</a></p>
<div class="col-12 text-center"></div>
<p>Last update: 12 May 2019, <a href="https://github.com/Aceship/AN-EN-Tags/issues">Contact</a></p>
<p>
Data source:
<a href="http://wiki.joyme.com/arknights/%E5%B9%B2%E5%91%98%E6%95%B0%E6%8D%AE%E8%A1%A8">Arknights Wiki (CN)</a>
</p>
<p>Powered by GraueNeko, Aceship, Faryzal2020</p>
</div>
</div>
<script src="./js/aknav.js"></script>
<script>
let link="https://search.bilibili.com/video?keyword=明日方舟"
let mlink = "https://m.bilibili.com/search.html?keyword=明日方舟"
let mod = {}
function clickBtnTag(el){
let checked = $(el).hasClass("btn-primary");
$(el).toggleClass("btn-primary btn-secondary");
if(!mod[$(el).attr("id")])mod[$(el).attr("id")]=true
else mod[$(el).attr("id")]=false
console.log($('#stage').val())
populateOperators($('#stage').val(),true)
// let tag = $(el).attr('cn-text');
// let tagTL = $(el).attr('data-original-title');
}
function populateOperators(el,isbutton = false){
console.log(el.value)
var main = isbutton?el:el.value
var currlink = main
if(mod.isRaid)currlink = currlink + "突袭模式"
if(mod.lowLevel)currlink = currlink + "低练度"
if(mod.lowRarity)currlink = currlink + "低配"
if(mod.highRarity)currlink = currlink + "高配"
$('#link').html(link+currlink);
$('#link').attr("href",link+currlink)
$('#mlink').html(mlink+currlink);
$('#mlink').attr("href",mlink+currlink)
// $("#link").value = link+el.value
// $(el)
}
$.getScript("js/arrive.min.js", function(){
$(document).arrive("#regionDropdown", function(){
$("#navitemRegion").addClass('ak-disable2');
$("#navitemLanguage").addClass('ak-disable2');
});
});
</script>
</body>
</html>