Skip to content

H
HIMS
Commit b86c5d4f authored by Sandeep Sagar Panjala's avatar Sandeep Sagar Panjala
Browse files
Options

initial commit

parent 31f1f63d
Hide whitespace changes
Inline Side-by-side
Showing with 780 additions and 1031 deletions
.gitignore
View file @ b86c5d4f
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
Presentation/Hims.Admin/Hims.Admin.csproj
View file @ b86c5d4f
...@@ -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" />
......
Presentation/Hims.Admin/src/app/areas/layout/layout.html
View file @ b86c5d4f
<style> <style>
.popOverCustom { .popOverCustom {
height: 500px !important; height: 500px !important;
width: 600px !important; width: 600px !important;
} }
</style> </style>
<div id="wrapper"> <div id="wrapper">
<div class="navbar-custom" (mouseenter)="leave()"> <div class="navbar-custom" (mouseenter)="leave()">
<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>
> </button>
<i class="fe-menu"></i> </li>
</button> </ul>
</li> <div style="line-height: 16px; top: 50px; left: 12px;" class="position-absolute d-lg-none" [ngClass]="{ 'd-none': sideSubMenu.length ==0 }">
</ul> <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
style="line-height: 16px; top: 50px; left: 12px"
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>
<ul class="list-unstyled topnav-menu float-left mb-0">
<li class="dropdown d-none d-lg-inline-block">
<div class="app-search app-search-custom">
<div class="app-search-box">
<div class="input-group menu-search-p">
<input
type="text"
class="form-control menu-search"
block
autocomplete="off"
[ngbTypeahead]="menuSearch"
[resultFormatter]="formatMenuMatches"
[resultTemplate]="tempalteMenuSearchResults"
[inputFormatter]="formatMenuMatches"
(selectItem)="onSelectMenu($event)"
placeholder="Search Pages"
/>
<div class="input-group-append">
<a
class="btn bg-primary ml-0"
title="Patients"
[routerLink]="['/app/patient-services']"
>
<i class="fe-file-text"></i>
</a>
</div>
</div>
</div> </div>
</div> <ul class="list-unstyled topnav-menu float-left mb-0">
</li> <li class="dropdown d-none d-lg-inline-block">
<li></li> <div class="app-search app-search-custom">
<li <div class="app-search-box">
class="dropdown d-none d-md-inline-block header-info" <div class="input-group menu-search-p">
*ngIf="settingService.cubicles.length" <input type="text"
> class="form-control menu-search"
<ng-container *ngIf="settingService.cubicles.length"> block
<ng-container *ngFor="let item of settingService.cubicles"> autocomplete="off"
<span class="mr-2 ml-2 header-info-div"> [ngbTypeahead]="menuSearch"
<i class="fe-box mr-2"></i> [resultFormatter]="formatMenuMatches"
<span class="text-capitalize" [textContent]="item.name"></span> [resultTemplate]="tempalteMenuSearchResults"
</span> [inputFormatter]="formatMenuMatches"
</ng-container> (selectItem)="onSelectMenu($event)"
</ng-container> placeholder="Search Pages" />
</li> <div class="input-group-append">
<li <a
class="dropdown d-none d-md-inline-block header-info" class="btn bg-primary ml-0"
*ngIf="settingService.selectedConsultantDoctor && page.userAccount.roleId !== 3" title="Patients"
> [routerLink]="['/app/patient-services']">
<ng-container *ngIf="settingService.cubicles.length"> <i class="fe-file-text"></i>
<ng-container *ngFor="let item of settingService.cubicles"> </a>
<span class="header-info-div"> </div>
<i class="fe-user mr-2"></i> </div>
<span </div>
class="text-capitalize" </div>
[textContent]="settingService.selectedConsultantDoctor.value" </li>
></span> <li>
</span>
</ng-container> </li>
</ng-container> <li class="dropdown d-none d-md-inline-block header-info"
</li> *ngIf="settingService.cubicles.length">
</ul> <ng-container *ngIf="settingService.cubicles.length">
<ul class="list-unstyled topnav-menu float-right mb-0"> <ng-container *ngFor="let item of settingService.cubicles">
<!--<li class="dropdown d-none d-lg-inline-block" *ngIf="publicIp"> <span class="mr-2 ml-2 header-info-div">
<i class="fe-box mr-2"></i>
<span class="text-capitalize" [textContent]="item.name"></span>
</span>
</ng-container>
</ng-container>
</li>
<li class="dropdown d-none d-md-inline-block header-info"
*ngIf="settingService.selectedConsultantDoctor && page.userAccount.roleId !== 3">
<ng-container *ngIf="settingService.cubicles.length">
<ng-container *ngFor="let item of settingService.cubicles">
<span class="header-info-div">
<i class="fe-user mr-2"></i>
<span class="text-capitalize"
[textContent]="settingService.selectedConsultantDoctor.value"></span>
</span>
</ng-container>
</ng-container>
</li>
</ul>
<ul class="list-unstyled topnav-menu float-right mb-0">
<!--<li class="dropdown d-none d-lg-inline-block" *ngIf="publicIp">
<span class="mr-2"> <span class="mr-2">
Public:<span class="ml-1" [textContent]="publicIp"></span> Public:<span class="ml-1" [textContent]="publicIp"></span>
</span> </span>
...@@ -107,81 +83,65 @@ ...@@ -107,81 +83,65 @@
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">
> <i class="mdi mdi-checkbox-blank-circle text-danger"
<span class="mr-2"> *ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state && communicationService.hubConnection.state !== 'Connected'"></i>
<i <i class="mdi mdi-checkbox-blank-circle text-success"
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'" <!-- <span
></i>
<i
class="mdi mdi-checkbox-blank-circle text-success"
*ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state && communicationService.hubConnection.state === 'Connected'"
></i>
<!-- <span
class="ml-2" class="ml-2"
*ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state" *ngIf="communicationService && communicationService.hubConnection && communicationService.hubConnection.state"
[textContent]="communicationService.hubConnection.state" [textContent]="communicationService.hubConnection.state"
></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">
> <i class="fe-map-pin mr-2"></i>
<span class="mr-2"> <span [textContent]="page.userAccount.locationName"></span>
<i class="fe-map-pin mr-2"></i> </span>
<span [textContent]="page.userAccount.locationName"></span> </li>
</span> <li class="dropdown">
</li> <div class="app-search">
<li class="dropdown"> <div class="app-search-box">
<div class="app-search"> <div class="input-group patient-search">
<div class="app-search-box"> <input type="text"
<div class="input-group patient-search"> class="form-control"
<input block
type="text" #searchPatient
class="form-control" autocomplete="off"
block [ngbTypeahead]="search"
#searchPatient [resultFormatter]="formatMatches"
autocomplete="off" [resultTemplate]="tempalteSearchResults"
[ngbTypeahead]="search" [inputFormatter]="formatMatches"
[resultFormatter]="formatMatches" (focus)="searchPatient.value = ''"
[resultTemplate]="tempalteSearchResults" (selectItem)="onSelectPatient($event)"
[inputFormatter]="formatMatches" placeholder="Enter Name/Mobile/UMR No" />
(focus)="searchPatient.value = ''" <div class="input-group-append">
(selectItem)="onSelectPatient($event)" <button *ngIf="searching"
placeholder="Enter Name/Mobile/UMR No" class="btn bg-primary"
/> type="button"
<div class="input-group-append"> style="cursor: default !important">
<button <span class="spinner-border text-white spinner-border-sm"></span>
*ngIf="searching" </button>
class="btn bg-primary" <a *ngIf="!searching"
type="button" class="btn bg-primary ml-0"
style="cursor: default !important" title="Patients"
> [routerLink]="['/app/patients']">
<span <i class="fe-users"></i>
class="spinner-border text-white spinner-border-sm" </a>
></span> </div>
</button> </div>
<a </div>
*ngIf="!searching" </div>
class="btn bg-primary ml-0" </li>
title="Patients" <li class="dropdown d-none d-lg-inline-block">
[routerLink]="['/app/patients']" <full-screen></full-screen>
> </li>
<i class="fe-users"></i> <!--<li class="dropdown notification-list">
</a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown d-none d-lg-inline-block">
<full-screen></full-screen>
</li>
<!--<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle waves-effect waves-light" (click)="onNotificationToggle()" href="javascript:;" role="button" aria-haspopup="false" aria-expanded="false"> <a class="nav-link dropdown-toggle waves-effect waves-light" (click)="onNotificationToggle()" href="javascript:;" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fe-bell noti-icon"></i> <i class="fe-bell noti-icon"></i>
<span class="badge badge-danger rounded-circle noti-icon-badge" [textContent]="notificationCount > 99 ? '99+' : notificationCount"></span> <span class="badge badge-danger rounded-circle noti-icon-badge" [textContent]="notificationCount > 99 ? '99+' : notificationCount"></span>
...@@ -235,90 +195,70 @@ ...@@ -235,90 +195,70 @@
</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"
> data-toggle="dropdown"
<a href="javascript:;"
class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" role="button"
(click)="onLogout()" aria-haspopup="false"
data-toggle="dropdown" aria-expanded="false">
href="javascript:;" <avatar-img *ngIf="!page.userAccount.thumbnailUrl"
role="button" src="assets/images/doctor_male.jpg"
aria-haspopup="false" [alt]="page.userAccount.fullName"
aria-expanded="false" cssClass="rounded-circle myicon"></avatar-img>
> <avatar-img *ngIf="page.userAccount.thumbnailUrl"
<avatar-img [src]="page.userAccount.thumbnailUrl"
*ngIf="!page.userAccount.thumbnailUrl" [alt]="page.userAccount.fullName"
src="assets/images/doctor_male.jpg" cssClass="rounded-circle myicon"></avatar-img>
[alt]="page.userAccount.fullName" <span class="pro-user-name ml-1">
cssClass="rounded-circle myicon" <span [textContent]="page.userAccount.fullName"></span><i class="mdi mdi-chevron-down ml-2 mr-1"></i>
></avatar-img> </span>
<avatar-img </a>
*ngIf="page.userAccount.thumbnailUrl" <div class="dropdown-menu dropdown-menu-right profile-dropdown"
[src]="page.userAccount.thumbnailUrl" style="
[alt]="page.userAccount.fullName"
cssClass="rounded-circle myicon"
></avatar-img>
<span class="pro-user-name ml-1">
<span [textContent]="page.userAccount.fullName"></span
><i class="mdi mdi-chevron-down ml-2 mr-1"></i>
</span>
</a>
<div
class="dropdown-menu dropdown-menu-right profile-dropdown"
style="
position: absolute; position: absolute;
will-change: transform; will-change: transform;
top: 0px; top: 0px;
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 routerLinkActive="active"
<a href="javascript:;"
routerLinkActive="active" class="dropdown-item notify-item"
href="javascript:;" (click)="onProfile()">
class="dropdown-item notify-item" <i class="fe-user"></i>
(click)="onProfile()" <span>Profile</span>
> </a>
<i class="fe-user"></i> <a href="javascript:;"
<span>Profile</span> class="dropdown-item notify-item"
</a> (click)="fetchCubicles()">
<a <i class="fe-box"></i>
href="javascript:;" <span>Rooms</span>
class="dropdown-item notify-item" </a>
(click)="fetchCubicles()" <a href="javascript:;"
> class="dropdown-item notify-item"
<i class="fe-box"></i> (click)="onOpenModal(templateChangePassword)">
<span>Rooms</span> <i class="fe-lock"></i>
</a> <span>Change Password</span>
<a </a>
href="javascript:;" <div class="dropdown-divider"></div>
class="dropdown-item notify-item" <a href="javascript:;"
(click)="onOpenModal(templateChangePassword)" class="dropdown-item notify-item"
> (click)="onLogout()">
<i class="fe-lock"></i> <i class="fe-log-out"></i>
<span>Change Password</span> <span>Logout</span>
</a> </a>
<div class="dropdown-divider"></div> </div>
<a </li>
href="javascript:;" </ul>
class="dropdown-item notify-item" <!--<div class="logo-box">
(click)="onLogout()"
>
<i class="fe-log-out"></i>
<span>Logout</span>
</a>
</div>
</li>
</ul>
<!--<div class="logo-box">
<a href="javascript:;" class="logo logo-dark text-center"> <a href="javascript:;" class="logo logo-dark text-center">
<span class="logo-sm"> <span class="logo-sm">
<img src="assets/images/icon.png" alt="Careaxes" height="22"> <img src="assets/images/icon.png" alt="Careaxes" height="22">
...@@ -329,802 +269,626 @@ ...@@ -329,802 +269,626 @@
</a> </a>
</div>--> </div>-->
<div class="clearfix"></div> <div class="clearfix"></div>
</div>
</div>
<div
class="left-side-menu"
onmouseleave="sos()"
[ngClass]="{ 'w-345': menuHolder.subMenus.length }"
>
<div class="h-100">
<div>
<div class="sidebar-icon-menu h-100">
<a
href="javascript:;"
[routerLink]="defaultMenu"
class="logo position-fixed"
>
<span>
<img
[src]="logoBasics && logoBasics.imageUrl ? logoBasics.imageUrl : 'assets/images/logo-careaxes.png'"
[hidden]="loading"
alt="Careaxes"
width="35"
/>
</span>
</a>
<nav
class="nav flex-column"
(mouseleave)="leaveMenu()"
[ngClass]="{'layout-main-menu-active' : !isHovering, 'layout-main-menu-inactive': isHovering}"
>
<div
(mouseenter)="enter(menu)"
routerLinkActive="menu-active"
class="pt-1 pb-1 menu-border"
[ngClass]="{'inactive-highlight' : isHovering && menuHolder.mainPage === menu.mainPage}"
*ngFor="let menu of menus; let i = index"
>
<a
href="javascript:;"
class="nav-link m-auto position-relative"
[routerLink]="menu.url"
>
<span *ngIf="menu.hasMarker" class="menu-marker">
<i
class="mdi"
[ngClass]="{'mdi-menu-right': !menu.isHovering, 'mdi-menu-down': menu.isHovering}"
></i>
</span>
<div><i [class]="menu.iconClasses"></i></div>
<div
class="text-white white-space-break very-small text-center text-capitalize"
[textContent]="menu.displayName"
></div>
</a>
</div>
</nav>
</div> </div>
<div class="clearfix"></div>
</div>
</div> </div>
<ng-container *ngIf="menuHolder.subMenus.length"> <div class="left-side-menu" onmouseleave="sos()" [ngClass]="{ 'w-345': menuHolder.subMenus.length }">
<div <div class="h-100">
(mouseenter)="dontLeave()" <div>
id="submenu" <div class="sidebar-icon-menu h-100">
(mouseleave)="leave();sos();" <a href="javascript:;" [routerLink]="defaultMenu" class="logo position-fixed">
class="layout-sidebar-main-menu d-block mt-1 saideNavMt" <span>
style=" <img [src]="logoBasics && logoBasics.imageUrl ? logoBasics.imageUrl : 'assets/images/logo-careaxes.png'"
background-size: 200%; [hidden]="loading"
background-repeat: no-repeat; alt="Careaxes"
z-index: 10000; width="35" />
border-radius: 0 10px 10px 0; </span>
" </a>
[ngClass]="menuHolder.subMenus.length ? 'fade-in':'fade-out'" <nav class="nav flex-column"
> (mouseleave)="leaveMenu()"
<div id="two-col-menu" class="h-100"> [ngClass]="{'layout-main-menu-active' : !isHovering, 'layout-main-menu-inactive': isHovering}">
<div class="twocolumn-menu-item d-block h-100"> <div (mouseenter)="enter(menu)"
<h5 class="menu-title text-white text-truncate"> routerLinkActive="menu-active"
<i class="mdi mdi-apps mdi-infor text-white font-18 mr-1"></i class="pt-1 pb-1 menu-border"
><span [textContent]="menuHolder.menuName"></span> [ngClass]="{'inactive-highlight' : isHovering && menuHolder.mainPage === menu.mainPage}"
</h5> *ngFor="let menu of menus; let i = index">
<div class="overflow-auto" style="height: calc(100% - 52px)"> <a href="javascript:;"
<ul class="nav flex-column encounter-menu pb-5"> class="nav-link m-auto position-relative"
<ng-container *ngFor="let menu of menuHolder.subMenus"> [routerLink]="menu.url">
<ng-container *ngIf="menuType.SubMenu === menu.menuTypeId"> <span *ngIf="menu.hasMarker" class="menu-marker">
<li class="nav-item w-100"> <i class="mdi"
<a [ngClass]="{'mdi-menu-right': !menu.isHovering, 'mdi-menu-down': menu.isHovering}"></i>
class="text-color text-truncate dropdown-item position-relative" </span>
(click)="leave();sos();" <div><i [class]="menu.iconClasses"></i></div>
[routerLink]="menu.url" <div class="text-white white-space-break very-small text-center text-capitalize"
[class.active]="activeRoute === menu.url" [textContent]="menu.displayName"></div>
href="javascript:;"
>
<i
*ngIf="menu.iconClasses"
[class]="'mr-1 ' + menu.iconClasses"
></i>
<span
class="text-capitalize"
[textContent]="menu.displayName"
></span>
</a>
</li>
</ng-container>
<ng-container
*ngIf="menuType.CategoryMenu === menu.menuTypeId"
>
<li class="nav-item category-menu w-100">
<a
[href]="'#sidebarMultilevel' + '_' + menu.id"
data-toggle="collapse"
class="text-color dropdown-item text-truncate position-relative"
aria-expanded="true"
>
<i [class]="'mr-1 ' + menu.iconClasses"></i>
<span [textContent]="menu.displayName"></span>
<span class="menu-arrow"></span>
</a>
<div
class="collapse show"
[id]="'sidebarMultilevel' + '_' + menu.id"
>
<ul class="nav-second-level1">
<li
class="nav-item"
*ngFor="let item of menu.categoryMenus"
>
<a
class="text-color dropdown-item"
(click)="leave();sos();"
[routerLink]="item.url"
[class.active]="activeRoute === item.url"
href="javascript:;"
>
<i [class]="'mr-1 ' + item.iconClasses"></i>
<span
class="text-capitalize"
[textContent]="item.displayName"
></span>
</a> </a>
</li> </div>
</ul> </nav>
</div> </div>
</li> <div class="clearfix"></div>
</ng-container>
</ng-container>
</ul>
</div> </div>
</div>
</div> </div>
</div> <ng-container *ngIf="menuHolder.subMenus.length">
</ng-container> <div (mouseenter)="dontLeave()"
</div> id="submenu"
(mouseleave)="leave();sos();"
class="layout-sidebar-main-menu d-block mt-1 saideNavMt"
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'">
<div id="two-col-menu" class="h-100">
<div class="twocolumn-menu-item d-block h-100">
<h5 class="menu-title text-white text-truncate">
<i class="mdi mdi-apps mdi-infor text-white font-18 mr-1"></i><span [textContent]="menuHolder.menuName"></span>
</h5>
<div class="overflow-auto" style="height: calc(100% - 52px);">
<ul class="nav flex-column encounter-menu pb-5">
<ng-container *ngFor="let menu of menuHolder.subMenus">
<ng-container *ngIf="menuType.SubMenu === menu.menuTypeId">
<li class="nav-item w-100">
<a class="text-color text-truncate dropdown-item position-relative"
(click)="leave();sos();"
[routerLink]="menu.url"
[class.active]="activeRoute === menu.url"
href="javascript:;">
<i *ngIf="menu.iconClasses"
[class]="'mr-1 ' + menu.iconClasses"></i>
<span class="text-capitalize"
[textContent]="menu.displayName"></span>
</a>
</li>
</ng-container>
<ng-container *ngIf="menuType.CategoryMenu === menu.menuTypeId">
<li class="nav-item category-menu w-100">
<a [href]="'#sidebarMultilevel' + '_' + menu.id"
data-toggle="collapse"
class="text-color dropdown-item text-truncate position-relative"
aria-expanded="true">
<i [class]="'mr-1 ' + menu.iconClasses"></i>
<span [textContent]="menu.displayName"></span>
<span class="menu-arrow"></span>
</a>
<div class="collapse show"
[id]="'sidebarMultilevel' + '_' + menu.id">
<ul class="nav-second-level1">
<li class="nav-item"
*ngFor="let item of menu.categoryMenus">
<a class="text-color dropdown-item"
(click)="leave();sos();"
[routerLink]="item.url"
[class.active]="activeRoute === item.url"
href="javascript:;">
<i [class]="'mr-1 ' + item.iconClasses"></i>
<span class="text-capitalize"
[textContent]="item.displayName"></span>
</a>
</li>
</ul>
</div>
</li>
</ng-container>
</ng-container>
</ul>
</div>
</div>
</div>
</div>
</ng-container>
</div>
<div class="content-page" id="content-page"> <div class="content-page" id="content-page">
<!-- <telemedicine-widget *ngIf="page.userAccount && page.userAccount.allowVideoCall"></telemedicine-widget> --> <!-- <telemedicine-widget *ngIf="page.userAccount && page.userAccount.allowVideoCall"></telemedicine-widget> -->
<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>
> </button>
<i class="fe-arrow-up"></i> <footer class="footer">
</button> <div class="container-fluid">
<footer class="footer"> <div class="d-flex heading1 justify-content-between p-1">
<div class="container-fluid"> <div>
<div class="d-flex heading1 justify-content-between p-1"> <script>
<div> document.write(new Date().getFullYear());
<script> </script>
document.write(new Date().getFullYear()); &copy; Careaxes by
</script> <a target="_blank" href="https://sujainfo.com/">Suja Info</a>
&copy; Careaxes by </div>
<a target="_blank" href="https://sujainfo.com/">Suja Info</a> <div>
</div> <span *ngIf="webVersion"
<div> [textContent]="'version : '+webVersion"></span>
<span <span ngbPopover="{{url}}"
*ngIf="webVersion" triggers="mouseenter:mouseleave"
[textContent]="'version : '+webVersion" popoverTitle="Pointing URL"
></span> class="ml-1">
<span <i class="mdi mdi-information"></i>
ngbPopover="{{url}}" </span>
triggers="mouseenter:mouseleave" </div>
popoverTitle="Pointing URL" <div *ngIf="page && page.userAccount && page.userAccount.lastLoginDate">
class="ml-1" <!--<div class="text-md-right d-none d-sm-block">
>
<i class="mdi mdi-information"></i>
</span>
</div>
<div
*ngIf="page && page.userAccount && page.userAccount.lastLoginDate"
>
<!--<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'" </div>
></a> </div>
</div>
</div> </div>
</div> </footer>
</div> </div>
</div>
</footer>
</div>
</div> </div>
<div id="overlay" class="rightbar-overlay"></div> <div id="overlay" class="rightbar-overlay"></div>
<ng-template #templateChangePassword> <ng-template #templateChangePassword>
<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 class="modal-body">
<div
class="alert alert-light bg-light text-dark font-13 border-0"
role="alert"
>
<span>Password must contain minimum of 4 characters.</span>
</div>
<div class="form-group mb-3">
<label class="mb-1">New Password</label>
<input
type="password"
formControlName="password"
block
autocomplete="nope"
class="form-control"
[ngClass]="{ 'is-invalid': submitted && form.password.errors }"
placeholder="Your new password"
/>
<div *ngIf="submitted && form.password.errors" class="invalid-feedback">
<div *ngIf="form.password.errors.minLength">Invalid password</div>
</div> </div>
</div> <div class="modal-body">
<div class="form-group"> <div class="alert alert-light bg-light text-dark font-13 border-0"
<label class="mb-1">Re-enter Password</label> role="alert">
<div class="input-group mb-0"> <span>Password must contain minimum of 4 characters.</span>
<input </div>
type="password" <div class="form-group mb-3">
formControlName="confirmPassword" <label class="mb-1">New Password</label>
block <input type="password"
autocomplete="nope" formControlName="password"
class="form-control" block
[ngClass]="{ 'is-invalid': submitted && form.confirmPassword.errors }" autocomplete="nope"
placeholder="Your new password again" class="form-control"
/> [ngClass]="{ 'is-invalid': submitted && form.password.errors }"
<div class="input-group-append cursor-pointer" password> placeholder="Your new password" />
<div class="input-group-text"> <div *ngIf="submitted && form.password.errors" class="invalid-feedback">
<span class="password-eye"></span> <div *ngIf="form.password.errors.minLength">Invalid password</div>
</div>
</div>
<div class="form-group">
<label class="mb-1">Re-enter Password</label>
<div class="input-group mb-0">
<input type="password"
formControlName="confirmPassword"
block
autocomplete="nope"
class="form-control"
[ngClass]="{ 'is-invalid': submitted && form.confirmPassword.errors }"
placeholder="Your new password again" />
<div class="input-group-append cursor-pointer" password>
<div class="input-group-text">
<span class="password-eye"></span>
</div>
</div>
</div>
<div *ngIf="submitted && form.confirmPassword.errors"
class="invalid-feedback show-must">
<div *ngIf="form.confirmPassword.errors.minLength || form.confirmPassword.errors.notEquivalent">
Passwords are not matched
</div>
</div>
</div> </div>
</div>
</div> </div>
<div <div class="modal-footer">
*ngIf="submitted && form.confirmPassword.errors" <button type="button"
class="invalid-feedback show-must" class="btn btn-sm btn-light mr-1"
> (click)="onCloseModal();">
<div Cancel
*ngIf="form.confirmPassword.errors.minLength || form.confirmPassword.errors.notEquivalent" </button>
> <button type="submit"
Passwords are not matched [disabled]="submitting"
</div> class="btn btn-sm btn-primary">
<span *ngIf="submitting">
<span class="spinner-border spinner-border-sm mr-1"
role="status"
aria-hidden="true"></span>
Please wait..
</span>
<span *ngIf="!submitting">Submit</span>
</button>
</div> </div>
</div> </form>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-sm btn-light mr-1"
(click)="onCloseModal();"
>
Cancel
</button>
<button
type="submit"
[disabled]="submitting"
class="btn btn-sm btn-primary"
>
<span *ngIf="submitting">
<span
class="spinner-border spinner-border-sm mr-1"
role="status"
aria-hidden="true"
></span>
Please wait..
</span>
<span *ngIf="!submitting">Submit</span>
</button>
</div>
</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="avatar-xs mr-2">
<div class="media" style="line-height: normal !important"> <!--<avatar-img *ngIf="item.optionalText" [src]="item.optionalText" [alt]="item.value" cssClass="img-fluid rounded-circle"></avatar-img>-->
<div class="avatar-xs mr-2"> <!--<span *ngIf="!item.optionalText" class="avatar-title rounded-circle font-10 bg-soft-warning font-weight-bold text-warning" [textContent]="item.value | initials"></span>-->
<!--<avatar-img *ngIf="item.optionalText" [src]="item.optionalText" [alt]="item.value" cssClass="img-fluid rounded-circle"></avatar-img>--> <span class="avatar-title rounded-circle font-10 bg-soft-primary font-weight-bold text-primary"
<!--<span *ngIf="!item.optionalText" class="avatar-title rounded-circle font-10 bg-soft-warning font-weight-bold text-warning" [textContent]="item.value | initials"></span>--> [textContent]="item.value | initials"></span>
<span </div>
class="avatar-title rounded-circle font-10 bg-soft-primary font-weight-bold text-primary" <div class="media-body">
[textContent]="item.value | initials" <ngb-highlight highlightClass="text-primary font-weight-bold"
></span> [result]="item.value"
</div> [term]="term"></ngb-highlight><br />
<div class="media-body"> <ngb-highlight highlightClass="text-primary font-weight-bold"
<ngb-highlight [result]="item.optionalText2 + ' / ' + item.optionalText1"
highlightClass="text-primary font-weight-bold" [term]="term"></ngb-highlight>
[result]="item.value" </div>
[term]="term"
></ngb-highlight
><br />
<ngb-highlight
highlightClass="text-primary font-weight-bold"
[result]="item.optionalText2 + ' / ' + item.optionalText1"
[term]="term"
></ngb-highlight>
</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="avatar-xs mr-2">
<div class="media" style="line-height: normal !important"> <span class="avatar-title rounded-circle font-15 bg-soft-primary font-weight-bold text-primary">
<div class="avatar-xs mr-2"> <i *ngIf="item.iconClasses" [class]="item.iconClasses"></i>
<span </span>
class="avatar-title rounded-circle font-15 bg-soft-primary font-weight-bold text-primary" </div>
> <div class="media-body">
<i *ngIf="item.iconClasses" [class]="item.iconClasses"></i> <ngb-highlight highlightClass="text-primary font-weight-bold"
</span> [result]="item.subPage ? (item.mainPage + ' / ' + item.subPage) : item.mainPage"
</div> [term]="term"></ngb-highlight><br />
<div class="media-body"> <ngb-highlight highlightClass="text-primary font-weight-bold"
<ngb-highlight [result]="item.displayName"
highlightClass="text-primary font-weight-bold" [term]="term"></ngb-highlight>
[result]="item.subPage ? (item.mainPage + ' / ' + item.subPage) : item.mainPage" </div>
[term]="term"
></ngb-highlight
><br />
<ngb-highlight
highlightClass="text-primary font-weight-bold"
[result]="item.displayName"
[term]="term"
></ngb-highlight>
</div> </div>
</div>
</ng-template> </ng-template>
<ng-template #templateModify> <ng-template #templateModify>
<div class="modal-header"> <div class="modal-header">
<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>
× </div>
</button> <form [formGroup]="userForm" (ngSubmit)="onProfileSubmit()">
</div> <div class="modal-body">
<form [formGroup]="userForm" (ngSubmit)="onProfileSubmit()"> <div *ngIf="userLoading">
<div class="modal-body"> <span class="spinner-border spinner-border-sm mr-1"
<div *ngIf="userLoading"> role="status"
<span aria-hidden="true"></span>
class="spinner-border spinner-border-sm mr-1" Please wait loading while we load user profile.
role="status"
aria-hidden="true"
></span>
Please wait loading while we load user profile.
</div>
<div class="row" *ngIf="!userLoading">
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>First Name <code>*</code></label>
<input
type="text"
class="form-control"
formControlName="firstName"
placeholder="Enter first name"
[ngClass]="{ 'is-invalid': submitted && profileForm.firstName.invalid }"
/>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Last Name <code>*</code></label>
<input
type="text"
class="form-control"
formControlName="lastName"
placeholder="Enter last name"
[ngClass]="{ 'is-invalid': submitted && profileForm.lastName.invalid }"
/>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="mb-1">Role <code>*</code></label>
<select
class="form-control custom-select"
formControlName="roleId"
[ngClass]="{ 'is-invalid': submitted && profileForm.roleId.errors }"
>
<option [ngValue]="null">Select</option>
<option [ngValue]="2">Administrator</option>
<option [ngValue]="5">Support</option>
<option [ngValue]="6">Nurse</option>
<option [ngValue]="7">Receptionist</option>
<option [ngValue]="8">Accountant</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="mb-1">Email address <code>*</code></label>
<input
type="text"
class="form-control"
readonly
formControlName="email"
maxlength="150"
block
autocomplete="nope"
[ngClass]="{ 'is-invalid': submitted && profileForm.email.errors }"
placeholder="Enter email address"
/>
</div>
</div>
</div>
<div class="row mb-1">
<div class="col-md-6">
<div class="form-group mb-0">
<label class="mb-1">Mobile number <code>*</code></label>
<input
type="text"
numbersOnly
readonly
class="form-control"
formControlName="mobile"
maxlength="10"
block
autocomplete="nope"
[ngClass]="{ 'is-invalid': submitted && profileForm.mobile.errors }"
placeholder="Enter mobile number"
/>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label class="mb-1">Country <code>*</code></label>
<input
type="text"
readonly
formControlName="countryName"
class="form-control"
/>
</div>
</div>
</div>
<div class="row mb-1">
<div class="col-md-6">
<div class="form-group mb-0">
<label class="mb-1">Gender</label>
<select
class="form-control custom-select"
formControlName="gender"
>
<option [ngValue]="null">Select</option>
<option [ngValue]="'M'">Male</option>
<option [ngValue]="'F'">Female</option>
<option [ngValue]="'O'">Others</option>
</select>
</div>
</div> </div>
<div class="col-md-6 mb-0"> <div class="row" *ngIf="!userLoading">
<div class="form-group position-relative"> <div class="col-md-12">
<label class="mb-1">Date Of Birth</label> <div class="row">
<input <div class="col-md-6">
class="form-control date-picker" <div class="form-group">
type="text" <label>First Name <code>*</code></label>
placeholder="Select" <input type="text"
formControlName="dateOfBirth" class="form-control"
readonly formControlName="firstName"
autocomplete="nope" placeholder="Enter first name"
ngbDatepicker [ngClass]="{ 'is-invalid': submitted && profileForm.firstName.invalid }" />
#dateOfBirth="ngbDatepicker" </div>
[maxDate]="today" </div>
[minDate]="minDate" <div class="col-md-6">
(click)="dateOfBirth.toggle(); $event.stopPropagation();" <div class="form-group">
/> <label>Last Name <code>*</code></label>
</div> <input type="text"
class="form-control"
formControlName="lastName"
placeholder="Enter last name"
[ngClass]="{ 'is-invalid': submitted && profileForm.lastName.invalid }" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="mb-1">Role <code>*</code></label>
<select class="form-control custom-select"
formControlName="roleId"
[ngClass]="{ 'is-invalid': submitted && profileForm.roleId.errors }">
<option [ngValue]="null">Select</option>
<option [ngValue]="2">Administrator</option>
<option [ngValue]="5">Support</option>
<option [ngValue]="6">Nurse</option>
<option [ngValue]="7">Receptionist</option>
<option [ngValue]="8">Accountant</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="mb-1">Email address <code>*</code></label>
<input type="text"
class="form-control"
readonly
formControlName="email"
maxlength="150"
block
autocomplete="nope"
[ngClass]="{ 'is-invalid': submitted && profileForm.email.errors }"
placeholder="Enter email address" />
</div>
</div>
</div>
<div class="row mb-1">
<div class="col-md-6">
<div class="form-group mb-0">
<label class="mb-1">Mobile number <code>*</code></label>
<input type="text"
numbersOnly
readonly
class="form-control"
formControlName="mobile"
maxlength="10"
block
autocomplete="nope"
[ngClass]="{ 'is-invalid': submitted && profileForm.mobile.errors }"
placeholder="Enter mobile number" />
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label class="mb-1">Country <code>*</code></label>
<input type="text"
readonly
formControlName="countryName"
class="form-control" />
</div>
</div>
</div>
<div class="row mb-1">
<div class="col-md-6">
<div class="form-group mb-0">
<label class="mb-1">Gender</label>
<select class="form-control custom-select"
formControlName="gender">
<option [ngValue]="null">Select</option>
<option [ngValue]="'M'">Male</option>
<option [ngValue]="'F'">Female</option>
<option [ngValue]="'O'">Others</option>
</select>
</div>
</div>
<div class="col-md-6 mb-0">
<div class="form-group position-relative">
<label class="mb-1">Date Of Birth</label>
<input class="form-control date-picker"
type="text"
placeholder="Select"
formControlName="dateOfBirth"
readonly
autocomplete="nope"
ngbDatepicker
#dateOfBirth="ngbDatepicker"
[maxDate]="today"
[minDate]="minDate"
(click)="dateOfBirth.toggle(); $event.stopPropagation();" />
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div> </div>
</div> <div class="modal-footer">
</div> <button type="button"
<div class="modal-footer"> class="btn btn-light btn-sm mr-1"
<button (click)="onCloseModal();">
type="button" Cancel
class="btn btn-light btn-sm mr-1" </button>
(click)="onCloseModal();" <button type="submit"
> [disabled]="submitting"
Cancel class="btn btn-primary btn-sm">
</button> <span *ngIf="submitting">
<button <span class="spinner-border spinner-border-sm mr-1"
type="submit" role="status"
[disabled]="submitting" aria-hidden="true"></span>
class="btn btn-primary btn-sm" Please wait..
> </span>
<span *ngIf="submitting"> <span *ngIf="!submitting">Submit</span>
<span </button>
class="spinner-border spinner-border-sm mr-1" </div>
role="status" </form>
aria-hidden="true"
></span>
Please wait..
</span>
<span *ngIf="!submitting">Submit</span>
</button>
</div>
</form>
</ng-template> </ng-template>
<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 class="modal-body">
<div
*ngIf="cubiclesLoading"
class="d-flex justify-content-center align-items-center"
>
<span class="spinner-grow spinner-grow-lg"></span> please wait while
loading cubicles
</div> </div>
<div <div class="modal-body">
class="d-flex justify-content-center" <div *ngIf="cubiclesLoading"
*ngIf="page.userAccount.roleId !== 3 && !cubiclesLoading" class="d-flex justify-content-center align-items-center">
>
<div class="form-group text-center">
<label class="mb-1">Select Consultant Doctor</label>
<div
*ngIf="settingService.selectedConsultantDoctor && !isAssigningDoctor"
>
<span
class="text-capitalize font-weight-bold mr-2"
[textContent]="settingService.selectedConsultantDoctor.value"
></span>
<span
(click)="clearConsultantDoctor(select3)"
class="cursor-pointer text-danger"
>
<i class="mdi mdi-close"></i>
</span>
</div>
<ng-container *ngIf="isAssigningDoctor">
<div class="d-flex justify-contant-center align-items-center my-2">
<span class="spinner-grow spinner-grow-lg"></span> please wait while <span class="spinner-grow spinner-grow-lg"></span> please wait while
assigning/un assigning doctor loading cubicles
</div> </div>
</ng-container> <div class="d-flex justify-content-center"
<div *ngIf="page.userAccount.roleId !== 3 && !cubiclesLoading">
[ngClass]="{'d-block': !settingService.selectedConsultantDoctor, 'd-none': settingService.selectedConsultantDoctor}" <div class="form-group text-center">
> <label class="mb-1">Select Consultant Doctor</label>
<ng-select <div *ngIf="settingService.selectedConsultantDoctor && !isAssigningDoctor">
[items]="providers | async" <span class="text-capitalize font-weight-bold mr-2"
#select3 [textContent]="settingService.selectedConsultantDoctor.value"></span>
[loading]="loadingProviders" <span (click)="clearConsultantDoctor(select3)"
bindLabel="value" class="cursor-pointer text-danger">
bindValue="id" <i class="mdi mdi-close"></i>
[typeahead]="providersInput" </span>
typeToSearchText="Search provider" </div>
[virtualScroll]="true" <ng-container *ngIf="isAssigningDoctor">
placeholder="Enter provider name" <div class="d-flex justify-contant-center align-items-center my-2">
(change)="onProviderChange($event)" <span class="spinner-grow spinner-grow-lg"></span> please wait while
class="cubible-search" assigning/un assigning doctor
[(ngModel)]="providerId" </div>
> </ng-container>
<ng-template ng-notfound-tmp let-searchTerm="searchTerm"> <div [ngClass]="{'d-block': !settingService.selectedConsultantDoctor, 'd-none': settingService.selectedConsultantDoctor}">
<div class="ng-option disabled" *ngIf="searchTerm"> <ng-select [items]="providers | async"
No provider found for '{{ searchTerm }}' #select3
</div> [loading]="loadingProviders"
<div class="ng-option disabled" *ngIf="!searchTerm"> bindLabel="value"
Search consultant doctor bindValue="id"
</div> [typeahead]="providersInput"
</ng-template> typeToSearchText="Search provider"
<ng-template ng-option-tmp let-item="item" let-i="index"> [virtualScroll]="true"
<div class="media"> placeholder="Enter provider name"
<div class="avatar-xs mr-1"> (change)="onProviderChange($event)"
<!--<img *ngIf="item.optionalText" class="cubible-search"
[(ngModel)]="providerId">
<ng-template ng-notfound-tmp let-searchTerm="searchTerm">
<div class="ng-option disabled" *ngIf="searchTerm">
No provider found for '{{ searchTerm }}'
</div>
<div class="ng-option disabled" *ngIf="!searchTerm">
Search consultant doctor
</div>
</ng-template>
<ng-template ng-option-tmp let-item="item" let-i="index">
<div class="media">
<div class="avatar-xs mr-1">
<!--<img *ngIf="item.optionalText"
[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"></span>
[textContent]="item.value | initials" </div>
></span> <div class="media-body">
</div> <h5 class="mb-0 mt-0 font-14 font-weight-normal"
<div class="media-body"> [textContent]="item.value"></h5>
<h5 <h6 class="mb-0 mt-0 font-15 font-weight-normal"
class="mb-0 mt-0 font-14 font-weight-normal" [textContent]="item.optionalText2"></h6>
[textContent]="item.value" <h6 class="mb-0 mt-0 font-15 font-weight-normal"
></h5> [textContent]="item.optionalText1"></h6>
<h6 </div>
class="mb-0 mt-0 font-15 font-weight-normal" </div>
[textContent]="item.optionalText2" </ng-template>
></h6> <ng-template ng-label-tmp let-item="item">
<h6 <div class="media">
class="mb-0 mt-0 font-15 font-weight-normal" <div class="avatar-xs mr-1">
[textContent]="item.optionalText1" <!--<img *ngIf="item.optionalText"
></h6>
</div>
</div>
</ng-template>
<ng-template ng-label-tmp let-item="item">
<div class="media">
<div class="avatar-xs mr-1">
<!--<img *ngIf="item.optionalText"
[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"></span>
[textContent]="item.value | initials" </div>
></span> <div class="media-body">
<h5 class="mb-0 mt-0 font-14 font-weight-normal"
[textContent]="item.value"></h5>
</div>
</div>
</ng-template>
</ng-select>
</div> </div>
<div class="media-body"> </div>
<h5
class="mb-0 mt-0 font-14 font-weight-normal"
[textContent]="item.value"
></h5>
</div>
</div>
</ng-template>
</ng-select>
</div> </div>
</div> <div *ngIf="!cubiclesLoading" class="table-responsive">
</div> <table class="table table-sm table-bordered table-striped">
<div *ngIf="!cubiclesLoading" class="table-responsive"> <tbody>
<table class="table table-sm table-bordered table-striped"> <tr *ngIf="currentAssignedCubicles.length" class="table-primary">
<tbody> <th>Assigned Room</th>
<tr *ngIf="currentAssignedCubicles.length" class="table-primary"> <th class="text-right">Assigned To</th>
<th>Assigned Room</th> <th class="text-right">Action</th>
<th class="text-right">Assigned To</th> </tr>
<th class="text-right">Action</th> <tr *ngFor="let item of currentAssignedCubicles">
</tr> <td [textContent]="item.name"></td>
<tr *ngFor="let item of currentAssignedCubicles"> <td class="text-right" [textContent]="item.assignedName"></td>
<td [textContent]="item.name"></td> <td width="150" class="text-right">
<td class="text-right" [textContent]="item.assignedName"></td> <button class="btn btn-sm mb-0 btn-danger"
<td width="150" class="text-right"> *ngIf="(page.userAccount.roleId === 1 || page.userAccount.roleId === 5 || page.userAccount.roleId === 2 || page.userAccount.accountId === item.accountId) && !item.loading"
<button (click)="onUnassign(item)">
class="btn btn-sm mb-0 btn-danger" <i class="mdi mdi-close mr-1"></i>
*ngIf="(page.userAccount.roleId === 1 || page.userAccount.roleId === 5 || page.userAccount.roleId === 2 || page.userAccount.accountId === item.accountId) && !item.loading" <span *ngIf="!item.loading">Remove</span>
(click)="onUnassign(item)" <span *ngIf="item.loading">loading...</span>
> </button>
<i class="mdi mdi-close mr-1"></i> </td>
<span *ngIf="!item.loading">Remove</span> </tr>
<span *ngIf="item.loading">loading...</span> <tr *ngIf="currentAssignedCubicles.length > 0">
</button> <td colspan="3">
</td> <nav class="d-flex align-items-center justify-content-between">
</tr> <p class="mb-0 font-13">
<tr *ngIf="currentAssignedCubicles.length > 0">
<td colspan="3">
<nav class="d-flex align-items-center justify-content-between">
<p class="mb-0 font-13"></p>
<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"
>
<ng-template ngbPaginationPrevious
><i class="fe-arrow-left"></i
></ng-template>
<ng-template ngbPaginationNext
><i class="fe-arrow-right"></i
></ng-template>
</ngb-pagination>
</nav>
</td>
</tr>
<tr *ngIf="currentUnAssignedCubicles.length" class="table-primary"> </p>
<th colspan="3"> <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">
<div class="d-flex justify-content-between align-items-center"> <ng-template ngbPaginationPrevious><i class="fe-arrow-left"></i></ng-template>
<div>Unassigned Rooms</div> <ng-template ngbPaginationNext><i class="fe-arrow-right"></i></ng-template>
<div> </ngb-pagination>
<ng-select </nav>
class="ng-select-sm text-uppercase" </td>
[items]="unassignedCubicles" </tr>
bindLabel="name"
bindValue="cubicleId" <tr *ngIf="currentUnAssignedCubicles.length" class="table-primary">
autocomplete="nope" <th colspan="3">
(change)="onUnAssignedCubicleSearch($event)" <div class="d-flex justify-content-between align-items-center">
placeholder="Search unassigned cubilces" <div>
> Unassigned Rooms
<ng-template ng-notfound-tmp let-searchTerm="searchTerm"> </div>
<div class="ng-option disabled"> <div>
No unassigned cubicles found for '{{searchTerm}}' <ng-select class="ng-select-sm text-uppercase" [items]="unassignedCubicles"
</div> bindLabel="name"
</ng-template> bindValue="cubicleId"
</ng-select> autocomplete="nope"
</div> (change)="onUnAssignedCubicleSearch($event)"
</div> placeholder="Search unassigned cubilces">
</th> <ng-template ng-notfound-tmp let-searchTerm="searchTerm">
</tr> <div class="ng-option disabled">
<tr *ngFor="let item of currentUnAssignedCubicles"> No unassigned cubicles found for '{{searchTerm}}'
<td [textContent]="item.name"></td> </div>
<td colspan="2" class="text-right"> </ng-template>
<button </ng-select>
class="btn btn-sm mb-0 btn-success" </div>
(click)="onAssign(item)" </div>
> </th>
<i class="mdi mdi-check mr-1"></i> </tr>
<span *ngIf="!item.loading">Select</span> <tr *ngFor="let item of currentUnAssignedCubicles">
<span *ngIf="item.loading">loading...</span> <td [textContent]="item.name"></td>
</button> <td colspan="2" class="text-right">
</td> <button class="btn btn-sm mb-0 btn-success"
</tr> (click)="onAssign(item)">
<tr <i class="mdi mdi-check mr-1"></i>
*ngIf="currentUnAssignedCubicles.length > 0 && unAssignedCubiclespaginationFlag" <span *ngIf="!item.loading">Select</span>
> <span *ngIf="item.loading">loading...</span>
<td colspan="3"> </button>
<nav class="d-flex align-items-center justify-content-between"> </td>
<p class="mb-0 font-13"></p> </tr>
<ngb-pagination <tr *ngIf="currentUnAssignedCubicles.length > 0 && unAssignedCubiclespaginationFlag">
class="pagination justify-content-end" <td colspan="3">
[maxSize]="5"
[rotate]="false" <nav class="d-flex align-items-center justify-content-between">
[ellipses]="false" <p class="mb-0 font-13">
[(page)]="unAssignedCubiclespagination.pageIndex"
[pageSize]="unAssignedCubiclespagination.pageSize" </p>
(pageChange)="onUnAssignedPageChange($event)" <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">
[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>
<ng-template ngbPaginationPrevious </ngb-pagination>
><i class="fe-arrow-left"></i </nav>
></ng-template> </td>
<ng-template ngbPaginationNext </tr>
><i class="fe-arrow-right"></i
></ng-template> </tbody>
</ngb-pagination> </table>
</nav> </div>
</td> </div>
</tr> <div class="modal-footer">
</tbody> <button type="button"
</table> class="btn btn-light btn-sm mr-1"
(click)="onCloseModal();">
Close
</button>
</div> </div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-light btn-sm mr-1"
(click)="onCloseModal();"
>
Close
</button>
</div>
</ng-template> </ng-template>
Presentation/Hims.Admin/src/index.html
View file @ b86c5d4f
<!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