This repository has been archived by the owner on Jun 27, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 28
/
enmityEnglishBG.html
61 lines (53 loc) · 1.85 KB
/
enmityEnglishBG.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
<html>
<head>
<meta charset="utf-8">
<title>enmity</title>
<link rel="stylesheet" href="enmity.css">
<style type='text/css'>
#container {
background: rgba(0,0,0,0.4);
padding: 10px;
border-radius: 10px;
}
</style>
</head>
<body>
<div id="container">
<div class="outer {{hideNoTarget}}">
<div class="inner">
<div class="background"></div>
<div v-if="!updated" class="gold">
<span>No data to show.</span>
</div>
<div v-if="updated">
<div id="target">
<div class="box">
<div class="gauge {{target | hpcolor}}" style="width: {{target.HPPercent}}%"></div>
<div class="name">
<span class="header">Target: </span>
<span class="value">{{target.Name}}</span>
</div>
</div>
<div>
<span class="header">HP: </span>
<span class="value">{{target.HPPercent}}% ({{target.CurrentHP}}/{{target.MaxHP}})</span>
<div style="float: right">
<span class="header">Distance: </span>
<span class="value">{{target.Distance}}m ({{target.EffectiveDistance}}m)</span>
</div>
</div>
</div>
<div id="entries">
<div class="box" v-repeat="e: entries">
<div class="content"><span class="name {{e.isMe ? 'me' : '' }}">{{$index + 1}}.{{e | you}}</span><span class="enmity">{{e.EnmityString}}</span></div>
<div class="gauge {{e | jobclass}}" style="width: {{e.HateRate}}%"></div>
</div>
</div><!-- entries -->
</div><!-- if updated -->
</div><!-- inner -->
</div><!-- outer -->
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.7/vue.min.js"></script>
<script src="enmity.js"></script>
</body>
</html>