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

wizard visuals and details

Browse Source
This commit is contained in:
Ulf Gebhardt 2014-11-14 01:50:53 +01:00
parent 34bde8138a
commit a04fbaa8d2
19 changed files with 142 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
mojotrollz/api/char/charcreation.php
View File

@ -2,7 +2,7 @@
class charcreation {
const DEFAULT_CHAR_NAME = 'Charactername';
const DEFAULT_CHAR_GENDER = 'default';
const DEFAULT_CHAR_RACE = 'default';
const DEFAULT_CHAR_RACE = 0;
const DEFAULT_CHAR_CLASS = 0;
const MOJO_CC_SESSIONKEY = 'mojo_charcreation';
const DEFAULT_CHAR_APPEARANCE = 1;
@ -38,14 +38,14 @@ class charcreation {
public static function checkClassRace($class,$race){
switch($race){
case 'human': return in_array($class, array(player_classes::WARRIOR, player_classes::ROGUE, player_classes::PRIEST, player_classes::MAGE, player_classes::WARLOCK, player_classes::PALADIN));
case 'ork': return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::SHAMAN, player_classes::ROGUE, player_classes::WARLOCK));
case 'dwarf': return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::ROGUE, player_classes::PRIEST, player_classes::PALADIN));
case 'scorge': return in_array($class, array(player_classes::WARRIOR, player_classes::ROGUE, player_classes::PRIEST, player_classes::MAGE, player_classes::WARLOCK));
case 'nightelf': return in_array($class,array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::ROGUE, player_classes::PRIEST, player_classes::DRUID));
case 'tauren': return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::SHAMAN, player_classes::DRUID));
case 'gnome': return in_array($class, array(player_classes::WARRIOR, player_classes::ROGUE, player_classes::MAGE, player_classes::WARLOCK));
case 'troll': return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::SHAMAN, player_classes::ROGUE, player_classes::PRIEST, player_classes::MAGE));
case player_races::HUMAN : return in_array($class, array(player_classes::WARRIOR, player_classes::ROGUE, player_classes::PRIEST, player_classes::MAGE, player_classes::WARLOCK, player_classes::PALADIN));
case player_races::ORK: return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::SHAMAN, player_classes::ROGUE, player_classes::WARLOCK));
case player_races::DWARF: return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::ROGUE, player_classes::PRIEST, player_classes::PALADIN));
case player_races::SCOURGE: return in_array($class, array(player_classes::WARRIOR, player_classes::ROGUE, player_classes::PRIEST, player_classes::MAGE, player_classes::WARLOCK));
case player_races::NIGHTELF: return in_array($class,array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::ROGUE, player_classes::PRIEST, player_classes::DRUID));
case player_races::TAUREN: return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::SHAMAN, player_classes::DRUID));
case player_races::GNOME: return in_array($class, array(player_classes::WARRIOR, player_classes::ROGUE, player_classes::MAGE, player_classes::WARLOCK));
case player_races::TROLL: return in_array($class, array(player_classes::WARRIOR, player_classes::HUNTER, player_classes::SHAMAN, player_classes::ROGUE, player_classes::PRIEST, player_classes::MAGE));
default: return false;
}
}

1
mojotrollz/api/char/equipment.php
View File

@ -7,6 +7,7 @@ class equipment {
$vars['EQ_PICS'] = \SYSTEM\FILES\files::getURL('equipment');
$vars['CLASS_PICS'] = \SYSTEM\FILES\files::getURL('class');
$vars['class_name'] = player_classes::name($class);
$vars['race_name'] = player_races::name($race);
//$vars['char_equip'] = '';//'1,110744,3,109807,16,111412,5,111190,9,111188,10,126342,6,110003,7,120793,8,115217,21,125312,14,110641';//
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/equipment.tpl'), $vars);
}

36
mojotrollz/api/char/race_visuals.php Normal file
View File

@ -0,0 +1,36 @@
<?php
class race_visuals {
const VISUAL_SKIN = 0;
const VISUAL_SKIN_NAME = 'Skincolor';
const VISUAL_HAIR = 1;
const VISUAL_HAIR_NAME = 'Hairstyle';
const VISUAL_HAIR_COLOR = 2;
const VISUAL_HAIR_COLOR_NAME = 'Haircolor';
const VISUAL_FACE = 3;
const VISUAL_FACE_NAME = 'Face';
const VISUAL_FACIAL_HAIR = 4;
const VISUAL_FACIAL_HAIR_NAME = 'Facialhair';
const VISUAL_FACIAL_HAIR_COLOR = 5;
const VISUAL_FACIAL_HAIR_COLOR_NAME = 'Facialhair Color';
public static function name($visual){
switch($visual){
case self::VISUAL_SKIN:
return self::VISUAL_SKIN_NAME;
case self::VISUAL_HAIR:
return self::VISUAL_HAIR_NAME;
case self::VISUAL_HAIR_COLOR:
return self::VISUAL_HAIR_COLOR_NAME;
case self::VISUAL_FACE:
return self::VISUAL_FACE_NAME;
case self::VISUAL_FACIAL_HAIR:
return self::VISUAL_FACIAL_HAIR_NAME;
case self::VISUAL_FACIAL_HAIR_COLOR:
return self::VISUAL_FACIAL_HAIR_COLOR_NAME;
default:
return 'visual not valid';
}
}
}

4
mojotrollz/api/char/tpl/equipment.tpl
View File

@ -1,4 +1,4 @@
<div class="equipment" style="background: url(${CLASS_PICS}${class_name}.png)">
<div class="equipment" style="background: url(${EQ_PICS}equipment_bg.png)">
<div style="float:left; width: 64px; height: 400px; padding-top: 10px; padding-left: 10px;">
<img src="${EQ_PICS}Ui-paperdoll-slot-head.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-neck.png" width="48px" style="padding-bottom: 5px;"/><br/>
@ -16,7 +16,7 @@
<param name="wmode" value="transparent"/>
<param name="allowsscriptaccess" value="always"/>
<param name="menu" value="false"/>
<param name="flashvars" value="model=${race}${gender}&amp;modelType=16&amp;equipList=${equip}&amp;sk=${skin_color}&amp;ha=${hair}&amp;hc=${hair_color}&amp;fa=${face}&amp;fh=${facial_hair}&amp;fc=${facial_hair_color}&amp;mode=3&amp;contentPath=http://static.wowhead.com/modelviewer/" />
<param name="flashvars" value="model=${race_name}${gender}&amp;modelType=16&amp;equipList=${equip}&amp;sk=${skin_color}&amp;ha=${hair}&amp;hc=${hair_color}&amp;fa=${face}&amp;fh=${facial_hair}&amp;fc=${facial_hair_color}&amp;mode=3&amp;contentPath=http://static.wowhead.com/modelviewer/" />
<param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>
</object>
<img src="${EQ_PICS}Ui-paperdoll-slot-mainhand.png" width="48px" style="margin-left: 45px; float: left;"/>

12
mojotrollz/dbd/qq/RACE_VISUALS.php Normal file
View File

@ -0,0 +1,12 @@
<?php
namespace DBD;
class RACE_VISUALS extends \SYSTEM\DB\QP {
protected static function query(){
return new \SYSTEM\DB\QQuery(get_class(),
//pg
'',
//mys
'SELECT * FROM mojotrollz_visuals WHERE race = ? AND type = ? ORDER BY id;'
);}}

0
mojotrollz/page/wizard_details/img/button_random.png → mojotrollz/files/button_random.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
mojotrollz/files/equipment/equipment_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

0
mojotrollz/page/wizard_details/img/infotext_background.png → mojotrollz/files/infotext_background.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 91 KiB

0
mojotrollz/page/wizard_details/img/infotext_background.psd → mojotrollz/files/infotext_background.psd
View File

1
mojotrollz/page/default_page/js/wizard.js
View File

@ -3,6 +3,7 @@ $(document).ready(function() {
});
function sendInfo(json,toolbar){
console.log('-Mojotrollz: send Char Info: '+json);
system.call('call=charcreation&json='+json,
function(){system.load(toolbar)},
{},'json',false);}

2
mojotrollz/page/wizard_details/js/wizard_details.js
View File

@ -63,7 +63,7 @@ function init_wizard_details (){
$('#content .male').click(function (){male();});
$('#content .female').click(function (){female ();});
$('#details_race .human, #details_race .ork, #details_race .dwarf, #details_race .scorge, #details_race .nightelf, #details_race .tauren, #details_race .gnome, #details_race .troll').click(function (){wowrace($(this).attr('race'));});
$('#details_race .human, #details_race .ork, #details_race .dwarf, #details_race .scorge, #details_race .nightelf, #details_race .tauren, #details_race .gnome, #details_race .troll').click(function (){wowrace($(this).attr('rrace'));});
}
function male (){

34
mojotrollz/page/wizard_details/tpl/details.tpl
View File

@ -5,25 +5,25 @@
<a class="female fadein" gender="female" href="#"><img src="${WOWICONS}female.png" width="110px"/></a>
</div>
<div id="details_race" style="float: left; margin: 15px;">
<a class="male human fadein info" info="race_human" race="human" gender="male" href="#"><img src="${WOW_RACE}human_male.png"/></a>
<a class="female human fadein info" info="race_human" race="human" gender="female" href="#"><img src="${WOW_RACE}human_female.png" /></a>
<a class="male ork fadein info" info="race_ork" race="ork" gender="male" href="#"><img src="${WOW_RACE}ork_male.png" /></a>
<a class="female ork fadein info" info="race_ork" race="ork" gender="female" href="#"><img src="${WOW_RACE}ork_female.png" /></a>
<a class="male human fadein info" info="race_human" race="1" rrace="human" gender="male" href="#"><img src="${WOW_RACE}human_male.png"/></a>
<a class="female human fadein info" info="race_human" race="1" rrace="human" gender="female" href="#"><img src="${WOW_RACE}human_female.png" /></a>
<a class="male ork fadein info" info="race_ork" race="2" rrace="ork" gender="male" href="#"><img src="${WOW_RACE}ork_male.png" /></a>
<a class="female ork fadein info" info="race_ork" race="2" rrace="ork" gender="female" href="#"><img src="${WOW_RACE}ork_female.png" /></a>
<br>
<a class="male dwarf fadein info" info="race_dwarf" race="dwarf" gender="male" href="#"><img src="${WOW_RACE}dwarf_male.png" /></a>
<a class="female dwarf fadein info" info="race_dwarf" race="dwarf" gender="female" href="#"><img src="${WOW_RACE}dwarf_female.png" /></a>
<a class="male scourge fadein info" info="race_scourge" race="scourge" gender="male" href="#"><img src="${WOW_RACE}scourge_male.png" /></a>
<a class="female scourge fadein info" info="race_scourge" race="scourge" gender="female" href="#"><img class="select" src="${WOW_RACE}scourge_female.png" /></a>
<a class="male dwarf fadein info" info="race_dwarf" race="3" rrace="dwarf" gender="male" href="#"><img src="${WOW_RACE}dwarf_male.png" /></a>
<a class="female dwarf fadein info" info="race_dwarf" race="3" rrace="dwarf" gender="female" href="#"><img src="${WOW_RACE}dwarf_female.png" /></a>
<a class="male scourge fadein info" info="race_scourge" race="5" rrace="scourge" gender="male" href="#"><img src="${WOW_RACE}scourge_male.png" /></a>
<a class="female scourge fadein info" info="race_scourge" race="5" rrace="scourge" gender="female" href="#"><img class="select" src="${WOW_RACE}scourge_female.png" /></a>
<br>
<a class="male nightelf fadein info" info="race_nightelf" race="nightelf" gender="male" href="#"><img src="${WOW_RACE}nightelf_male.png" /></a>
<a class="female nightelf fadein info" info="race_nightelf" race="nightelf" gender="female" href="#"><img src="${WOW_RACE}nightelf_female.png" /></a>
<a class="male tauren fadein info" info="race_tauren" race="tauren" gender="male" href="#"><img src="${WOW_RACE}tauren_male.png" /></a>
<a class="female tauren fadein info" info="race_tauren" race="tauren" gender="female" href="#"><img src="${WOW_RACE}tauren_female.png" /></a>
<a class="male nightelf fadein info" info="race_nightelf" race="4" rrace="nightelf" gender="male" href="#"><img src="${WOW_RACE}nightelf_male.png" /></a>
<a class="female nightelf fadein info" info="race_nightelf" race="4" rrace="nightelf" gender="female" href="#"><img src="${WOW_RACE}nightelf_female.png" /></a>
<a class="male tauren fadein info" info="race_tauren" race="6" rrace="tauren" gender="male" href="#"><img src="${WOW_RACE}tauren_male.png" /></a>
<a class="female tauren fadein info" info="race_tauren" race="6" rrace="tauren" gender="female" href="#"><img src="${WOW_RACE}tauren_female.png" /></a>
<br>
<a class="male gnome fadein info" info="race_gnome" race="gnome" gender="male" href="#"><img src="${WOW_RACE}gnome_male.png" /></a>
<a class="female gnome fadein info" info="race_gnome" race="gnome" gender="female" href="#"><img src="${WOW_RACE}gnome_female.png" /></a>
<a class="male troll fadein info" info="race_troll" race="troll" gender="male" href="#"><img src="${WOW_RACE}troll_male.png" /></a>
<a class="female troll fadein info" info="race_troll" race="troll" gender="female" href="#"><img src="${WOW_RACE}troll_female.png" /></a>
<a class="male gnome fadein info" info="race_gnome" race="7" rrace="gnome" gender="male" href="#"><img src="${WOW_RACE}gnome_male.png" /></a>
<a class="female gnome fadein info" info="race_gnome" race="7" rrace="gnome" gender="female" href="#"><img src="${WOW_RACE}gnome_female.png" /></a>
<a class="male troll fadein info" info="race_troll" race="8" rrace="troll" gender="male" href="#"><img src="${WOW_RACE}troll_male.png" /></a>
<a class="female troll fadein info" info="race_troll" race="8" rrace="troll" gender="female" href="#"><img src="${WOW_RACE}troll_female.png" /></a>
</div>
<div id="details_class" style="float: left; margin: 15px;">
<a class="human dwarf nightelf gnome ork undead tauren troll fadein info" info="class_warrior" cclass="1" href="#"><img src="${WOW_CLASS}Warrior.png" /></a>
@ -41,7 +41,7 @@
<a class="dwarf human fadein info" info="class_paladin" cclass="2" href="#" style="padding-left:30px;"><img src="${WOW_CLASS}Paladin.png" /></a>
</div>
<div class="lifecraft link-color" id="details_info" style="float: left; margin-top: 15px; width: 120px; height: 300px; overflow-y: hidden; padding: 8px; font-size: 14px;">
<h3><img src="${WOWICONS}help_questionmark.png" width="25px"/>&nbsp;&nbsp;Info</h3>
<h3><img src="${INV_PICS}help_questionmark.png" width="25px"/>&nbsp;&nbsp;Info</h3>
<div id="info_content">${infotext_default}</div>
</div>
<div class="clear"></div>

5
mojotrollz/page/wizard_details/wizard_details.php
View File

@ -10,8 +10,9 @@ class wizard_details extends SYSTEM\PAGE\Page {
$vars = charcreation::data(NULL, false);
$vars['WOWICONS'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=files&cat=wowicons&id=';
$vars['WOW_RACE'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=files&cat=race&id=';
$vars['WOW_CLASS'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=files&cat=class&id=';
$vars['WOW_RACE'] = \SYSTEM\FILES\files::getURL('race');
$vars['WOW_CLASS'] = \SYSTEM\FILES\files::getURL('class');
$vars['INV_PICS'] = \SYSTEM\FILES\files::getURL('inventory');
$vars['infotext_default'] = \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_WOW_INFOTEXT)['default'];
$vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE));

1
mojotrollz/page/wizard_toolbar/wizard_toolbar.php
View File

@ -16,6 +16,7 @@ class wizard_toolbar extends SYSTEM\PAGE\Page {
public function html(){
$vars = charcreation::data(NULL,false);
$vars['char_class'] = player_classes::name($vars['char_class']);
$vars['char_race'] = player_races::name($vars['char_race']);
$vars['last'] = $this->last;
$vars['next'] = $this->next;
$vars['WOWICONS'] = \SYSTEM\FILES\files::getURL('wowicons');

13
mojotrollz/page/wizard_visuals/js/wizard_visuals.js
View File

@ -2,17 +2,18 @@ function init_wizard_visuals_toolbar(){
wizard_toolbar();}
function init_wizard_visuals (){
$('#sel_skin_color').change(function(){
$('#sel_0').change(function(){
sendInfo('{"char_skin_color" : "'+$(this).val()+'"}','wizard_visuals');});
$('#sel_hair').change(function(){
$('#sel_1').change(function(){
sendInfo('{"char_hair" : "'+$(this).val()+'"}','wizard_visuals');});
$('#sel_hair_color').change(function(){
$('#sel_2').change(function(){
sendInfo('{"char_hair_color" : "'+$(this).val()+'"}','wizard_visuals');});
$('#sel_face').change(function(){
$('#sel_3').change(function(){
sendInfo('{"char_face" : "'+$(this).val()+'"}','wizard_visuals');});
$('#sel_facial_hair').change(function(){
$('#sel_4').change(function(){
sendInfo('{"char_facial_hair" : "'+$(this).val()+'"}','wizard_visuals');});
$('#sel_facial_hair_color').change(function(){
$('#sel_5').change(function(){
sendInfo('{"char_facial_hair_color" : "'+$(this).val()+'"}','wizard_visuals');});
//$('.item').draggable();
}

1
mojotrollz/page/wizard_visuals/tpl/option.tpl Normal file
View File

@ -0,0 +1 @@
<option value="${id}" ${selected}>${name}</option>

6
mojotrollz/page/wizard_visuals/tpl/select.tpl Normal file
View File

@ -0,0 +1,6 @@
<tr>
<td>${type}</td>
<td><select id="${id}">
${options}
</select></td>
</tr>

115
mojotrollz/page/wizard_visuals/tpl/wizard_visuals.tpl
View File

@ -1,99 +1,30 @@
${equipment}
<div style="float:left; width: 240px; height: 432px; margin-top: 5px; margin-left: 5px; border: solid back 1px; background: url(${INV_PICS}Ui-paperdoll-slot-empty2.png);">
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
</div>
<div style="padding: 25px; float: left;">
<div style="padding: 5px; float: left;">
<table>
<tr>
<td>Skincolor ${char_skin_color}</td>
<td><select id="sel_skin_color">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select></td>
</tr>
<tr>
<td>Hair ${char_hair}</td>
<td><select id="sel_hair">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select></td>
</tr>
<tr>
<td>Hair Color ${char_hair_color}</td>
<td><select id="sel_hair_color">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select></td>
</tr>
<tr>
<td>Face ${char_face}</td>
<td><select id="sel_face">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select></td>
</tr>
<tr>
<td>Facial Hair ${char_facial_hair}</td>
<td><select id="sel_facial_hair">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select></td>
</tr>
<tr>
<td>Facial Hair Color ${char_facial_hair_color}</td>
<td><select id="sel_facial_hair_color">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select></td>
</tr>
${visual_skin}
${visual_hair}
${visual_hair_color}
${visual_face}
${visual_facial_hair}
${visual_facial_hair_color}
</table>
</div>
<div class="clear"></div>

27
mojotrollz/page/wizard_visuals/wizard_visuals.php
View File

@ -3,10 +3,22 @@
class wizard_visuals extends SYSTEM\PAGE\Page {
public static function js(){
return array( \SYSTEM\WEBPATH(new PPAGE(),'wizard_visuals/js/wizard_visuals.js'));}
return array( \SYSTEM\WEBPATH(new PPAGE(),'wizard_visuals/js/wizard_visuals.js'));}
public static function css (){
return array( \SYSTEM\WEBPATH(new PAPI(),'char/css/equipment.css'));}
return array( \SYSTEM\WEBPATH(new PAPI(),'char/css/equipment.css'));}
private static function select($race,$type,$value){
$res = \DBD\RACE_VISUALS::QQ(array($race,$type));
$options = '';
while($row = $res->next()){
$row['selected'] = '';
if($row['id'] == $value){
$row['selected'] = 'selected';}
$options .= \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/option.tpl'), $row);
}
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/select.tpl'), array('options' => $options, 'type' => race_visuals::name($type), 'id' => 'sel_'.$type));
}
public function html(){
$vars = json_decode(charcreation::data(),true)['result'];
@ -15,9 +27,14 @@ class wizard_visuals extends SYSTEM\PAGE\Page {
$vars['char_hair_color'], $vars['char_face'], $vars['char_facial_hair'],
$vars['char_facial_hair_color']);
$vars['INV_PICS'] = \SYSTEM\FILES\files::getURL('inventory');
if($vars['char_race'] == 'default' ||
$vars['char_gender'] == 'default'){
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/wizard_visuals_norace.tpl'), array());
$vars['visual_skin'] = self::select($vars['char_race'], race_visuals::VISUAL_SKIN, $vars['char_skin_color']);
$vars['visual_hair'] = self::select($vars['char_race'], race_visuals::VISUAL_HAIR, $vars['char_hair']);
$vars['visual_hair_color'] = self::select($vars['char_race'], race_visuals::VISUAL_HAIR_COLOR, $vars['char_hair_color']);
$vars['visual_face'] = self::select($vars['char_race'], race_visuals::VISUAL_FACE, $vars['char_face']);
$vars['visual_facial_hair'] = self::select($vars['char_race'], race_visuals::VISUAL_FACIAL_HAIR, $vars['char_facial_hair']);
$vars['visual_facial_hair_color'] = self::select($vars['char_race'], race_visuals::VISUAL_FACIAL_HAIR_COLOR, $vars['char_facial_hair_color']);
if($vars['char_gender'] == 'default'){
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/wizard_visuals_norace.tpl'), array());
}
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/wizard_visuals.tpl'), $vars);
}