bda/mhapi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

weaponplanner: add sharpness numbers tooltip

Browse Source
This commit is contained in:
Bryce Allen
2015-07-02 08:19:23 -05:00
parent 9a3590a3f1
commit f8f31cf682
2 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/templates/weaponstats.ejs
View File

@@ -14,7 +14,7 @@
</td> </td>
<td><%= Array(num_slots + 1).join("\u26aa") %></td> <td><%= Array(num_slots + 1).join("\u26aa") %></td>
<td> <td>
<div class="sharpness-bar"> <div class="sharpness-bar" title="<%= sharpness_title %>">
<span style="width:<%= sharpness[0] %>px" class="red"></span> <span style="width:<%= sharpness[0] %>px" class="red"></span>
<span style="width:<%= sharpness[1] %>px" class="orange"></span> <span style="width:<%= sharpness[1] %>px" class="orange"></span>
<span style="width:<%= sharpness[2] %>px" class="yellow"></span> <span style="width:<%= sharpness[2] %>px" class="yellow"></span>
@@ -23,7 +23,7 @@
<span style="width:<%= sharpness[5] %>px" class="white"></span> <span style="width:<%= sharpness[5] %>px" class="white"></span>
<span style="width:<%= sharpness[6] %>px" class="purple"></span> <span style="width:<%= sharpness[6] %>px" class="purple"></span>
</div> </div>
<div class="sharpness-bar"> <div class="sharpness-bar" title="<%= sharpness_plus_title %>">
<span style="width:<%= sharpness_plus[0] %>px" class="red"></span> <span style="width:<%= sharpness_plus[0] %>px" class="red"></span>
<span style="width:<%= sharpness_plus[1] %>px" class="orange"></span> <span style="width:<%= sharpness_plus[1] %>px" class="orange"></span>
<span style="width:<%= sharpness_plus[2] %>px" class="yellow"></span> <span style="width:<%= sharpness_plus[2] %>px" class="yellow"></span>

68
web/weaponplanner.html
View File

@@ -40,47 +40,47 @@
} }
.sharpness-bar { .sharpness-bar {
border: 1px #d3d3d3 solid; border: 1px #d3d3d3 solid;
min-width: 92px; min-width: 92px;
height: 10px; height: 10px;
background-color: #d3d3d3; background-color: #d3d3d3;
float: left; float: left;
clear: both; clear: both;
} }
.sharpness-bar span { .sharpness-bar span {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
float: left; float: left;
} }
.sharpness-bar .red { .sharpness-bar .red {
background-color: #C00C38 !important; background-color: #C00C38 !important;
} }
.sharpness-bar .orange { .sharpness-bar .orange {
background-color: #E85018 !important; background-color: #E85018 !important;
} }
.sharpness-bar .yellow { .sharpness-bar .yellow {
background-color: #F0C830 !important; background-color: #F0C830 !important;
} }
.sharpness-bar .green { .sharpness-bar .green {
background-color: #58D000 !important; background-color: #58D000 !important;
} }
.sharpness-bar .blue { .sharpness-bar .blue {
background-color: #3068E8 !important; background-color: #3068E8 !important;
} }
.sharpness-bar .white { .sharpness-bar .white {
background-color: #F0F0F0 !important; background-color: #F0F0F0 !important;
} }
.sharpness-bar .purple { .sharpness-bar .purple {
background-color: #c3c !important; background-color: #c3c !important;
} }
</style> </style>
@@ -159,6 +159,8 @@
$("#weapon_stats").html(""); $("#weapon_stats").html("");
$.getJSON(DATA_PATH + "weapon/" + weapon_id + ".json", $.getJSON(DATA_PATH + "weapon/" + weapon_id + ".json",
function(data) { function(data) {
data["sharpness_title"] = data["sharpness"].join(",");
data["sharpness_plus_title"] = data["sharpness_plus"].join(",");
var html = template_stats.render(data); var html = template_stats.render(data);
$("#weapon_stats").html(html); $("#weapon_stats").html(html);
}); });