#41 itemextendedcosts and all templates for tooltips

lib/tpl/wow-item-template.tpl

@@ -0,0 +1,107 @@
+<script id="wow-item-template" type="text/x-handlebars-template">
+    <aside class="wow-item hidden" data-quality="{{ quality }}">
+        <header class="wow-item__header">
+            <p class="header__title">{{ name }}</p>
+            {{#if ItemLevel}}
+            <p class="info__item-level">Item Level {{ ItemLevel }}</p>
+            {{/if}}
+            {{#if binds}}<p class="header__binds">{{ binds }}</p>{{/if}}
+      {{#if unique}}
+        <p class="header__unique">Unique</p>
+      {{/if}}
+    </header>
+    <section class="wow-item__type">
+      <p class="type__slot">{{slot}}</p>
+      <p class="type__item">{{type}}</p>
+    </section>
+    <section class="wow-item__stats">
+      {{#if damage}}
+      <p class="stats__damage-armor"><span class="value">{{ damage.min }} - {{damage.max}}</span> Damage</p>
+      <p class="stats__speed">Speed <span class="value">{{ speed damage.speed }}</span></p>
+      <p class="stats__dps">(<span class="value">{{ dps damage }}</span> damage per second)</p>
+      {{/if}}
+      
+      {{#if armor}}
+      <p class="stats__armor">{{ armor }} Armor</p>
+      {{/if}}
+      
+      <div class="stats__list">
+        {{#each stats}}
+        <p class="stats__{{ type }} stats__list-item">+{{ value }} {{ stat }}</p>
+        {{/each}}
+      </div>
+      
+    </section>
+    
+    {{#if enchantments}}
+    <section class="wow-item__enchantments">
+      
+      {{#each enchantments.enchants}}
+      <p class="enchantments__enchant">{{ description }}</p>
+      {{/each}}
+      
+      <div class="enchantments__sockets">
+        
+        {{#each enchantments.sockets }}
+        <p class="enchantments__socket socket--{{ color }}">{{ color }} socket</p>
+        {{/each}}
+
+        {{#if enchantments.socketBonus}}
+        <p class="enchantments__socket-bonus">Socket Bonus: {{ enchantments.socketBonus }}</p>
+        {{/if}}
+        
+      </div>
+      
+    </section>
+    {{/if}}
+    
+    <section class="wow-item__info">
+      
+      {{#if MaxDurability}}
+      <p class="info__durability">Durability: {{ MaxDurability }} / {{ MaxDurability }}</p>
+      {{/if}}
+      
+      {{#each chanceOnHit}}
+      <p class="info__chance-on-hit">Chance on hit: {{ description }}</p>
+      {{/each}}
+      
+      {{#if classes}}
+      <p class="info__class-requirement">Classes: <span class="value">{{ classes classes }}</span></p>
+      {{/if}}
+      
+      {{#if RequiredLevel}}
+      <p class="info__level-requirement">Requires Level {{ RequiredLevel }}</p>
+      {{/if}}
+    </section>
+    
+    {{#if bonuses}}
+    <section class="wow-item__bonuses">
+      {{#each bonuses}}
+      <p class="bonuses__bonus">{{ description }}</p>
+      {{/each}}
+    </section>
+    {{/if}}
+    
+    <section class="wow-item__info">
+
+      {{#if tradelevel }}
+      <p class="info__trade-level">Requires {{ tradelevel.trade }} ({{ tradelevel.level }})</p>
+      {{/if}}
+
+      {{#if description }}
+      <p class="info__flavour-text">"{{ description }}"</p>
+      {{/if}}
+    </section>
+    <section class="wow-item__price">
+      {{#if price_gold }}
+      <p class="price__gold">Sell Price: {{ price_gold }}</p>
+      {{/if}}
+      {{#if price_silver }}
+      <p class="price__silver">{{ price_silver }}</p>
+      {{/if}}
+      {{#if price_copper }}
+      <p class="price__copper">{{ price_copper }}</p>
+      {{/if}}
+    </section>
+  </aside>
+</script>

lib/tpl/wow-itemextendedcost-template.tpl

@@ -0,0 +1,27 @@
+<script id="wow-itemextendedcost-template" type="text/x-handlebars-template">
+    <aside class="wow-item hidden">
+    <header class="wow-item__header">
+        <p class="header__title">Item Extended Cost {{ 1 }}</p>
+    </header>
+    <section class="wow-item__stats">
+        {{#if 2}}
+        <p>Required Honor Points {{ 2 }}</p>
+        {{/if}}
+        {{#if 3}}
+        <p>Required Arena Points {{ 3 }}</p>
+        {{/if}}
+        {{#if 4}}
+        <p>Required Item {{ 9 }}x{{ 4 }} </p>
+        {{/if}}
+        {{#if 5}}
+        <p>Required Item {{ 10 }}x{{ 5 }}</p>
+        {{/if}}
+        {{#if 6}}
+        <p>Required Item {{11 }}x{{ 6 }}</p>
+        {{/if}}
+        {{#if 14}}
+        <p>Required Personal Arena Rating {{ 14 }}</p>
+        {{/if}}
+    </section>
+  </aside>
+</script>

lib/wow_tooltips.js

@@ -1,3 +1,6 @@
+var items = {};
+var itemextendedcosts = {};
+
 var wow_quality = {
     0: "trash",
     1: "common",
@@ -176,8 +179,6 @@ var wow_socketbonus = {
     3313: "+8 Agility",
     3305: "+12 Stamina",
     3353: "+8 Intellect",
-    2872: "+9 Healing",
-    3877: "+16 Attack Power",
     
     2900: "+4 Spell Power",
     2872: "+5 Spell Power",
@@ -192,17 +193,15 @@ var wow_socketbonus = {
     440: "+9 Spell Power",
     2314: "+9 Spell Power",
     3753: "+9 Spell Power",
+    3114: "+4 Attack Power",
+    2936: "+8 Attack Power",
+    1587: "+8 Attack Power",
+    3356: "+8 Attack Power",
+    3764: "+12 Attack Power",
+    3877: "+12 Attack Power",
+    1589: "+16 Attack Power",
+    1597: "+32 Attack Power",
  /*
-3114": stats.AttackPower += 4; break;
-2936": stats.AttackPower += 8; break;
-1587":
-3356":
-3764": stats.AttackPower += 12; break;
-3877":
-1589": stats.AttackPower += 16; break;
-1597": stats.AttackPower += 32; break;
- #endregion
- #region Stamina
 2895": stats.Stamina += 4; break;
 2868":
 2882": stats.Stamina += 6; break;
@@ -395,8 +394,6 @@ var wow_spelltrigger = {
 }
 
 function wow_tooltips(){
-    //item hover
-    var items = {}
     Handlebars.registerHelper("speed", function( speed ) {
       return speed.toFixed(2);
     });
@@ -419,15 +416,98 @@ function wow_tooltips(){
       return new Handlebars.SafeString( classes );
     });
 
+    //item hover
     var source = $("#wow-item-template").html();
-    var template = Handlebars.compile(source);
+    var template_item = Handlebars.compile(source);
+    var source = $("#wow-itemextendedcost-template").html();
+    var template_itemextendedcost = Handlebars.compile(source);
     var $body = $("body");
     var $wowIcons = $(".wow-icon");
     var lastHovered;
 
     $wowIcons.each(function(k,v) {
         var $this = $(this);
-        var id = $this.data("item-id");
+        var item_id = $this.data("item-id");
+        var itemextendedcost_id = $this.data("itemextendedcost-id");
+        if (typeof item_id !== "undefined") {
+            wow_tooltips_item(item_id,$this);
+        } else if(typeof itemextendedcost_id !== "undefined"){
+            wow_tooltips_itemextendedcost(itemextendedcost_id,$this);}
+    });
+
+    $wowIcons.on("mouseover.wow", function(e) {
+      var $this = $(this);
+      var $html;
+
+      if( !lastHovered || !lastHovered.is( $this ) ) {
+
+        var item_id = $this.data("item-id");
+        var itemextendedcost_id = $this.data("itemextendedcost-id");
+        if (typeof item_id !== "undefined") {
+            $html = $( template_item(items[item_id]) );
+        } else if(typeof itemextendedcost_id !== "undefined"){
+            $html = $( template_itemextendedcost(itemextendedcosts[itemextendedcost_id]) );}
+
+        $body.find(".wow-item").remove();
+        $body.append( $html );
+
+        $html.css({
+          left: e.pageX + 20,
+          top: e.pageY - 10 - $(window).scrollTop()
+        });
+
+        lastHovered = $this;
+
+      } else {
+        $html = $(".wow-item");
+      }
+
+      setTimeout(function() {
+        $html.removeClass("hidden");
+      },10);
+
+      $this.on("mousemove.wow", function(e) {
+        $html.css({
+          left: e.pageX + 20,
+          top: e.pageY - 30 - $(window).scrollTop()
+        });
+      });
+
+    });
+
+    $wowIcons.on("mouseout.wow",function(e) {
+      $body.find(".wow-item").addClass("hidden");
+      $(this).off("mousemove.wow");
+    });
+
+    //$body.on("mouseover.wow", ".wow-item" , function(e) {
+      //$(this).removeClass("hidden");
+    //});
+
+    $body.on("mouseout.wow", ".wow-item" , function(e) {
+      $(this).addClass("hidden");
+    });
+}
+
+function wow_tooltips_itemextendedcost(id,$this){
+    if(id <= 0){
+        return;}
+    $.getJSON('./api.php?call=tbc&action=itemextendedcost&id='+id,function(json){
+        if(!json || json.status !== true || !json.result){
+            return;}
+        
+        itemextendedcosts[json.result.entry] = json.result;
+        if( json.result.icon ) {
+            $this.css({"background-image": "url(http://wow.zamimg.com/images/wow/icons/medium/"+ json.result.icon +".jpg)"});
+        }
+        if( json.result.stack ) {
+            $this.append("<span class='stack'>"+json.result.stack+"</span>");}
+    });
+}
+
+function wow_tooltips_item(id,$this){
+    if(id <= 0){
+        return;}
     $.getJSON('./api.php?call=tbc&action=item&id='+id,function(json){
         if(!json || json.status !== true || !json.result){
             return;}
@@ -549,57 +629,9 @@ function wow_tooltips(){
         if( json.result.stack ) {
             $this.append("<span class='stack'>"+json.result.stack+"</span>");}
     });
-
-    });
-
-    $wowIcons.on("mouseover.wow", function(e) {
-      var $this = $(this);
-      var $html;
-
-      if( !lastHovered || !lastHovered.is( $this ) ) {
-
-        var id = $this.data("item-id");
-        $html = $( template(items[id]) );
-
-        $body.find(".wow-item").remove();
-        $body.append( $html );
-
-        $html.css({
-          left: e.clientX + 20,
-          top: e.clientY - 10
-        });
-
-        lastHovered = $this;
-
-      } else {
-        $html = $(".wow-item");
 }
 
-      setTimeout(function() {
-        $html.removeClass("hidden");
-      },10);
 
-      $this.on("mousemove.wow", function(e) {
-        $html.css({
-          left: e.clientX + 20,
-          top: e.clientY - 30
-        });
-      });
-
-    });
-
-    $wowIcons.on("mouseout.wow",function(e) {
-      $body.find(".wow-item").addClass("hidden");
-      $(this).off("mousemove.wow");
-    });
-
-    $body.on("mouseover.wow", ".wow-item" , function(e) {
-      //$(this).removeClass("hidden");
-    });
-
-    $body.on("mouseout.wow", ".wow-item" , function(e) {
-      $(this).addClass("hidden");
-    });
 
 /*var example = {
   
@@ -672,4 +704,3 @@ function wow_tooltips(){
   }
 
 };*/
-}