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_right{background-position: -195px 0px;}
.icon_border_grey{background-position: 0px 0px;}
.icon_border_grey_inc{background-position: 0px -268px;}
.icon_border_grey_inc_left{background-position: 0px -402px;}
.icon_border_grey_down{background-position: 0px -201px;}
.icon_border_grey_down_right{background-position: 0px -469px;}
.icon_border_grey_right{background-position: 0px -134px;}
.icon_border_grey {background-position: 0px 0px;}
.icon_border_grey_left {background-position: 0px -67px;}
.icon_border_grey_right {background-position: 0px -134px;}
.icon_border_grey_down {background-position: 0px -201px;}
.icon_border_grey_inc {background-position: 0px -268px;}
.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_inc{background-position: -65px -268px;}
.icon_border_green_inc_left{background-position: -65px -402px;}
.icon_border_green_down{background-position: -65px -201px;}
.icon_border_green_down_right{background-position: -65px -469px;}
.icon_border_green_right{background-position: -65px -134px;}
.icon_border_green {background-position: -65px 0px;}
.icon_border_green_left {background-position: -65px -67px;}
.icon_border_green_right {background-position: -65px -134px;}
.icon_border_green_down {background-position: -65px -201px;}
.icon_border_green_inc {background-position: -65px -268px;}
.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_inc{background-position: -260px -268px;}
.icon_border_yellow_inc_left{background-position: -260px -402px;}
.icon_border_yellow_down{background-position: -260px -201px;}
.icon_border_yellow_down_right{background-position: -260px -469px;}
.icon_border_yellow_right{background-position: -260px -134px;}
.icon_border_yellow {background-position: -260px 0px;}
.icon_border_grey_left {background-position: -260px -67px;}
.icon_border_yellow_right {background-position: -260px -134px;}
.icon_border_yellow_down {background-position: -260px -201px;}
.icon_border_yellow_inc {background-position: -260px -268px;}
.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{
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)){
write_icon(id,id_count,id_img,1,true);}
break;
case 2:
//alert('Middle Mouse button pressed.');
break;
case 3:
if(is_icon_deskillable(id) && !is_icon_min(id_count)){
write_icon(id,id_count,id_img,-1,true);}
break;
default:
//alert('You have a strange Mouse!');
}
});
$('.reset').click(function(){
@ -322,6 +318,18 @@ function write_icon_green(id,id_count,id_img){
var column = parseInt($(id).attr('c'))-1;
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){
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;
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){
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;
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(){
$('.btn_icon_del').click(function(){
_class = $(this).attr('_class');
$.ajax({ type :'GET',
url : SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_skilltree&action=icon_delete'+
'&class='+_class+
'&tree='+$(this).attr('tree')+
'&row='+$(this).attr('row')+
'&column='+$(this).attr('column'),
success : function(data) {
if(data.status){
load_skilltree_tab(_class);
}else{
alert('Problem: '+data);}
}
});
if (confirm('Are you sure you want to delete?')) {
_class = $(this).attr('_class');
$.ajax({ type :'GET',
url : SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_skilltree&action=icon_delete'+
'&class='+_class+
'&tree='+$(this).attr('tree')+
'&row='+$(this).attr('row')+
'&column='+$(this).attr('column'),
success : function(data) {
if(data.status){
load_skilltree_tab(_class);
}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}
<tr>
<td>${class}</td>
<td><input id="input_tree" type="number" placeholder="tree" style="width: 20px;"/></td>
<td><input id="input_row" type="number" placeholder="row" style="width: 20px;"/></td>
<td><input id="input_column" type="number" placeholder="column" style="width: 20px;"/></td>
<td><input id="input_type" type="text" placeholder="type" style="width: 80px;"/></td>
<td><input id="input_border" type="text" placeholder="border" style="width: 125px;"/></td>
<td><input id="input_icon" type="text" placeholder="icon" style="width: 125px;"/></td>
<td><input id="input_max" type="number" placeholder="max" style="width: 20px;"/></td>
<td><input id="input_parent_row" type="number" placeholder="parent_row" style="width: 70px;"/></td>
<td><input id="input_parent_column" type="number" placeholder="parent_column" style="width: 70px;"/></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: 80%;"/></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: 80%;"/></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: 80%;"/></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: 80%;"/></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>
</tr>
</table>