From 22378f2310764873828755d6224f72353e1c44dd Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Fri, 9 Sep 2016 13:44:02 -0600
Subject: [PATCH] Compatability improvements

---
 www/js/shop.js             | 28 +++++++++++++---------------
 www/screens/inventory.html | 23 +++++++++++------------
 www/screens/profile.html   |  9 +++++----
 3 files changed, 29 insertions(+), 31 deletions(-)

diff --git a/www/js/shop.js b/www/js/shop.js
index 89b5204..fef591a 100644
--- a/www/js/shop.js
+++ b/www/js/shop.js
@@ -115,25 +115,23 @@ function buyitem(id, cost) {
 }
 
 function getmerchhtmlfromjson(item) {
-    var itemhtml = "\
-        <div class='list-group-item shop-item' id='shopitem-" + item.merchid + "'>\
-            <h4 class='itemname'>" + item.title + "</h4>\
-            <p class='itemdesc'>" + item.desc + "</p>";
-    itemhtml += "<span class='btn btn-success' onclick=\"buyitem('" + item.merchid + "', " + item.cost + ")\">\
-                            Buy Item (" + item.cost + " coins)\
-                         </span>\
-        </div>";
+    var itemhtml = "<div class='list-group-item shop-item' id='shopitem-" + item.merchid + "'>"
+            + "<h4 class='itemname'>" + item.title + "</h4>"
+            + "<p class = 'itemdesc' > " + item.desc + " </p>"
+            + "<span class='btn btn-success' onclick=\"buyitem('" + item.merchid + "', " + item.cost + ")\">"
+            + "Buy Item (" + item.cost + " coins)"
+            + "</span>"
+            + "</div>";
     return itemhtml;
 }
 
 function getcoinhtmlfromjson(coin) {
-    var coinhtml = "\
-        <div class='list-group-item shop-item' id='coinitem-" + coin.merchid + "'>\
-            <h4 class='itemname'>" + coin.display + " (" + coin.coins + ")</h4>";
-    coinhtml += "<span class='btn btn-success' onclick=\"buycoins('" + coin.merchid + "', " + coin.cost_usd + ")\">\
-                            Buy Coins ($" + coin.cost_usd + ")\
-                         </span>\
-        </div>";
+    var coinhtml = "<div class='list-group-item shop-item' id='coinitem-" + coin.merchid + "'>"
+            + "<h4 class='itemname'>" + coin.display + " (" + coin.coins + ")</h4>"
+            + "<span class='btn btn-success' onclick=\"buycoins('" + coin.merchid + "', " + coin.cost_usd + ")\">"
+            + "Buy Coins ($" + coin.cost_usd + ")"
+            + "</span>"
+            + "</div>";
     return coinhtml;
 }
 
diff --git a/www/screens/inventory.html b/www/screens/inventory.html
index bd51a44..9e5719f 100644
--- a/www/screens/inventory.html
+++ b/www/screens/inventory.html
@@ -25,7 +25,7 @@
 
 <script>
     function useitem(uuid) {
-        $('#invitem-' + uuid).prop('onclick',null).off('click');
+        $('#invitem-' + uuid).prop('onclick', null).off('click');
         $.getJSON(mkApiUrl('useitem', 'gs'), {
             itemuuid: uuid
         }, function (data) {
@@ -41,19 +41,18 @@
     }
 
     function getitemhtmlfromjson(item) {
-        var itemhtml = "\
-        <div class='list-group-item inventory-item' id='item-" + item.itemuuid + "'>\
-            <h4 class='itemname'>" + item.itemname + "</h4>\
-            <p class='itemdesc'>" + item.itemdesc + "</p>";
+        var itemhtml = "<div class='list-group-item inventory-item' id='item-" + item.itemuuid + "'>"
+                + "<h4 class='itemname'>" + item.itemname + "</h4>"
+                + "<p class='itemdesc'>" + item.itemdesc + "</p>";
         if (item.classname == "healmagic") {
-            itemhtml += "<span class='btn btn-success' id='invitem-" + item.itemuuid + "' onclick=\"useitem('" + item.itemuuid + "')\">\
-                            Use Item\
-                         </span>";
+            itemhtml += "<span class='btn btn-success' id='invitem-" + item.itemuuid + "' onclick=\"useitem('" + item.itemuuid + "')\">"
+                    + "Use Item"
+                    + "</span>";
         }
-        itemhtml += "<span class='itemid' style='display: none;'>" + item.itemid + "</span>\
-            <span class='itemclassid' style='display: none;'>" + item.classid + "</span>\
-            <span class='itemjson' style='display: none;'>" + item.itemjson + "</span>\
-        </div>";
+        itemhtml += "<span class='itemid' style='display: none;'>" + item.itemid + "</span>"
+                + "<span class='itemclassid' style='display: none;'>" + item.classid + "</span>"
+                + "<span class='itemjson' style='display: none;'>" + item.itemjson + "</span>"
+                + "</div>";
         return itemhtml;
     }
 
diff --git a/www/screens/profile.html b/www/screens/profile.html
index 76d5787..13a1166 100644
--- a/www/screens/profile.html
+++ b/www/screens/profile.html
@@ -69,10 +69,11 @@
                 function (data) {
                     if (data.status === 'OK') {
                         data.badges.forEach(function (item) {
-                            $('#badges').append('<div class="col col-xs-3 col-md-2 col-lg-1" \
-                            onclick="popBadge(\'' + item.badgename + '\', \'' + item.badgedesc + '\')">\n\
-                            <img class="badge-img img-circle img-responsive" alt="" src="assets/badges/' + item.badgesid + '.png" onerror="this.src=\'assets/badges/badge.png\'"/>\n\
-                            </div>');
+                            var badgehtml = '<div class="col col-xs-3 col-md-2 col-lg-1" '
+                                    + 'onclick="popBadge(\'' + item.badgename + '\', \'' + item.badgedesc + '\')">'
+                                    + '<img class="badge-img img-circle img-responsive" alt="" src="assets/badges/' + item.badgesid + '.png" onerror="this.src=\'assets/badges/badge.png\'"/>'
+                                    + '</div>'
+                            $('#badges').append(badgehtml);
                         });
                         $('#loading-badges').css('display', 'none');
                     } else {