From 58183d879148d27cfcae711d29489b9e93b52898 Mon Sep 17 00:00:00 2001
From: Bryce Allen <bdallen@uchicago.edu>
Date: Tue, 2 Aug 2022 01:27:31 -0400
Subject: [PATCH] mhr: fix planner weapons stats display

different format of slots was breaking it
---
 web/mhr/weaponplanner.html         |   2 +-
 web/templates/weaponstats-rise.ejs | 115 +++++++++++++++++++++++++++++
 2 files changed, 116 insertions(+), 1 deletion(-)
 create mode 100644 web/templates/weaponstats-rise.ejs

diff --git a/web/mhr/weaponplanner.html b/web/mhr/weaponplanner.html
index f74feff..d6e19d8 100644
--- a/web/mhr/weaponplanner.html
+++ b/web/mhr/weaponplanner.html
@@ -88,7 +88,7 @@
     var DATA_PATH = "/jsonapi/mhr/";
 
     var template_path = new EJS({ url: "/templates/weaponpath.ejs" });
-    var template_stats = new EJS({ url: "/templates/weaponstats.ejs" });
+    var template_stats = new EJS({ url: "/templates/weaponstats-rise.ejs" });
 
     $(document).ready(function(){
         setup_weapon_autocomplete("#weapon", autocomplete_predicate,
diff --git a/web/templates/weaponstats-rise.ejs b/web/templates/weaponstats-rise.ejs
new file mode 100644
index 0000000..4f451a9
--- /dev/null
+++ b/web/templates/weaponstats-rise.ejs
@@ -0,0 +1,115 @@
+<table>
+<tr title="<%= id %>">
+<td><%= name %></td>
+<td>(<%= wtype %>)</td>
+<td><% if (phial) {
+       %>&lt;<%= phial %> Phial&gt;<%
+     } else if (shelling_type) {
+       %>&lt;<%= shelling_type %>&nbsp;<%= shelling_level %>&gt;<%
+     } else if (horn_notes) {
+       %><span title="<%= horn_melodies_title %>"
+          >[<%= horn_notes %>]<%
+     } %></td>
+<td>[<%= slots %>]</td>
+</tr>
+</table>
+
+<table>
+<tr>
+<td>Atk: <%= attack %></td>
+<td style="text-align:right"><% if (affinity) { %><%= affinity %>%<% } %></td>
+<td>
+<% if (awaken) { %>
+  (<img style="height:.8em" title="Awaken <%= awaken %>"
+            src="/img/<%= awaken %>.png" /><%= awaken_attack %> <%= awaken %>)
+<% } else if (element) { %>
+  <img style="height:.8em" title="<%= element %>"
+            src="/img/<%= element %>.png" /> <%= element_attack %>
+            <%= element %>
+  <% if (element_2) { %>
+    <img style="height:.8em" title="<%= element_2 %>"
+            src="/img/<%= element_2 %>.png" /> <%= element_2_attack %>
+            <%= element_2 %>
+  <% } %>
+<% } %>
+</td>
+<td id="sharpness_td"
+    data-sharpness="<%= sharpness_all_title %>"
+    data-id="<%= id %>">
+<% if (sharpness) { %>
+<div class="sharpness-bar" title="<%= sharpness_all_title %>">
+<span style="width:<%= sharpness[0] * sharpness_width %>px" class="red"></span>
+<span style="width:<%= sharpness[1] * sharpness_width %>px" class="orange"></span>
+<span style="width:<%= sharpness[2] * sharpness_width %>px" class="yellow"></span>
+<span style="width:<%= sharpness[3] * sharpness_width %>px" class="green"></span>
+<span style="width:<%= sharpness[4] * sharpness_width %>px" class="blue"></span>
+<span style="width:<%= sharpness[5] * sharpness_width %>px" class="white"></span>
+<% if (sharpness.length > 6) { %>
+<span style="width:<%= sharpness[6] * sharpness_width %>px" class="purple"></span>
+<% } %>
+</div>
+<div class="sharpness-bar" title="<%= sharpness_all_title %>">
+<span style="width:<%= sharpness_plus[0] * sharpness_width %>px" class="red"></span>
+<span style="width:<%= sharpness_plus[1] * sharpness_width %>px" class="orange"></span>
+<span style="width:<%= sharpness_plus[2] * sharpness_width %>px" class="yellow"></span>
+<span style="width:<%= sharpness_plus[3] * sharpness_width %>px" class="green"></span>
+<span style="width:<%= sharpness_plus[4] * sharpness_width %>px" class="blue"></span>
+<span style="width:<%= sharpness_plus[5] * sharpness_width %>px" class="white"></span>
+<% if (sharpness.length > 6) { %>
+<span style="width:<%= sharpness_plus[6] * sharpness_width %>px" class="purple"></span>
+<% } %>
+</div>
+<% if (sharpness_plus2) { %>
+<div class="sharpness-bar" title="<%= sharpness_all_title %>">
+<span style="width:<%= sharpness_plus2[0] * sharpness_width %>px" class="red"></span>
+<span style="width:<%= sharpness_plus2[1] * sharpness_width %>px" class="orange"></span>
+<span style="width:<%= sharpness_plus2[2] * sharpness_width %>px" class="yellow"></span>
+<span style="width:<%= sharpness_plus2[3] * sharpness_width %>px" class="green"></span>
+<span style="width:<%= sharpness_plus2[4] * sharpness_width %>px" class="blue"></span>
+<span style="width:<%= sharpness_plus2[5] * sharpness_width %>px" class="white"></span>
+<% if (sharpness.length > 6) { %>
+<span style="width:<%= sharpness_plus2[6] * sharpness_width %>px" class="purple"></span>
+<% } %>
+</div>
+<% } %>
+<% } %>
+</td>
+<td style="text-align:right"><% if (defense) { %>+<%= defense %> Def<% } %>
+<% if (parent_name) { %>
+    <a href="weaponplanner.html?weapon=<%= encodeURIComponent(parent_name) %>"
+       title="<%= parent_name %>">(parent)</a>
+<% } %>
+</td>
+
+<% if (village_stars) { %>
+<td>
+Village <%= village_stars %>
+</td>
+<% } %>
+
+<% if (guild_stars) { %>
+<td>
+Guild <%= guild_stars %>
+</td>
+<% } %>
+
+<% if (rarity) { %>
+<td>
+Rarity <%= rarity %>
+</td>
+<% } %>
+
+</tr>
+</table>
+<% if (children.length) { %>
+  <table>
+  <tr><td colspan="5"> -&gt;
+  <% for(var i=0; i<children.length; i++) { %>
+    <a href="weaponplanner.html?weapon=<%= encodeURIComponent(children[i]['name']) %>"
+        ><%= children[i]["name"] %></a>
+    <% if (i != children.length - 1) { %>|<% } %>
+  <% } %>
+  </td></tr>
+  </table>
+<% } %>
+