mojotrollz/mojo_zero_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

skilltree fixes, new arrows, saimod skilltree improvements

Browse Source
This commit is contained in:
Ulf Gebhardt 2014-11-25 00:24:11 +01:00
parent d87a818781
commit d60185278b
5 changed files with 91 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
mojotrollz/api/char/css/skilltree.css
View File

@ -91,26 +91,38 @@
.icon_arrow_yellow_down{background-position: -130px 0px;} .icon_arrow_yellow_down{background-position: -130px 0px;}
.icon_arrow_yellow_down_right{background-position: -195px 0px;} .icon_arrow_yellow_down_right{background-position: -195px 0px;}
.icon_border_grey{background-position: 0px 0px;} .icon_border_grey {background-position: 0px 0px;}
.icon_border_grey_inc{background-position: 0px -268px;} .icon_border_grey_left {background-position: 0px -67px;}
.icon_border_grey_inc_left{background-position: 0px -402px;} .icon_border_grey_right {background-position: 0px -134px;}
.icon_border_grey_down{background-position: 0px -201px;} .icon_border_grey_down {background-position: 0px -201px;}
.icon_border_grey_down_right{background-position: 0px -469px;} .icon_border_grey_inc {background-position: 0px -268px;}
.icon_border_grey_right{background-position: 0px -134px;} .icon_border_grey_inc_right {background-position: 0px -335px;}
.icon_border_grey_inc_left {background-position: 0px -402px;}
.icon_border_grey_down_right {background-position: 0px -469px;}
.icon_border_grey_inc_top_down {background-position: 0px -536px;}
.icon_border_grey_inc_top_right {background-position: 0px -603px;}
.icon_border_green{background-position: -65px 0px;} .icon_border_green {background-position: -65px 0px;}
.icon_border_green_inc{background-position: -65px -268px;} .icon_border_green_left {background-position: -65px -67px;}
.icon_border_green_inc_left{background-position: -65px -402px;} .icon_border_green_right {background-position: -65px -134px;}
.icon_border_green_down{background-position: -65px -201px;} .icon_border_green_down {background-position: -65px -201px;}
.icon_border_green_down_right{background-position: -65px -469px;} .icon_border_green_inc {background-position: -65px -268px;}
.icon_border_green_right{background-position: -65px -134px;} .icon_border_green_inc_right {background-position: -65px -335px;}
.icon_border_green_inc_left {background-position: -65px -402px;}
.icon_border_green_down_right {background-position: -65px -469px;}
.icon_border_green_inc_top_down {background-position: -65px -536px;}
.icon_border_green_inc_top_right{background-position: -65px -603px;}
.icon_border_yellow{background-position: -260px 0px;} .icon_border_yellow {background-position: -260px 0px;}
.icon_border_yellow_inc{background-position: -260px -268px;} .icon_border_grey_left {background-position: -260px -67px;}
.icon_border_yellow_inc_left{background-position: -260px -402px;} .icon_border_yellow_right {background-position: -260px -134px;}
.icon_border_yellow_down{background-position: -260px -201px;} .icon_border_yellow_down {background-position: -260px -201px;}
.icon_border_yellow_down_right{background-position: -260px -469px;} .icon_border_yellow_inc {background-position: -260px -268px;}
.icon_border_yellow_right{background-position: -260px -134px;} .icon_border_yellow_inc_right {background-position: -260px -335px;}
.icon_border_yellow_inc_left {background-position: -260px -402px;}
.icon_border_yellow_down_right {background-position: -260px -469px;}
.icon_border_yellow_inc_top_down{background-position: -260px -536px;}
.icon_border_yellow_inc_top_right{background-position: -260px -603px;}
.icon_number{ .icon_number{
position: relative; position: relative;

40
mojotrollz/api/char/js/skilltree.js
View File

@ -14,15 +14,11 @@ function skilltree(){
if(is_icon_skillable(id) && !is_point_max() && !is_icon_max(id_count)){ if(is_icon_skillable(id) && !is_point_max() && !is_icon_max(id_count)){
write_icon(id,id_count,id_img,1,true);} write_icon(id,id_count,id_img,1,true);}
break; break;
case 2:
//alert('Middle Mouse button pressed.');
break;
case 3: case 3:
if(is_icon_deskillable(id) && !is_icon_min(id_count)){ if(is_icon_deskillable(id) && !is_icon_min(id_count)){
write_icon(id,id_count,id_img,-1,true);} write_icon(id,id_count,id_img,-1,true);}
break; break;
default: default:
//alert('You have a strange Mouse!');
} }
}); });
$('.reset').click(function(){ $('.reset').click(function(){
@ -322,6 +318,18 @@ function write_icon_green(id,id_count,id_img){
var column = parseInt($(id).attr('c'))-1; var column = parseInt($(id).attr('c'))-1;
write_arrow_grey('#t'+tree+'r'+row+'c'+column+'i'); write_arrow_grey('#t'+tree+'r'+row+'c'+column+'i');
} }
if( $(id_img).hasClass('icon_border_grey_inc_top_down') ||
$(id_img).hasClass('icon_border_yellow_inc_top_down')){
$(id_img).removeClass('icon_border_grey_inc_top_down');
$(id_img).removeClass('icon_border_yellow_inc_top_down');
$(id_img).addClass('icon_border_green_inc_top_down');
var tree = parseInt($(id).attr('t'));
var row = parseInt($(id).attr('r'));
var column = parseInt($(id).attr('c'));
write_arrow_grey('#t'+tree+'r'+(row+1)+'c'+column+'i');
write_arrow_grey('#t'+tree+'r'+(row+2)+'c'+column+'i');
}
} }
function write_arrow_yellow(id){ function write_arrow_yellow(id){
if($(id).hasClass('talent_arrow')){ if($(id).hasClass('talent_arrow')){
@ -438,6 +446,18 @@ function write_icon_yellow(id,id_count,id_img){
var column = parseInt($(id).attr('c'))-1; var column = parseInt($(id).attr('c'))-1;
write_arrow_yellow('#t'+tree+'r'+row+'c'+column+'i'); write_arrow_yellow('#t'+tree+'r'+row+'c'+column+'i');
} }
if( $(id_img).hasClass('icon_border_grey_inc_top_down') ||
$(id_img).hasClass('icon_border_green_inc_top_down')){
$(id_img).removeClass('icon_border_grey_inc_top_down');
$(id_img).removeClass('icon_border_green_inc_top_down');
$(id_img).addClass('icon_border_yellow_inc_top_down');
var tree = parseInt($(id).attr('t'));
var row = parseInt($(id).attr('r'));
var column = parseInt($(id).attr('c'));
write_arrow_yellow('#t'+tree+'r'+(row+1)+'c'+column+'i');
write_arrow_yellow('#t'+tree+'r'+(row+2)+'c'+column+'i');
}
} }
function write_icon_grey(id,id_count,id_img){ function write_icon_grey(id,id_count,id_img){
if($(id_img).hasClass('icon_empty')){ if($(id_img).hasClass('icon_empty')){
@ -514,4 +534,16 @@ function write_icon_grey(id,id_count,id_img){
var column = parseInt($(id).attr('c'))-1; var column = parseInt($(id).attr('c'))-1;
write_arrow_grey('#t'+tree+'r'+row+'c'+column+'i'); write_arrow_grey('#t'+tree+'r'+row+'c'+column+'i');
} }
if( $(id_img).hasClass('icon_border_yellow_inc_top_down') ||
$(id_img).hasClass('icon_border_green_inc_top_down')){
$(id_img).removeClass('icon_border_yellow_inc_top_down');
$(id_img).removeClass('icon_border_green_inc_top_down');
$(id_img).addClass('icon_border_grey_inc_top_down');
var tree = parseInt($(id).attr('t'));
var row = parseInt($(id).attr('r'));
var column = parseInt($(id).attr('c'));
write_arrow_grey('#t'+tree+'r'+(row+1)+'c'+column+'i');
write_arrow_grey('#t'+tree+'r'+(row+2)+'c'+column+'i');
}
} }

BIN
mojotrollz/files/skilltree/skilltree_icons.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 31 KiB

30
mojotrollz/sai/saimod_mojotrollz_skilltree/js/saimod_mojotrollz_skilltree.js
View File

@ -63,20 +63,22 @@ function register_icon_edit(){
function register_icon_delete(){ function register_icon_delete(){
$('.btn_icon_del').click(function(){ $('.btn_icon_del').click(function(){
_class = $(this).attr('_class'); if (confirm('Are you sure you want to delete?')) {
$.ajax({ type :'GET', _class = $(this).attr('_class');
url : SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_skilltree&action=icon_delete'+ $.ajax({ type :'GET',
'&class='+_class+ url : SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_skilltree&action=icon_delete'+
'&tree='+$(this).attr('tree')+ '&class='+_class+
'&row='+$(this).attr('row')+ '&tree='+$(this).attr('tree')+
'&column='+$(this).attr('column'), '&row='+$(this).attr('row')+
success : function(data) { '&column='+$(this).attr('column'),
if(data.status){ success : function(data) {
load_skilltree_tab(_class); if(data.status){
}else{ load_skilltree_tab(_class);
alert('Problem: '+data);} }else{
} alert('Problem: '+data);}
}); }
});
}
}); });
} }

18
mojotrollz/sai/saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_page.tpl
View File

@ -32,15 +32,15 @@ ${skilltree}
${icon_entry} ${icon_entry}
<tr> <tr>
<td>${class}</td> <td>${class}</td>
<td><input id="input_tree" type="number" placeholder="tree" style="width: 20px;"/></td> <td><input id="input_tree" type="number" placeholder="tree" style="width: 80%;"/></td>
<td><input id="input_row" type="number" placeholder="row" style="width: 20px;"/></td> <td><input id="input_row" type="number" placeholder="row" style="width: 80%;"/></td>
<td><input id="input_column" type="number" placeholder="column" style="width: 20px;"/></td> <td><input id="input_column" type="number" placeholder="column" style="width: 80%;"/></td>
<td><input id="input_type" type="text" placeholder="type" style="width: 80px;"/></td> <td><input id="input_type" type="text" placeholder="type" style="width: 80%;"/></td>
<td><input id="input_border" type="text" placeholder="border" style="width: 125px;"/></td> <td><input id="input_border" type="text" placeholder="border" style="width: 80%;"/></td>
<td><input id="input_icon" type="text" placeholder="icon" style="width: 125px;"/></td> <td><input id="input_icon" type="text" placeholder="icon" style="width: 80%;"/></td>
<td><input id="input_max" type="number" placeholder="max" style="width: 20px;"/></td> <td><input id="input_max" type="number" placeholder="max" style="width: 80%;"/></td>
<td><input id="input_parent_row" type="number" placeholder="parent_row" style="width: 70px;"/></td> <td><input id="input_parent_row" type="number" placeholder="parent_row" style="width: 80%;"/></td>
<td><input id="input_parent_column" type="number" placeholder="parent_column" style="width: 70px;"/></td> <td><input id="input_parent_column" type="number" placeholder="parent_column" style="width: 80%;"/></td>
<td><button class="btn btn-success" id="btn_icon_add" _class="${class}">Add/Edit</button></td> <td><button class="btn btn-success" id="btn_icon_add" _class="${class}">Add/Edit</button></td>
</tr> </tr>
</table> </table>