From cebb4d4eff970d6539cf0b2e4e5270e63267b0e1 Mon Sep 17 00:00:00 2001
From: mrilyew <99399973+mrilyew@users.noreply.github.com>
Date: Fri, 10 Jan 2025 16:51:53 +0300
Subject: [PATCH] add counter on tab

---
 Web/Presenters/templates/Documents/List.xml |  5 ++++-
 Web/static/css/main.css                     | 10 ++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/Web/Presenters/templates/Documents/List.xml b/Web/Presenters/templates/Documents/List.xml
index 10f23944..9094bf19 100644
--- a/Web/Presenters/templates/Documents/List.xml
+++ b/Web/Presenters/templates/Documents/List.xml
@@ -33,7 +33,10 @@
                     <a href="?tab=0">{_document_type_0}</a>
                 </div>
                 <div n:foreach="$tabs as $tab" class="mb_tab" n:attr="id => $tab['type'] == $current_tab ? active">
-                    <a href="?tab={$tab['type']}">{$tab["name"]}</a>
+                    <a href="?tab={$tab['type']}">
+                        {$tab["name"]}
+                        <span class="special_counter">{$tab["count"]}</span>
+                    </a>
                 </div>
             </div>
         </div>
diff --git a/Web/static/css/main.css b/Web/static/css/main.css
index f7d34f95..258fbe8e 100644
--- a/Web/static/css/main.css
+++ b/Web/static/css/main.css
@@ -2255,6 +2255,12 @@ table td[width="120"] {
     border-radius: 2px;
 }
 
+.mb_tab .special_counter {
+    color: #595959;
+    font-weight: bold;
+    margin: 0px 1px;
+}
+
 .mb_tab:hover {
     background: #e2e0e0;
 }
@@ -2272,6 +2278,10 @@ table td[width="120"] {
     color: white;
 }
 
+.mb_tab#active .special_counter {
+    color: #bdbdbd;
+}
+
 .border-block {
     box-shadow: inset 0 0 0 1px #b6bfca, inset 0 0 0 10px #d8dfe7;
     width: 300px;