-
Notifications
You must be signed in to change notification settings - Fork 22
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #577 from mansurskTarento/odcs-designations
Odcs designations
- Loading branch information
Showing
8 changed files
with
354 additions
and
238 deletions.
There are no files selected for viewing
124 changes: 77 additions & 47 deletions
124
...rc/lib/routes/home/routes/designation/components/designations/designations.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,57 +1,87 @@ | ||
| <div class="flex flex-4 flex-column"> | ||
| <mat-card> | ||
| <mat-card-title class="flex-4 mobile-margin mat-h2"> | ||
| My Designation Master | ||
| </mat-card-title> | ||
| <mat-card-content class="designationTable pt-4"> | ||
| <ng-container *ngIf="!showCreateLoader; else fw_create_loader"> | ||
| <div class="w-full flex justify-between items-center mb-6"> | ||
| <div class="flex items-center"> | ||
| <div class="search"> | ||
| <div class=rsearch> | ||
| <mat-icon class="color-60 search-icon">search</mat-icon> | ||
| <input [formControl]="searchControl" class="sinput color-60" type="Standard" placeholder="Search"> | ||
| </div> | ||
| <div class="flex flex-column gap-4 pt-4"> | ||
| <div class="flex justify-between items-center"> | ||
| <div class="mobile-margin text-capitalize mat-h2">{{designationConfig.mainHeading}}</div> | ||
| <div> | ||
| <button mat-raised-button class="importBtn" [routerLink]="'import-designation'" type="button"> | ||
| Import from Igot master | ||
| </button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <mat-card class="mb-4"> | ||
| <mat-card-content class="flex gap-4"> | ||
| <div class="section-1"> | ||
| <div class="flex-4 mobile-margin text-capitalize mat-h2">{{designationConfig?.topsection?.heading}}</div> | ||
| <ng-container *ngFor="let step of designationConfig?.topsection?.steps"> | ||
| <div class="flex gap-4 mb-4"> | ||
| <div> | ||
| <mat-icon class="infoIcon">info_outlined</mat-icon> | ||
| </div> | ||
| <div> | ||
| <p>{{step.title}}</p> | ||
| </div> | ||
| </div> | ||
| <div class="flex items-center"> | ||
| <button class="font-normal ws-mat-primary-border attendBtn mat-raised-button" | ||
| [routerLink]="'import-designation'" type="button"> | ||
| Import from Igot master | ||
| </button> | ||
| </ng-container> | ||
| </div> | ||
| <ng-container *ngIf="designationConfig?.topsection?.guideVideo?.enabled"> | ||
| <video width="173" height="102" controls> | ||
| <source src="{{designationConfig?.topsection?.guideVideo?.url}}" | ||
| type="{{designationConfig?.topsection?.guideVideo?.type}}"> | ||
| </video> | ||
| </ng-container> | ||
| <!-- <div class="designationsDemo flex justify-end section-2"> | ||
| <div class="designationsDemoVideo flex flex-column flex-middle justify-center" (click)="openVideoPopup()"> | ||
| <mat-icon class="video_icon mb-2">play_circle</mat-icon> | ||
| <div> | ||
| Watch how it works | ||
| </div> | ||
| </div> | ||
| <ng-container *ngIf="!showLoader"> | ||
| <ng-container *ngIf="designationsList.length === 0; else designationsTable"> | ||
| <div class="w-full flex flex-col justify-center items-center emptyDesignations"> | ||
| <div></div> | ||
| <div> | ||
| <p>No designations have been added to your master's list yet</p> | ||
| </div> | ||
| <div class="mt-4"> | ||
| <button mat-raised-button [routerLink]="'import-designation'"> | ||
| <mat-icon class="download-icon">download</mat-icon>Start Importing</button> | ||
| </div> | ||
| </div> --> | ||
| </mat-card-content> | ||
| </mat-card> | ||
|
|
||
| <div class="w-full"> | ||
| <ng-container *ngIf="!showCreateLoader; else fw_create_loader"> | ||
| <div class="w-full flex justify-between items-center mb-6"> | ||
| <div class="flex items-center"> | ||
| <div class="search"> | ||
| <div class=rsearch> | ||
| <mat-icon class="color-60 search-icon">search</mat-icon> | ||
| <input [formControl]="searchControl" class="sinput color-60" type="Standard" placeholder="Search"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <ng-container *ngIf="!showLoader"> | ||
| <ng-container *ngIf="designationsList.length === 0; else designationsTable"> | ||
| <div class="w-full flex flex-col justify-center items-center emptyDesignations"> | ||
| <img src="/assets/icons/empty_data.svg" class="empty-desigantions-img"> | ||
| <div> | ||
| <p class="empty-desigantions-text">No deisgnation has been imported from iGOT master.</p> | ||
| </div> | ||
| <div class="mt-4"> | ||
| <button mat-raised-button class="importBtn" [routerLink]="'import-designation'"> | ||
| Start Importing</button> | ||
| </div> | ||
| </ng-container> | ||
| <ng-template #designationsTable> | ||
| <ws-widget-org-user-table [tableData]="tableData" [data]="filteredDesignationsList" | ||
| [actionMenuItem]="actionMenuItem" [isSearchBar]=false | ||
| (actionsClick)="menuSelected($event)"></ws-widget-org-user-table> | ||
| </ng-template> | ||
| </ng-container> | ||
| <ng-container *ngIf="showLoader"> | ||
| <div class="flex flex-1 items-center justify-center loader-box w-full designations-loader"> | ||
| <mat-spinner strokeWidth="3" diameter="50"></mat-spinner> | ||
| </div> | ||
| </ng-container> | ||
| <ng-template #designationsTable> | ||
| <ws-widget-org-user-table [tableData]="tableData" [data]="filteredDesignationsList" | ||
| [actionMenuItem]="actionMenuItem" [isSearchBar]=false | ||
| (actionsClick)="menuSelected($event)"></ws-widget-org-user-table> | ||
| </ng-template> | ||
| </ng-container> | ||
| <ng-template #fw_create_loader> | ||
| <div class="flex flex-col flex-1 w-100 items-center pt-5 text-center"> | ||
| <mat-spinner class="display-inline-block mb-5" [diameter]="50" [strokeWidth]="3"></mat-spinner> | ||
| <p>{{loaderMsg}}</p> | ||
| <ng-container *ngIf="showLoader"> | ||
| <div class="flex flex-1 items-center justify-center loader-box w-full designations-loader"> | ||
| <mat-spinner strokeWidth="3" diameter="50"></mat-spinner> | ||
| </div> | ||
| </ng-template> | ||
| </mat-card-content> | ||
| </mat-card> | ||
| </ng-container> | ||
| </ng-container> | ||
| <ng-template #fw_create_loader> | ||
| <div class="flex flex-col flex-1 w-100 items-center pt-5 text-center"> | ||
| <mat-spinner class="display-inline-block mb-5" [diameter]="50" [strokeWidth]="3"></mat-spinner> | ||
| <p>{{loaderMsg}}</p> | ||
| </div> | ||
| </ng-template> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.