mirror of
https://github.com/bspeice/Melodia
synced 2025-07-04 15:34:45 -04:00
Create a models package, add template file suffix
Also, add AngularJS
This commit is contained in:
100
web/views/templates/base.html
Normal file
100
web/views/templates/base.html
Normal file
@ -0,0 +1,100 @@
|
||||
{% comment %}
|
||||
|
||||
List of block elements in this page:
|
||||
page_title
|
||||
scripts
|
||||
global_scripts
|
||||
page_scripts
|
||||
navbar_title
|
||||
navbar_content
|
||||
sidebar
|
||||
sidebar_content
|
||||
body
|
||||
body_content
|
||||
|
||||
{% endcomment %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{% block page_title %}{% endblock %}</title>
|
||||
|
||||
<link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
body {
|
||||
padding-top: 60px; /* Make sure that there is a gap on the navbar. */
|
||||
}
|
||||
</style>
|
||||
|
||||
{# General scripts #}
|
||||
{% block scripts %}
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/angular.min.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/ui-bootstrap-0.3.0.min.js"></script>
|
||||
|
||||
{% block global_scripts %}
|
||||
<script type="text/javascript">
|
||||
{% include "global_scripts.js" %}
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
<script type="text/javascript">
|
||||
{% block page_scripts %}
|
||||
{# This block is used by each page if they want to add additional scripts. #}
|
||||
{% endblock %}
|
||||
</script>
|
||||
|
||||
{% endblock %}{# endblock scripts #}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{# Navbar code #}
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="brand" href="#">{% block navbar_title %}{% endblock %}</a>
|
||||
|
||||
{% block navbar_content %}
|
||||
<div class="btn-group pull-right">
|
||||
<a class="btn" href="#">{{ user.username }}</a>
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li id="btn_logout"><a href="/logout">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
{# Sidebar code #}
|
||||
{# Note that the sidebar is its own block, so we can remove it if need be. #}
|
||||
{% block sidebar %}
|
||||
<div class="span3">
|
||||
<div class="well sidebar-nav">
|
||||
{% block sidebar_content %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="span9">
|
||||
{% block body_content %}{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user