Add frontend basic structure

This adds base.html and nav.html templates as well as its dependencies
on Bootstrap and jQuery.
multi-ogserver
Roberto Hueso Gómez 2020-08-31 11:57:16 +02:00
parent df2e425b34
commit 01efd71022
5 changed files with 52 additions and 0 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
ogcp/static/js/jquery.min.js vendored 100644

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
<script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" />
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
<title>{% block title %}{% endblock %} - OpenGnsys</title>
{% endblock %}
</head>
<body>
{% include 'nav.html' %}
{% block nav %}{% endblock %}
<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
{% block footer %}{% endblock %}
</div>
</body>
</html>

View File

@ -0,0 +1,17 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">OpenGnsys</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="{{ url_for('index') }}">{{ _('Home') }}<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('scopes') }}">{{ _('Scopes') }}</a>
</li>
</ul>
</div>
</nav>