add filter by id/ style changes

SharixAdmin/static/SharixAdmin/service_type/arrow_fil.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M6.29 12.7101L11.29 17.7101C11.3851 17.8011 11.4972 17.8725 11.62 17.9201C11.8635 18.0201 12.1365 18.0201 12.38 17.9201C12.5027 17.8725 12.6149 17.8011 12.71 17.7101L17.71 12.7101C17.8032 12.6169 17.8772 12.5062 17.9277 12.3844C17.9781 12.2625 18.0041 12.132 18.0041 12.0001C18.0041 11.7338 17.8983 11.4784 17.71 11.2901C17.5217 11.1018 17.2663 10.996 17 10.996C16.7337 10.996 16.4783 11.1018 16.29 11.2901L13 14.5901L13 7.0001C13 6.73489 12.8946 6.48053 12.7071 6.293C12.5196 6.10546 12.2652 6.0001 12 6.0001C11.7348 6.0001 11.4804 6.10546 11.2929 6.293C11.1054 6.48053 11 6.73489 11 7.0001L11 14.5901L7.71 11.2901C7.61703 11.1964 7.50644 11.122 7.38458 11.0712C7.26272 11.0204 7.13201 10.9943 7 10.9943C6.86799 10.9943 6.73728 11.0204 6.61542 11.0712C6.49356 11.122 6.38296 11.1964 6.29 11.2901C6.19627 11.3831 6.12188 11.4937 6.07111 11.6155C6.02034 11.7374 5.9942 11.8681 5.9942 12.0001C5.9942 12.1321 6.02034 12.2628 6.07111 12.3847C6.12188 12.5065 6.19627 12.6171 6.29 12.7101Z" fill="#202020"/>
+</svg>

SharixAdmin/static/drf-yasg/service_type.css

@@ -1,6 +1,6 @@
 h1.mainHeader {
     font-weight: 700;
-    font-size: 28px
+    font-size: 28px;
 }
 p.description_service {
     text-align: start;
@@ -9,10 +9,10 @@ p.description_service {
     font-weight: 400;
     color: #7E7E7E;
     letter-spacing: 0.14px;
-    margin-left: 10px;
+    margin-top: 14px;
 }
 
-#overlay {
+/* #overlay {
     position: fixed;
     top: 0;
     left: 0;
@@ -28,4 +28,14 @@ p.description_service {
     width: 400px;
     height: 700px;
     background-color: white;
-  }
+  } */
+
+
+th {
+    color: rgb(0, 0, 0);
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: 700;
+}
+
+

SharixAdmin/tables.py

@@ -114,13 +114,13 @@ class ServiceTariffTable(tables.Table):
 
 class ServiceTypeTable(tables.Table):
 
-    id = tables.Column( attrs={"td":{"width":"50%"}})
-    codename = tables.LinkColumn('service_type/edit/', verbose_name='Услуга', text = lambda record: record.codename,
-        args=[tables.A('pk')], attrs={'th':{'scope':'col'}, "td":{"width":"100%"},})
-    description = tables.LinkColumn('service_type/edit/', verbose_name='Описание', text = lambda record: record.description,
-        args=[tables.A('pk')], attrs={'th':{'scope':'col'}, "td":{"width":"100%"},})
+    id = tables.Column( attrs={"td":{"width":"5%"}})
+    codename = tables.LinkColumn('service_type/edit/', verbose_name='Услуга', orderable=False, text = lambda record: record.codename,
+        args=[tables.A('pk')], attrs={'th':{'scope':'col'},})
+    description = tables.LinkColumn('service_type/edit/', orderable=False, verbose_name='Описание', text = lambda record: record.description,
+        args=[tables.A('pk')], attrs={'th':{'scope':'col'}, })
     deletee = tables.LinkColumn('service_type/delete/', verbose_name='', text = "Удалить",
-        args=[tables.A('pk')], attrs={'th':{'scope':'col'}, "td":{"width":"auto"},})
+        args=[tables.A('pk')], attrs={'th':{'scope':'col'},})
     
     class Meta:
         model = ServiceType

SharixAdmin/templates/SharixAdmin/service_type.html

@@ -1,16 +1,33 @@
 {% extends 'SharixAdmin/index.html' %}
 {% load render_table from django_tables2 %}
 {% load i18n %}
+{% load static %}
 
 {% block contenthome %}
-    <h1 class="mainHeader">{{ title }}</h1>
+
+
+<style>
+  a {
+    color: black;
+    text-decoration: none;
+  }
+  a:hover {
+    color: black;
+  }
+</style>
+    
     <div class="container">
+      <h1 class="mainHeader">{{ title }}</h1>
       <p class="description_service">Это система управления государством, источником власти в которой является сам народ. Именно народ решает, какие законы и нормы необходимы для гармоничного существования и развития государства. Таким образом, каждый человек в демократическом обществе 
         Получает определенный набор свобод и обязательств сформированных с учетом интересов всего сообщества. Исходя из вышесказанного, можно заключить, что демократия – это возможность для каждого человека свободно участвовать в непосредственном управлении своим государством, обществом и личной судьбой в конечном счете.</p>
       <div class="row justify-content-start">
         {% render_table table %}
+        <div class="filter_id" style="">
+          <img src="{% static 'SharixAdmin/service_type/arrow_fil.svg' %}"
+          style="width: 20px; height: 20px;">
+        </div>
 
-        {% comment %} {% if table.page %}
+        <!-- {% comment %} {% if table.page %}
           <nav aria-label="...">
             <ul class="pagination">
               {% if table.page.has_previous %}
@@ -30,6 +47,7 @@
                 {% else %}
                 <li class="page-item">
                   <a class="page-link" style="width: 30px;" href="?page={{page }}">{{ page }}</a>
+                  
                 </li>
                 {% endif %}
               {% endfor %}
@@ -44,7 +62,7 @@
               {% endif %}
             </ul>
           </nav>
-        {% endif %} {% endcomment %}
+        {% endif %} {% endcomment %} -->
   </div>
   <div class="container text-end mt-2">
     <a class="btn btn-primary" href="/service_type/add">{% trans 'Add' %}</a>

SharixAdmin/views/service_type.py

@@ -43,6 +43,10 @@ class ServiceTypeListView(UserPassesTestMixin, SingleTableView):
             'object_list': context['object_list'],
         }))
         return context
+    
+    def testing(self, queryset, is_descending):
+        queryset = queryset.annotate.order_by("-" if is_descending else "")
+        return (queryset, True)
 
     def test_func(self) -> bool or None:
         group_names = ('METASERVICE-ADMIN')