Skip to content

Commit 8396bc3

Browse files
SambhuPegaSambhuPega
committed
Removed comments and added changes to run OOTB Listview
1 parent d79d4c1 commit 8396bc3

File tree

5 files changed

+47
-43
lines changed

5 files changed

+47
-43
lines changed

‎sdk-local-component-map.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
// Statically load all "local" components that aren't yet in the npm package
22

3-
// import sdkMediaCoComponentMap from './src/app/_samples/mediaco/sdk-mediaco-component-map';
3+
import sdkMediaCoComponentMap from './src/app/_samples/mediaco/sdk-mediaco-component-map';
44
/* import end - DO NOT REMOVE */
55

66
// localSdkComponentMap is the JSON object where we'll store the components that are
77
// found locally. If not found here, we'll look in the Pega-provided component map
88

99
const localSdkComponentMap = {
10-
// ...sdkMediaCoComponentMap
10+
...sdkMediaCoComponentMap
1111
/* map end - DO NOT REMOVE */
1212
};
1313

‎src/app/_samples/mediaco/components/carousel/carousel.component.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
overflow: hidden;
55
display: flex;
66
flex-direction: column;
7-
// padding: 20px 25px;
87
}
98

109
.header {

‎src/app/_samples/mediaco/components/carousel/carousel.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ import { MatButtonModule } from '@angular/material/button';
1616
import { MatCardModule } from '@angular/material/card';
1717
import { MatDialog } from '@angular/material/dialog';
1818
import { MatIconModule } from '@angular/material/icon';
19-
// import { GalleryGridComponent } from '../gallery-grid/gallery-grid.component';
2019

2120
@Component({
2221
selector: 'app-carousel',

‎src/app/_samples/mediaco/components/list-view/list-view.component.html‎

Lines changed: 37 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,46 @@
1-
<div class="header-container">
2-
<div class="section-header">
3-
<div class="title-group">
4-
<h3>{{ title }}</h3>
5-
<div class="active-line"></div>
1+
<app-list-view *ngIf="isFromCaseView; else mediacoListView" [pConn$]="pConn$" [bInForm$]="bInForm$"></app-list-view>
2+
<ng-template #mediacoListView>
3+
<div class="header-container">
4+
<div class="section-header">
5+
<div class="title-group">
6+
<h3>{{ title }}</h3>
7+
<div class="active-line"></div>
8+
</div>
69
</div>
710
</div>
8-
</div>
9-
<div *ngIf="template === 'Table'">
10-
<div class="info-container">
11-
<div class="info-item" *ngFor="let item of sourceList; index as i">
12-
<div class="icon-wrapper" [ngClass]="'bg-' + i">
13-
<img *ngIf="item.icon" [src]="item.icon" class="icon-img" [ngClass]="'color-' + i" />
14-
<span *ngIf="!item.icon" class="icon-num" [ngClass]="'color-' + i">{{ item.number }}</span>
15-
</div>
11+
<div *ngIf="template === 'Table'">
12+
<div class="info-container">
13+
<div class="info-item" *ngFor="let item of sourceList; index as i">
14+
<div class="icon-wrapper" [ngClass]="'bg-' + i">
15+
<img *ngIf="item.icon" [src]="item.icon" class="icon-img" [ngClass]="'color-' + i" />
16+
<span *ngIf="!item.icon" class="icon-num" [ngClass]="'color-' + i">{{ item.number }}</span>
17+
</div>
1618

17-
<div class="content">
18-
<div class="title-row">
19-
<span class="title">{{ item.title }}</span>
20-
<span class="dot" *ngIf="item.title_subtext"></span>
21-
<span *ngIf="item.title_subtext" class="sub-text">{{ item.title_subtext }}</span>
19+
<div class="content">
20+
<div class="title-row">
21+
<span class="title">{{ item.title }}</span>
22+
<span class="dot" *ngIf="item.title_subtext"></span>
23+
<span *ngIf="item.title_subtext" class="sub-text">{{ item.title_subtext }}</span>
24+
</div>
25+
<div class="description">
26+
<span>{{ item.description }}</span>
27+
<span class="dot" *ngIf="item.description_subtext"></span>
28+
<span *ngIf="item.description_subtext" class="sub-text">{{ item.description_subtext }}</span>
29+
</div>
2230
</div>
23-
<div class="description">
24-
<span>{{ item.description }}</span>
25-
<span class="dot" *ngIf="item.description_subtext"></span>
26-
<span *ngIf="item.description_subtext" class="sub-text">{{ item.description_subtext }}</span>
31+
<div class="extra-content" *ngIf="item.rating" style="margin-left: auto">
32+
<img [src]="utils.getImageSrc('star-solid', utils.getSDKStaticContentUrl())" class="star" />&nbsp;
33+
{{ item.rating }}
2734
</div>
2835
</div>
29-
<div class="extra-content" *ngIf="item.rating" style="margin-left: auto">
30-
<img [src]="utils.getImageSrc('star-solid', utils.getSDKStaticContentUrl())" class="star" />&nbsp;
31-
{{ item.rating }}
32-
</div>
3336
</div>
3437
</div>
35-
</div>
36-
<div *ngIf="template === 'Gallery'">
37-
<div class="carousel-constraint-wrapper">
38-
<app-carousel *ngIf="sourceList" [data]="sourceList"></app-carousel>
38+
<div *ngIf="template === 'Gallery'">
39+
<div class="carousel-constraint-wrapper">
40+
<app-carousel *ngIf="sourceList" [data]="sourceList"></app-carousel>
41+
</div>
42+
</div>
43+
<div class="carousel-footer">
44+
<a mat-button color="primary" *ngIf="referenceDataPage !== 'D_TrendingItemsList'" (click)="openShowAll()">Show All</a>
3945
</div>
40-
</div>
41-
<div class="carousel-footer">
42-
<a mat-button color="primary" *ngIf="referenceDataPage !== 'D_TrendingItemsList'" (click)="openShowAll()">Show All</a>
43-
</div>
46+
</ng-template>

‎src/app/_samples/mediaco/components/list-view/list-view.component.ts‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { CommonModule } from '@angular/common';
3-
// import { Utils } from '@pega/angular-sdk-components/src/public-api';
4-
import { Utils } from '@pega/angular-sdk-components';
3+
import { Utils, ListViewComponent as OOTBListViewComponent } from '@pega/angular-sdk-components';
54
import { CarouselComponent } from '../carousel/carousel.component';
65
import { GalleryGridComponent } from '../gallery-grid/gallery-grid.component';
76
import { MatDialog } from '@angular/material/dialog';
@@ -29,16 +28,16 @@ interface ListViewProps {
2928
}
3029

3130
@Component({
32-
selector: 'app-list-view',
33-
imports: [CommonModule, CarouselComponent],
31+
selector: 'mediaco-list-view',
32+
imports: [CommonModule, CarouselComponent, OOTBListViewComponent],
3433
templateUrl: './list-view.component.html',
3534
styleUrl: './list-view.component.scss',
3635
providers: [Utils]
3736
})
3837
export class ListViewComponent implements OnInit {
3938
@Input() pConn$: typeof PConnect;
4039
@Input() bInForm$ = true;
41-
@Input() payload;
40+
4241
configProps$: ListViewProps;
4342
template: string;
4443
sourceList: any[];
@@ -113,6 +112,10 @@ export class ListViewComponent implements OnInit {
113112
}
114113
}
115114

115+
get isFromCaseView() {
116+
return !['D_AccountHistoryList', 'D_TrendingItemsList', 'D_CarouselitemList'].includes(this.referenceDataPage);
117+
}
118+
116119
getIcon(activityType: string): string {
117120
switch (activityType) {
118121
case 'Plan Upgrade':

0 commit comments

Comments
 (0)