Getting the main template working, including sidebar scrolling, showing/hiding sidebar based on station, dropdown menu for administrators, etc.
This commit is contained in:
Buster Silver
parent
bde99b045d
commit
2620c79c71
|
|
@ -0,0 +1,4 @@
|
|||
<?php
|
||||
$title = 'Finish Setup';
|
||||
?>
|
||||
|
||||
|
|
@ -0,0 +1,547 @@
|
|||
<!-- Basic -->
|
||||
<div class="block-header">
|
||||
<h2>Basic Examples</h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Default Example <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header ch-alt">
|
||||
<h2>Alternative Example <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-refresh-alt"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-download"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Change Date Range</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Change Graph Type</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Other Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- Colored Headers -->
|
||||
<div class="block-header">
|
||||
<h2>Custom Colored Headers <small>Please refer 'Colors' page in 'User Interface' for more color classes</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-cyan">
|
||||
<h2>Cyan <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-red">
|
||||
<h2>Red <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-orange">
|
||||
<h2>Orange <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-green">
|
||||
<h2>Green <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-purple">
|
||||
<h2>Purple <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-bluegray">
|
||||
<h2>Blue Gray <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- No Header -->
|
||||
<div class="block-header">
|
||||
<h2>No Header <small>Please refer 'Colors' page in 'User Interface' for more color classes</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-teal c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-lime c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-pink c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-amber c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-gray c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- Extra -->
|
||||
<div class="block-header">
|
||||
<h2>Some Material Design Flavour</h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header ch-alt m-b-20">
|
||||
<h2>Some Title <small>Phasellus condimentum ipsum id auctor</small></h2>
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-refresh-alt"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-download"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Change Date Range</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Change Graph Type</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Other Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="btn bgm-red btn-float waves-effect"><i class="zmdi zmdi-plus"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-bluegray m-b-20">
|
||||
<h2>Some Title <small>Phasellus condimentum ipsum id auctor</small></h2>
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Change Date Range</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Change Graph Type</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Other Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="btn bgm-blue btn-float waves-effect"><i class="zmdi zmdi-mail-send"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -24,7 +24,9 @@ header("Content-type: text/html; charset=utf-8");
|
|||
$this->assets->collection('header_css')
|
||||
->addCss('vendors/bower_components/animate.css/animate.min.css')
|
||||
->addCss('vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css')
|
||||
->addCss('vendors/bower_components/bootstrap-sweetalert/lib/sweet-alert.css')
|
||||
->addCss('vendors/bower_components/components-font-awesome/css/font-awesome.min.css')
|
||||
->addCss('vendors/bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css')
|
||||
->addCss('css/app.css');
|
||||
|
||||
// Output header CSS.
|
||||
|
|
@ -51,9 +53,11 @@ header("Content-type: text/html; charset=utf-8");
|
|||
var APP_ContentPath = '<?php echo $this->url->getStatic(''); ?>';
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<body class="<?=$page_class ?> <? if (!empty($station)): ?>toggled sw-toggled<? endif; ?>">
|
||||
<header id="header" class="clearfix" data-current-skin="blue">
|
||||
<ul class="header-inner">
|
||||
<!--
|
||||
<? if (!empty($station)): ?>
|
||||
<li id="menu-trigger" data-trigger="#sidebar">
|
||||
<div class="line-wrap">
|
||||
<div class="line top"></div>
|
||||
|
|
@ -61,6 +65,8 @@ header("Content-type: text/html; charset=utf-8");
|
|||
<div class="line bottom"></div>
|
||||
</div>
|
||||
</li>
|
||||
<? endif; ?>
|
||||
-->
|
||||
|
||||
<li class="logo hidden-xs">
|
||||
<a href="<?=$this->url->get('') ?>"><strong><?=$this->config->application->name ?></strong> alpha</a>
|
||||
|
|
@ -68,265 +74,38 @@ header("Content-type: text/html; charset=utf-8");
|
|||
|
||||
<li class="pull-right">
|
||||
<ul class="top-menu">
|
||||
<!--
|
||||
<li id="toggle-width">
|
||||
<div class="toggle-switch">
|
||||
<input id="tw-switch" type="checkbox" hidden="hidden">
|
||||
<label for="tw-switch" class="ts-helper"></label>
|
||||
</div>
|
||||
</li>
|
||||
-->
|
||||
|
||||
<li id="top-search">
|
||||
<a href=""><i class="tm-icon zmdi zmdi-search"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="dropdown">
|
||||
<a data-toggle="dropdown" href="">
|
||||
<i class="tm-icon zmdi zmdi-email"></i>
|
||||
<i class="tmn-counts">6</i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg pull-right">
|
||||
<div class="listview">
|
||||
<div class="lv-header">
|
||||
Messages
|
||||
</div>
|
||||
<div class="lv-body">
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">David Belle</div>
|
||||
<small class="lv-small">Cum sociis natoque penatibus et magnis dis parturient montes</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/2.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Jonathan Morris</div>
|
||||
<small class="lv-small">Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/3.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Fredric Mitchell Jr.</div>
|
||||
<small class="lv-small">Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/4.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Glenn Jecobs</div>
|
||||
<small class="lv-small">Ut vitae lacus sem ellentesque maximus, nunc sit amet varius dignissim, dui est consectetur neque</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/4.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Bill Phillips</div>
|
||||
<small class="lv-small">Proin laoreet commodo eros id faucibus. Donec ligula quam, imperdiet vel ante placerat</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<a class="lv-footer" href="">View All</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a data-toggle="dropdown" href="">
|
||||
<i class="tm-icon zmdi zmdi-notifications"></i>
|
||||
<i class="tmn-counts">9</i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg pull-right">
|
||||
<div class="listview" id="notifications">
|
||||
<div class="lv-header">
|
||||
Notification
|
||||
|
||||
<ul class="actions">
|
||||
<li class="dropdown">
|
||||
<a href="" data-clear="notification">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="lv-body">
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">David Belle</div>
|
||||
<small class="lv-small">Cum sociis natoque penatibus et magnis dis parturient montes</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/2.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Jonathan Morris</div>
|
||||
<small class="lv-small">Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/3.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Fredric Mitchell Jr.</div>
|
||||
<small class="lv-small">Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/4.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Glenn Jecobs</div>
|
||||
<small class="lv-small">Ut vitae lacus sem ellentesque maximus, nunc sit amet varius dignissim, dui est consectetur neque</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/4.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Bill Phillips</div>
|
||||
<small class="lv-small">Proin laoreet commodo eros id faucibus. Donec ligula quam, imperdiet vel ante placerat</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a class="lv-footer" href="">View Previous</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown hidden-xs">
|
||||
<a data-toggle="dropdown" href="">
|
||||
<i class="tm-icon zmdi zmdi-view-list-alt"></i>
|
||||
<i class="tmn-counts">2</i>
|
||||
</a>
|
||||
<div class="dropdown-menu pull-right dropdown-menu-lg">
|
||||
<div class="listview">
|
||||
<div class="lv-header">
|
||||
Tasks
|
||||
</div>
|
||||
<div class="lv-body">
|
||||
<div class="lv-item">
|
||||
<div class="lv-title m-b-5">HTML5 Validation Report</div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%">
|
||||
<span class="sr-only">95% Complete (success)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lv-item">
|
||||
<div class="lv-title m-b-5">Google Chrome Extension</div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
|
||||
<span class="sr-only">80% Complete (success)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lv-item">
|
||||
<div class="lv-title m-b-5">Social Intranet Projects</div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
|
||||
<span class="sr-only">20% Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lv-item">
|
||||
<div class="lv-title m-b-5">Bootstrap Admin Template</div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
|
||||
<span class="sr-only">60% Complete (warning)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lv-item">
|
||||
<div class="lv-title m-b-5">Youtube Client App</div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
|
||||
<span class="sr-only">80% Complete (danger)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="lv-footer" href="">View All</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a data-toggle="dropdown" href=""><i class="tm-icon zmdi zmdi-more-vert"></i></a>
|
||||
<ul class="dropdown-menu dm-icon pull-right">
|
||||
<li class="skin-switch hidden-xs">
|
||||
<span class="ss-skin bgm-lightblue" data-skin="lightblue"></span>
|
||||
<span class="ss-skin bgm-bluegray" data-skin="bluegray"></span>
|
||||
<span class="ss-skin bgm-cyan" data-skin="cyan"></span>
|
||||
<span class="ss-skin bgm-teal" data-skin="teal"></span>
|
||||
<span class="ss-skin bgm-orange" data-skin="orange"></span>
|
||||
<span class="ss-skin bgm-blue" data-skin="blue"></span>
|
||||
</li>
|
||||
<li class="divider hidden-xs"></li>
|
||||
<li class="hidden-xs">
|
||||
<a data-action="fullscreen" href=""><i class="zmdi zmdi-fullscreen"></i> Toggle Fullscreen</a>
|
||||
</li>
|
||||
<li>
|
||||
<a data-action="clear-localstorage" href=""><i class="zmdi zmdi-delete"></i> Clear Local Storage</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href=""><i class="zmdi zmdi-face"></i> Privacy Settings</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href=""><i class="zmdi zmdi-settings"></i> Other Settings</a>
|
||||
</li>
|
||||
<li class="divider"> </li>
|
||||
<? if ($this->acl->isAllowed('administer all')): ?>
|
||||
<li><a href="<?=$this->url->get('admin') ?>"><i class="fa fa-cog"></i> System Administration</a></li>
|
||||
<? endif; ?>
|
||||
<li><a href="<?=$this->url->get('profile') ?>"><i class="fa fa-user"></i> Profile</a></li>
|
||||
<li class="divider"> </li>
|
||||
<li><a href="<?=$this->url->get('account/logout') ?>"><i class="fa fa-sign-out"></i> Sign Out</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hidden-xs" id="chat-trigger" data-trigger="#chat">
|
||||
<a href=""><i class="tm-icon zmdi zmdi-comment-alt-text"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Top Search Content -->
|
||||
<div id="top-search-wrap">
|
||||
<div class="tsw-inner">
|
||||
|
|
@ -337,11 +116,12 @@ header("Content-type: text/html; charset=utf-8");
|
|||
</header>
|
||||
|
||||
<section id="main">
|
||||
<? if (!empty($station)): ?>
|
||||
<aside id="sidebar" class="sidebar c-overflow">
|
||||
<div class="profile-menu">
|
||||
<a href="">
|
||||
<div class="profile-pic">
|
||||
<img src="img/profile-pics/1.jpg" alt="">
|
||||
<img src="<?=\App\Service\Gravatar::get($this->user->email) ?>" alt="">
|
||||
</div>
|
||||
|
||||
<div class="profile-info">
|
||||
|
|
@ -475,656 +255,23 @@ header("Content-type: text/html; charset=utf-8");
|
|||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<aside id="chat" class="sidebar c-overflow">
|
||||
|
||||
<div class="chat-search">
|
||||
<div class="fg-line">
|
||||
<input type="text" class="form-control" placeholder="Search People">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="listview">
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left p-relative">
|
||||
<img class="lv-img-sm" src="img/profile-pics/2.jpg" alt="">
|
||||
<i class="chat-status-busy"></i>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Jonathan Morris</div>
|
||||
<small class="lv-small">Available</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">David Belle</div>
|
||||
<small class="lv-small">Last seen 3 hours ago</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left p-relative">
|
||||
<img class="lv-img-sm" src="img/profile-pics/3.jpg" alt="">
|
||||
<i class="chat-status-online"></i>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Fredric Mitchell Jr.</div>
|
||||
<small class="lv-small">Availble</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left p-relative">
|
||||
<img class="lv-img-sm" src="img/profile-pics/4.jpg" alt="">
|
||||
<i class="chat-status-online"></i>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Glenn Jecobs</div>
|
||||
<small class="lv-small">Availble</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/5.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Bill Phillips</div>
|
||||
<small class="lv-small">Last seen 3 days ago</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<img class="lv-img-sm" src="img/profile-pics/6.jpg" alt="">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Wendy Mitchell</div>
|
||||
<small class="lv-small">Last seen 2 minutes ago</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="lv-item" href="">
|
||||
<div class="media">
|
||||
<div class="pull-left p-relative">
|
||||
<img class="lv-img-sm" src="img/profile-pics/7.jpg" alt="">
|
||||
<i class="chat-status-busy"></i>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="lv-title">Teena Bell Ann</div>
|
||||
<small class="lv-small">Busy</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<? endif; ?>
|
||||
|
||||
<section id="content">
|
||||
<div class="container">
|
||||
|
||||
<!-- Basic -->
|
||||
<? if ($manual): ?>
|
||||
<?php echo $this->getContent(); ?>
|
||||
<? else: ?>
|
||||
<div class="block-header">
|
||||
<h2>Basic Examples</h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h2><?=$title ?></h2>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Default Example <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header ch-alt">
|
||||
<h2>Alternative Example <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-refresh-alt"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-download"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Change Date Range</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Change Graph Type</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Other Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- Colored Headers -->
|
||||
<div class="block-header">
|
||||
<h2>Custom Colored Headers <small>Please refer 'Colors' page in 'User Interface' for more color classes</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-cyan">
|
||||
<h2>Cyan <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-red">
|
||||
<h2>Red <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-orange">
|
||||
<h2>Orange <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-green">
|
||||
<h2>Green <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-purple">
|
||||
<h2>Purple <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-bluegray">
|
||||
<h2>Blue Gray <small>You can type anything here...</small></h2>
|
||||
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- No Header -->
|
||||
<div class="block-header">
|
||||
<h2>No Header <small>Please refer 'Colors' page in 'User Interface' for more color classes</small></h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-teal c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-lime c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-pink c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-amber c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body card-padding bgm-gray c-white">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- Extra -->
|
||||
<div class="block-header">
|
||||
<h2>Some Material Design Flavour</h2>
|
||||
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-trending-up"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-check-all"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Refresh</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Manage Widgets</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Widgets Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header ch-alt m-b-20">
|
||||
<h2>Some Title <small>Phasellus condimentum ipsum id auctor</small></h2>
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-refresh-alt"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="zmdi zmdi-download"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Change Date Range</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Change Graph Type</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Other Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="btn bgm-red btn-float waves-effect"><i class="zmdi zmdi-plus"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-header bgm-bluegray m-b-20">
|
||||
<h2>Some Title <small>Phasellus condimentum ipsum id auctor</small></h2>
|
||||
<ul class="actions actions-alt">
|
||||
<li class="dropdown">
|
||||
<a href="" data-toggle="dropdown">
|
||||
<i class="zmdi zmdi-more-vert"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li>
|
||||
<a href="">Change Date Range</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Change Graph Type</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">Other Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="btn bgm-blue btn-float waves-effect"><i class="zmdi zmdi-mail-send"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="card-body card-padding">
|
||||
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body card-padding">
|
||||
<?php echo $this->getContent(); ?>
|
||||
</div>
|
||||
</div>
|
||||
<? endif; ?>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
|
@ -17,40 +17,9 @@ $(window).load(function () {
|
|||
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
/* --------------------------------------------------------
|
||||
Layout
|
||||
-----------------------------------------------------------*/
|
||||
(function () {
|
||||
|
||||
//Get saved layout type from LocalStorage
|
||||
var layoutStatus = localStorage.getItem('ma-layout-status');
|
||||
|
||||
if(!$('#header-2')[0]) { //Make it work only on normal headers
|
||||
if (layoutStatus == 1) {
|
||||
$('body').addClass('sw-toggled');
|
||||
$('#tw-switch').prop('checked', true);
|
||||
}
|
||||
}
|
||||
|
||||
$('body').on('change', '#toggle-width input:checkbox', function () {
|
||||
if ($(this).is(':checked')) {
|
||||
setTimeout(function () {
|
||||
$('body').addClass('toggled sw-toggled');
|
||||
localStorage.setItem('ma-layout-status', 1);
|
||||
}, 250);
|
||||
}
|
||||
else {
|
||||
setTimeout(function () {
|
||||
$('body').removeClass('toggled sw-toggled');
|
||||
localStorage.setItem('ma-layout-status', 0);
|
||||
}, 250);
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
/* --------------------------------------------------------
|
||||
Scrollbar
|
||||
-----------------------------------------------------------*/
|
||||
|
|
@ -241,126 +210,6 @@ $(document).ready(function(){
|
|||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* Calendar Widget
|
||||
*/
|
||||
if($('#calendar-widget')[0]) {
|
||||
(function(){
|
||||
$('#calendar-widget').fullCalendar({
|
||||
contentHeight: 'auto',
|
||||
theme: true,
|
||||
header: {
|
||||
right: '',
|
||||
center: 'prev, title, next',
|
||||
left: ''
|
||||
},
|
||||
defaultDate: '2014-06-12',
|
||||
editable: true,
|
||||
events: [
|
||||
{
|
||||
title: 'All Day',
|
||||
start: '2014-06-01',
|
||||
className: 'bgm-cyan'
|
||||
},
|
||||
{
|
||||
title: 'Long Event',
|
||||
start: '2014-06-07',
|
||||
end: '2014-06-10',
|
||||
className: 'bgm-orange'
|
||||
},
|
||||
{
|
||||
id: 999,
|
||||
title: 'Repeat',
|
||||
start: '2014-06-09',
|
||||
className: 'bgm-lightgreen'
|
||||
},
|
||||
{
|
||||
id: 999,
|
||||
title: 'Repeat',
|
||||
start: '2014-06-16',
|
||||
className: 'bgm-lightblue'
|
||||
},
|
||||
{
|
||||
title: 'Meet',
|
||||
start: '2014-06-12',
|
||||
end: '2014-06-12',
|
||||
className: 'bgm-green'
|
||||
},
|
||||
{
|
||||
title: 'Lunch',
|
||||
start: '2014-06-12',
|
||||
className: 'bgm-cyan'
|
||||
},
|
||||
{
|
||||
title: 'Birthday',
|
||||
start: '2014-06-13',
|
||||
className: 'bgm-amber'
|
||||
},
|
||||
{
|
||||
title: 'Google',
|
||||
url: 'http://google.com/',
|
||||
start: '2014-06-28',
|
||||
className: 'bgm-amber'
|
||||
}
|
||||
]
|
||||
});
|
||||
})();
|
||||
}
|
||||
|
||||
/*
|
||||
* Weather Widget
|
||||
*/
|
||||
if ($('#weather-widget')[0]) {
|
||||
$.simpleWeather({
|
||||
location: 'Austin, TX',
|
||||
woeid: '',
|
||||
unit: 'f',
|
||||
success: function(weather) {
|
||||
html = '<div class="weather-status">'+weather.temp+'°'+weather.units.temp+'</div>';
|
||||
html += '<ul class="weather-info"><li>'+weather.city+', '+weather.region+'</li>';
|
||||
html += '<li class="currently">'+weather.currently+'</li></ul>';
|
||||
html += '<div class="weather-icon wi-'+weather.code+'"></div>';
|
||||
html += '<div class="dash-widget-footer"><div class="weather-list tomorrow">';
|
||||
html += '<span class="weather-list-icon wi-'+weather.forecast[2].code+'"></span><span>'+weather.forecast[1].high+'/'+weather.forecast[1].low+'</span><span>'+weather.forecast[1].text+'</span>';
|
||||
html += '</div>';
|
||||
html += '<div class="weather-list after-tomorrow">';
|
||||
html += '<span class="weather-list-icon wi-'+weather.forecast[2].code+'"></span><span>'+weather.forecast[2].high+'/'+weather.forecast[2].low+'</span><span>'+weather.forecast[2].text+'</span>';
|
||||
html += '</div></div>';
|
||||
$("#weather-widget").html(html);
|
||||
},
|
||||
error: function(error) {
|
||||
$("#weather-widget").html('<p>'+error+'</p>');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* Todo Add new item
|
||||
*/
|
||||
if ($('#todo-lists')[0]) {
|
||||
//Add Todo Item
|
||||
$('body').on('click', '#add-tl-item .add-new-item', function(){
|
||||
$(this).parent().addClass('toggled');
|
||||
});
|
||||
|
||||
//Dismiss
|
||||
$('body').on('click', '.add-tl-actions > a', function(e){
|
||||
e.preventDefault();
|
||||
var x = $(this).closest('#add-tl-item');
|
||||
var y = $(this).data('tl-action');
|
||||
|
||||
if (y == "dismiss") {
|
||||
x.find('textarea').val('');
|
||||
x.removeClass('toggled');
|
||||
}
|
||||
|
||||
if (y == "save") {
|
||||
x.find('textarea').val('');
|
||||
x.removeClass('toggled');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* Auto Hight Textarea
|
||||
*/
|
||||
|
|
@ -825,39 +674,6 @@ $(document).ready(function(){
|
|||
})
|
||||
}
|
||||
|
||||
/*
|
||||
* Typeahead Auto Complete
|
||||
*/
|
||||
if($('.typeahead')[0]) {
|
||||
|
||||
var statesArray = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
|
||||
'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
|
||||
'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
|
||||
'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
|
||||
'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
|
||||
'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
|
||||
'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
|
||||
'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
|
||||
'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
|
||||
];
|
||||
var states = new Bloodhound({
|
||||
datumTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
local: statesArray
|
||||
});
|
||||
|
||||
$('.typeahead').typeahead({
|
||||
hint: true,
|
||||
highlight: true,
|
||||
minLength: 1
|
||||
},
|
||||
{
|
||||
name: 'states',
|
||||
source: states
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Wall
|
||||
*/
|
||||
|
|
@ -885,15 +701,4 @@ $(document).ready(function(){
|
|||
|
||||
}
|
||||
|
||||
/*
|
||||
* Skin Change
|
||||
*/
|
||||
$('body').on('click', '[data-skin]', function() {
|
||||
var currentSkin = $('[data-current-skin]').data('current-skin');
|
||||
var skin = $(this).data('skin');
|
||||
|
||||
$('[data-current-skin]').attr('data-current-skin', skin)
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -27,11 +27,17 @@
|
|||
}
|
||||
|
||||
&.dm-icon {
|
||||
& > li > a > .zmdi {
|
||||
& > li > a > .zmdi,
|
||||
& > li > a > .fa {
|
||||
line-height: 100%;
|
||||
vertical-align: top;
|
||||
width: 20px;
|
||||
}
|
||||
& > li > a > .zmdi {
|
||||
font-size: 18px;
|
||||
width: 28px;
|
||||
}
|
||||
& > li > a > .fa {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue