Commit b86c5d4f authored by Sandeep Sagar Panjala's avatar Sandeep Sagar Panjala

initial commit

parent 31f1f63d
node_modules node_modules
package-lock.json package-lock.json
.angular
.DS_Store .DS_Store
**/.DS_Store **/.DS_Store
.angular
/.vs /.vs
/.git /.git
obj obj
...@@ -51,5 +51,5 @@ Properties ...@@ -51,5 +51,5 @@ Properties
/Distributed Services/Hims.Api/Logs /Distributed Services/Hims.Api/Logs
/Distributed Services/Hims.Api/appsettings.json /Distributed Services/Hims.Api/appsettings.json
/Presentation/Hims.Admin/wwwroot/* /Presentation/Hims.Providers/wwwroot/*
!/Presentation/Hims.Admin/wwwroot/assets !/Presentation/Hims.Providers/wwwroot/assets
\ No newline at end of file
...@@ -443,8 +443,6 @@ ...@@ -443,8 +443,6 @@
<ItemGroup> <ItemGroup>
<Folder Include="src\app\areas\admin\patient-multiple-forms\pages\edit-patient-details\" /> <Folder Include="src\app\areas\admin\patient-multiple-forms\pages\edit-patient-details\" />
<Folder Include="src\app\areas\admin\physiotherapy-encounter\pages\" /> <Folder Include="src\app\areas\admin\physiotherapy-encounter\pages\" />
<Folder Include="wwwroot\assets\fonts\themify\fonts\" />
<Folder Include="wwwroot\assets\images\pediatric-images\" />
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<None Include="wwwroot\assets\css\styles\calendar.css" /> <None Include="wwwroot\assets\css\styles\calendar.css" />
......
...@@ -9,39 +9,21 @@ ...@@ -9,39 +9,21 @@
<div class="container-fluid" style="line-height: 70px"> <div class="container-fluid" style="line-height: 70px">
<ul class="list-unstyled topnav-menu m-0"> <ul class="list-unstyled topnav-menu m-0">
<li class="d-lg-none"> <li class="d-lg-none">
<button <button class="button-menu-mobile waves-effect waves-light"
class="button-menu-mobile waves-effect waves-light" (click)="onToggleMenu($event)">
(click)="onToggleMenu($event)"
>
<i class="fe-menu"></i> <i class="fe-menu"></i>
</button> </button>
</li> </li>
</ul> </ul>
<div <div style="line-height: 16px; top: 50px; left: 12px;" class="position-absolute d-lg-none" [ngClass]="{ 'd-none': sideSubMenu.length ==0 }">
style="line-height: 16px; top: 50px; left: 12px" <a aria-expanded="true" class="text-success" aria-haspopup="true" data-toggle="dropdown" href="javascript:;" id="menuThreeDot" #threedot (click)="onToggleSubMenu($event,threedot)" title="Actions"><i class="mdi mdi-dots-horizontal mdi-36px"></i></a>
class="position-absolute d-lg-none"
[ngClass]="{ 'd-none': sideSubMenu.length ==0 }"
>
<a
aria-expanded="true"
class="text-success"
aria-haspopup="true"
data-toggle="dropdown"
href="javascript:;"
id="menuThreeDot"
#threedot
(click)="onToggleSubMenu($event,threedot)"
title="Actions"
><i class="mdi mdi-dots-horizontal mdi-36px"></i
></a>
</div> </div>
<ul class="list-unstyled topnav-menu float-left mb-0"> <ul class="list-unstyled topnav-menu float-left mb-0">
<li class="dropdown d-none d-lg-inline-block"> <li class="dropdown d-none d-lg-inline-block">
<div class="app-search app-search-custom"> <div class="app-search app-search-custom">
<div class="app-search-box"> <div class="app-search-box">
<div class="input-group menu-search-p"> <div class="input-group menu-search-p">
<input <input type="text"
type="text"
class="form-control menu-search" class="form-control menu-search"
block block
autocomplete="off" autocomplete="off"
...@@ -50,14 +32,12 @@ ...@@ -50,14 +32,12 @@
[resultTemplate]="tempalteMenuSearchResults" [resultTemplate]="tempalteMenuSearchResults"
[inputFormatter]="formatMenuMatches" [inputFormatter]="formatMenuMatches"
(selectItem)="onSelectMenu($event)" (selectItem)="onSelectMenu($event)"
placeholder="Search Pages" placeholder="Search Pages" />
/>
<div class="input-group-append"> <div class="input-group-append">
<a <a
class="btn bg-primary ml-0" class="btn bg-primary ml-0"
title="Patients" title="Patients"
[routerLink]="['/app/patient-services']" [routerLink]="['/app/patient-services']">
>
<i class="fe-file-text"></i> <i class="fe-file-text"></i>
</a> </a>
</div> </div>
...@@ -65,11 +45,11 @@ ...@@ -65,11 +45,11 @@
</div> </div>
</div> </div>
</li> </li>
<li></li> <li>
<li
class="dropdown d-none d-md-inline-block header-info" </li>
*ngIf="settingService.cubicles.length" <li class="dropdown d-none d-md-inline-block header-info"
> *ngIf="settingService.cubicles.length">
<ng-container *ngIf="settingService.cubicles.length"> <ng-container *ngIf="settingService.cubicles.length">
<ng-container *ngFor="let item of settingService.cubicles"> <ng-container *ngFor="let item of settingService.cubicles">
<span class="mr-2 ml-2 header-info-div"> <span class="mr-2 ml-2 header-info-div">
...@@ -79,18 +59,14 @@ ...@@ -79,18 +59,14 @@
</ng-container> </ng-container>
</ng-container> </ng-container>
</li> </li>
<li <li class="dropdown d-none d-md-inline-block header-info"
class="dropdown d-none d-md-inline-block header-info" *ngIf="settingService.selectedConsultantDoctor && page.userAccount.roleId !== 3">
*ngIf="settingService.selectedConsultantDoctor && page.userAccount.roleId !== 3"
>
<ng-container *ngIf="settingService.cubicles.length"> <ng-container *ngIf="settingService.cubicles.length">
<ng-container *ngFor="let item of settingService.cubicles"> <ng-container *ngFor="let item of settingService.cubicles">
<span class="header-info-div"> <span class="header-info-div">
<i class="fe-user mr-2"></i> <i class="fe-user mr-2"></i>
<span <span class="text-capitalize"
class="text-capitalize" [textContent]="settingService.selectedConsultantDoctor.value"></span>
[textContent]="settingService.selectedConsultantDoctor.value"
></span>
</span> </span>
</ng-container> </ng-container>
</ng-container> </ng-container>
...@@ -107,19 +83,13 @@ ...@@ -107,19 +83,13 @@
Private:<span class="ml-1" [textContent]="privateIp"></span> Private:<span class="ml-1" [textContent]="privateIp"></span>
</span> </span>
</li>--> </li>-->
<li <li class="dropdown d-none d-md-inline-block"
class="dropdown d-none d-md-inline-block" *ngIf="page && page.userAccount && page.userAccount.locationName">
*ngIf="page && page.userAccount && page.userAccount.locationName"
>
<span class="mr-2"> <span class="mr-2">
<i <i class="mdi mdi-checkbox-blank-circle text-danger"
class="mdi mdi-checkbox-blank-circle text-danger" *ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state && communicationService.hubConnection.state !== 'Connected'"></i>
*ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state && communicationService.hubConnection.state !== 'Connected'" <i class="mdi mdi-checkbox-blank-circle text-success"
></i> *ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state && communicationService.hubConnection.state === 'Connected'"></i>
<i
class="mdi mdi-checkbox-blank-circle text-success"
*ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state && communicationService.hubConnection.state === 'Connected'"
></i>
<!-- <span <!-- <span
class="ml-2" class="ml-2"
*ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state" *ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state"
...@@ -127,10 +97,8 @@ ...@@ -127,10 +97,8 @@
></span> --> ></span> -->
</span> </span>
</li> </li>
<li <li class="dropdown d-none d-md-inline-block"
class="dropdown d-none d-md-inline-block" *ngIf="page && page.userAccount && page.userAccount.locationName">
*ngIf="page && page.userAccount && page.userAccount.locationName"
>
<span class="mr-2"> <span class="mr-2">
<i class="fe-map-pin mr-2"></i> <i class="fe-map-pin mr-2"></i>
<span [textContent]="page.userAccount.locationName"></span> <span [textContent]="page.userAccount.locationName"></span>
...@@ -140,8 +108,7 @@ ...@@ -140,8 +108,7 @@
<div class="app-search"> <div class="app-search">
<div class="app-search-box"> <div class="app-search-box">
<div class="input-group patient-search"> <div class="input-group patient-search">
<input <input type="text"
type="text"
class="form-control" class="form-control"
block block
#searchPatient #searchPatient
...@@ -152,25 +119,18 @@ ...@@ -152,25 +119,18 @@
[inputFormatter]="formatMatches" [inputFormatter]="formatMatches"
(focus)="searchPatient.value = ''" (focus)="searchPatient.value = ''"
(selectItem)="onSelectPatient($event)" (selectItem)="onSelectPatient($event)"
placeholder="Enter Name/Mobile/UMR No" placeholder="Enter Name/Mobile/UMR No" />
/>
<div class="input-group-append"> <div class="input-group-append">
<button <button *ngIf="searching"
*ngIf="searching"
class="btn bg-primary" class="btn bg-primary"
type="button" type="button"
style="cursor: default !important" style="cursor: default !important">
> <span class="spinner-border text-white spinner-border-sm"></span>
<span
class="spinner-border text-white spinner-border-sm"
></span>
</button> </button>
<a <a *ngIf="!searching"
*ngIf="!searching"
class="btn bg-primary ml-0" class="btn bg-primary ml-0"
title="Patients" title="Patients"
[routerLink]="['/app/patients']" [routerLink]="['/app/patients']">
>
<i class="fe-users"></i> <i class="fe-users"></i>
</a> </a>
</div> </div>
...@@ -235,38 +195,27 @@ ...@@ -235,38 +195,27 @@
</a> </a>
</div> </div>
</li>--> </li>-->
<li <li class="dropdown notification-list"
class="dropdown notification-list" *ngIf="page && page.userAccount && page.userAccount.accountId > 0">
*ngIf="page && page.userAccount && page.userAccount.accountId > 0" <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light"
>
<a
class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light"
(click)="onLogout()"
data-toggle="dropdown" data-toggle="dropdown"
href="javascript:;" href="javascript:;"
role="button" role="button"
aria-haspopup="false" aria-haspopup="false"
aria-expanded="false" aria-expanded="false">
> <avatar-img *ngIf="!page.userAccount.thumbnailUrl"
<avatar-img
*ngIf="!page.userAccount.thumbnailUrl"
src="assets/images/doctor_male.jpg" src="assets/images/doctor_male.jpg"
[alt]="page.userAccount.fullName" [alt]="page.userAccount.fullName"
cssClass="rounded-circle myicon" cssClass="rounded-circle myicon"></avatar-img>
></avatar-img> <avatar-img *ngIf="page.userAccount.thumbnailUrl"
<avatar-img
*ngIf="page.userAccount.thumbnailUrl"
[src]="page.userAccount.thumbnailUrl" [src]="page.userAccount.thumbnailUrl"
[alt]="page.userAccount.fullName" [alt]="page.userAccount.fullName"
cssClass="rounded-circle myicon" cssClass="rounded-circle myicon"></avatar-img>
></avatar-img>
<span class="pro-user-name ml-1"> <span class="pro-user-name ml-1">
<span [textContent]="page.userAccount.fullName"></span <span [textContent]="page.userAccount.fullName"></span><i class="mdi mdi-chevron-down ml-2 mr-1"></i>
><i class="mdi mdi-chevron-down ml-2 mr-1"></i>
</span> </span>
</a> </a>
<div <div class="dropdown-menu dropdown-menu-right profile-dropdown"
class="dropdown-menu dropdown-menu-right profile-dropdown"
style=" style="
position: absolute; position: absolute;
will-change: transform; will-change: transform;
...@@ -274,44 +223,35 @@ ...@@ -274,44 +223,35 @@
left: 0px; left: 0px;
transform: translate3d(24px, 65px, 0px); transform: translate3d(24px, 65px, 0px);
line-height: 20px; line-height: 20px;
" ">
>
<div class="dropdown-header noti-title"> <div class="dropdown-header noti-title">
<h6 class="m-0"> <h6 class="m-0">
Welcome <span>{{page.userAccount.roleName}}</span>! Welcome <span>{{page.userAccount.roleName}}</span>!
</h6> </h6>
</div> </div>
<a <a routerLinkActive="active"
routerLinkActive="active"
href="javascript:;" href="javascript:;"
class="dropdown-item notify-item" class="dropdown-item notify-item"
(click)="onProfile()" (click)="onProfile()">
>
<i class="fe-user"></i> <i class="fe-user"></i>
<span>Profile</span> <span>Profile</span>
</a> </a>
<a <a href="javascript:;"
href="javascript:;"
class="dropdown-item notify-item" class="dropdown-item notify-item"
(click)="fetchCubicles()" (click)="fetchCubicles()">
>
<i class="fe-box"></i> <i class="fe-box"></i>
<span>Rooms</span> <span>Rooms</span>
</a> </a>
<a <a href="javascript:;"
href="javascript:;"
class="dropdown-item notify-item" class="dropdown-item notify-item"
(click)="onOpenModal(templateChangePassword)" (click)="onOpenModal(templateChangePassword)">
>
<i class="fe-lock"></i> <i class="fe-lock"></i>
<span>Change Password</span> <span>Change Password</span>
</a> </a>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a <a href="javascript:;"
href="javascript:;"
class="dropdown-item notify-item" class="dropdown-item notify-item"
(click)="onLogout()" (click)="onLogout()">
>
<i class="fe-log-out"></i> <i class="fe-log-out"></i>
<span>Logout</span> <span>Logout</span>
</a> </a>
...@@ -332,56 +272,36 @@ ...@@ -332,56 +272,36 @@
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
<div <div class="left-side-menu" onmouseleave="sos()" [ngClass]="{ 'w-345': menuHolder.subMenus.length }">
class="left-side-menu"
onmouseleave="sos()"
[ngClass]="{ 'w-345': menuHolder.subMenus.length }"
>
<div class="h-100"> <div class="h-100">
<div> <div>
<div class="sidebar-icon-menu h-100"> <div class="sidebar-icon-menu h-100">
<a <a href="javascript:;" [routerLink]="defaultMenu" class="logo position-fixed">
href="javascript:;"
[routerLink]="defaultMenu"
class="logo position-fixed"
>
<span> <span>
<img <img [src]="logoBasics && logoBasics.imageUrl ? logoBasics.imageUrl : 'assets/images/logo-careaxes.png'"
[src]="logoBasics && logoBasics.imageUrl ? logoBasics.imageUrl : 'assets/images/logo-careaxes.png'"
[hidden]="loading" [hidden]="loading"
alt="Careaxes" alt="Careaxes"
width="35" width="35" />
/>
</span> </span>
</a> </a>
<nav <nav class="nav flex-column"
class="nav flex-column"
(mouseleave)="leaveMenu()" (mouseleave)="leaveMenu()"
[ngClass]="{'layout-main-menu-active' : !isHovering, 'layout-main-menu-inactive': isHovering}" [ngClass]="{'layout-main-menu-active' : !isHovering, 'layout-main-menu-inactive': isHovering}">
> <div (mouseenter)="enter(menu)"
<div
(mouseenter)="enter(menu)"
routerLinkActive="menu-active" routerLinkActive="menu-active"
class="pt-1 pb-1 menu-border" class="pt-1 pb-1 menu-border"
[ngClass]="{'inactive-highlight' : isHovering && menuHolder.mainPage === menu.mainPage}" [ngClass]="{'inactive-highlight' : isHovering && menuHolder.mainPage === menu.mainPage}"
*ngFor="let menu of menus; let i = index" *ngFor="let menu of menus; let i = index">
> <a href="javascript:;"
<a
href="javascript:;"
class="nav-link m-auto position-relative" class="nav-link m-auto position-relative"
[routerLink]="menu.url" [routerLink]="menu.url">
>
<span *ngIf="menu.hasMarker" class="menu-marker"> <span *ngIf="menu.hasMarker" class="menu-marker">
<i <i class="mdi"
class="mdi" [ngClass]="{'mdi-menu-right': !menu.isHovering, 'mdi-menu-down': menu.isHovering}"></i>
[ngClass]="{'mdi-menu-right': !menu.isHovering, 'mdi-menu-down': menu.isHovering}"
></i>
</span> </span>
<div><i [class]="menu.iconClasses"></i></div> <div><i [class]="menu.iconClasses"></i></div>
<div <div class="text-white white-space-break very-small text-center text-capitalize"
class="text-white white-space-break very-small text-center text-capitalize" [textContent]="menu.displayName"></div>
[textContent]="menu.displayName"
></div>
</a> </a>
</div> </div>
</nav> </nav>
...@@ -390,83 +310,56 @@ ...@@ -390,83 +310,56 @@
</div> </div>
</div> </div>
<ng-container *ngIf="menuHolder.subMenus.length"> <ng-container *ngIf="menuHolder.subMenus.length">
<div <div (mouseenter)="dontLeave()"
(mouseenter)="dontLeave()"
id="submenu" id="submenu"
(mouseleave)="leave();sos();" (mouseleave)="leave();sos();"
class="layout-sidebar-main-menu d-block mt-1 saideNavMt" class="layout-sidebar-main-menu d-block mt-1 saideNavMt"
style=" style=" background-size: 200%; background-repeat: no-repeat; z-index: 10000; border-radius: 0 10px 10px 0; " [ngClass]="menuHolder.subMenus.length ? 'fade-in':'fade-out'">
background-size: 200%;
background-repeat: no-repeat;
z-index: 10000;
border-radius: 0 10px 10px 0;
"
[ngClass]="menuHolder.subMenus.length ? 'fade-in':'fade-out'"
>
<div id="two-col-menu" class="h-100"> <div id="two-col-menu" class="h-100">
<div class="twocolumn-menu-item d-block h-100"> <div class="twocolumn-menu-item d-block h-100">
<h5 class="menu-title text-white text-truncate"> <h5 class="menu-title text-white text-truncate">
<i class="mdi mdi-apps mdi-infor text-white font-18 mr-1"></i <i class="mdi mdi-apps mdi-infor text-white font-18 mr-1"></i><span [textContent]="menuHolder.menuName"></span>
><span [textContent]="menuHolder.menuName"></span>
</h5> </h5>
<div class="overflow-auto" style="height: calc(100% - 52px)"> <div class="overflow-auto" style="height: calc(100% - 52px);">
<ul class="nav flex-column encounter-menu pb-5"> <ul class="nav flex-column encounter-menu pb-5">
<ng-container *ngFor="let menu of menuHolder.subMenus"> <ng-container *ngFor="let menu of menuHolder.subMenus">
<ng-container *ngIf="menuType.SubMenu === menu.menuTypeId"> <ng-container *ngIf="menuType.SubMenu === menu.menuTypeId">
<li class="nav-item w-100"> <li class="nav-item w-100">
<a <a class="text-color text-truncate dropdown-item position-relative"
class="text-color text-truncate dropdown-item position-relative"
(click)="leave();sos();" (click)="leave();sos();"
[routerLink]="menu.url" [routerLink]="menu.url"
[class.active]="activeRoute === menu.url" [class.active]="activeRoute === menu.url"
href="javascript:;" href="javascript:;">
> <i *ngIf="menu.iconClasses"
<i [class]="'mr-1 ' + menu.iconClasses"></i>
*ngIf="menu.iconClasses" <span class="text-capitalize"
[class]="'mr-1 ' + menu.iconClasses" [textContent]="menu.displayName"></span>
></i>
<span
class="text-capitalize"
[textContent]="menu.displayName"
></span>
</a> </a>
</li> </li>
</ng-container> </ng-container>
<ng-container <ng-container *ngIf="menuType.CategoryMenu === menu.menuTypeId">
*ngIf="menuType.CategoryMenu === menu.menuTypeId"
>
<li class="nav-item category-menu w-100"> <li class="nav-item category-menu w-100">
<a <a [href]="'#sidebarMultilevel' + '_' + menu.id"
[href]="'#sidebarMultilevel' + '_' + menu.id"
data-toggle="collapse" data-toggle="collapse"
class="text-color dropdown-item text-truncate position-relative" class="text-color dropdown-item text-truncate position-relative"
aria-expanded="true" aria-expanded="true">
>
<i [class]="'mr-1 ' + menu.iconClasses"></i> <i [class]="'mr-1 ' + menu.iconClasses"></i>
<span [textContent]="menu.displayName"></span> <span [textContent]="menu.displayName"></span>
<span class="menu-arrow"></span> <span class="menu-arrow"></span>
</a> </a>
<div <div class="collapse show"
class="collapse show" [id]="'sidebarMultilevel' + '_' + menu.id">
[id]="'sidebarMultilevel' + '_' + menu.id"
>
<ul class="nav-second-level1"> <ul class="nav-second-level1">
<li <li class="nav-item"
class="nav-item" *ngFor="let item of menu.categoryMenus">
*ngFor="let item of menu.categoryMenus" <a class="text-color dropdown-item"
>
<a
class="text-color dropdown-item"
(click)="leave();sos();" (click)="leave();sos();"
[routerLink]="item.url" [routerLink]="item.url"
[class.active]="activeRoute === item.url" [class.active]="activeRoute === item.url"
href="javascript:;" href="javascript:;">
>
<i [class]="'mr-1 ' + item.iconClasses"></i> <i [class]="'mr-1 ' + item.iconClasses"></i>
<span <span class="text-capitalize"
class="text-capitalize" [textContent]="item.displayName"></span>
[textContent]="item.displayName"
></span>
</a> </a>
</li> </li>
</ul> </ul>
...@@ -487,11 +380,9 @@ ...@@ -487,11 +380,9 @@
<session-timeout></session-timeout> <session-timeout></session-timeout>
<idle-timeout></idle-timeout> <idle-timeout></idle-timeout>
<router-outlet></router-outlet> <router-outlet></router-outlet>
<button <button class="btn btn-secondary btn-scroll-top btn-sm"
class="btn btn-secondary btn-scroll-top btn-sm"
style="z-index: 1000000" style="z-index: 1000000"
(click)="scrollToTop()" (click)="scrollToTop()">
>
<i class="fe-arrow-up"></i> <i class="fe-arrow-up"></i>
</button> </button>
<footer class="footer"> <footer class="footer">
...@@ -505,31 +396,23 @@ ...@@ -505,31 +396,23 @@
<a target="_blank" href="https://sujainfo.com/">Suja Info</a> <a target="_blank" href="https://sujainfo.com/">Suja Info</a>
</div> </div>
<div> <div>
<span <span *ngIf="webVersion"
*ngIf="webVersion" [textContent]="'version : '+webVersion"></span>
[textContent]="'version : '+webVersion" <span ngbPopover="{{url}}"
></span>
<span
ngbPopover="{{url}}"
triggers="mouseenter:mouseleave" triggers="mouseenter:mouseleave"
popoverTitle="Pointing URL" popoverTitle="Pointing URL"
class="ml-1" class="ml-1">
>
<i class="mdi mdi-information"></i> <i class="mdi mdi-information"></i>
</span> </span>
</div> </div>
<div <div *ngIf="page && page.userAccount && page.userAccount.lastLoginDate">
*ngIf="page && page.userAccount && page.userAccount.lastLoginDate"
>
<!--<div class="text-md-right d-none d-sm-block"> <!--<div class="text-md-right d-none d-sm-block">
Last Logged In <a href="javascript:;" [textContent]="page.userAccount.lastLoginDate | utcToLocal"></a> Last Logged In <a href="javascript:;" [textContent]="page.userAccount.lastLoginDate | utcToLocal"></a>
</div>--> </div>-->
<div class="text-md-right d-sm-block"> <div class="text-md-right d-sm-block">
Last Logged In Last Logged In
<a <a href="javascript:;"
href="javascript:;" [textContent]="page.userAccount.lastLoginDate | date:'dd MMMM y , h:mm a'"></a>
[textContent]="page.userAccount.lastLoginDate | date:'dd MMMM y , h:mm a'"
></a>
</div> </div>
</div> </div>
</div> </div>
...@@ -543,34 +426,28 @@ ...@@ -543,34 +426,28 @@
<form [formGroup]="changePasswordForm" (ngSubmit)="onSubmit()"> <form [formGroup]="changePasswordForm" (ngSubmit)="onSubmit()">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title"><i class="fe-lock mr-1"></i>Change Password</h4> <h4 class="modal-title"><i class="fe-lock mr-1"></i>Change Password</h4>
<button <button type="button"
type="button"
class="close" class="close"
data-dismiss="modal" data-dismiss="modal"
aria-hidden="true" aria-hidden="true"
(click)="onCloseModal();" (click)="onCloseModal();">
>
× ×
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div <div class="alert alert-light bg-light text-dark font-13 border-0"
class="alert alert-light bg-light text-dark font-13 border-0" role="alert">
role="alert"
>
<span>Password must contain minimum of 4 characters.</span> <span>Password must contain minimum of 4 characters.</span>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label class="mb-1">New Password</label> <label class="mb-1">New Password</label>
<input <input type="password"
type="password"
formControlName="password" formControlName="password"
block block
autocomplete="nope" autocomplete="nope"
class="form-control" class="form-control"
[ngClass]="{ 'is-invalid': submitted && form.password.errors }" [ngClass]="{ 'is-invalid': submitted && form.password.errors }"
placeholder="Your new password" placeholder="Your new password" />
/>
<div *ngIf="submitted && form.password.errors" class="invalid-feedback"> <div *ngIf="submitted && form.password.errors" class="invalid-feedback">
<div *ngIf="form.password.errors.minLength">Invalid password</div> <div *ngIf="form.password.errors.minLength">Invalid password</div>
</div> </div>
...@@ -578,52 +455,40 @@ ...@@ -578,52 +455,40 @@
<div class="form-group"> <div class="form-group">
<label class="mb-1">Re-enter Password</label> <label class="mb-1">Re-enter Password</label>
<div class="input-group mb-0"> <div class="input-group mb-0">
<input <input type="password"
type="password"
formControlName="confirmPassword" formControlName="confirmPassword"
block block
autocomplete="nope" autocomplete="nope"
class="form-control" class="form-control"
[ngClass]="{ 'is-invalid': submitted && form.confirmPassword.errors }" [ngClass]="{ 'is-invalid': submitted && form.confirmPassword.errors }"
placeholder="Your new password again" placeholder="Your new password again" />
/>
<div class="input-group-append cursor-pointer" password> <div class="input-group-append cursor-pointer" password>
<div class="input-group-text"> <div class="input-group-text">
<span class="password-eye"></span> <span class="password-eye"></span>
</div> </div>
</div> </div>
</div> </div>
<div <div *ngIf="submitted && form.confirmPassword.errors"
*ngIf="submitted && form.confirmPassword.errors" class="invalid-feedback show-must">
class="invalid-feedback show-must" <div *ngIf="form.confirmPassword.errors.minLength || form.confirmPassword.errors.notEquivalent">
>
<div
*ngIf="form.confirmPassword.errors.minLength || form.confirmPassword.errors.notEquivalent"
>
Passwords are not matched Passwords are not matched
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button <button type="button"
type="button"
class="btn btn-sm btn-light mr-1" class="btn btn-sm btn-light mr-1"
(click)="onCloseModal();" (click)="onCloseModal();">
>
Cancel Cancel
</button> </button>
<button <button type="submit"
type="submit"
[disabled]="submitting" [disabled]="submitting"
class="btn btn-sm btn-primary" class="btn btn-sm btn-primary">
>
<span *ngIf="submitting"> <span *ngIf="submitting">
<span <span class="spinner-border spinner-border-sm mr-1"
class="spinner-border spinner-border-sm mr-1"
role="status" role="status"
aria-hidden="true" aria-hidden="true"></span>
></span>
Please wait.. Please wait..
</span> </span>
<span *ngIf="!submitting">Submit</span> <span *ngIf="!submitting">Submit</span>
...@@ -632,63 +497,45 @@ ...@@ -632,63 +497,45 @@
</form> </form>
</ng-template> </ng-template>
<ng-template <ng-template #tempalteSearchResults
#tempalteSearchResults
let-item="result" let-item="result"
let-term="term" let-term="term"
let-i="index" let-i="index">
>
<div class="media" style="line-height: normal !important"> <div class="media" style="line-height: normal !important">
<div class="avatar-xs mr-2"> <div class="avatar-xs mr-2">
<!--<avatar-img *ngIf="item.optionalText" [src]="item.optionalText" [alt]="item.value" cssClass="img-fluid rounded-circle"></avatar-img>--> <!--<avatar-img *ngIf="item.optionalText" [src]="item.optionalText" [alt]="item.value" cssClass="img-fluid rounded-circle"></avatar-img>-->
<!--<span *ngIf="!item.optionalText" class="avatar-title rounded-circle font-10 bg-soft-warning font-weight-bold text-warning" [textContent]="item.value | initials"></span>--> <!--<span *ngIf="!item.optionalText" class="avatar-title rounded-circle font-10 bg-soft-warning font-weight-bold text-warning" [textContent]="item.value | initials"></span>-->
<span <span class="avatar-title rounded-circle font-10 bg-soft-primary font-weight-bold text-primary"
class="avatar-title rounded-circle font-10 bg-soft-primary font-weight-bold text-primary" [textContent]="item.value | initials"></span>
[textContent]="item.value | initials"
></span>
</div> </div>
<div class="media-body"> <div class="media-body">
<ngb-highlight <ngb-highlight highlightClass="text-primary font-weight-bold"
highlightClass="text-primary font-weight-bold"
[result]="item.value" [result]="item.value"
[term]="term" [term]="term"></ngb-highlight><br />
></ngb-highlight <ngb-highlight highlightClass="text-primary font-weight-bold"
><br />
<ngb-highlight
highlightClass="text-primary font-weight-bold"
[result]="item.optionalText2 + ' / ' + item.optionalText1" [result]="item.optionalText2 + ' / ' + item.optionalText1"
[term]="term" [term]="term"></ngb-highlight>
></ngb-highlight>
</div> </div>
</div> </div>
</ng-template> </ng-template>
<ng-template <ng-template #tempalteMenuSearchResults
#tempalteMenuSearchResults
let-item="result" let-item="result"
let-term="term" let-term="term"
let-i="index" let-i="index">
>
<div class="media" style="line-height: normal !important"> <div class="media" style="line-height: normal !important">
<div class="avatar-xs mr-2"> <div class="avatar-xs mr-2">
<span <span class="avatar-title rounded-circle font-15 bg-soft-primary font-weight-bold text-primary">
class="avatar-title rounded-circle font-15 bg-soft-primary font-weight-bold text-primary"
>
<i *ngIf="item.iconClasses" [class]="item.iconClasses"></i> <i *ngIf="item.iconClasses" [class]="item.iconClasses"></i>
</span> </span>
</div> </div>
<div class="media-body"> <div class="media-body">
<ngb-highlight <ngb-highlight highlightClass="text-primary font-weight-bold"
highlightClass="text-primary font-weight-bold"
[result]="item.subPage ? (item.mainPage + ' / ' + item.subPage) : item.mainPage" [result]="item.subPage ? (item.mainPage + ' / ' + item.subPage) : item.mainPage"
[term]="term" [term]="term"></ngb-highlight><br />
></ngb-highlight <ngb-highlight highlightClass="text-primary font-weight-bold"
><br />
<ngb-highlight
highlightClass="text-primary font-weight-bold"
[result]="item.displayName" [result]="item.displayName"
[term]="term" [term]="term"></ngb-highlight>
></ngb-highlight>
</div> </div>
</div> </div>
</ng-template> </ng-template>
...@@ -698,24 +545,20 @@ ...@@ -698,24 +545,20 @@
<h4 class="modal-title"> <h4 class="modal-title">
<i class="mdi mdi-account-box-outline mr-1"></i>User Profile <i class="mdi mdi-account-box-outline mr-1"></i>User Profile
</h4> </h4>
<button <button type="button"
type="button"
class="close" class="close"
data-dismiss="modal" data-dismiss="modal"
aria-hidden="true" aria-hidden="true"
(click)="onCloseModal();" (click)="onCloseModal();">
>
× ×
</button> </button>
</div> </div>
<form [formGroup]="userForm" (ngSubmit)="onProfileSubmit()"> <form [formGroup]="userForm" (ngSubmit)="onProfileSubmit()">
<div class="modal-body"> <div class="modal-body">
<div *ngIf="userLoading"> <div *ngIf="userLoading">
<span <span class="spinner-border spinner-border-sm mr-1"
class="spinner-border spinner-border-sm mr-1"
role="status" role="status"
aria-hidden="true" aria-hidden="true"></span>
></span>
Please wait loading while we load user profile. Please wait loading while we load user profile.
</div> </div>
<div class="row" *ngIf="!userLoading"> <div class="row" *ngIf="!userLoading">
...@@ -724,25 +567,21 @@ ...@@ -724,25 +567,21 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label>First Name <code>*</code></label> <label>First Name <code>*</code></label>
<input <input type="text"
type="text"
class="form-control" class="form-control"
formControlName="firstName" formControlName="firstName"
placeholder="Enter first name" placeholder="Enter first name"
[ngClass]="{ 'is-invalid': submitted && profileForm.firstName.invalid }" [ngClass]="{ 'is-invalid': submitted && profileForm.firstName.invalid }" />
/>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label>Last Name <code>*</code></label> <label>Last Name <code>*</code></label>
<input <input type="text"
type="text"
class="form-control" class="form-control"
formControlName="lastName" formControlName="lastName"
placeholder="Enter last name" placeholder="Enter last name"
[ngClass]="{ 'is-invalid': submitted && profileForm.lastName.invalid }" [ngClass]="{ 'is-invalid': submitted && profileForm.lastName.invalid }" />
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -750,11 +589,9 @@ ...@@ -750,11 +589,9 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label class="mb-1">Role <code>*</code></label> <label class="mb-1">Role <code>*</code></label>
<select <select class="form-control custom-select"
class="form-control custom-select"
formControlName="roleId" formControlName="roleId"
[ngClass]="{ 'is-invalid': submitted && profileForm.roleId.errors }" [ngClass]="{ 'is-invalid': submitted && profileForm.roleId.errors }">
>
<option [ngValue]="null">Select</option> <option [ngValue]="null">Select</option>
<option [ngValue]="2">Administrator</option> <option [ngValue]="2">Administrator</option>
<option [ngValue]="5">Support</option> <option [ngValue]="5">Support</option>
...@@ -767,8 +604,7 @@ ...@@ -767,8 +604,7 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label class="mb-1">Email address <code>*</code></label> <label class="mb-1">Email address <code>*</code></label>
<input <input type="text"
type="text"
class="form-control" class="form-control"
readonly readonly
formControlName="email" formControlName="email"
...@@ -776,8 +612,7 @@ ...@@ -776,8 +612,7 @@
block block
autocomplete="nope" autocomplete="nope"
[ngClass]="{ 'is-invalid': submitted && profileForm.email.errors }" [ngClass]="{ 'is-invalid': submitted && profileForm.email.errors }"
placeholder="Enter email address" placeholder="Enter email address" />
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -785,8 +620,7 @@ ...@@ -785,8 +620,7 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group mb-0"> <div class="form-group mb-0">
<label class="mb-1">Mobile number <code>*</code></label> <label class="mb-1">Mobile number <code>*</code></label>
<input <input type="text"
type="text"
numbersOnly numbersOnly
readonly readonly
class="form-control" class="form-control"
...@@ -795,19 +629,16 @@ ...@@ -795,19 +629,16 @@
block block
autocomplete="nope" autocomplete="nope"
[ngClass]="{ 'is-invalid': submitted && profileForm.mobile.errors }" [ngClass]="{ 'is-invalid': submitted && profileForm.mobile.errors }"
placeholder="Enter mobile number" placeholder="Enter mobile number" />
/>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group mb-0"> <div class="form-group mb-0">
<label class="mb-1">Country <code>*</code></label> <label class="mb-1">Country <code>*</code></label>
<input <input type="text"
type="text"
readonly readonly
formControlName="countryName" formControlName="countryName"
class="form-control" class="form-control" />
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -815,10 +646,8 @@ ...@@ -815,10 +646,8 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group mb-0"> <div class="form-group mb-0">
<label class="mb-1">Gender</label> <label class="mb-1">Gender</label>
<select <select class="form-control custom-select"
class="form-control custom-select" formControlName="gender">
formControlName="gender"
>
<option [ngValue]="null">Select</option> <option [ngValue]="null">Select</option>
<option [ngValue]="'M'">Male</option> <option [ngValue]="'M'">Male</option>
<option [ngValue]="'F'">Female</option> <option [ngValue]="'F'">Female</option>
...@@ -829,8 +658,7 @@ ...@@ -829,8 +658,7 @@
<div class="col-md-6 mb-0"> <div class="col-md-6 mb-0">
<div class="form-group position-relative"> <div class="form-group position-relative">
<label class="mb-1">Date Of Birth</label> <label class="mb-1">Date Of Birth</label>
<input <input class="form-control date-picker"
class="form-control date-picker"
type="text" type="text"
placeholder="Select" placeholder="Select"
formControlName="dateOfBirth" formControlName="dateOfBirth"
...@@ -840,8 +668,7 @@ ...@@ -840,8 +668,7 @@
#dateOfBirth="ngbDatepicker" #dateOfBirth="ngbDatepicker"
[maxDate]="today" [maxDate]="today"
[minDate]="minDate" [minDate]="minDate"
(click)="dateOfBirth.toggle(); $event.stopPropagation();" (click)="dateOfBirth.toggle(); $event.stopPropagation();" />
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -849,24 +676,18 @@ ...@@ -849,24 +676,18 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button <button type="button"
type="button"
class="btn btn-light btn-sm mr-1" class="btn btn-light btn-sm mr-1"
(click)="onCloseModal();" (click)="onCloseModal();">
>
Cancel Cancel
</button> </button>
<button <button type="submit"
type="submit"
[disabled]="submitting" [disabled]="submitting"
class="btn btn-primary btn-sm" class="btn btn-primary btn-sm">
>
<span *ngIf="submitting"> <span *ngIf="submitting">
<span <span class="spinner-border spinner-border-sm mr-1"
class="spinner-border spinner-border-sm mr-1"
role="status" role="status"
aria-hidden="true" aria-hidden="true"></span>
></span>
Please wait.. Please wait..
</span> </span>
<span *ngIf="!submitting">Submit</span> <span *ngIf="!submitting">Submit</span>
...@@ -878,41 +699,29 @@ ...@@ -878,41 +699,29 @@
<ng-template #templateCubicle> <ng-template #templateCubicle>
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title"><i class="fe-box mr-1"></i>Select Room</h4> <h4 class="modal-title"><i class="fe-box mr-1"></i>Select Room</h4>
<button <button type="button"
type="button"
class="close" class="close"
data-dismiss="modal" data-dismiss="modal"
aria-hidden="true" aria-hidden="true"
(click)="onCloseModal();" (click)="onCloseModal();">
>
× ×
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div <div *ngIf="cubiclesLoading"
*ngIf="cubiclesLoading" class="d-flex justify-content-center align-items-center">
class="d-flex justify-content-center align-items-center"
>
<span class="spinner-grow spinner-grow-lg"></span> please wait while <span class="spinner-grow spinner-grow-lg"></span> please wait while
loading cubicles loading cubicles
</div> </div>
<div <div class="d-flex justify-content-center"
class="d-flex justify-content-center" *ngIf="page.userAccount.roleId !== 3 && !cubiclesLoading">
*ngIf="page.userAccount.roleId !== 3 && !cubiclesLoading"
>
<div class="form-group text-center"> <div class="form-group text-center">
<label class="mb-1">Select Consultant Doctor</label> <label class="mb-1">Select Consultant Doctor</label>
<div <div *ngIf="settingService.selectedConsultantDoctor && !isAssigningDoctor">
*ngIf="settingService.selectedConsultantDoctor && !isAssigningDoctor" <span class="text-capitalize font-weight-bold mr-2"
> [textContent]="settingService.selectedConsultantDoctor.value"></span>
<span <span (click)="clearConsultantDoctor(select3)"
class="text-capitalize font-weight-bold mr-2" class="cursor-pointer text-danger">
[textContent]="settingService.selectedConsultantDoctor.value"
></span>
<span
(click)="clearConsultantDoctor(select3)"
class="cursor-pointer text-danger"
>
<i class="mdi mdi-close"></i> <i class="mdi mdi-close"></i>
</span> </span>
</div> </div>
...@@ -922,11 +731,8 @@ ...@@ -922,11 +731,8 @@
assigning/un assigning doctor assigning/un assigning doctor
</div> </div>
</ng-container> </ng-container>
<div <div [ngClass]="{'d-block': !settingService.selectedConsultantDoctor, 'd-none': settingService.selectedConsultantDoctor}">
[ngClass]="{'d-block': !settingService.selectedConsultantDoctor, 'd-none': settingService.selectedConsultantDoctor}" <ng-select [items]="providers | async"
>
<ng-select
[items]="providers | async"
#select3 #select3
[loading]="loadingProviders" [loading]="loadingProviders"
bindLabel="value" bindLabel="value"
...@@ -937,8 +743,7 @@ ...@@ -937,8 +743,7 @@
placeholder="Enter provider name" placeholder="Enter provider name"
(change)="onProviderChange($event)" (change)="onProviderChange($event)"
class="cubible-search" class="cubible-search"
[(ngModel)]="providerId" [(ngModel)]="providerId">
>
<ng-template ng-notfound-tmp let-searchTerm="searchTerm"> <ng-template ng-notfound-tmp let-searchTerm="searchTerm">
<div class="ng-option disabled" *ngIf="searchTerm"> <div class="ng-option disabled" *ngIf="searchTerm">
No provider found for '{{ searchTerm }}' No provider found for '{{ searchTerm }}'
...@@ -954,27 +759,19 @@ ...@@ -954,27 +759,19 @@
[src]="item.optionalText" [src]="item.optionalText"
[alt]="item.value" [alt]="item.value"
class="img-fluid rounded-circle" />--> class="img-fluid rounded-circle" />-->
<span <span *ngIf="!item.optionalText"
*ngIf="!item.optionalText"
class="avatar-title rounded-circle font-11 font-weight-bold text-white" class="avatar-title rounded-circle font-11 font-weight-bold text-white"
avatar-bg avatar-bg
[index]="i" [index]="i"
[textContent]="item.value | initials" [textContent]="item.value | initials"></span>
></span>
</div> </div>
<div class="media-body"> <div class="media-body">
<h5 <h5 class="mb-0 mt-0 font-14 font-weight-normal"
class="mb-0 mt-0 font-14 font-weight-normal" [textContent]="item.value"></h5>
[textContent]="item.value" <h6 class="mb-0 mt-0 font-15 font-weight-normal"
></h5> [textContent]="item.optionalText2"></h6>
<h6 <h6 class="mb-0 mt-0 font-15 font-weight-normal"
class="mb-0 mt-0 font-15 font-weight-normal" [textContent]="item.optionalText1"></h6>
[textContent]="item.optionalText2"
></h6>
<h6
class="mb-0 mt-0 font-15 font-weight-normal"
[textContent]="item.optionalText1"
></h6>
</div> </div>
</div> </div>
</ng-template> </ng-template>
...@@ -985,17 +782,13 @@ ...@@ -985,17 +782,13 @@
[src]="item.optionalText" [src]="item.optionalText"
[alt]="item.value" [alt]="item.value"
class="img-fluid rounded-circle" />--> class="img-fluid rounded-circle" />-->
<span <span *ngIf="!item.optionalText"
*ngIf="!item.optionalText"
class="avatar-title rounded-circle font-11 font-weight-bold bg-soft-primary text-primary" class="avatar-title rounded-circle font-11 font-weight-bold bg-soft-primary text-primary"
[textContent]="item.value | initials" [textContent]="item.value | initials"></span>
></span>
</div> </div>
<div class="media-body"> <div class="media-body">
<h5 <h5 class="mb-0 mt-0 font-14 font-weight-normal"
class="mb-0 mt-0 font-14 font-weight-normal" [textContent]="item.value"></h5>
[textContent]="item.value"
></h5>
</div> </div>
</div> </div>
</ng-template> </ng-template>
...@@ -1015,11 +808,9 @@ ...@@ -1015,11 +808,9 @@
<td [textContent]="item.name"></td> <td [textContent]="item.name"></td>
<td class="text-right" [textContent]="item.assignedName"></td> <td class="text-right" [textContent]="item.assignedName"></td>
<td width="150" class="text-right"> <td width="150" class="text-right">
<button <button class="btn btn-sm mb-0 btn-danger"
class="btn btn-sm mb-0 btn-danger"
*ngIf="(page.userAccount.roleId === 1 || page.userAccount.roleId === 5 || page.userAccount.roleId === 2 || page.userAccount.accountId === item.accountId) && !item.loading" *ngIf="(page.userAccount.roleId === 1 || page.userAccount.roleId === 5 || page.userAccount.roleId === 2 || page.userAccount.accountId === item.accountId) && !item.loading"
(click)="onUnassign(item)" (click)="onUnassign(item)">
>
<i class="mdi mdi-close mr-1"></i> <i class="mdi mdi-close mr-1"></i>
<span *ngIf="!item.loading">Remove</span> <span *ngIf="!item.loading">Remove</span>
<span *ngIf="item.loading">loading...</span> <span *ngIf="item.loading">loading...</span>
...@@ -1029,23 +820,12 @@ ...@@ -1029,23 +820,12 @@
<tr *ngIf="currentAssignedCubicles.length > 0"> <tr *ngIf="currentAssignedCubicles.length > 0">
<td colspan="3"> <td colspan="3">
<nav class="d-flex align-items-center justify-content-between"> <nav class="d-flex align-items-center justify-content-between">
<p class="mb-0 font-13"></p> <p class="mb-0 font-13">
<ngb-pagination
class="pagination justify-content-end" </p>
[maxSize]="5" <ngb-pagination class="pagination justify-content-end" [maxSize]="5" [rotate]="true" [ellipses]="true" [(page)]="assignedCubiclespagination.pageIndex" [pageSize]="assignedCubiclespagination.pageSize" (pageChange)="onAssignedPageChange($event)" [collectionSize]="currentAssignedCubicles.length">
[rotate]="true" <ng-template ngbPaginationPrevious><i class="fe-arrow-left"></i></ng-template>
[ellipses]="true" <ng-template ngbPaginationNext><i class="fe-arrow-right"></i></ng-template>
[(page)]="assignedCubiclespagination.pageIndex"
[pageSize]="assignedCubiclespagination.pageSize"
(pageChange)="onAssignedPageChange($event)"
[collectionSize]="currentAssignedCubicles.length"
>
<ng-template ngbPaginationPrevious
><i class="fe-arrow-left"></i
></ng-template>
<ng-template ngbPaginationNext
><i class="fe-arrow-right"></i
></ng-template>
</ngb-pagination> </ngb-pagination>
</nav> </nav>
</td> </td>
...@@ -1054,17 +834,16 @@ ...@@ -1054,17 +834,16 @@
<tr *ngIf="currentUnAssignedCubicles.length" class="table-primary"> <tr *ngIf="currentUnAssignedCubicles.length" class="table-primary">
<th colspan="3"> <th colspan="3">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div>Unassigned Rooms</div>
<div> <div>
<ng-select Unassigned Rooms
class="ng-select-sm text-uppercase" </div>
[items]="unassignedCubicles" <div>
<ng-select class="ng-select-sm text-uppercase" [items]="unassignedCubicles"
bindLabel="name" bindLabel="name"
bindValue="cubicleId" bindValue="cubicleId"
autocomplete="nope" autocomplete="nope"
(change)="onUnAssignedCubicleSearch($event)" (change)="onUnAssignedCubicleSearch($event)"
placeholder="Search unassigned cubilces" placeholder="Search unassigned cubilces">
>
<ng-template ng-notfound-tmp let-searchTerm="searchTerm"> <ng-template ng-notfound-tmp let-searchTerm="searchTerm">
<div class="ng-option disabled"> <div class="ng-option disabled">
No unassigned cubicles found for '{{searchTerm}}' No unassigned cubicles found for '{{searchTerm}}'
...@@ -1078,52 +857,37 @@ ...@@ -1078,52 +857,37 @@
<tr *ngFor="let item of currentUnAssignedCubicles"> <tr *ngFor="let item of currentUnAssignedCubicles">
<td [textContent]="item.name"></td> <td [textContent]="item.name"></td>
<td colspan="2" class="text-right"> <td colspan="2" class="text-right">
<button <button class="btn btn-sm mb-0 btn-success"
class="btn btn-sm mb-0 btn-success" (click)="onAssign(item)">
(click)="onAssign(item)"
>
<i class="mdi mdi-check mr-1"></i> <i class="mdi mdi-check mr-1"></i>
<span *ngIf="!item.loading">Select</span> <span *ngIf="!item.loading">Select</span>
<span *ngIf="item.loading">loading...</span> <span *ngIf="item.loading">loading...</span>
</button> </button>
</td> </td>
</tr> </tr>
<tr <tr *ngIf="currentUnAssignedCubicles.length > 0 && unAssignedCubiclespaginationFlag">
*ngIf="currentUnAssignedCubicles.length > 0 && unAssignedCubiclespaginationFlag"
>
<td colspan="3"> <td colspan="3">
<nav class="d-flex align-items-center justify-content-between"> <nav class="d-flex align-items-center justify-content-between">
<p class="mb-0 font-13"></p> <p class="mb-0 font-13">
<ngb-pagination
class="pagination justify-content-end" </p>
[maxSize]="5" <ngb-pagination class="pagination justify-content-end" [maxSize]="5" [rotate]="false" [ellipses]="false" [(page)]="unAssignedCubiclespagination.pageIndex" [pageSize]="unAssignedCubiclespagination.pageSize" (pageChange)="onUnAssignedPageChange($event)" [collectionSize]="unAssignedCubiclespagination.totalItems">
[rotate]="false" <ng-template ngbPaginationPrevious><i class="fe-arrow-left"></i></ng-template>
[ellipses]="false" <ng-template ngbPaginationNext><i class="fe-arrow-right"></i></ng-template>
[(page)]="unAssignedCubiclespagination.pageIndex"
[pageSize]="unAssignedCubiclespagination.pageSize"
(pageChange)="onUnAssignedPageChange($event)"
[collectionSize]="unAssignedCubiclespagination.totalItems"
>
<ng-template ngbPaginationPrevious
><i class="fe-arrow-left"></i
></ng-template>
<ng-template ngbPaginationNext
><i class="fe-arrow-right"></i
></ng-template>
</ngb-pagination> </ngb-pagination>
</nav> </nav>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button <button type="button"
type="button"
class="btn btn-light btn-sm mr-1" class="btn btn-light btn-sm mr-1"
(click)="onCloseModal();" (click)="onCloseModal();">
>
Close Close
</button> </button>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8" /> <head>
<meta <meta charset="utf-8">
name="viewport" <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
content="width=device-width, initial-scale=1, shrink-to-fit=no" <meta name="description" content="Careaxes">
/> <meta name="author" content="Careaxes">
<meta name="description" content="Careaxes" />
<meta name="author" content="Careaxes" />
<title>Careaxes</title> <title>Careaxes</title>
<base href="/" /> <base href="/">
<link <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" />
rel="shortcut icon"
type="image/x-icon"
href="assets/images/favicon.png"
/>
<link rel="stylesheet" type="text/css" href="assets/fonts/style.css" /> <link rel="stylesheet" type="text/css" href="assets/fonts/style.css" />
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="assets/css/toastr.css" /> <link rel="stylesheet" type="text/css" href="assets/css/toastr.css" />
<link rel="stylesheet" type="text/css" href="assets/css/app.css" /> <link rel="stylesheet" type="text/css" href="assets/css/app.css" />
<link rel="stylesheet" type="text/css" href="assets/css/custom.css" /> <link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
</head> </head>
<body <body data-layout-mode="two-column" data-sidebar-size="condensed" data-sidebar-color="light" data-layout-width="fluid" data-layout-menu-position="fixed" data-sidebar-showuser="false" data-topbar-color="light" onmousemove="showCoords(event)" onclick="sidebarEnable1(event); leave1(event); show(event);" onresize="hide(event);">
data-layout-mode="two-column"
data-sidebar-size="condensed"
data-sidebar-color="light"
data-layout-width="fluid"
data-layout-menu-position="fixed"
data-sidebar-showuser="false"
data-topbar-color="light"
>
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment