VRFS-1481 display 256x256 instrument icons on musician profile page

web/app/assets/javascripts/profile.js

@@ -323,7 +323,7 @@
           var instrument = user.instruments[i];
           var description = instrument.instrument_id;
           var proficiency = instrument.proficiency_level;
-          var instrument_icon_url = context.JK.getInstrumentIcon45(description);
+          var instrument_icon_url = context.JK.getInstrumentIcon256(description);
 
           // add instrument info to layout
           var template = $('#template-profile-instruments').html();

web/app/assets/javascripts/utils.js

@@ -81,11 +81,13 @@
 
   var instrumentIconMap24 = {};
   var instrumentIconMap45 = {};
+  var instrumentIconMap256 = {};
 
   $.each(context._.keys(icon_map_base), function (index, instrumentId) {
     var icon = icon_map_base[instrumentId];
     instrumentIconMap24[instrumentId] = "/assets/content/icon_instrument_" + icon + "24.png";
     instrumentIconMap45[instrumentId] = "/assets/content/icon_instrument_" + icon + "45.png";
+    instrumentIconMap256[instrumentId] = "/assets/content/icon_instrument_" + icon + "256.png";
   });
 
   /**
@@ -282,6 +284,10 @@
     return instrumentIconMap45;
   };
 
+  context.JK.getInstrumentIconMap256 = function () {
+    return instrumentIconMap256;
+  };
+
   context.JK.getInstrumentIcon24 = function (instrument) {
     if (instrument in instrumentIconMap24) {
       return instrumentIconMap24[instrument];
@@ -298,6 +304,14 @@
     return instrumentIconMap45["default"];
   };
 
+  context.JK.getInstrumentIcon256 = function (instrument) {
+    if (instrument in instrumentIconMap256) {
+      return instrumentIconMap256[instrument];
+    }
+
+    return instrumentIconMap256["default"];
+  };
+
   // meant to pass in a bunch of images with an instrument-id attribute on them.
 
   context.JK.setInstrumentAssetPath = function ($elements) {