瀏覽代碼

basic templates

Roberto Berto 5 年之前
父節點
當前提交
76e50e4ff2

+ 8 - 1
vycenter/config/templates/config/instance.html

@@ -1,6 +1,13 @@
-<h2>List of instances</h2>
+{% extends "base.html" %}
+
+{% block header_title %}list of instances{% endblock %}
+{% block section_title %}list of instances{% endblock %}
+
+{% block content %}
+
 <p>List of instances, group owners</p>
 
 {% url 'instance-add' as instance_add %}
 <p><a href="{{ instance_add }}">Add a new instance</a></p>
 
+{% endblock %}

+ 8 - 1
vycenter/config/templates/config/instance_add.html

@@ -1,5 +1,12 @@
-<h2>Instance add</h2>
+{% extends "base.html" %}
+
+{% block header_title %}Add a new instances{% endblock %}
+{% block section_title %}Add a new instances{% endblock %}
+
+{% block content %}
 <p>List of instances, group owners</p>
 
 {% url 'instance-add' as instance_add %}
 <p>Add a new instance</p>
+{% endblock %}
+

+ 2 - 2
vycenter/config/urls.py

@@ -4,7 +4,7 @@ from . import views
 
 urlpatterns = [
     path('', views.index, name='index'),
-    path('instance_add/', views.instance_add, name='instance_add'),
-    path('instance/', views.instance, name='instance'),
+    path('instance-add', views.instance_add, name='instance-add'),
+    path('instance', views.instance, name='instance'),
 
 ]

+ 1 - 1
vycenter/vycenter/settings.py

@@ -56,7 +56,7 @@ ROOT_URLCONF = 'vycenter.urls'
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': ['vycenter/templates'],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [

+ 63 - 0
vycenter/vycenter/templates/base.html

@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+
+    <title>{% block header_title %}{% endblock %} - VyCenter</title>
+  </head>
+  <body>
+    <h1>VyCenter</h1>
+
+
+<div class="container" style="background-color: #dcc">
+  <div class="row">
+    <div class="col-3" style="background-color: #ccc">
+
+    <h2>Manage VyOS</h2>
+    <p><select name="vyos-id"><option>xxxx - 192.168.4.4</option></select></p>
+    <ol>
+    <li><a href="/instance/">Dashboard</a></li>
+    <li>Static Routing</li>
+    <li>IPSEC</li>
+    <li>BGP</li>
+    <li>OSPF</li>
+    <li>Firewall</li>
+    <li>NAT</li>
+    </ol>
+
+   
+    <h2>Manage VyGUI</h2>
+    <ol>
+    {% url 'config:instance-add' as url_config_instance_add %}<li><a href="{{ url_config_instance_add }}/config/instance-add">Add a new instance</a></li>
+    {% url 'config:instance-add' as url_config_instance_add %}<li><a href="{{ url_config_instance_add }}/config/instance">List instances</a></li>
+
+    <li>GUI Users</li>
+    <li>GUI Groups</li>
+    </ol>
+
+
+    </div>
+    <div class="col">
+        <h2>{% block section_title %}{% endblock %}</h2>
+        {% block content %}{% endblock %}
+    </div>
+  </div>
+
+
+</div>
+
+
+
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+  </body>
+</html>
+

+ 1 - 0
vycenter/vycenter/templates/footer.html

@@ -0,0 +1 @@
+foo

+ 1 - 0
vycenter/vycenter/templates/header.html

@@ -0,0 +1 @@
+header