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

new toolbar, fixed start button

Browse Source
This commit is contained in:
Ulf Gebhardt 2014-06-15 01:05:52 +02:00
parent c2015785da
commit 92b2360823
12 changed files with 48 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
mojotrollz/page/default_navbar/default_navbar.php
View File

@ -1,18 +0,0 @@
<?php
class default_navbar extends SYSTEM\PAGE\Page {
private function js(){return '';}
private function css (){return '';}
public function html(){
$vars = array();
$vars['js'] = $this->js();
$vars['css'] = $this->css();
$vars['PICPATH'] = \SYSTEM\WEBPATH(new PPAGE(), 'default_navbar/img/');
$vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE));
return \SYSTEM\SECURITY\Security::isLoggedIn() ?
SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_navbar/user_navbar.tpl'), $vars) :
SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_navbar/wizard_navbar.tpl'), $vars);
}
}

6
mojotrollz/page/default_navbar/user_navbar.tpl
View File

@ -1,6 +0,0 @@
<li><a href="#" state="user_news"><font color="gold">news</font></a></li>
<li><a href="#" state="user_guild"><font color="gold">guild</font></a></li>
<li><a href="#" state="user_bank"><font color="gold">bank</font></a></li>
<li><a href="#" state="user_economy"><font color="gold">economy</font></a></li>
<li><a href="#" state="user_character"><font color="gold">character</font></a></li>
<li><a href="#" state="user_logout"><font color="gold">Logout</font></a></li>

8
mojotrollz/page/default_navbar/wizard_navbar.tpl
View File

@ -1,8 +0,0 @@
<a class="brand active" href=""><font color="gold">Welcome</font></a>
<li><a href="#" state="wizard_details"><font color="gold">Details</font></a></li>
<li><a href="#" state="wizard_visuals"><font color="gold">Visuals</font></a></li>
<li><a href="#" state="wizard_friend"><font color="gold">Mates n'Guilds</font></a></li>
<li><a href="#" state="wizard_skills"><font color="gold">Skills</font></a></li>
<li><a href="#" state="wizard_spawn"><font color="gold">Spawn</font></a></li>
<li><a href="#" state="wizard_summ"><font color="gold">Summary</font></a></li>
<li><a href="#" state="wizard_reg"><font color="gold">Registration</font></a></li>

4
mojotrollz/page/default_page/css/default_page.css
View File

@ -31,13 +31,13 @@ body {
}
.fadein {
opacity: 0.9;
opacity: 0.8;
-webkit-filter: brightness(80%);
}
.selected {
opacity: 1.0;
-webkit-filter: sepia(0%);
-webkit-filter: sepia(20%);
-webkit-filter: brightness(160%);
-webkit-filter: contrast(120%);
}

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

@ -1,19 +1,4 @@
var WizardStates = [
//statename, backbut, nextbut, startbut, regbut, backname, nextname
['',false, false, true, false,'','wizard_details'],
['wizard_details',true,true, false, false,'','wizard_visuals'],
['wizard_visuals',true,true, false, false,'wizard_details','wizard_friend'],
['wizard_friend',true,true, false, false,'wizard_visuals','wizard_skills'],
['wizard_skills',true,true, false, false,'wizard_friend','wizard_spawn'],
['wizard_spawn',true,true, false, false,'wizard_skills','wizard_summ'],
['wizard_summ',true,true, false,false,'wizard_spawn','wizard_reg'],
['wizard_reg',true,false, false, true,'wizard_summ','']
]
var wizard_state = '';
$(document).ready(function() {
$("#login_form input").not("[type=submit]").jqBootstrapValidation({
preventSubmit: true,
submitError: function($form, event, errors) {},
@ -33,79 +18,19 @@ $(document).ready(function() {
event.preventDefault();
}
});
register_menu ();
$('#back a').click(function() {
back(wizard_state);});
$('#next a').click(function() {
next(wizard_state);});
$('#start a').click(function() {
start ();});
load_wizard_details();});
});
function register_menu (){
$('#wizard_navbar a').click(function () {
$('#wizard_navbar li').each(function(){
$(this).removeClass('active');});
$(this).parent().addClass('active');
load_wizard_page ($(this).attr("state"));
function load_wizard_details(){
$('#frame_content').load('?action=wizard_details', function (){
wizard_details();
});
}
function load_wizard_page (state){
wizard_state = state;
if(state == ''){
window.location.reload();}
$('#content').hide();
$('#content').load('?action='+state, function (){
$('#content').show(750);
for(var i=0; i<WizardStates.length;i++){
if(WizardStates[i][0] == state){
WizardStates[i][1] ? $('#back').fadeIn(500) : $('#back').hide();
WizardStates[i][2] ? $('#next').fadeIn(500) : $('#next').hide();
WizardStates[i][3] ? $('#start').fadeIn(500) : $('#start').hide();
WizardStates[i][4] ? $('#register').fadeIn(500) : $('#register').hide();
break;
}
}
if(window[state]){
window[state]();}
});
};
function back(state){
for(var i=0; i<WizardStates.length;i++){
if(WizardStates[i][0] == state){
load_wizard_page (WizardStates[i][5]);
break;
}
}
}
function next(state){
for(var i=0; i<WizardStates.length;i++){
if(WizardStates[i][0] == state){
load_wizard_page (WizardStates[i][6]);
break;
}
}
}
function start(){
$('#nav').scrollTop(1500);
$('#nav').load('?action=default_navbar', function (){
$('#nav').scrollLeft(2000);
load_wizard_page ('wizard_details');
register_menu ();
function load_toolbar(){
$('#frame_content_toolbar').load('?action=wizard_toolbar', function(){
});
}

6
mojotrollz/page/page_mojotrollz.php
View File

@ -26,6 +26,9 @@ class page_mojotrollz extends \SYSTEM\API\api_default {
public static function action_wizard_reg(){
return new wizard_reg();}
public static function action_wizard_toolbar(){
return new wizard_toolbar();}
public static function action_user_news(){
return new user_news();}
@ -37,7 +40,4 @@ class page_mojotrollz extends \SYSTEM\API\api_default {
public static function action_user_logout(){
return new user_logout();}
public static function action_default_navbar(){
return new default_navbar();}
}

2
mojotrollz/page/register_page_classes.php
View File

@ -10,6 +10,6 @@ SYSTEM\autoload::registerFolder(dirname(__FILE__).'/wizard_summ','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/wizard_reg','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/user_news','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/user_guild','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_navbar','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/wizard_toolbar','');

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

@ -1,7 +1,6 @@
<div id="details_gender" style="float: left; margin: 15px;">
<input type="text" class="form-control input-lg" id="charname" placeholder="${character_name}"></br>
<a href="#" id="random"><img src="${WOWICONS}logo.png" width="220px"/></a></br>
<a class="male fadein" href="#"><img src="${WOWICONS}male.png" width="110px"/></a>
<a class="female fadein" href="#"><img src="${WOWICONS}female.png" width="110px"/></a>
</div>
@ -44,3 +43,5 @@
<h3 style="padding-left: 20px;"><img src="${WOWICONS}help_questionmark.png" width="25px"/>&nbsp;&nbsp;Info</h3>
${infotext_human}
</div>
<div class="clear"></div>
<div id="frame_content_toolbar" style="margin-top: 50px;">${default_page_toolbar}</div>

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

@ -70,6 +70,8 @@ function wizard_details (){
$('#details_race .troll').click(function (){
wowrace('troll');
});
load_toolbar();
}
function male (){

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

@ -1,21 +1,18 @@
<?php
class wizard_details extends SYSTEM\PAGE\Page {
private function js(){
return '<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PLIB(),'namegenerator/names_data.js').'"></script>'.
'<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PLIB(),'namegenerator/needaname.js').'"></script>';
private function js(){
return '';
}
private function css (){
private function css (){
return '';
}
}
public function html(){
$vars = array();
$vars['js'] = $this->js();
$vars['css'] = $this->css();
$vars['WOWICONS'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=img&cat=wowicons&id=';
$vars['WOWICONS'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=files&cat=wowicons&id=';
$vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE));
$vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_WOW_INFOTEXT_RACES));
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_details/details.tpl'), $vars);

17
mojotrollz/page/wizard_toolbar/wizard_toolbar.php Normal file
View File

@ -0,0 +1,17 @@
<?php
class wizard_toolbar extends SYSTEM\PAGE\Page {
private function js(){return '';}
private function css (){return '';}
public function html(){
$vars = array();
$vars['js'] = $this->js();
$vars['css'] = $this->css();
$vars['WOWICONS'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=files&cat=wowicons&id=';
//$vars['PICPATH'] = \SYSTEM\WEBPATH(new PPAGE(), 'wizard_toolbar/img/');
//$vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE));
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_toolbar/wizard_toolbar.tpl'), $vars);
}
}

10
mojotrollz/page/wizard_toolbar/wizard_toolbar.tpl Normal file
View File

@ -0,0 +1,10 @@
<a class="back" href="#" style="padding-left: 10px;"><img src="${WOWICONS}arrow_left.png" /></a>
<a class="name" href="#" style="padding-left: 10px;">Mein Charname</a>
<a class="gender rance" href="#" style="padding-left: 10px;"><img src="${WOWICONS}troll_male.png" /></a>
<a class="class" href="#" style="padding-left: 10px;"><img src="${WOWICONS}hunter.png" /></a>
<a class="visuals" href="#" style="padding-left: 30px;"><img src="${WOWICONS}hakkar.png" /></a>
<a class="guild" href="#" style="padding-left: 30px;"><img src="${WOWICONS}onyxia.png" /></a>
<a class="skill" href="#" style="padding-left: 30px;"><img src="${WOWICONS}ragnaros.png" /></a>
<a class="skill" href="#" style="padding-left: 30px;"><img src="${WOWICONS}ragnaros.png" /></a>
<a class="spawn" href="#" style="padding-left: 30px;"><img src="${WOWICONS}100bosses.png" /></a>
<a class="next" href="#" style="padding-left: 20px;"><img src="${WOWICONS}arrow_right.png" /></a>