[UXP-171] remove unused parts

Author: alisaismailati

src/app/shared/browse-most-elements/default-browse-elements/default-browse-elements.component.ts

@@ -22,9 +22,4 @@ export class DefaultBrowseElementsComponent extends AbstractBrowseElementsCompon
   @Input() mode: LayoutModeEnum;
 
   protected followThumbnailLink = true;
-
-  public cardLayoutMode = LayoutModeEnum.CARD;
-
-  public collectionElementLinkTypeEnum = CollectionElementLinkType;
-
 }

src/app/shared/explore/section-component/top-section/top-section.component.html

@@ -1,65 +1,31 @@
 <div>
-<!--  <ng-container *ngIf="topSection.showAsCard">-->
-    <!-- CARD VIEW -->
-    <div [ngClass]="{'card': topSection.showAsCard}">
-      <ng-container *ngIf="topSection.showAsCard">
-        <div *ngIf="topSection.titleKey" class="card-header">{{ 'explore.index.' + topSection.titleKey | translate }}</div>
-        <div *ngIf="!topSection.titleKey" class="card-header">{{ 'explore.index.' + topSection.sortField | translate }}</div>
-      </ng-container>
-      <!-- LIST VIEW -->
-      <ng-container *ngIf="!topSection.showAsCard">
-        <h3 *ngIf="topSection.titleKey" class="mx-2">{{ 'explore.index.' + topSection.titleKey | translate }}</h3>
-        <h3 *ngIf="!topSection.titleKey" class="mx-2">{{ 'explore.index.' + topSection.sortField | translate }}</h3>
-      </ng-container>
-        <div [ngClass]="{'card-body': topSection.showAsCard}">
-        <div class="row pl-2" *ngIf="topSection.showLayoutSwitch">
-          <div class="col">
-            <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" [(ngModel)]="layoutMode">
-              <label ngbButtonLabel class="btn-outline-primary">
-                <input ngbButton type="radio" [value]="'list'" />
-                <i class="fa fa-list-ul" title="List"></i>
-              </label>
-              <label ngbButtonLabel class="btn-outline-primary">
-                <input ngbButton type="radio" [value]="'card'" />
-                <i class="fas fa-th-large" title="Cards"></i>
-              </label>
-            </div>
+  <div [ngClass]="{'card': topSection.showAsCard}">
+    <ng-container *ngIf="topSection.showAsCard; else listView">
+      <div class="card-header">{{ 'explore.index.' + (topSection.titleKey ? topSection.titleKey : topSection.sortField) | translate }}</div>
+    </ng-container>
+    <ng-template #listView>
+      <h3 class="mx-2">{{ 'explore.index.' + (topSection.titleKey ? topSection.titleKey : topSection.sortField) | translate }}</h3>
+    </ng-template>
+    <div [ngClass]="{'card-body': topSection.showAsCard}">
+      <div class="row pl-2" *ngIf="topSection.showLayoutSwitch">
+        <div class="col">
+          <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" [(ngModel)]="layoutMode">
+            <label ngbButtonLabel class="btn-outline-primary">
+              <input ngbButton type="radio" [value]="'list'" />
+              <i class="fa fa-list-ul" title="List"></i>
+            </label>
+            <label ngbButtonLabel class="btn-outline-primary">
+              <input ngbButton type="radio" [value]="'card'" />
+              <i class="fas fa-th-large" title="Cards"></i>
+            </label>
           </div>
         </div>
-        <ds-themed-browse-most-elements [context]="context"
-                                        [paginatedSearchOptions]="paginatedSearchOptions"
-                                        [topSection]="topSection"
-                                        [mode]="layoutMode">
-        </ds-themed-browse-most-elements>
       </div>
+      <ds-themed-browse-most-elements [context]="context"
+                                      [paginatedSearchOptions]="paginatedSearchOptions"
+                                      [topSection]="topSection"
+                                      [mode]="layoutMode">
+      </ds-themed-browse-most-elements>
     </div>
-<!--  </ng-container>-->
-<!--  <ng-container *ngIf="!topSection.showAsCard">-->
-<!--    &lt;!&ndash; LIST VIEW &ndash;&gt;-->
-<!--    <div class="row" *ngIf="topSection.showLayoutSwitch">-->
-<!--      <div class="col">-->
-<!--        <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" [(ngModel)]="layoutMode">-->
-<!--          <label ngbButtonLabel class="btn-outline-primary">-->
-<!--            <input ngbButton type="radio" [value]="'list'" />-->
-<!--            <i class="fa fa-list-ul" title="List"></i>-->
-<!--          </label>-->
-<!--          <label ngbButtonLabel class="btn-outline-primary">-->
-<!--            <input ngbButton type="radio" [value]="'card'" />-->
-<!--            <i class="fas fa-th-large" title="Cards"></i>-->
-<!--          </label>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--    </div>-->
-<!--    <div class="row">-->
-<!--      <div class="col px-2">-->
-<!--        <h3 *ngIf="topSection.titleKey" class="mx-2">{{ 'explore.index.' + topSection.titleKey | translate }}</h3>-->
-<!--        <h3 *ngIf="!topSection.titleKey" class="mx-2">{{ 'explore.index.' + topSection.sortField | translate }}</h3>-->
-<!--        <ds-themed-browse-most-elements [context]="context"-->
-<!--                                        [paginatedSearchOptions]="paginatedSearchOptions"-->
-<!--                                        [topSection]="topSection"-->
-<!--                                        [mode]="layoutMode">-->
-<!--        </ds-themed-browse-most-elements>-->
-<!--      </div>-->
-<!--    </div>-->
-<!--  </ng-container>-->
+  </div>
 </div>