skilltree fixes, system reference updated, saimod for skilltrees

mojotrollz/api/char/css/skilltree.css

@@ -1,4 +1,4 @@
-body{
+.skilltree {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 12px;
     background-color: #000000;
@@ -7,7 +7,7 @@ body{
     padding: 0px;
 }
 
-input
+.skilltree input
 {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 	font-size: 10px;
@@ -19,7 +19,7 @@ input
 	border-TOP: #6F6D67 1px solid;
 }
 
-.stdText
+.skilltree stdText
 {
 	font-family:Verdana, Helvetica, Arial, sans-serif;
 	color:#FFFFFF;
@@ -27,7 +27,7 @@ input
 	font-weight:normal;
 }
 
-a:link
+.skilltree a:link
 {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 	font-size: 10px;
@@ -36,7 +36,7 @@ a:link
 	text-decoration: none;
 }
 
-a:active
+.skilltree a:active
 {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 	font-size: 10px;
@@ -45,7 +45,7 @@ a:active
 	text-decoration: none;
 }
 
-a:hover
+.skilltree a:hover
 {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 	font-size: 10px;
@@ -54,7 +54,7 @@ a:hover
 	text-decoration: underline;
 }
 
-a:visited
+.skilltree a:visited
 {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 	font-size: 10px;
@@ -86,16 +86,16 @@ a:visited
 .icon_text_green{color: rgb(46, 255, 0);}
 .icon_text_yellow{color: rgb(255, 209, 0);}
 
-.icon_arrow_gray_down{background-position: 0px 0px;}
+.icon_arrow_grey_down{background-position: 0px 0px;}
-.icon_arrow_gray_down_right{background-position: -65px 0px;}
+.icon_arrow_grey_down_right{background-position: -65px 0px;}
 .icon_arrow_yellow_down{background-position: -130px 0px;}
 .icon_arrow_yellow_down_right{background-position: -195px 0px;}
 
 .icon_border_grey{background-position: 0px 0px;}
-.icon_border_gray_inc_left{background-position: 0px -402px;}
+.icon_border_grey_inc_left{background-position: 0px -402px;}
-.icon_border_gray_inc{background-position: 0px -268px;}
+.icon_border_grey_inc{background-position: 0px -268px;}
-.icon_border_gray_down{background-position: 0px -201px;}
+.icon_border_grey_down{background-position: 0px -201px;}
-.icon_border_gray_down_right{background-position: 0px -469px;}
+.icon_border_grey_down_right{background-position: 0px -469px;}
 
 .icon_border_green{background-position: -65px 0px;}
 .icon_border_green_right{background-position: -65px -134px;}
@@ -145,7 +145,7 @@ a:visited
 .talentheader {width: 300px; border-bottom:0px solid #002B55;background-image: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=tableheader.png);}
 .talentheader div{padding-right:20px;background-repeat:no-repeat;background-position:bottom right;height:41px;width:209px;float:left;}
 .talentheader strong{font-weight:bold;display:block;padding-left:18px;padding-top:14px;vertical-align:bottom;}
-.talentheader img {margin-top:11px; cursor:pointer; background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=resetbutton.png);}
+.talentheader img {height: 20px; width: 59px; margin-top:11px; cursor:pointer; background:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=resetbutton.png) no-repeat;}
 
 .outerbg{border:0px solid #002B55;background-color:#002B55; padding-left: 12px;}
 .talent_icon{

mojotrollz/api/char/skilltree.php

@@ -19,9 +19,17 @@ class skilltree{
                         $res[$count]['row'] == $r &&
                         $res[$count]['column'] == $c){
                         
-                        $style = $res[$count]['icon'] ? 'background: url('.$res[$count]['icon'].') 50% 50% no-repeat;' : 'visibility:visible;';
+                        if($r == 1){
-                        $max = $r == 1 ? (($res[$count]['parent_row']) ? '' : '0/'.$res[$count]['max']) : '';
+                            $max_text = $res[$count]['parent_row'] ? '' : '0/'.$res[$count]['max'];    
-                        $text_color = $r == 1 ? 'icon_text_green' : '';
+                            $text_color = 'icon_text_green';
+                            $style = !$res[$count]['parent_row'] ?
+                                    ($res[$count]['icon'] ? 'background: url(./api.php?call=files&cat=skilltree_skills&id='.$res[$count]['icon'].') 50% 50% no-repeat;' : 'visibility:visible;') :
+                                    ($res[$count]['icon'] ? 'background: url(./api.php?call=files&cat=skilltree_skills_grey&id='.$res[$count]['icon'].') 50% 50% no-repeat;' : 'visibility:visible;') ;
+                        } else {
+                            $max_text = '';
+                            $text_color = '';
+                            $style = $res[$count]['icon'] ? 'background: url(./api.php?call=files&cat=skilltree_skills_grey&id='.$res[$count]['icon'].') 50% 50% no-repeat;' : 'visibility:visible;';
+                        }
 
                         $vars[$tree] .= \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/skilltree_icon.tpl'),
                                             array(  'id' => $id,
@@ -29,7 +37,7 @@ class skilltree{
                                                     'type' => $res[$count]['type'],
                                                     'border' => $res[$count]['border'],
                                                     'text_color' => $text_color,
-                                                    'max' => $max));
+                                                    'max' => $max_text));
                             
                         $count++;
                     } else {
@@ -48,7 +56,6 @@ class skilltree{
                 }
             }
         }
-        
         return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/skilltree.tpl'), $vars);
     }
 }

mojotrollz/api/char/tpl/skilltree.tpl

@@ -1,4 +1,4 @@
-<table width="900" border="0" cellspacing="0" cellpadding="0" align="left" style="margin-left: 10px;">
+<table class="skilltree" width="900" border="0" cellspacing="0" cellpadding="0" align="left" style="margin-left: 10px;">
     <tr>
         <td class="talentheader">
             <div id="treeheader1">
@@ -29,8 +29,8 @@
         </td>
     </tr>
     <tr>
-        <td class="outerbg" id="tree1" width="300" height="480" valign="top" style="background-image: url(${tree1_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree1}</td>
+        <td class="outerbg" id="tree1" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree_tree&id=${tree1_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree1}</td>
-        <td class="outerbg" id="tree2" width="300" height="480" valign="top" style="background-image: url(${tree2_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree2}</td>
+        <td class="outerbg" id="tree2" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree_tree&id=${tree2_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree2}</td>
-        <td class="outerbg" id="tree3" width="300" height="480" valign="top" style="background-image: url(${tree3_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree3}</td>
+        <td class="outerbg" id="tree3" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree_tree&id=${tree3_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree3}</td>
     </tr>
 </table>

mojotrollz/files/register_files.php

@@ -6,3 +6,6 @@
 \SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/wow_city_icons/','wow_city_icons','*.png');
 \SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/default_page/','default_page','*.png');
 \SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/skilltree/','skilltree','*.*');
+\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/skilltree/tree/','skilltree_tree','*.*');
+\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/skilltree/skills/','skilltree_skills','*.*');
+\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/skilltree/skills_grey/','skilltree_skills_grey','*.*');