mirror of
https://port.numenaute.org/aleajactaest/khanat-opennel-code.git
synced 2024-11-14 03:09:08 +00:00
Trying to intigrate the home template in the inheritance structure of smarty
--HG-- branch : quitta-gsoc-2013
This commit is contained in:
Quitta
parent
f8f786fd68
commit
9806ea6ef0
8 changed files with 458 additions and 403 deletions
|
|
@ -44,13 +44,15 @@ class Helpers{
|
|||
foreach ( $variables[$template] as $key => $value ){
|
||||
$smarty -> assign( $key, $value );
|
||||
}
|
||||
if( $vars['permission'] == 1 ){
|
||||
$inherited = "layout_admin.tpl";
|
||||
if( $vars['permission'] == 2 ){
|
||||
$inherited = "extends:layout_admin.tpl|";
|
||||
}else if($vars['permission'] == 1){
|
||||
$inherited = "extends:layout_user.tpl|";
|
||||
}else{
|
||||
$inherited = "layout_user.tpl";
|
||||
$inherited ="";
|
||||
}
|
||||
// extends:' . $inherited .'|register.tpl
|
||||
$smarty -> display( $template . '.tpl' );
|
||||
$smarty -> display( $inherited . $template . '.tpl' );
|
||||
}
|
||||
|
||||
static public function create_folders(){
|
||||
|
|
|
|||
BIN
code/ryzom/tools/server/ryzom_ams/www/html/img/ryzomcore.png
Executable file
BIN
code/ryzom/tools/server/ryzom_ams/www/html/img/ryzomcore.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
|
|
@ -18,6 +18,6 @@ if ( isset( $_GET["page"] ) ){
|
|||
}
|
||||
|
||||
// temporary set permission to 1 which = admin mode
|
||||
$return = array( 'permission' => 1, 'no_visible_elements' => 'TRUE' );
|
||||
$return = array( 'permission' => 1, 'no_visible_elements' => 'FALSE' );
|
||||
|
||||
helpers :: loadTemplate( $page , $return );
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@ function show_help(help_tip)
|
|||
{
|
||||
var tour = new Tour();
|
||||
tour.addStep({
|
||||
element: ".dashboard-avatar:first", /* html element next to which the step popover should be shown */
|
||||
placement: "top",
|
||||
element: ".brand:first", /* html element next to which the step popover should be shown */
|
||||
placement: "bottom",
|
||||
title: "Custom Tour", /* title of the popover */
|
||||
content: "You can create tour like this. Click Next." /* content of the popover */
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,83 +1,5 @@
|
|||
{extends file="layout.tpl"}
|
||||
{block name=content}
|
||||
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.php"> <img alt="Charisma Logo" src="img/mainlogo.png"></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank icon-ok"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
<button onclick="show_help('test')">Help Test</button>
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.php">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li style="margin-left: -2px;" class="active"><a class="ajax-link" href="?page=home"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li style="margin-left: -2px;"><a href="?page=login"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax" style="visibility:hidden;"><div id="uniform-is-ajax" class="checker"><span class="checked"><input style="opacity: 0;" id="is-ajax" type="checkbox"></span></div> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div class="sortable row-fluid ui-sortable">
|
||||
<a data-original-title="6 new members." data-rel="tooltip" class="well span3 top-block" href="#">
|
||||
|
|
@ -129,260 +51,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable ui-sortable">
|
||||
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-user"></i> Member Activity</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Usman" src="http://www.gravatar.com/avatar/f0ea51fa1e4fae92608d8affee12f67b.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Usman
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-success">Approved</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Sheikh Heera" src="http://www.gravatar.com/avatar/3232415a0380253cfffe19163d04acab.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Sheikh Heera
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-warning">Pending</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Abdullah" src="http://www.gravatar.com/avatar/46056f772bde7c536e2086004e300a04.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Abdullah
|
||||
</a><br>
|
||||
<strong>Since:</strong> 25/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-important">Banned</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Saruar Ahmed" src="http://www.gravatar.com/avatar/564e1bb274c074dc4f6823af229d9dbb.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Saruar Ahmed
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-info">Updates</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span8">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list-alt"></i> Realtime Traffic</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height: 190px; padding: 0px; position: relative;"><canvas height="190" width="466" class="base"></canvas><canvas style="position: absolute; left: 0px; top: 0px;" height="190" width="466" class="overlay"></canvas><div class="tickLabels" style="font-size:smaller"><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:177px;right:448px;width:18px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:132px;right:448px;width:18px">25</div><div class="tickLabel" style="position:absolute;text-align:right;top:86px;right:448px;width:18px">50</div><div class="tickLabel" style="position:absolute;text-align:right;top:41px;right:448px;width:18px">75</div><div class="tickLabel" style="position:absolute;text-align:right;top:-5px;right:448px;width:18px">100</div></div></div></div>
|
||||
<p class="clearfix">You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" value="" style="text-align: right; width:5em" type="text"> milliseconds</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable ui-sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p class="btn-group">
|
||||
<button class="btn">Left</button>
|
||||
<button class="btn">Middle</button>
|
||||
<button class="btn">Right</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small"><i class="icon-star"></i> Icon button</button>
|
||||
<button class="btn btn-small btn-primary">Small button</button>
|
||||
<button class="btn btn-small btn-danger">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-warning">Small button</button>
|
||||
<button class="btn btn-small btn-success">Small button</button>
|
||||
<button class="btn btn-small btn-info">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-inverse">Small button</button>
|
||||
<button class="btn btn-large btn-primary btn-round">Round button</button>
|
||||
<button class="btn btn-large btn-round"><i class="icon-ok"></i></button>
|
||||
<button class="btn btn-primary"><i class="icon-edit icon-white"></i></button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini">Mini button</button>
|
||||
<button class="btn btn-mini btn-primary">Mini button</button>
|
||||
<button class="btn btn-mini btn-danger">Mini button</button>
|
||||
<button class="btn btn-mini btn-warning">Mini button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini btn-info">Mini button</button>
|
||||
<button class="btn btn-mini btn-success">Mini button</button>
|
||||
<button class="btn btn-mini btn-inverse">Mini button</button>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p>
|
||||
<button class="btn btn-large">Large button</button>
|
||||
<button class="btn btn-large btn-primary">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-danger">Large button</button>
|
||||
<button class="btn btn-large btn-warning">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-success">Large button</button>
|
||||
<button class="btn btn-large btn-info">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-inverse">Large button</button>
|
||||
</p>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-large">Large Dropdown</button>
|
||||
<button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-star"></i> Action</a></li>
|
||||
<li><a href="#"><i class="icon-tag"></i> Another action</a></li>
|
||||
<li><a href="#"><i class="icon-download-alt"></i> Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#"><i class="icon-tint"></i> Separated link</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list"></i> Weekly Stat</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">92</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">15</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">36</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">45</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">112</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">31</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">93</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">254</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
{/block}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,388 @@
|
|||
{extends file="layout.tpl"}
|
||||
{block name=content}
|
||||
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.php"> <img alt="Ryzom Core Logo" src="img/ryzomcore.png"></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank icon-ok"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
<button onclick="show_help('test')">Help Test</button>
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.php">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li style="margin-left: -2px;" class="active"><a class="ajax-link" href="?page=home"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li style="margin-left: -2px;"><a href="?page=login"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax" style="visibility:hidden;"><div id="uniform-is-ajax" class="checker"><span class="checked"><input style="opacity: 0;" id="is-ajax" type="checkbox"></span></div> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div class="sortable row-fluid ui-sortable">
|
||||
<a data-original-title="6 new members." data-rel="tooltip" class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-red icon-user"></span>
|
||||
<div>Total Members</div>
|
||||
<div>507</div>
|
||||
<span class="notification">6</span>
|
||||
</a>
|
||||
|
||||
<a data-original-title="4 new pro members." data-rel="tooltip" class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-star-on"></span>
|
||||
<div>Pro Members</div>
|
||||
<div>228</div>
|
||||
<span class="notification green">4</span>
|
||||
</a>
|
||||
|
||||
<a data-original-title="$34 new sales." data-rel="tooltip" class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-cart"></span>
|
||||
<div>Sales</div>
|
||||
<div>$13320</div>
|
||||
<span class="notification yellow">$34</span>
|
||||
</a>
|
||||
|
||||
<a data-original-title="12 new messages." data-rel="tooltip" class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-envelope-closed"></span>
|
||||
<div>Messages</div>
|
||||
<div>25</div>
|
||||
<span class="notification red">12</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="box span12">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-info-sign"></i> Introduction</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-round" onclick="javascript:show_help('test');return false;"><i class="icon-info-sign"></i></a>
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<h1>Charisma <small>free, premium quality, responsive, multiple skin admin template.</small></h1>
|
||||
<p>Its a live demo of the template. I have created Charisma to ease the repeat work I have to do on my projects. Now I re-use Charisma as a base for my admin panel work and I am sharing it with you :)</p>
|
||||
<p><b>All pages in the menu are functional, take a look at all, please share this with your followers.</b></p>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable ui-sortable">
|
||||
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-user"></i> Member Activity</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Usman" src="http://www.gravatar.com/avatar/f0ea51fa1e4fae92608d8affee12f67b.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Usman
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-success">Approved</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Sheikh Heera" src="http://www.gravatar.com/avatar/3232415a0380253cfffe19163d04acab.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Sheikh Heera
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-warning">Pending</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Abdullah" src="http://www.gravatar.com/avatar/46056f772bde7c536e2086004e300a04.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Abdullah
|
||||
</a><br>
|
||||
<strong>Since:</strong> 25/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-important">Banned</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Saruar Ahmed" src="http://www.gravatar.com/avatar/564e1bb274c074dc4f6823af229d9dbb.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Saruar Ahmed
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-info">Updates</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span8">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list-alt"></i> Realtime Traffic</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height: 190px; padding: 0px; position: relative;"><canvas height="190" width="466" class="base"></canvas><canvas style="position: absolute; left: 0px; top: 0px;" height="190" width="466" class="overlay"></canvas><div class="tickLabels" style="font-size:smaller"><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:177px;right:448px;width:18px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:132px;right:448px;width:18px">25</div><div class="tickLabel" style="position:absolute;text-align:right;top:86px;right:448px;width:18px">50</div><div class="tickLabel" style="position:absolute;text-align:right;top:41px;right:448px;width:18px">75</div><div class="tickLabel" style="position:absolute;text-align:right;top:-5px;right:448px;width:18px">100</div></div></div></div>
|
||||
<p class="clearfix">You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" value="" style="text-align: right; width:5em" type="text"> milliseconds</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable ui-sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p class="btn-group">
|
||||
<button class="btn">Left</button>
|
||||
<button class="btn">Middle</button>
|
||||
<button class="btn">Right</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small"><i class="icon-star"></i> Icon button</button>
|
||||
<button class="btn btn-small btn-primary">Small button</button>
|
||||
<button class="btn btn-small btn-danger">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-warning">Small button</button>
|
||||
<button class="btn btn-small btn-success">Small button</button>
|
||||
<button class="btn btn-small btn-info">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-inverse">Small button</button>
|
||||
<button class="btn btn-large btn-primary btn-round">Round button</button>
|
||||
<button class="btn btn-large btn-round"><i class="icon-ok"></i></button>
|
||||
<button class="btn btn-primary"><i class="icon-edit icon-white"></i></button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini">Mini button</button>
|
||||
<button class="btn btn-mini btn-primary">Mini button</button>
|
||||
<button class="btn btn-mini btn-danger">Mini button</button>
|
||||
<button class="btn btn-mini btn-warning">Mini button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini btn-info">Mini button</button>
|
||||
<button class="btn btn-mini btn-success">Mini button</button>
|
||||
<button class="btn btn-mini btn-inverse">Mini button</button>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p>
|
||||
<button class="btn btn-large">Large button</button>
|
||||
<button class="btn btn-large btn-primary">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-danger">Large button</button>
|
||||
<button class="btn btn-large btn-warning">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-success">Large button</button>
|
||||
<button class="btn btn-large btn-info">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-inverse">Large button</button>
|
||||
</p>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-large">Large Dropdown</button>
|
||||
<button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-star"></i> Action</a></li>
|
||||
<li><a href="#"><i class="icon-tag"></i> Another action</a></li>
|
||||
<li><a href="#"><i class="icon-download-alt"></i> Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#"><i class="icon-tint"></i> Separated link</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title="">
|
||||
<h2><i class="icon-list"></i> Weekly Stat</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">92</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">15</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">36</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">45</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">112</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">31</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">93</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">254</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
{/block}
|
||||
|
||||
|
|
@ -58,7 +58,6 @@
|
|||
|
||||
<body>
|
||||
{if ! isset($no_visible_elements) or $no_visible_elements eq "FALSE"}
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
|
|
@ -67,7 +66,7 @@
|
|||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a href="index.html"> <img src="img/ryzomtop.png" height="65" style="padding-left:26px;"/></a>
|
||||
<a class="brand" href="index.php"> <img alt="Ryzom Core Logo" src="img/ryzomcore.png"></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container">
|
||||
|
|
@ -77,7 +76,7 @@
|
|||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank icon-ok"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
|
|
@ -88,7 +87,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<button onclick="show_help('test')">Help Test</button>
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
|
|
@ -98,10 +97,12 @@
|
|||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
<li><a href="login.php">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -115,7 +116,7 @@
|
|||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
{block name=menu}{/block}
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax" style="visibility:hidden;"><div id="uniform-is-ajax" class="checker"><span class="checked"><input style="opacity: 0;" id="is-ajax" type="checkbox"></span></div> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
|
|
|||
|
|
@ -1,11 +1,8 @@
|
|||
{extends file="layout.tpl"}
|
||||
{block name=menu}
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.php"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="settings.php"><i class="icon-cog"></i><span class="hidden-tablet"> Settings</span></a></li>
|
||||
<li><a href="logout.php"><i class="icon-lock"></i><span class="hidden-tablet"> Logout</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Ticketing</li>
|
||||
<li><a class="ajax-link" href="createticket.php"><i class="icon-pencil"></i><span class="hidden-tablet"> New Ticket</span></a></li>
|
||||
<li><a class="ajax-link" href="userticketqueue.php"><i class="icon-th-list"></i><span class="hidden-tablet"> Ticket Queue</span></a></li>
|
||||
<li style="margin-left: -2px;" class="active"><a class="ajax-link" href="?page=home"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li style="margin-left: -2px;"><a href="?page=login"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
{/block}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue