default_login page, redesign of tpl's where what 2 load

This commit is contained in:
Ulf Gebhardt 2015-09-16 02:35:29 +02:00
parent 5a394c0588
commit 13e689e7fc
13 changed files with 97 additions and 69 deletions

View File

@ -2,4 +2,5 @@
\SYSTEM\autoload::registerFolder(dirname(__FILE__),'');
require_once dirname(__FILE__).'/default_page/autoload.inc';
require_once dirname(__FILE__).'/default_start/autoload.inc';
require_once dirname(__FILE__).'/default_impressum/autoload.inc';
require_once dirname(__FILE__).'/default_impressum/autoload.inc';
require_once dirname(__FILE__).'/default_login/autoload.inc';

View File

@ -0,0 +1,2 @@
<?php
\SYSTEM\autoload::registerFolder(dirname(__FILE__),'');

View File

@ -0,0 +1,6 @@
<?php
class default_login extends \SYSTEM\PAGE\Page {
public function html(){
return SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PPAGE(),'default_login/tpl/login.tpl'));
}
}

View File

@ -0,0 +1,34 @@
<div style="padding: 15px; padding-left: 50px; background-image: url(./api.php?call=files&cat=content&id=main_holder_middle.png); background-size: contain; background-repeat: repeat-y;">
<div class="masthead">
<h3 class="muted">${basic_login} / ${basic_register}</h3>
<h4 class="text-info">${sai_mod_login_text}</a></h4>
</div>
<form class="textbox" style="padding:10px" id="login_form">
<div class="control-group">
<div class="controls">
<input type="text"
size="30"
style="margin-bottom: 15px;"
id="bt_login_user"
placeholder="${basic_placeholder_username}"
minlength="3" data-validation-minlength-message="${sai_error_username_short}"
maxlength="16" data-validation-maxlength-message="${sai_error_username_long}"
required data-validation-required-message="${sai_error_username_miss}"/>
</div>
<div class="controls">
<input type="password"
size="30"
style="margin-bottom: 15px;"
id="bt_login_password"
placeholder="${basic_placeholder_password}"
minlength="5" data-validation-minlength-message="${sai_error_password_short}"
maxlength="16" data-validation-maxlength-message="${sai_error_password_long}"
required data-validation-required-message="${sai_error_password_miss}"/>
</div>
<div class="help-block"></div>
<input type="hidden" />
<button class="btn-sm btn btn-primary" style="clear: left; height: 32px; font-size: 13px;" type="submit" id="login_submit"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> ${basic_login}</button>
</div>
</form>
<a href="#!login(register)" id="register_link">${basic_text_register}</a><br/>
</div>

View File

@ -28,6 +28,7 @@ class default_page extends \SYSTEM\PAGE\Page {
if(!$_escaped_fragment_){
$vars['js'] = $this->js();}
$vars['css'] = $this->css();
$vars['content_more'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_more.tpl'));
$vars = array_merge($vars, \SYSTEM\PAGE\text::tag('meta'));
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/default_page.tpl'), $vars);
}

View File

@ -1,25 +1,9 @@
$(document).ready(function() {
new SYSTEM('./api.php',1,'start');
tabs();
search();
});
function search(){
$("#nav_search_btn").click(function(){
system.load('search;param.'+$('#nav_search').val());
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
slideshow: true,
animationLoop: true,
});
$(document).keypress(function(e) {
var hasFocus = $('#nav_search').is(':focus');
if(e.which === 13 && hasFocus) {
system.load('search;param.'+$('#nav_search').val());
}
});
}
function tabs(){
$("#tabs_user_list a").click(function(){
$('#tabs_user_list li').each(function(){
$(this).removeClass('active');});
$(this).parent().addClass('active');
});
}
});

View File

@ -11,13 +11,13 @@
<!--<a href="#!login(register)">REGISTER</a><br><br>
<a href="#!guild">GUILD PAGES</a><br><br>
<a href="#!gshirt">GUILD SHIRTS</a><br><br>-->
<a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a>&nbsp;&nbsp;
<a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a>
</div>
<div class="col-md-4">
<a href="#!impressum">IMPRESSUM</a><br><br>
<a href="http://www.webcraft-media.de" target="_blank">WEBCRAFT-MEDIA</a><br><br>
<a href="http://www.slingit.org" target="_blank">SLINGIT</a><br><br>
<a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a>&nbsp;&nbsp;
<a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a>
</div>
</div>
</div>

View File

@ -15,6 +15,42 @@
</style>
</head>
<body style="background: url(./api.php?call=files&cat=content&id=bg_brown_sun.jpg)fixed repeat;">
<div class="container" id="content"></div>
<div class="container">
<nav class="navbar navbar-inverse" style="margin-top: 45px; margin-bottom: 0;padding-left: 0px; padding-right: 15px;" role="navigation" id="mojotrollz_nav">
<div id="home_content" class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse anchor">
<ul class="nav navbar-nav navbar-left">
<li class="active"><a class="mojotrollz_scroll" href="#mojotrollz_client">MOJOTROLLZ</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_server" onClick="">SERVERS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_tshirt" onClick="">T-SHIRTS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_addons">ADDONS</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a></li>
<li><a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a></li>
<li><a href="#!login"><i class="glyphicon glyphicon-user"></i></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div class="row-fluid row_centered clearfix" id="mojotrollz_client_row" style="padding-bottom: 10px; background-image: url(./api.php?call=files&cat=content&id=main_holder_middle.png); background-size: contain; background-repeat: repeat-y;">
<div class="col-md-12 row_centered mojotrollz_client" style="padding-left: 29px; padding-right: 29px;">
<div class="flexslider" style="">
<ul class="slides">
<li><img alt="slider_image_01.jpg" src="./api.php?call=files&cat=content&id=slider_image_01.jpg" width="100%"></li>
<li style="display: none"><img alt="slider_image_02.jpg" src="./api.php?call=files&cat=content&id=slider_image_02.jpg" width="100%"></li>
<li style="display: none"><img alt="slider_image_03.jpg" src="./api.php?call=files&cat=content&id=slider_image_03.jpg" width="100%"></li>
</ul>
</div>
</div>
</div>
<div id="content" style="padding-bottom: 20px; background-image: url(./api.php?call=files&cat=content&id=main_holder_middle.png); background-size: contain; background-repeat: repeat-y;"></div>
${content_more}
</div>
</body>
</html>

View File

@ -10,7 +10,6 @@ class default_start extends \SYSTEM\PAGE\Page {
$vars['content_server'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_start/tpl/content_server.tpl'));
$vars['content_tshirt'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_start/tpl/content_tshirt.tpl'));
$vars['content_addons'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_start/tpl/content_addons.tpl'));
$vars['content_more'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_start/tpl/content_more.tpl'));
$vars['magnet_classic'] = 'magnet:?xt=urn:btih:m5dkc7lnrryhleqpugzspoyurwsaykyg&dn=WoW%201.12.1&xl=5387778663&fc=38';
$vars['magnet_bc'] = 'magnet:?xt=urn:btih:akirevdngf3djcti35gnk4l2z6ffoyw2&dn=WoW%202.4.3&xl=9537364669&fc=305';

View File

@ -1,10 +1,4 @@
function init_start(){
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
slideshow: true,
animationLoop: true,
});
$("#mojotrollz_nav a").click(function(){
$('#mojotrollz_nav li').each(function(){
$(this).removeClass('active');});

View File

@ -1,12 +1,5 @@
<div class="row-fluid row_centered clearfix" id="mojotrollz_client_row">
<div class="col-md-12 row_centered mojotrollz_client" style="padding-left: 29px; padding-right: 29px;">
<div class="flexslider" style="">
<ul class="slides">
<li><img alt="slider_image_01.jpg" src="./api.php?call=files&cat=content&id=slider_image_01.jpg" width="100%"></li>
<li style="display: none"><img alt="slider_image_02.jpg" src="./api.php?call=files&cat=content&id=slider_image_02.jpg" width="100%"></li>
<li style="display: none"><img alt="slider_image_03.jpg" src="./api.php?call=files&cat=content&id=slider_image_03.jpg" width="100%"></li>
</ul>
</div>
<div id="content_client" style="padding-left: 29px; padding-right: 29px;">
<div style="background-image: url(./api.php?call=files&cat=content&id=download_client.png); background-repeat: no-repeat; background-size: cover; float: left; width: 250px; height: 80px;">
<a href="${magnet_classic}">

View File

@ -1,29 +1,4 @@
<nav class="navbar navbar-inverse" style="margin-top: 45px; margin-bottom: 0;padding-left: 0px; padding-right: 15px;" role="navigation" id="mojotrollz_nav">
<div id="home_content" class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse anchor">
<ul class="nav navbar-nav navbar-left">
<li class="active"><a class="mojotrollz_scroll" href="#mojotrollz_client">MOJOTROLLZ</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_server" onClick="">SERVERS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_tshirt" onClick="">T-SHIRTS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_addons">ADDONS</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a></li>
<li><a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a></li>
<li><a href="#!login"><i class="glyphicon glyphicon-user"></i></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div style="padding-bottom: 15px; background-image: url(./api.php?call=files&cat=content&id=main_holder_middle.png); background-size: contain; background-repeat: repeat-y;">
${content_client}
${content_server}
${content_tshirt}
${content_addons}
</div>
${content_more}
${content_client}
${content_server}
${content_tshirt}
${content_addons}

View File

@ -13,4 +13,7 @@ class page_mojotrollz extends \SYSTEM\API\api_default {
public static function page_start(){
return (new default_start())->html();}
public static function page_login(){
return (new default_login())->html();}
}