preferences/templates/base.html
2024-07-20 10:33:45 +03:30

123 lines
4.8 KiB
HTML

{% load static %}
{#{% load view_breadcrumbs %}#}
<!doctype html>
<html lang="fa-ir" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>{% block title %}welcome{% endblock %}</title>
<link rel="manifest" href="{% static 'manifest.json' %}">
<link href="{% static 'bootstrap-5.3.0-dist/css/bootstrap.rtl.min.css' %}" rel="stylesheet">
<link href="{% static 'bootstrap-icons-1.11.3/font/bootstrap-icons.css' %}" rel="stylesheet">
<link href="{% static 'fonts/vazirmatn-v33.003/misc/UI-Farsi-Digits/Vazirmatn-UI-FD-font-face.css' %}" rel="stylesheet">
<link href="{% static 'fonts/Pelak/fonts.css' %}" rel="stylesheet">
<link href="{% static 'main.css' %}" rel="stylesheet">
<script src="{% static 'jquery-3.6.0.min.js' %}"></script>
{# <link rel="stylesheet"#}
{# href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css"/>#}
<!-- Or for RTL support -->
<link rel="stylesheet"
href="{% static 'select2-bootstrap-5-theme-1.3.0/select2-bootstrap-5-theme.rtl.min.css' %}"/>
<link rel="stylesheet" href="{% static 'jalalidatepicker/jalalidatepicker.css' %}">
<script src="{% static 'jalalidatepicker/jalalidatepicker.js' %}"></script>
<style>
@media (min-width: 576px) {
.h-sm-100 {
height: 100%;
}
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row vh-100 overflow-auto">
{# {% include "include/sidebar.html" %}#}
<div class="col d-flex flex-column h-sm-100">
<main class="row overflow-auto pb-3">
<div class="col pt-3">
{% include "include/top_bar.html" %}
{% include "include/messages.html" %}
{# {% block breadcrumbs %}#}
{# {% render_breadcrumbs %}#}
{# {% endblock %}#}
<div class="row">
<div class="col">
<div class="grid">
<div class="d-flex justify-content-start">
<h4 class="m-3">
{% block page_title %}
{% endblock %}
</h4>
</div>
</div>
</div>
<div class="col">
<div class="grid">
<div class="d-flex justify-content-end mt-2">
{% block page_action %}
{% endblock %}
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col">
<div class="card bg-light">
<div class="card-body">
<div class="col-md-12 col-lg-12">
{% block content %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
{# {% include 'include/footer.html' %}#}
</div>
</main>
<footer class="row bg-light py-3 mt-auto small">
<div class="d-flex">
<div class="flex-grow-1">
کلیه حقوق متعلق به
<a class="text-decoration-none" href="/">گویال</a>
است.
</div>
<div class="">
توسعه
<a href="https://gooyal.com" class="text-decoration-none" target="_blank"
rel="noopener noreferrer">
گویال
<img src="{% static 'image/gooyal_logo_gray.png' %}" width="28" height="21">
</a>
</div>
</div>
</footer>
</div>
</div>
</div>
</body>
<script>
jalaliDatepicker.startWatch();
</script>
<script src="{% static 'bootstrap-5.3.0-dist/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'jquery.formset.js' %}"></script>
</html>