webadmin/resources/WebContent/page/index.tmpl

131 lines
No EOL
3.5 KiB
Cheetah

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WebAdmin</title>
<!-- CSS -->
<link href="css/magic-bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-switch.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<!-- Javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/bootstrap-switch.min.js"></script>
<script>
$(function() {
$(".switch[type='checkbox']").bootstrapSwitch();
});
</script>
</head>
<body>
<!-- Top Bar -->
<nav id="top-bar" class="navbar navbar-default navbar-fixed-top .container-fluid" role="navigation">
<a class="navbar-brand" href="#">{{title}}</a>
<ul class="nav navbar-nav navbar-left">
{{#top-nav}}
{{^.subNav.length}}
<li><a href="{{.url}}">{{.name}}</a></li>
{{/.subNav.length}}
{{#.subNav.length}}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
{{.name}} <b class="caret"></b>
</a>
<ul class="dropdown-menu">
{{#.subNav}}
<li><a href="{{.url}}">{{.name}}</a></li>
{{/.subNav}}
</ul>
</li>
{{/.subNav.length}}
{{/top-nav}}
</ul>
<!-- Top-Left nav -->
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
</a>
<div>
hello
</div>
</li>
<li role="separator" class="divider"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Ziver Koc</a>
<ul class="dropdown-menu">
<li><a href="#">Profile</a></li>
<li><a href="#">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<div>
<!-- Side Bar -->
{{#side-nav-show}}
<div id="side-bar" class="col-md-2">
<ul class="side-menu nav nav-pills nav-stacked">
{{#side-nav}}
{{^.subNav.length}}
<li><a href="{{.url}}">{{.name}}</a></li>
{{/.subNav.length}}
{{#.subNav.length}}
<li class="">
<a data-toggle="collapse" data-parent="#side-bar" href="#{{.name}}_collapse">
{{.name}} <b class="caret"></b>
</a>
<ul id="{{.name}}_collapse" class="side-sub-menu collapse nav nav-pills nav-stacked ">
{{#.subNav}}
<li><a href="{{.url}}">{{.name}}</a></li>
{{/.subNav}}
</ul>
</li>
{{/.subNav.length}}
{{/side-nav}}
</ul>
</div>
{{/side-nav-show}}
<!-- Main Container -->
<div class="col-md-10">
<!-- Page specific info -->
<div class="row">
<ol class="breadcrumb">
{{#breadcrumb}}
<li><a href="{{.url}}">{{.name}}</a></li>
{{/breadcrumb}}
</ol>
</div>
<!-- Alerts -->
<div class="alert-container">
{{#alerts}}
<div class="alert alert-dismissable alert-{{.type}}">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{.message}}
</div>
{{/alerts}}
</div>
<div class="container">
{{content}}
</div>
</div>
</div>
<!--<footer class="footer">
<div class="container">
<p class="text-muted">{{footer}}</p>
</div>
</footer>-->
</body>
</html>