started to style grid

This commit is contained in:
Messerbill 2015-05-19 01:19:36 +02:00
parent 31b1adfe35
commit 39d84fd48c
3 changed files with 59 additions and 85 deletions

View File

@ -1,53 +1,68 @@
<div class="container-fluid">
<div class="clearfix">
<div class="row">
<h3 class="muted">${sai_start_welcome}</h3>
<h4 class="text-info">${sai_start_welcome_description}</h4>
</div>
<div class="clearfix row-same-height row-full-height">
<div class="col-sm-6 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-sm-6 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="clearfix visible-sm-block"></div>
<div class="col-sm-6 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-sm-6 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>
<th>${basic_username}</th>
<td>${username}</td>
</tr>
<tr>
<th>${basic_locale}</th>
<td>${locale}</td>
</tr>
<tr>
<th>${basic_admin_rights}</th>
<td>${isadmin}</td>
</tr>
</table>
${basic_text_logout}
<form class="textbox" id="logout_form">
<div class="control-group">
<div class="help-block"></div>
<input type="hidden" />
<button class="btn-sm btn-primary" style="clear: left; height: 32px; font-size: 13px;" type="submit" id="logout_submit">${basic_logout}</button>
<div class="row row-eq-height">
<div class="col-xs-12 col-sm-6 col-md-3">
<div id="project" class="panel panel-default sai_gridbox">
<div class="panel-heading"><a href="#!config">${basic_project}</a></div>
<div class="panel-body">
<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>
</form>
</div>
</div>
<div class="clearfix visible-xs-block"></div>
<div id="analytics" class="col-xs-12 col-sm-6 col-md-3">
<div class="panel panel-default sai_gridbox">
<div class="panel-heading"><a href="#!log(stats)">${basic_analytics}</a></div>
<div class="panel-body">
${analytics}
</div>
</div>
</div>
<div class="clearfix visible-xs-block"></div>
<div class="clearfix visible-md-block"></div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="panel panel-default sai_gridbox">
<div class="panel-heading">Git</div>
<div class="panel-body">
<b>Current Project Version:</b> ${git_project}<br/>
<b>Current SYSTEM Version:</b> ${git_system}
</div>
</div>
</div>
<div class="clearfix visible-xs-block"></div>
<div class="col-xs-12 col-sm-6 col-md-3">
<h2 class="muted"><a href="#!login">${basic_logout}</a></h2>
<table class="table table-hover table-condensed">
<tr>
<th>${basic_username}</th>
<td>${username}</td>
</tr>
<tr>
<th>${basic_locale}</th>
<td>${locale}</td>
</tr>
<tr>
<th>${basic_admin_rights}</th>
<td>${isadmin}</td>
</tr>
</table>
${basic_text_logout}
<form class="textbox" id="logout_form">
<div class="control-group">
<div class="help-block"></div>
<input type="hidden" />
<button class="btn-sm btn-primary" style="clear: left; height: 32px; font-size: 13px;" type="submit" id="logout_submit">${basic_logout}</button>
</div>
</form>
</div>
</div>
<div class="clearfix">
<div class="row">
<div class="well" id="todo">
<h2 class="muted"><a href="#!todo">${basic_todo}</a></h2>
<b>${basic_status}:</b> ${project_count}/${project_all}<br/>

View File

@ -33,48 +33,6 @@
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 {

View File

@ -39,6 +39,7 @@ class default_page extends \SYSTEM\PAGE\Page {
private static function js(){
$result = '<script src="'.\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'page/js/libs/jquery.min.js').'" type="text/javascript"></script>'.
'<script src="'.\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'page/js/libs/jquery.matchHeight.js').'" type="text/javascript"></script>'.
'<script src="'.\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'page/js/libs/bootstrap.min.js').'" type="text/javascript"></script>'.
'<script src="'.\SYSTEM\WEBPATH(new \SYSTEM\PSAI(),'page/js/libs/collapse.js').'" type="text/javascript"></script>'.
'<script type="text/javascript" language="JavaScript" src="./sai.php?call=files&amp;cat=sys&amp;id=system.js"></script>'.