mirror of
				https://github.com/bspeice/Melodia
				synced 2025-11-04 02:10:42 -05: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