feat: get counts working on subjects page

Enterprise-CMCS · Nov 21, 2024 · 643b3fe · 643b3fe
1 parent 4328865
commit 643b3fe
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/solution/ui/regulations/css/scss/partials/_subjects.scss b/solution/ui/regulations/css/scss/partials/_subjects.scss
@@ -380,7 +380,15 @@
 
                     &--label {
                         display: flex;
+                        flex: 1;
                         flex-direction: column;
+
+                        .count {
+                            color: $secondary_text_color;
+                            font-size: $font-size-xs;
+
+                            @include font-bold-keep-width-reset;
+                        }
                     }
 
                     button {

diff --git a/solution/ui/regulations/css/scss/partials/_subjects_selector.scss b/solution/ui/regulations/css/scss/partials/_subjects_selector.scss
@@ -159,7 +159,11 @@
                 }
 
                 .count {
+                    font-size: $font-size-xs;
+                    color: $secondary_text_color;
                     margin-left: var(--spacer-half);
+
+                    @include font-bold-keep-width-reset;
                 }
             }
         }
@@ -217,6 +221,12 @@
                         display: flex;
                         justify-content: space-between;
                         line-height: 22px;
+
+                        .count {
+                            font-size: unset;
+                            font-weight: unset;
+                            color: unset;
+                        }
                     }
                 }
             }

diff --git a/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.vue b/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.vue
@@ -1,6 +1,12 @@
 <script>
+const getCount = (subject) => {
+    return (
+        subject.count ??
+        (subject.public_resources ?? 0) + (subject.internal_resources ?? 0)
+    );
+};
 const getDisplayCount = (subject) => {
-    return subject.count ? `<span class="count">(${subject.count})</span>` : "";
+    return `<span class="count">(${getCount(subject)})</span>`;
 };
 
 export default {