Refactor base.html out of config.html

This commit is contained in:
PCoder 2021-07-28 19:16:01 +05:30
commit a2c9f728ab
2 changed files with 109 additions and 125 deletions

View file

@ -0,0 +1,97 @@
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>Configuration - GMBA Connect</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="{% static 'app/admin/bootstrap/bootstrap3/swatch/default/bootstrap.min.css' %}?v=3.3.5" rel="stylesheet">
<link href="{% static 'app/admin/bootstrap/bootstrap3/css/bootstrap-theme.min.css' %}?v=3.3.5" rel="stylesheet">
<link href="{% static 'app/admin/css/bootstrap3/admin.css' %}?v=1.1.1" rel="stylesheet">
<link href="{% static 'app/admin/css/bootstrap3/submenu.css' %}" rel="stylesheet">
<style>
body {
padding-top: 4px;
}
</style>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#admin-navbar-collapse">
<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="/">GMBA Connect</a>
</div>
<!-- navbar content -->
<div class="collapse navbar-collapse" id="admin-navbar-collapse">
<ul class="nav navbar-nav">
<li {% if 'config-home' in request.get_full_path %} class="active" {% endif %}>
<a href="{% url 'config_home' %}">Home</a>
</li>
<li {% if 'config-home' not in request.get_full_path %} class="active" {% endif %}>
<a href="{% url 'config' %}">Configuration</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</nav>
<div class="container">
{% block content %}
{% endblock %}
</div>
</div>
<script src="{% static 'app/admin/js/jquery.min.js' %}?v=3.3.1" type="text/javascript"></script>
<script src="{% static 'app/admin/bootstrap/bootstrap3/js/bootstrap.min.js' %}?v=3.3.5" type="text/javascript"></script>
<script src="{% static 'app/admin/js/moment.min.js' %}?v=2.22.2" type="text/javascript"></script>
<script src="{% static 'app/admin/select2/select2.min.js' %}?v=3.5.2" type="text/javascript"></script>
<script src="{% static 'app/admin/js/helpers.js' %}?v=1.0.0" type="text/javascript"></script>
{% block js %}
{% endblock %}
{% block css %}
{% endblock %}
</body>
</html>

View file

@ -1,115 +1,7 @@
{% extends "app/admin/base.html" %}
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>Configuration - GMBA Connect</title>
{% block content %}
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="{% static 'app/admin/bootstrap/bootstrap3/swatch/default/bootstrap.min.css' %}?v=3.3.5" rel="stylesheet">
<link href="{% static 'app/admin/bootstrap/bootstrap3/css/bootstrap-theme.min.css' %}?v=3.3.5" rel="stylesheet">
<link href="{% static 'app/admin/css/bootstrap3/admin.css' %}?v=1.1.1" rel="stylesheet">
<link href="{% static 'app/admin/css/bootstrap3/submenu.css' %}" rel="stylesheet">
<style>
body {
padding-top: 4px;
}
</style>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#admin-navbar-collapse">
<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="/50b20cba056a31a89803">GMBA Connect</a>
</div>
<!-- navbar content -->
<div class="collapse navbar-collapse" id="admin-navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="/50b20cba056a31a89803/">Home</a>
</li>
<li>
<a href="/50b20cba056a31a89803/person/">Person</a>
</li>
<li>
<a href="/50b20cba056a31a89803/resource/">Resource</a>
</li>
<li>
<a href="/50b20cba056a31a89803/range/">Range</a>
</li>
<li>
<a href="/50b20cba056a31a89803/method/">Method</a>
</li>
<li>
<a href="/50b20cba056a31a89803/scale/">Scale</a>
</li>
<li>
<a href="/50b20cba056a31a89803/taxon/">Taxon</a>
</li>
<li>
<a href="/50b20cba056a31a89803/field/">Field</a>
</li>
<li class="active">
<a href="/50b20cba056a31a89803/config/">Configuration</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<h1>Configuration</h1>
@ -405,19 +297,9 @@
</div>
</div>
</div>
{% endblock content %}
</div>
<script src="{% static 'app/admin/js/jquery.min.js' %}?v=3.3.1" type="text/javascript"></script>
<script src="{% static 'app/admin/bootstrap/bootstrap3/js/bootstrap.min.js' %}?v=3.3.5" type="text/javascript"></script>
<script src="{% static 'app/admin/js/moment.min.js' %}?v=2.22.2" type="text/javascript"></script>
<script src="{% static 'app/admin/select2/select2.min.js' %}?v=3.5.2" type="text/javascript"></script>
<script src="{% static 'app/admin/js/helpers.js' %}?v=1.0.0" type="text/javascript"></script>
<style>
table.head { width: 100%; overflow-x: scroll; display: block; }
table.head tr td { padding: 5pt; border: 1px solid darkgrey; }
h4 { padding: 10pt; background: #ffd; }
</style>
{% block js %}
<script>
(function($) {
$(function() {
@ -465,6 +347,13 @@
}); //-
})(jQuery);
</script>
{% endblock %}
{% block css %}
<style>
table.head { width: 100%; overflow-x: scroll; display: block; }
table.head tr td { padding: 5pt; border: 1px solid darkgrey; }
h4 { padding: 10pt; background: #ffd; }
</style>
<style type="text/css">
.datafile.active { background: lightseagreen }
@ -472,6 +361,4 @@
li.datafile:hover { background: yellow }
li.datafile .filename, li.datafile .commands { display:inline-block; width:16em }
</style>
</body>
</html>
{% endblock %}