updated jquery, cleaned code, still collapsing issue

This commit is contained in:
Messerbill 2015-05-18 18:59:20 +02:00
parent 7158ddda3b
commit d730c6cdd3
7 changed files with 105 additions and 42 deletions

View File

@ -38,7 +38,7 @@ class saimod_sys_login extends \SYSTEM\SAI\SaiModule {
$vars = \SYSTEM\PAGE\text::tag(\SYSTEM\DBD\system_text::TAG_SAI_LOGIN);
return \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'modules/saimod_sys_login/tpl/register.tpl'), $vars);}
public static function html_li_menu(){return '</ul><ul class="nav pull-right"><li><a id="menu_login" href="#!login">'.(\SYSTEM\SECURITY\Security::isLoggedIn() ? '${sai_menu_logout}' : '${sai_menu_login}').'</a></li>';}
public static function html_li_menu(){return '<li><a id="menu_login" href="#!login">'.(\SYSTEM\SECURITY\Security::isLoggedIn() ? '${sai_menu_logout}' : '${sai_menu_login}').'</a></li>';}
public static function right_public(){return true;}
public static function right_right(){return true;}

View File

@ -13,10 +13,10 @@ class saistart_sys_sai extends \SYSTEM\SAI\SaiModule {
public static function css(){
return array(\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'modules/saistart_sys_sai/css/saistart_sys_sai.css'));}
public static function js(){
return array( \SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'js/jqBootstrapValidation.js'),
\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'modules/saistart_sys_sai/js/saistart_sys_sai.js'),
return array( \SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'modules/saistart_sys_sai/js/saistart_sys_sai.js'),
\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'js/crypto/jquery.md5.js'),
\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'js/crypto/jquery.sha1.js'));
\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'js/crypto/jquery.sha1.js'),
\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'js/jqBootstrapValidation.js'));
}
protected static function html_content(){

View File

@ -3,23 +3,23 @@
<h3 class="muted">${sai_start_welcome}</h3>
<h4 class="text-info">${sai_start_welcome_description}</h4>
</div>
<div class="clearfix">
<div class="col-xs-3">
<div class="clearfix row-same-height row-full-height">
<div class="col-xs-3 col-xs-height col-full-height well">
<h2 class="muted"><a href="#!config">${basic_project}</a></h2>
<b>${basic_name}:</b> ${project_name}<br/>
<b>${basic_URL}:</b> <a href="${project_url}" target="_blank">${project_url}</a><br/>
<b>${basic_progress}:</b> ${project}%
</div>
<div class="col-xs-3">
<div class="col-xs-3 col-xs-height col-full-height well">
<h2 class="muted"><a href="#!log(stats)">${basic_analytics}</a></h2>
${analytics}
</div>
<div class="col-xs-3">
<div class="col-xs-3 col-xs-height col-full-height well">
<h2 class="muted">Git</h2>
<b>Current Project Version:</b> ${git_project}<br/>
<b>Current SYSTEM Version:</b> ${git_system}
</div>
<div class="col-xs-3">
<div class="col-xs-3 col-xs-height col-full-height well">
<h2 class="muted"><a href="#!login">${basic_logout}</a></h2>
<table class="table table-hover table-condensed">
<tr>

View File

@ -1,21 +1,3 @@
#sai_logo {
padding-left: 10px;
float: left;
padding-top: 8px;
padding-right: 10px;
}
#sai_brand{
width: 170px;
}
.sai_wrapper {
margin-top: 50px;
}
#sai_navbar{
height:40px;
}
#project_navbar{
/* width:224px;*/
/* position: fixed;*/
@ -34,7 +16,6 @@
color: #777;
}
.carousel-img{
width: 1200px;
height: 650px;
@ -50,4 +31,73 @@
.sai_p_modules:active {
border-right: 3px solid #1C569C;
border-left: 0;
}
.well {
margin-right: 5px;
}
/* columns of same height styles */
.row-full-height {
height: 100%;
}
.col-full-height {
height: 100%;
}
.row-same-height {
display: table;
width: 100%;
/* fix overflow */
table-layout: fixed;
}
.col-xs-height {
display: table-cell;
float: none !important;
}
@media (min-width: 768px) {
.col-sm-height {
display: table-cell;
float: none !important;
}
}
@media (min-width: 992px) {
.col-md-height {
display: table-cell;
float: none !important;
}
}
@media (min-width: 1200px) {
.col-lg-height {
display: table-cell;
float: none !important;
}
}
/* auto collapsing navbar */
#sys_autocollapse.collapsed .navbar-header {
float: none;
}
#sys_autocollapse.collapsed .navbar-toggle {
display: block;
}
#sys_autocollapse.collapsed .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
#sys_autocollapse.collapsed .navbar-collapse.collapse {
display: none!important;
}
#sys_autocollapse.collapsed .navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
#sys_autocollapse.collapsed .navbar-nav>li {
float: none;
}
#sys_autocollapse.collapsed .navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}

View File

@ -10,7 +10,9 @@ $(document).ready(function() {
$('.brand').click(function(){
location.reload();
});
});
$(document).on('ready', autocollapse);
$(window).on('resize', autocollapse);
});
function sys_hashchange(state){
@ -20,4 +22,11 @@ function sys_hashchange(state){
$('#menu_'+state).parent().addClass('active');
} else {
$('#menu_start').parent().addClass('active');}
}
function autocollapse() {
var navbar = $('#sys_autocollapse');
navbar.removeClass('collapsed'); // set standart view
if(navbar.innerHeight() > 50) // check if we've got 2 lines
navbar.addClass('collapsed'); // force collapse mode
}

View File

@ -9,19 +9,23 @@
${js}
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top">
<div class="navbar-inner">
<ul class="nav navbar-nav">
<a id="sai_logo" class="brand-logo" href="#!start">
<img src="./sai.php?call=files&amp;cat=saistart_sys_sai&amp;id=logo.png" height="24" width="24"/>
</a>
<a id="sai_brand" class="navbar-brand" >SAI</a>
${menu_start}
${menu_sys}
</ul>
</div>
</div>
<nav id="sys_autocollapse" class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="sai_brand" class="navbar-brand" href="#!start">SAI</a>
</div>
<div id="navbar-collapse-1" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
${menu_start}
${menu_sys}
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div class="sai_wrapper">
<div class="container-fluid">
<div class="clearfix">