khatibi/admin_panel/templates/admin_panel/base.html

{% load static %}
<!DOCTYPE html>
<html dir="rtl">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>فروشگاه تصفیه آب خطیبی</title>
    <link rel="stylesheet" type="text/css" href="{% static 'admin_panel/bulma.min.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'admin_panel/bulma-rtl.min.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'admin_panel/DataTables/datatables.min.css' %}"/>
    <script type="text/javascript" src="{% static 'admin_panel/DataTables/datatables.min.js' %}"></script>
    
    <script type="text/javascript" src="{% static 'admin_panel/kamadatepicker.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'admin_panel/kamadatepicker.holidays.js' %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'admin_panel/kamadatepicker.min.css' %}">

    <link rel="stylesheet" type="text/css" href="{% static 'admin_panel/persian-datepicker.min.css' %}">
    <script type="text/javascript" src="{% static 'admin_panel/persian-date.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'admin_panel/persian-datepicker.min.js' %}"></script>

    <link rel="stylesheet" type="text/css" href="{% static 'admin_panel/style.css' %}">
    <style>
    </style>
  </head>
  <body>
    <nav class="navbar is-primary is-fixed-top" role="navigation" aria-label="main navigation">
        <div class="navbar-brand">
          <a class="navbar-item" href="#">
            <span class="is-hidden-desktop">
            {{ user.first_name }} {{ user.last_name }}
            </span>
          </a>
      
          <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
          </a>
        </div>
      
        <div id="navbarBasicExample" class="navbar-menu">
          <div class="navbar-start mr-0">

            {% if perms.admin_panel.ViewStore %}
            <a href="{% url 'admin_panel:index' %}" class="navbar-item">
              اصلی
            </a>
            {% endif %}

            {% if not perms.admin_panel.ViewStore %}
            <a href="{% url 'admin_panel:ActionListUserToday' request.user.id %}" class="navbar-item">
              اصلی
            </a>
            {% endif %}

            <a href="{% url 'admin_panel:ActionListUserToday' request.user.id %}" class="navbar-item">
              لیست وظایف
            </a>
      
            {% if perms.admin_panel.ViewCustomer %}
            <a href="{% url 'admin_panel:customers' %}" class="navbar-item">
              مشتریان
            </a>
            {% endif %}

            
            <a href="{% url 'admin_panel:stores' %}" class="navbar-item">
              انبار
            </a>
            
            {% if perms.admin_panel.ViewStore %}
            <div class="navbar-item has-dropdown is-hoverable">
                <a href="{% url 'admin_panel:hesabdari' %}" style="
" class="navbar-link">
                  حسابداری
                </a>

                <div class="navbar-dropdown">
                    <a href="{% url 'admin_panel:hesabdari' %}" style="padding-right: 10px;" class="navbar-item">
                      سررسید شده
                    </a>
                    <a href="{% url 'admin_panel:hesabdari_residnashone' %}" style="padding-right: 10px;" class="navbar-item">
                      سررسید نشده
                    </a>

                    <a href="{% url 'admin_panel:hesabdari_check_pass' %}" style="padding-right: 10px;" class="navbar-item">
                      چک های وصول شده
                    </a>

                    <a href="{% url 'admin_panel:hesabdari_check_pass_fail' %}" style="padding-right: 10px;" class="navbar-item">
                      چک های وصول نشده
                    </a>

                    <a href="{% url 'admin_panel:report' %}" style="padding-right: 10px;" class="navbar-item">
                      گزارش
                    </a>

                </div>

            </div>


            {% endif %}


            
            <a class="navbar-item">
              کاربران
            </a> 
          </div>
      
          <div class="navbar-end ml-0">
            <div class="navbar-item">
              <span class="ml-2">{{ user.first_name }} {{ user.last_name }}</span>
              <div class="buttons">
                
                <a href="{% url 'admin_panel:p_logout' %}" class="button is-light">
                  خروج
                </a>
              </div>
            </div>
          </div>
        </div>
      </nav>

  <div class="">
    <div class="columns m-0 mt-6 pt-3 is-centered pb0Nested">

      {% if perms.admin_panel.ViewStore %}
      
        <div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
          {% with url_name=request.resolver_match.url_name %}
          <a {% if perms.admin_panel.ViewStore %} href="{% url 'admin_panel:bedehi' %}" {% endif %}>
            <div class="boxIndex01 {% if url_name == 'bedehi' %}has-background-danger{% else %}has-background-info{% endif %} has-text-white	">
                <p class="toCurrency ss02 ">{% if mandehesab %} {{ mandehesab }} {% endif %}</p>
                <p>جمع کل بدهی مشتریان</p>
            </div>
          </a>
          {% endwith %}
        </div>
      

        <div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
          {% with url_name=request.resolver_match.url_name %}
          <a href="{% url 'admin_panel:customers' %}">
            <div class="boxIndex01 {% if url_name == 'customers' %}has-background-danger{% else %}has-background-info{% endif %} has-text-white">
                <p class="toCurrency ss02 ">{{ countCustomers }}</p>
                <p>تعدادکل مشتریان</p>
            </div>
          </a>
          {% endwith %}
        </div>

        <div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
          {% with url_name=request.resolver_match.url_name %}
          <a {% if perms.admin_panel.ViewStore %}href="{% url 'admin_panel:rezayat' %}"{% endif %}>
            <div class="boxIndex01 {% if url_name == 'rezayat' %}has-background-danger{% else %}has-background-info{% endif %} has-background-info has-text-white">
                <p class="ss02 ">{{ rezayatCount }}</p>
                <p>در انتظار تکمیل نظر سنجی</p>
            </div>
          </a>
          {% endwith %}
        </div>

        <div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
          {% with url_name=request.resolver_match.url_name %}
          <a {% if perms.admin_panel.ViewStore %}href="{% url 'admin_panel:entezar' %}"{% endif %}>
            <div class="boxIndex01 {% if url_name == 'entezar' %}has-background-danger{% else %}has-background-info{% endif %}  has-text-white">
                <p class="ss02 ">{{ entezarbazdid }}</p>
                <p class="ss02 ">9 ماه از آخرین بازدید گذشته</p>
            </div>
          </a>
          {% endwith %}
        </div>
      
        <div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
          {% with url_name=request.resolver_match.url_name %}
          <a {% if perms.admin_panel.ViewStore %}href="{% url 'admin_panel:ActionListUserToday' request.user.id %}"{% endif %}>
            <div class="boxIndex01 has-background-info has-text-white">
                <p class="ss02 ">{{ ActionCount }}</p>
                <p class="ss02 ">لیست وظایف</p>
            </div>
          </a>
          {% endwith %}
        </div>
      {% endif %}
  </div>

  {% block bodyPage %}
  {% endblock %}

  </body>
  <script>
    $(document).ready(function() {

      $.fn.digits = function(){ 
          return this.each(function(){ 
              $(this).text( $(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") ); 
          })
      }

      $(".toCurrency").digits();

      $("input[type=number]").off('wheel.disableScroll');

// Check for click events on the navbar burger icon
$(".navbar-burger").click(function() {

    // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
    $(".navbar-burger").toggleClass("is-active");
    $(".navbar-menu").toggleClass("is-active");

});
});
  </script>
  {% block jsEnd %}
  {% endblock %}
</html>