[UPDT] HORILLA VIEWS: New table design updates

accessibility/cbv_decorators.py

@@ -2,28 +2,29 @@
 employee/decorators.py
 """
 
-from django.http import HttpResponse
 from django.contrib import messages
-from django.utils.translation import gettext_lazy as _
+from django.http import HttpResponse
 from django.shortcuts import redirect
+from django.utils.translation import gettext_lazy as _
+
 from accessibility.methods import check_is_accessible
 from base.decorators import decorator_with_arguments
 from horilla.horilla_middlewares import _thread_locals
 
+
 @decorator_with_arguments
 def enter_if_accessible(function, feature, perm=None, method=None):
     """
     accessible check decorator for cbv
     """
-    
 
     def check_accessible(self, *args, **kwargs):
         """
         Check accessible
         """
         path = "/"
-        request = getattr(_thread_locals,"request")
-        if not getattr(self,"request",None):
+        request = getattr(_thread_locals, "request")
+        if not getattr(self, "request", None):
             self.request = request
         referrer = request.META.get("HTTP_REFERER")
         if referrer and request.path not in referrer:

static/css/style.css

@@ -26,22 +26,22 @@
     font-style: normal;
     font-weight: 400;
     src: url("../fonts/material_icons_outlined.woff2") format('woff2');
-  }
+}
 
 .material-symbols-outlined {
-font-family: 'Material Symbols Outlined';
-font-weight: normal;
-font-style: normal;
-font-size: 24px;
-line-height: 1;
-letter-spacing: normal;
-text-transform: none;
-display: inline-block;
-white-space: nowrap;
-word-wrap: normal;
-direction: ltr;
--webkit-font-feature-settings: 'liga';
--webkit-font-smoothing: antialiased;
+    font-family: 'Material Symbols Outlined';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
 }
 
 .note-modal-backdrop {
@@ -58,9 +58,6 @@ direction: ltr;
     max-height: calc(110% - 90px) !important;
 }
 
-#main-section {
-    padding-top: 60px !important;
-}
 
 #mainNav {
     padding: 0 !important;
@@ -476,18 +473,19 @@ form label {
 
 @keyframes placeHolderShimmer {
     0% {
-      background-position: -800px 0
+        background-position: -800px 0
     }
-    100% {
-      background-position: 800px 0
-    }
-  }
 
-.d-inline{
+    100% {
+        background-position: 800px 0
+    }
+}
+
+.d-inline {
     display: inline !important;
 }
 
-.d-none{
+.d-none {
     display: none !important;
 }
 
@@ -502,3 +500,34 @@ form label {
 .note-modal-backdrop {
     display: none !important;
 }
+
+.lastTh {
+    position: sticky;
+    right: 0;
+    background-color: #ffff !important;
+    z-index: 2;
+    width: 160px;
+
+    @media (max-width: 768px) {
+        position: unset;
+    }
+}
+
+.fixed-table td {
+    line-height: 1;
+}
+
+
+.lastTd {
+    position: sticky;
+    right: 0;
+    z-index: 2;
+    width: 160px;
+    overflow: scroll;
+    scrollbar-width: none !important;
+    padding: 4px !important;
+
+    @media (max-width: 768px) {
+        position: unset;
+    }
+}

static/index/index.js

@@ -30,14 +30,15 @@ function getCookie(name) {
     return cookieValue;
 }
 
-function addToSelectedId(newIds) {
+function addToSelectedId(newIds, storeKey) {
+
     ids = JSON.parse(
-        $("#selectedInstances").attr("data-ids") || "[]"
+        $(`#${storeKey}`).attr("data-ids") || "[]"
     );
 
     ids = [...ids, ...newIds.map(String)]
     ids = Array.from(new Set(ids));
-    $("#selectedInstances").attr("data-ids", JSON.stringify(ids))
+    $(`#${storeKey}`).attr("data-ids", JSON.stringify(ids))
 }
 
 function attendanceDateChange(selectElement) {
@@ -213,7 +214,6 @@ function removeId(element, storeKey = "selectedInstances") {
     $(`#${storeKey}`).attr("data-ids", ids);
 
 }
-
 function bulkStageUpdate(canIds, stageId, preStageId) {
     $.ajax({
         type: "POST",

templates/index.html

@@ -43,6 +43,7 @@
     <script src="{% static 'build/js/clearFilter.js' %}"></script>
 
 
+
     <!-- Popper.JS -->
     <!-- Bootstrap JS -->
     {% block styles %}

templates/sidebar.html

@@ -423,9 +423,12 @@ function initializeSummernote(candId,searchWords,) {
   }
 
   function highlightRow(checkbox) {
+    console.log(checkbox)
     checkbox.closest(".oh-sticky-table__tr").removeClass("highlight-selected");
+    checkbox.closest("tr").removeClass("highlight-selected");
     if (checkbox.is(":checked")) {
       checkbox.closest(".oh-sticky-table__tr").addClass("highlight-selected");
+      checkbox.closest("tr").addClass("highlight-selected");
     }
   }
   function toggleHighlight(ids) {