cloudroid/app/templates/base.html

108 lines
4.5 KiB
HTML

<!DOCTYPE html>
<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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<link rel="icon" href="{{ url_for('static',filename='img/favicon.ico') }}">
<title>Cloudroid</title>
<!-- Bootstrap core CSS -->
<link href="{{ url_for('static',filename='css/bootstrap.min.css') }}" rel="stylesheet">
<!-- Bootstrap theme -->
<link href="{{ url_for('static',filename='css/bootstrap-theme.min.css') }}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{{ url_for('static',filename='css/theme.css') }}" rel="stylesheet">
<link href="{{ url_for('static',filename='css/dashboard.css') }}" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ url_for('index') }}"><img src="{{ url_for('static',filename='img/title.jpg') }}" alt="micROS" height="35" width="35" /></a>
<a class="navbar-brand" href="{{ url_for('index') }}">Cloudroid</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
{% set navigation_bar = [
(url_for('index'), 'index', 'Home'),
] -%}
{% set active_page = active_page|default('index') -%}
{% for href, id, caption in navigation_bar %}
<li {% if active_page == id %}class="active"{% endif %}><a href="{{ href|e }}">{{ caption|e }}</a></li>
{% endfor %}
{% if g.user.is_authenticated %}
<li><a href="{{ url_for('logout') }}">Log Out</a></li>
{% else %}
<li {% if active_page == "signup" %}class="active"{% endif %}><a href="{{ url_for('signup') }}">Sign Up</a></li>
{% endif %}
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
{% if active_page not in ["login","signup"] %}
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
{% set navigation_bar = [
('/upload', 'upload', 'Upload New ROS Package'),
('/images', 'images', 'Manage Existing Images'),
('/services','services','Manage Existing Services'),
('/nodes','nodes','Manage Nodes'),
('/setting','setting','Setting'),
] -%}
{% set active_page = active_page|default('index') -%}
{% for href, id, caption in navigation_bar %}
<li {% if active_page == id %}class="active"{% endif %}><a href="{{ href|e }}">{{ caption|e }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul>
<div class="alert alert-info" role="alert">
{% for message in messages %}
{{ message }}
{% endfor %}
</div>
</ul>
{% endif %}
{% endwith %}
{% block content %}{% endblock %}
</div>
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="{{ url_for('static',filename='js/bootstrap.min.js') }}"></script>
<script src="{{ url_for('static',filename='js/theme.js') }}"></script>
</body>
</html>