skilltree divided into treetabs for easy editing
This commit is contained in:
parent
500746b0c7
commit
316a794863
@ -11,6 +11,10 @@ function init_saimod_mojotrollz_skilltree() {
|
||||
function load_skilltree_tab(tree){
|
||||
$('img#loader').show();
|
||||
$('#tab_skilltree').load(SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_skilltree&action=tree&tree='+tree, function(){
|
||||
$('#tabs_skilltree_icons a').click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).tab('show');
|
||||
});
|
||||
register_icon_add();
|
||||
register_icon_edit();
|
||||
register_icon_delete();
|
||||
@ -20,20 +24,21 @@ function load_skilltree_tab(tree){
|
||||
}
|
||||
|
||||
function register_icon_add(){
|
||||
$('#btn_icon_add').click(function(){
|
||||
$('.btn_icon_add').click(function(){
|
||||
_class = $(this).attr('_class');
|
||||
_tree = $(this).attr('_tree');
|
||||
$.ajax({ type :'GET',
|
||||
url : SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_skilltree&action=icon_insert'+
|
||||
'&class='+_class+
|
||||
'&tree='+$('#input_tree').val()+
|
||||
'&row='+$('#input_row').val()+
|
||||
'&column='+$('#input_column').val()+
|
||||
'&type='+$('#input_type').val()+
|
||||
'&border='+$('#input_border').val()+
|
||||
'&icon='+$('#input_icon').val()+
|
||||
'&max='+$('#input_max').val()+
|
||||
'&parent_row='+$('#input_parent_row').val()+
|
||||
'&parent_column='+$('#input_parent_column').val(),
|
||||
'&tree='+_tree+
|
||||
'&row='+$('#input_row_'+_tree).val()+
|
||||
'&column='+$('#input_column_'+_tree).val()+
|
||||
'&type='+$('#input_type_'+_tree).val()+
|
||||
'&border='+$('#input_border_'+_tree).val()+
|
||||
'&icon='+$('#input_icon_'+_tree).val()+
|
||||
'&max='+$('#input_max_'+_tree).val()+
|
||||
'&parent_row='+$('#input_parent_row_'+_tree).val()+
|
||||
'&parent_column='+$('#input_parent_column_'+_tree).val(),
|
||||
success : function(data) {
|
||||
if(data.status){
|
||||
load_skilltree_tab(_class);
|
||||
|
||||
@ -12,10 +12,14 @@ class saimod_mojotrollz_skilltree extends \SYSTEM\SAI\SaiModule {
|
||||
if($tree_data == array()){
|
||||
$tree_data['class'] = $tree;}
|
||||
$vars['tree_entry'] = \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_tree_entry.tpl'), $tree_data);
|
||||
$vars['icon_entry'] = '';
|
||||
$vars = array_merge($vars,$tree_data);
|
||||
$vars['icon_entry_1'] = $vars['icon_entry_2'] = $vars['icon_entry_3'] = '';
|
||||
$res = \DBD\TALENT_TREE_ICON::QQ(array($tree));
|
||||
while($row = $res->next()){
|
||||
$vars['icon_entry'] .= \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_icon_entry.tpl'), $row);}
|
||||
$vars['icon_entry_'.$row['tree']] .= \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_icon_entry.tpl'), $row);}
|
||||
$vars['tree1'] = \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_icon_tree.tpl'), array_merge($vars,array('tree' => 1, 'icon_entry' => $vars['icon_entry_1'])));
|
||||
$vars['tree2'] = \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_icon_tree.tpl'), array_merge($vars,array('tree' => 2, 'icon_entry' => $vars['icon_entry_2'])));
|
||||
$vars['tree3'] = \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_icon_tree.tpl'), array_merge($vars,array('tree' => 3, 'icon_entry' => $vars['icon_entry_3'])));
|
||||
return \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_skilltree/tpl/saimod_mojotrollz_skilltree_page.tpl'), $vars);}
|
||||
public static function sai_mod_saimod_mojotrollz_skilltree_action_tree_edit($class,$t1n,$t1i,$t2n,$t2i,$t3n,$t3i){
|
||||
if(!\DBD\SKILLTREE_TREE_EDIT::QI(array($class,$t1n,$t1i,$t2n,$t2i,$t3n,$t3i))){
|
||||
|
||||
@ -0,0 +1,29 @@
|
||||
<table class="sai_table">
|
||||
<tr>
|
||||
<th>class</th>
|
||||
<th>tree</th>
|
||||
<th>row</th>
|
||||
<th>column</th>
|
||||
<th>type</th>
|
||||
<th>border</th>
|
||||
<th>icon</th>
|
||||
<th>max</th>
|
||||
<th>parent_row</th>
|
||||
<th>parent_column</th>
|
||||
<th>action</th>
|
||||
</tr>
|
||||
${icon_entry}
|
||||
<tr>
|
||||
<td>${class}</td>
|
||||
<td>${tree}</td>
|
||||
<td><input id="input_row_${tree}" type="number" placeholder="row" style="width: 80%;"/></td>
|
||||
<td><input id="input_column_${tree}" type="number" placeholder="column" style="width: 80%;"/></td>
|
||||
<td><input id="input_type_${tree}" type="text" placeholder="type" style="width: 80%;"/></td>
|
||||
<td><input id="input_border_${tree}" type="text" placeholder="border" style="width: 80%;"/></td>
|
||||
<td><input id="input_icon_${tree}" type="text" placeholder="icon" style="width: 80%;"/></td>
|
||||
<td><input id="input_max_${tree}" type="number" placeholder="max" style="width: 80%;"/></td>
|
||||
<td><input id="input_parent_row_${tree}" type="number" placeholder="parent_row" style="width: 80%;"/></td>
|
||||
<td><input id="input_parent_column_${tree}" type="number" placeholder="parent_column" style="width: 80%;"/></td>
|
||||
<td><button class="btn btn-success btn_icon_add" _class="${class}" _tree="${tree}">Add/Edit</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -15,32 +15,15 @@ ${skilltree}
|
||||
${tree_entry}
|
||||
</table>
|
||||
<hr>
|
||||
<table class="sai_table">
|
||||
<tr>
|
||||
<th>class</th>
|
||||
<th>tree</th>
|
||||
<th>row</th>
|
||||
<th>column</th>
|
||||
<th>type</th>
|
||||
<th>border</th>
|
||||
<th>icon</th>
|
||||
<th>max</th>
|
||||
<th>parent_row</th>
|
||||
<th>parent_column</th>
|
||||
<th>action</th>
|
||||
</tr>
|
||||
${icon_entry}
|
||||
<tr>
|
||||
<td>${class}</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>
|
||||
<div class="tabbable">
|
||||
<ul class="nav nav-tabs" id="tabs_skilltree_icons">
|
||||
<li class="active"><a href="#tab_tree1">${tree1_name}</a></li>
|
||||
<li><a href="#tab_tree2">${tree2_name}</a></li>
|
||||
<li><a href="#tab_tree3">${tree3_name}</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="tab_tree1" style="width: 900px;">${tree1}</div>
|
||||
<div class="tab-pane" id="tab_tree2" style="width: 900px;">${tree2}</div>
|
||||
<div class="tab-pane" id="tab_tree3" style="width: 900px;">${tree3}</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
x
Reference in New Issue
Block a user