index and paginator added

2022-11-27 11:05:35 -07:00
parent ac180683c3
commit 76465e348b
6 changed files with 186 additions and 4 deletions
--- a/Templates/base.html
+++ b/Templates/base.html
@@ -0,0 +1,56 @@
+<!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://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+
+    <title>
+        {% block title %}{% endblock title %}
+    </title>
+  </head>
+  <body>
+    {% include 'sidebar.html' %}
+    <div class="container-fluid">
+        <h1>{% block titlePage %}{% endblock titlePage %}</h1> 
+        
+        <div class="">
+            {% comment %}
+            {% include "Profiles/partials/messages.html" %}    
+            {% endcomment %}  
+        </div>
+
+        {% block content %}
+        
+        {% endblock content %}
+        
+        {% include 'paginator.html' %}  
+    </div>
+
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+    <script>
+      window.addEventListener('load', (event) => {
+        setTimeout(()=>{
+          //console.log('page is fully loaded');
+          let ale = document.getElementsByClassName("alert")
+          if(ale.length> 0 )
+          {
+            $(ale).alert('close')
+            $(ale).alert('dispose')
+          }
+        },5000)
+        
+      });
+    </script>
+    {% block scripts %}
+      
+    {% endblock scripts %}
+  </body>
+</html>