-
Notifications
You must be signed in to change notification settings - Fork 0
/
fairies.php
57 lines (54 loc) · 1.97 KB
/
fairies.php
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
<?php
define("GF_HEADER", "aaaaa");
require_once("common.php");
$header_title = "소전DB 요정리스트 | 소전DB";
$header_desc = "소녀전선 요정 목록, 소녀전선 요정 리스트, 소녀전선 추천요정";
require_once("header.php");
$fairies = json_decode(file_get_contents("data/fairy.json"));
?>
<style>
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
.portrait_name { font-family:"Nanum Gothic", sans-serif !important; }
</style>
<main role="main" class="container">
<div class="my-3 p-3 bg-white rounded box-shadow">
제조시간 : <input type="number" id="buildtime" /> ex) 8시간 10분-> 810, 0시간 53분->053<br>
이름 : <input type="text" id="dollname" /><br><br>
<div class="fairyindex row">
<?php
foreach($fairies as $fairy) {
$imgsrc = $fairy->name . "_3";
if($lang == 'en')
$fairyname = ucfirst($fairy->name) . " Fairy";
else
$fairyname = isset($fairy->krName)?$fairy->krName:$fairy->name;
?>
<a href="fairy.php?id=<?=$fairy->id?>" class="fairyindex item" data-name='<?=$fairy->krName?>' data-buildtime='<?=gmdate("Gi", $fairy->buildTime)?>'>
<i class="portrait fairy" style="background-image: url('img/fairy/<?=$imgsrc?>.png');" ></i>
<div class="portrait_name pt-2 pb-2"><?=$fairyname?></div>
</a><?php } ?>
</div>
</div>
</main>
<?php
require_once("footer.php");
?>
<script>
$.extend($.expr[":"], {
"containsIN": function(elem, i, match, array) {
return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
}
});
$('#dollname').on('input',function(){
$("a.fairyindex.item").hide();
var val = $("#dollname").val();
$("a.fairyindex.item>.portrait_name:containsIN("+val+")").parent().show();
});
$('#buildtime').on('input',function(){
$("a.fairyindex.item").hide();
var val = $("#buildtime").val();
$("a.fairyindex.item[data-buildtime*='"+val+"']").show();
});
</script>
</body>
</html>