From 44bb9772a9c2947f6c62e70b197c0f22f7edbba7 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Wed, 6 Apr 2022 18:02:15 +0300
Subject: [PATCH] tabs: add disabled tab, Content providers add check for other
 > 0

---
 .../dataProvider/dataProvider.component.html  |  2 +-
 utils/tabs/tab.component.ts                   |  2 +-
 utils/tabs/tabs.component.ts                  | 23 ++++++++++---------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index 24ae400b..c45c31a5 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -122,7 +122,7 @@
                        [tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults"
                        [tabId]="'software'">
               </my-tab>
-              <my-tab  
+              <my-tab  *ngIf="fetchOrps.searchUtils.totalResults > 0"
                        [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"
                        [tabId]="'other'">
                  
diff --git a/utils/tabs/tab.component.ts b/utils/tabs/tab.component.ts
index aa2f6981..453a795e 100644
--- a/utils/tabs/tab.component.ts
+++ b/utils/tabs/tab.component.ts
@@ -28,5 +28,5 @@ export class TabComponent {
   @Input('tabId') tabId: string;
 	@Input('tabIcon') tabIcon: TabIcon;
 	@Input ('active') active: boolean = false;
-  // @Input ('loaded') loaded: boolean = false;
+  @Input ('disabled') disabled: boolean = false;
 }
diff --git a/utils/tabs/tabs.component.ts b/utils/tabs/tabs.component.ts
index 9e735926..489648b2 100644
--- a/utils/tabs/tabs.component.ts
+++ b/utils/tabs/tabs.component.ts
@@ -27,12 +27,13 @@ import {TabComponent} from './tab.component';
                   <ng-container *ngIf="!tab.customClass">
                     <li  [ngClass]="tab.customClass" (click)="selectTab(tab)" >
                       <ul class="uk-tab">
-                        <li [class.uk-active]="tab.active">
+                        <li [class.uk-active]="tab.active" [class.uk-disabled]="tab.disabled">
                           <a class="uk-width-1-1 uk-height-1-1 uk-flex uk-flex-center" [ngClass]="tab.tabIcon ? 'uk-flex-column' : ''">
                             <icon *ngIf="tab.tabIcon" [svg]="tab.tabIcon.svg" [ratio]="tab.tabIcon.ratio?tab.tabIcon.ratio:1" class="uk-margin-small-bottom"
                                   [ngClass]="(selected === tab.tabId)?tab.tabIcon.active:null"></icon>
                             <div>{{tab.title}}</div>
-                            <div *ngIf="tab.num" class="">({{tab.num | number}})</div>
+                            <div *ngIf="tab.num && !tab.disabled" class="">({{tab.num | number}})</div>
+                            <div *ngIf="tab.disabled" class="">(-)</div>
                           </a>
                         </li>
                       </ul>
@@ -50,22 +51,22 @@ import {TabComponent} from './tab.component';
           </div>
         </div>
       </div>
-      <div class="uk-width-small uk-padding-small">
-        <ul class="uk-tab">
-          <ng-container *ngFor="let tab of tabs.toArray(); let i=index">
-            <ng-container *ngIf="tab.customClass">
+      <ng-container *ngFor="let tab of tabs.toArray(); let i=index">
+        <ng-container *ngIf="tab.customClass">
+          <div class="uk-width-small uk-padding-small">
+            <ul class="uk-tab">
               <li  [ngClass]="tab.customClass" (click)="selectTab(tab)" [class.uk-active]="tab.active" >
                 <a class="uk-width-1-1 uk-height-1-1 uk-flex uk-flex-center" [ngClass]="tab.tabIcon ? 'uk-flex-column' : ''">
                   <icon *ngIf="tab.tabIcon" [svg]="tab.tabIcon.svg" [ratio]="tab.tabIcon.ratio?tab.tabIcon.ratio:1" class="uk-margin-small-bottom"
                         [ngClass]="(selected === tab.tabId)?tab.tabIcon.active:null"></icon>
-                  <div>{{tab.title}} {{tab.active}}</div>
+                  <div>{{tab.title}}</div>
                   <div *ngIf="tab.num" class="number">{{tab.num | number}}</div>
                 </a>
               </li>
-            </ng-container>
-          </ng-container>
-        </ul>
-      </div>
+            </ul>
+          </div>
+        </ng-container>
+      </ng-container>
     </div>
 
   `