Skip to content

Commit

Permalink
Changes in karma programs verioning
Browse files Browse the repository at this point in the history
  • Loading branch information
@venkykandagaddala
venkykandagaddala committed Jul 31, 2024
1 parent da63710 commit 4ffb1a7
Show file tree
Hide file tree
Showing 12 changed files with 75 additions and 596 deletions.
97 changes: 53 additions & 44 deletions ...tes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,62 +26,71 @@

<!-- banner start -->
<ng-template #banner let-data="data">
<div class="hidden md:block">
<div class="flex items-center justify-center" [ngStyle]="{'background': data.background}">
<div class="container">
<div class="grid grid-cols-12 gap-4 padding-top-l mb-6">
<div class="col-span-12 md:col-span-6">
<div class="flex-1 flex flex-col mr-4 ws-mat-white-text">
<div class="mt-6 pt-6">
<h1 class=" txt-ellipsis-2 break-words">{{data.title || programName}}</h1>
<p class="mat-body-1">
{{data?.description | slice:0:descriptionMaxLength}}
<span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
</p>
<ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
<ng-container *ngFor="let ref of data?.referenceLinks">
<p >
{{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links " target="_blank"> {{'contentstripmultiple.clickHere' | translate}}</a>
</p>
<ng-container *ngIf="!data?.versioning">
<div class="hidden md:block">
<div class="flex items-center justify-center" [ngStyle]="{'background': data.background}">
<div class="container">
<div class="grid grid-cols-12 gap-4 padding-top-l mb-6">
<div class="col-span-12 md:col-span-6">
<div class="flex-1 flex flex-col mr-4 ws-mat-white-text">
<div class="mt-6 pt-6">
<h1 class=" txt-ellipsis-2 break-words">{{data.title || programName}}</h1>
<p class="mat-body-1">
{{data?.description | slice:0:descriptionMaxLength}}
<span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
</p>
<ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
<ng-container *ngFor="let ref of data?.referenceLinks">
<p >
{{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links " target="_blank"> {{'contentstripmultiple.clickHere' | translate}}</a>
</p>
</ng-container>
</ng-container>
</ng-container>
</div>
</div>
</div>
</div>
<div class="col-span-12 md:col-span-6 zindex">
<div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
<sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
<div class="col-span-12 md:col-span-6 zindex">
<div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
<sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
</div>
</div>
</div>
</div>
<img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">
</div>
<img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">
</div>
</div>
<div class="block md:hidden">
<div class="col-span-12">
<div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
<sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
<div class="block md:hidden">
<div class="col-span-12">
<div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
<sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
</div>
</div>
</div>
<div class="container px-4 py-4 flex flex-col mob-comp-back-img">
<div class="w-full md:w-9/12 flex-1 flex flex-col ws-mat-white-text">
<h1 class=" txt-ellipsis-2 break-words">{{data?.title}}</h1>
<p class="mat-body-2">
{{data?.description | slice:0:descriptionMaxLength}}
<span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
</p>
<ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
<ng-container *ngFor="let ref of data?.referenceLinks">
<p >
{{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links " target="_blank">{{'contentstripmultiple.clickHere' | translate}}</a>
</p>
<div class="container px-4 py-4 flex flex-col mob-comp-back-img">
<div class="w-full md:w-9/12 flex-1 flex flex-col ws-mat-white-text">
<h1 class=" txt-ellipsis-2 break-words">{{data?.title}}</h1>
<p class="mat-body-2">
{{data?.description | slice:0:descriptionMaxLength}}
<span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
</p>
<ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
<ng-container *ngFor="let ref of data?.referenceLinks">
<p >
{{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links " target="_blank">{{'contentstripmultiple.clickHere' | translate}}</a>
</p>
</ng-container>
</ng-container>
</ng-container>

</div>
</div>
</div>
</div>
</ng-container>

<ng-container *ngIf="data?.versioning">
<div class="banner-new" [ngStyle]="{'background-image': 'url(' + data?.backgroundImageV2 + ')'}">

</div>
</ng-container>

</ng-template>
<!-- banner end -->

Expand Down
8 changes: 8 additions & 0 deletions ...tes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,4 +101,12 @@
color: #F3962F !important;
position: relative;
z-index: 999999;
}

.banner-new {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 457px;
}
16 changes: 2 additions & 14 deletions project/ws/app/src/lib/routes/karma-programs/karma-programs-routing.module.ts
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
import { NgModule } from '@angular/core'
import { Routes, RouterModule } from '@angular/router'
import { KarmaProgramsFormV1Service } from './service/karma-programs-form-v1.service'
import { KarmaProgramsV1Component } from './karma-programs-v1/karma-programs-v1.component'
import { KarmaProgramsComponent } from './karma-programs/karma-programs.component'
import { KarmaProgramsMicrositeV1Component } from './karma-programs-microsite-v1/karma-programs-microsite-v1.component'
import { KarmaProgramDataService } from './service/karma-program-data.service'
import { KarmaProgramsV2Component } from './karma-programs-v2/karma-programs-v2.component'
import { KarmaProgramsMicrositeV2Component } from './karma-programs-microsite-v2/karma-programs-microsite-v2.component'
import { KarmaProgramsFormV2Service } from './service/karma-programs-form-v2.service.'

Expand All @@ -16,7 +15,7 @@ const routes: Routes = [
},
{
path: 'all-programs',
component: KarmaProgramsV1Component,
component: KarmaProgramsComponent,
data: {
pageId: 'all-programs',
module: 'Learn',
Expand All @@ -36,17 +35,6 @@ const routes: Routes = [
formData: KarmaProgramsFormV1Service,
},
},
{
path: 'all-programs/v2',
component: KarmaProgramsV2Component,
data: {
pageId: 'all-programs',
module: 'Learn',
},
resolve: {
programData: KarmaProgramDataService,
},
},
{
path: ':programName/:playListKey/:orgId/micro-sites/v2',
component: KarmaProgramsMicrositeV2Component,
Expand Down
Loading

0 comments on commit 4ffb1a7

Please sign in to comment.