|
@@ -1,18 +1,47 @@
|
|
|
|
|
|
|
|
|
<ng-template [ngIf]="authSer.arabicTemplate" [ngIfElse]="englishTemplate">
|
|
|
- <div class="internalHeader-w">
|
|
|
+ <div class="internalHeader-w"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-5 col-sm-5 col-md-4 col-lg-4" style="margin:0;padding:0">
|
|
|
<ul class="list-unstyled notificationList-w" *ngIf="!authSer.isAuthenticated()">
|
|
|
<li class="profileData-w">
|
|
|
<div class="btn-group" ngbDropdown role="group" aria-label="Button group with nested dropdown">
|
|
|
- <button class="buttonW" ngbDropdownToggle><img src="{{authSer.dataLoginUser['photo'] ? authSer.pathImg + authSer.dataLoginUser['photo'] : authSer.imgSrc}}" title="imageProfile" /> {{authSer.dataLoginUser['name']}} </button>
|
|
|
+ <button class="buttonW" ngbDropdownToggle>
|
|
|
+ <img src="{{authSer.dataLoginUser['photo'] ? authSer.pathImg + authSer.dataLoginUser['photo'] : authSer.imgSrc}}" title="imageProfile" alt="" />
|
|
|
+
|
|
|
+ {{authSer.dataLoginUser['name']}} </button>
|
|
|
+
|
|
|
<div class="dropdown-menu" style="text-align:right" ngbDropdownMenu>
|
|
|
- <button class="dropdown-item" style="cursor: pointer;" (click)="onGetProfile()">صفحتي</button>
|
|
|
- <button class="dropdown-item" style="cursor: pointer;" (click)="onDashBoard()"> لوحه التحكم</button>
|
|
|
- <button class="dropdown-item" style="cursor: pointer;" (click)="onLogout()">تسجيل الخروج</button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-bell"></i>
|
|
|
+ <span>الاشعارات</span>
|
|
|
+ </button>
|
|
|
+ <!-- <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-comments"></i>
|
|
|
+ <span>رسائل</span>
|
|
|
+ </button> -->
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" (click)="onGetProfile()">
|
|
|
+ <i class="fas fa-user-alt"></i>
|
|
|
+ <span>ملفي</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-sticky-note"></i>
|
|
|
+ <span>ملاحظاتي</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-tasks"></i>
|
|
|
+ <span>مهامي</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" (click)="onDashBoard()">
|
|
|
+ <i class="fas fa-solar-panel"></i>
|
|
|
+ <span>لوحة التحكم</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;color: #da0b0b !important;background-color: #f3f3f3;border-radius: 4px;" (click)="onLogout()">
|
|
|
+ <i class="fas fa-sign-out-alt" style="color: #da0b0b !important;"></i>
|
|
|
+ <span>خروج</span>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
@@ -140,11 +169,40 @@
|
|
|
<ul class="list-unstyled notificationList-w" *ngIf="!authSer.isAuthenticated()">
|
|
|
<li class="profileData-w">
|
|
|
<div class="btn-group" ngbDropdown role="group" aria-label="Button group with nested dropdown">
|
|
|
- <button class="buttonW" ngbDropdownToggle><img src="{{authSer.dataLoginUser['photo'] ? authSer.pathImg + authSer.dataLoginUser['photo'] : authSer.imgSrc}}" title="imageProfile" /> {{authSer.dataLoginUser['name']}} </button>
|
|
|
- <div class="dropdown-menu" style="text-align:left" ngbDropdownMenu>
|
|
|
- <button class="dropdown-item" style="cursor: pointer;" (click)="onGetProfile()">Profile</button>
|
|
|
+ <button class="buttonW" ngbDropdownToggle><img src="{{authSer.dataLoginUser['photo'] ? authSer.pathImg + authSer.dataLoginUser['photo'] : authSer.imgSrc}}" title="imageProfile" alt=" " /> {{authSer.dataLoginUser['name']}} </button>
|
|
|
+ <div class="dropdown-menu en_" style="text-align:left" ngbDropdownMenu>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-bell"></i>
|
|
|
+ <span>Notifications</span>
|
|
|
+ </button>
|
|
|
+ <!-- <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-comments"></i>
|
|
|
+ <span>رسائل</span>
|
|
|
+ </button> -->
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" (click)="onGetProfile()">
|
|
|
+ <i class="fas fa-user-alt"></i>
|
|
|
+ <span>Profile</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-sticky-note"></i>
|
|
|
+ <span>Notes</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" >
|
|
|
+ <i class="fas fa-tasks"></i>
|
|
|
+ <span>Tasks</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" (click)="onDashBoard()">
|
|
|
+ <i class="fas fa-solar-panel"></i>
|
|
|
+ <span>DashBoard</span>
|
|
|
+ </button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;color: #da0b0b !important;background-color: #f3f3f3;border-radius: 4px;" (click)="onLogout()">
|
|
|
+ <i class="fas fa-sign-out-alt" style="color: #da0b0b !important;"></i>
|
|
|
+ <span>Log Out</span>
|
|
|
+ </button>
|
|
|
+
|
|
|
+ <!-- <button class="dropdown-item" style="cursor: pointer;" (click)="onGetProfile()">Profile</button>
|
|
|
<button class="dropdown-item" style="cursor: pointer;" (click)="onDashBoard()"> DashBoard</button>
|
|
|
- <button class="dropdown-item" style="cursor: pointer;" (click)="onLogout()">Log Out</button>
|
|
|
+ <button class="dropdown-item" style="cursor: pointer;" (click)="onLogout()">Log Out</button> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
@@ -160,11 +218,11 @@
|
|
|
</div>
|
|
|
<div class="col-2 col-sm-2 col-md-4 col-lg-4 d-none d-sm-none d-md-block d-lg-block">
|
|
|
<p class="dateW"> {{currentEnglishDate | date:'fullDate'}} </p>
|
|
|
- <span class="ar" (click)="authSer.onLanguageContent('ar')" [ngClass]="{'activeLanguage':authSer. arabicLanguage}" *ngIf="authSer.showArabicIcon">Aa</span>
|
|
|
+ <span class="ar" (click)="authSer.onLanguageContent('ar')" [ngClass]="{'activeLanguage':authSer. arabicLanguage}" *ngIf="authSer.showArabicIcon">عربي</span>
|
|
|
<span class="en" (click)="authSer.onLanguageContent('en')" [ngClass]="{'activeLanguage': authSer.englishLanguage}" *ngIf="authSer.showEnglishIcon">En</span>
|
|
|
</div>
|
|
|
<div class="col-2 col-sm-2 col-md-4 col-lg-4 d-md-none d-lg-none">
|
|
|
- <span class="ar" (click)="authSer.onLanguageContent('ar')" [ngClass]="{'activeLanguage':authSer. arabicLanguage}" *ngIf="authSer.showArabicIcon">Aa</span>
|
|
|
+ <span class="ar" (click)="authSer.onLanguageContent('ar')" [ngClass]="{'activeLanguage':authSer. arabicLanguage}" *ngIf="authSer.showArabicIcon">عربي</span>
|
|
|
<span class="en" (click)="authSer.onLanguageContent('en')" [ngClass]="{'activeLanguage': authSer.englishLanguage}" *ngIf="authSer.showEnglishIcon">En</span>
|
|
|
</div>
|
|
|
</div>
|