new toolbar, fixed start button

mojotrollz/page/default_navbar/default_navbar.php

@@ -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);        
-    }
-}

mojotrollz/page/default_navbar/user_navbar.tpl

@@ -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>

mojotrollz/page/default_navbar/wizard_navbar.tpl

@@ -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>

mojotrollz/page/default_page/css/default_page.css

@@ -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%);   
 }

mojotrollz/page/default_page/js/wizard.js

@@ -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) {},
@@ -34,78 +19,18 @@ $(document).ready(function() {
         }
     });
     
-    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 (){
+function load_wizard_details(){            
-    $('#wizard_navbar a').click(function () {        
+    $('#frame_content').load('?action=wizard_details', function (){
-        $('#wizard_navbar li').each(function(){
+        wizard_details();
-           $(this).removeClass('active');});
-        $(this).parent().addClass('active');        
-        load_wizard_page ($(this).attr("state"));    
     });
-}
-
-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){
+function load_toolbar(){
-    for(var i=0; i<WizardStates.length;i++){
+    $('#frame_content_toolbar').load('?action=wizard_toolbar', function(){
-        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 ();
     });
-    
 }
-

mojotrollz/page/page_mojotrollz.php

@@ -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();}
 }

mojotrollz/page/register_page_classes.php

@@ -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','');
 
 

mojotrollz/page/wizard_details/details.tpl

@@ -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>

mojotrollz/page/wizard_details/js/wizard_details.js

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

mojotrollz/page/wizard_details/wizard_details.php

@@ -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>'.
+        return '';
-                '<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PLIB(),'namegenerator/needaname.js').'"></script>';             
     }
       
-   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);

mojotrollz/page/wizard_toolbar/wizard_toolbar.php

@@ -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);        
+    }
+}

mojotrollz/page/wizard_toolbar/wizard_toolbar.tpl

@@ -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>