\r\n
\r\n\r\n
\r\n \r\n{{\"general.Edit Profile\" | translate}}
\r\n \r\n\r\n
\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { environment } from 'src/environments/environment';\r\nimport { ListFilter } from '../models/review';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class GuestsReviewService {\r\n\r\n refreshList = new BehaviorSubject\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n {{details.name}}
\r\n\r\n \r\n , {{item.name}}\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n {{'content4.Basic Information' | translate}}
\r\n \r\n
\r\n \r\n \r\n
\r\n {{'forms.Email' | translate}}
\r\n {{details.email}}\r\n \r\n\r\n \r\n
\r\n \r\n {{'forms.Phone number' | translate}}
\r\n \r\n {{details.countryCode + ' ' + details.phoneNumber}}\r\n \r\n\r\n \r\n
\r\n\r\n {{'forms.Gender' | translate}}
\r\n {{details.gender.name}}\r\n \r\n\r\n \r\n
\r\n {{'forms.Date of birth' | translate}}
\r\n \r\n {{details.dateOfBirth | DateModel}}\r\n \r\n \r\n\r\n \r\n
\r\n {{'forms.Nationality' | translate}}
\r\n \r\n {{details.nationality}}\r\n \r\n \r\n\n \n
\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { DirtyComponent } from 'src/app/helpers/CanDeactivate/dirty-component';\r\nimport { ReportContentService } from '../../services/ReportContent.service';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport Swal from 'sweetalert2';\r\nimport { CustomValidator } from 'src/app/helpers/custom.validator';\r\nimport { DecisionEnum } from '../../models/reportedContent';\r\nimport { Record } from 'src/app/features/restaurants/models/List.GuestReviews';\r\nexport interface DialogData {\r\n record: Record\r\n}\r\n@Component({\r\n selector: 'app-report-content-resolve-form',\r\n templateUrl: './report-content-resolve-form.component.html'\r\n})\r\nexport class ReportContentResolveFormComponent extends DirtyComponent implements OnInit {\r\n override formGroup!: FormGroup;\r\n dataLoading = false;\r\n loading = false;\r\n\r\n isUpdate: boolean = this.data.record.reportDecision ? true : false;\r\n\r\n constructor(\r\n override dialogRef: MatDialogRef\n
\n\n
\n \n{{\"reviews.Mark as Resolved\" | translate}}
\n \n\r\n
\r\n\r\n\r\n\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { environment } from 'src/environments/environment';\r\nimport { ListFilter } from '../models/List.GuestReviews';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ReviewService {\r\n\r\n refreshList = new BehaviorSubject\r\n\r\n \r\n\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n {{'content3.Review Details' | translate}}
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {{ review.reviewName | shortName }}\r\n ![]()
\r\n
\r\n \r\n
\r\n {{review.reviewName}}
\r\n\r\n
\r\n\r\n \r\n {{'content3.Posted anonymously' | translate}}\r\n
\r\n\r\n
{{'content3.Posted on' | translate}}
\r\n\r\n {{review.reviewDate | date:'d MMM, y'}} {{'guests.at' | translate }} {{review.reviewDate | date:'shortTime'}}\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n {{ review.brancheName | shortName }}\r\n ![]()
\r\n
\r\n \r\n
\r\n {{review.brancheNameEn}}
\r\n{{review.brancheNameAr}}
\r\n\r\n \r\n \r\n \r\n {{'reviews.Reported' | translate}}\r\n \r\n \r\n \r\n {{'reviews.Resolved' | translate}}\r\n \r\n \r\n \r\n \r\n \r\n {{review.reportDecision[0].resolution}}\r\n \r\n \r\n \r\n {{'reviews.Hidden' | translate}}\r\n \r\n \r\n
\r\n \r\n \r\n {{'content3.Reservation' | translate}} #:\r\n \r\n {{ review.reservationNumber }}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {{'content3.Overall rating of the restaurant' | translate}}\r\n \r\n\r\n
\r\n\r\n \r\n \r\n ![\"\"](\"./assets/images/icons/stars.svg\")
\r\n \r\n {{review.reviewRate}}\r\n \r\n \r\n {{ 'reviews.skipped' | translate }} \r\n
\r\n \r\n \r\n {{review.reviewRate}}\r\n \r\n \r\n
\r\n {{'content3.Ordered Items' | translate}}
\r\n\r\n
\r\n \r\n \r\n \r\n {{order.orderItemRate}}\r\n \r\n
\r\n \r\n \r\n {{ order.orderItemName | shortName }}\r\n ![]()
\r\n
\r\n {{order.orderItemName}}\r\n \r\n \r\n {{order.orderItemRate}}\r\n \r\n \r\n
\r\n \r\n\r\n {{'content5.Amenities' | translate}}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n {{amenity.amenitiesRate}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0 , 'line' : fill == 0}\">\r\n 0}\">\r\n \r\n \r\n \r\n {{amenity.amenitiesRate}}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{\r\n amenity.amenitiesName | shortName }}\r\n ![]()
\r\n \r\n
\r\n {{amenity.amenitiesName}}\r\n \r\n {{amenity.amenitiesRate}}\r\n {{ 'reviews.skipped' | translate }}
\r\n\r\n ![]()
\r\n
\r\n {{amenity.amenitiesName}}\r\n {{ 'reviews.skipped' | translate }}
\r\n\r\n
\r\n\r\n {{'reviews.Resolution' | translate}}
\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {{'reviews.Resolved by' | translate}}
\r\n\r\n
\r\n \r\n {{ review.reportDecision[0].resolvedbyName | shortName }}\r\n ![]()
\r\n
\r\n \r\n
\r\n {{review.reportDecision[0].resolvedbyName}}
\r\n\r\n\r\n
\r\n
\r\n\r\n {{'reviews.Resolution' | translate}}
\r\n{{review.reportDecision[0].resolution}}
\r\n\r\n\r\n
\r\n
\r\n\r\n {{'reviews.Resolved on' | translate}}
\r\n\r\n \r\n {{review.reportDecision[0].resolvedDate | date:'d MMM, y'}} {{'guests.at' | translate }} {{review.reportDecision[0].resolvedDate | date:'shortTime'}}\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n {{'forms.Notes' | translate}}
\r\n{{review.reportDecision[0].resolutionComment}}
\r\n 1\">\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n {{'reviews.Resolved by' | translate}}
\r\n\r\n
\r\n \r\n {{ decision.resolvedbyName | shortName }}\r\n ![]()
\r\n
\r\n \r\n
\r\n {{decision.resolvedbyName}}
\r\n\r\n\r\n
\r\n
\r\n\r\n {{'reviews.Resolution' | translate}}
\r\n{{decision.resolution}}
\r\n\r\n\r\n
\r\n
\r\n\r\n {{'reviews.Resolved on' | translate}}
\r\n\r\n \r\n {{decision.resolvedDate | date:'d MMM, y'}} {{'guests.at' | translate }} {{decision.resolvedDate | date:'shortTime'}}\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n \r\n {{'forms.Notes' | translate}}
\r\n{{decision.resolutionComment}}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{'reviews.This Review has been reported by a user. Please go to the Reported content screen to take action' | translate}}\r\n
\r\n![](\"./assets/images/icons/warning-ic.svg\"){kind=icon}
',\r\n imageUrl: './assets/images/icons/warning-ic.svg',\r\n showCancelButton: true,\r\n confirmButtonText: this.translate.instant('swalMsg.Yes'),\r\n cancelButtonText: this.translate.instant('swalMsg.No'),\r\n // width: 750,\r\n // customClass: {\r\n // container: 'sweet-dialog',\r\n // }\r\n }).then((result) => {\r\n if (result.value) {\r\n this.dialogRef?.close();\r\n this.close.emit(true);\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n });\r\n } else {\r\n this.close.emit(true);\r\n this.dialogRef?.close();\r\n }\r\n return false;\r\n }\r\n\r\n @HostListener('window:beforeunload', ['$event']) unloadNotification($event: any) {\r\n if (this.canDeactivate()) {\r\n $event.returnValue = true;\r\n }\r\n }\r\n}\r\n","import { MatPaginatorIntl } from '@angular/material/paginator';\r\n\r\nconst lang = localStorage.getItem('language')\r\n\r\nexport function CustomPaginator() {\r\n\r\n const customPaginatorIntl = new MatPaginatorIntl();\r\n\r\n customPaginatorIntl.itemsPerPageLabel = lang == 'ar' ? 'سجل لكل صفحة: ' : 'Entries per page: ';\r\n customPaginatorIntl.getRangeLabel = RangeLabel;\r\n\r\n return customPaginatorIntl;\r\n}\r\n\r\nconst RangeLabel = (page: number, pageSize: number, length: number) => {\r\n if (length == 0 || pageSize == 0) { return `0 ` + lang == 'ar' ? 'من' : 'of' + ` ${length}`; }\r\n\r\n length = Math.max(length, 0);\r\n\r\n const startIndex = page * pageSize;\r\n\r\n // If the start index exceeds the list length, do not try and fix the end index to the end.\r\n const endIndex = startIndex < length ?\r\n Math.min(startIndex + pageSize, length) :\r\n startIndex + pageSize;\r\n\r\n return `${startIndex + 1} - ${endIndex} ${lang == 'ar' ? 'من' : 'of'} ${length}`;\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DatePipe } from '@angular/common';\r\nimport { DatePickerModel } from '../models/DatePickerModel';\r\n\r\nconst MONTHS_AR = ['محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر', 'جمادى الأولى', 'جمادى الآخرة', 'رجب', 'شعبان', 'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'];\r\n\r\nconst MONTHS_EN = ['Muharram', 'Safar', 'Rabi\\'ul-Awwal', 'Rabi\\'ul-Akhir', 'Jumadal-Ula', 'Jumadal-Akhir', 'Rajab', 'Sha\\'ban', 'Ramadan', 'Syawwal', 'Dhul-Qa\\'da', 'Dhul-Hijja'];\r\n\r\nconst language = localStorage.getItem('language') || 'en';\r\n\r\n@Pipe({\r\n name: 'DateModel'\r\n})\r\nexport class DateModelPipe implements PipeTransform {\r\n transform(date: DatePickerModel|any, time: string|null = null): string {\r\n if (!date) { return ''; }\r\n const months = language === 'en' ? MONTHS_EN : MONTHS_AR;\r\n\r\n let result = '';\r\n if (date.gregorianDate) {\r\n if (date.gregorianDate) {\r\n result += new DatePipe(language).transform(date.gregorianDate, 'd MMM, y');\r\n }\r\n if (date.gregorianDate && date.hijri) {\r\n result += ' - ';\r\n }\r\n if (date.hijri) {\r\n result += date.hijri.day + ' ' + months[date.hijri.month - 1] + ', ' + date.hijri.year;\r\n }\r\n } else {\r\n if (date.isHijri) {\r\n result += date.day + ' ' + months[date.month - 1] + ', ' + date.year;\r\n } else {\r\n result += date.day + ' ' + date.month + ', ' + date.year;\r\n }\r\n }\r\n\r\n if (time) {\r\n result +=\r\n new DatePipe(language)\r\n .transform(String(date.gregorianDate).split('T')[0] + ' ' + time, ' - h:mm a');\r\n }\r\n\r\n return result;\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'DTM'\r\n})\r\nexport class DateTimeMergePipe implements PipeTransform {\r\n transform(date: Date, time: string): string {\r\n if (!date) { return ''; }\r\n const clearDate = String(date).split('T')[0] || '';\r\n // const newDate = new Date(date + '' + time);\r\n return clearDate + ' ' + time;\r\n }\r\n}\r\n","import {MissingTranslationHandler, MissingTranslationHandlerParams} from '@ngx-translate/core';\r\n\r\nexport class MyMissingTranslationHandler implements MissingTranslationHandler {\r\n handle(params: MissingTranslationHandlerParams) {\r\n return 'some value';\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';\r\nimport { AuthenticationService } from '../services/authentication.service';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AuthGuard implements CanActivate {\r\n constructor(\r\n private router: Router,\r\n private authenticationService: AuthenticationService\r\n ) { }\r\n\r\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {\r\n const currentUser = this.authenticationService.currentUserValue;\r\n if (currentUser) {\r\n this.authenticationService.menuLoaded.subscribe((data): any => {\r\n if (data) {\r\n if (location.pathname !== '/') {\r\n let menuItems = [];\r\n let canAccess = false;\r\n menuItems = [...data];\r\n menuItems.push({url: '/login'});\r\n menuItems.push({url: '/admin/profile'});\r\n menuItems.push({url: '/admin/changepassword'});\r\n menuItems.push({url: '/admin/floorPlan'});\r\n menuItems.forEach(item => {\r\n if (location.href.includes(item.url)) {\r\n canAccess = true;\r\n } else {\r\n if (item.childs && item.childs.length) {\r\n item.childs.forEach((child: any) => {\r\n if (location.href.includes(child.url)) {\r\n canAccess = true;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n if (canAccess) {\r\n return true;\r\n }\r\n this.router.navigate(['/admin']);\r\n }\r\n }\r\n });\r\n // authorised so return true\r\n return true;\r\n }\r\n\r\n // not logged in so redirect to login page with the return url\r\n this.router.navigate(['/logout'], { queryParams: { returnUrl: state.url } });\r\n return false;\r\n }\r\n}\r\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport class CustomValidator {\r\n static noWhiteSpace(control: AbstractControl): ValidationErrors | null {\r\n let crtValue = control.value;\r\n if (crtValue) { crtValue = crtValue.trim(); }\r\n if (!crtValue) { return { required: true }; }\r\n return null;\r\n }\r\n static MatchValidator(source: string, target: string): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n const sourceCtrl = control.get(source);\r\n const targetCtrl = control.get(target);\r\n\r\n return sourceCtrl && targetCtrl && sourceCtrl.value !== targetCtrl.value\r\n ? { mismatch: true }\r\n : null;\r\n };\r\n }\r\n}\r\n","import {\r\n Directive,\r\n Output,\r\n Input,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener\r\n } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appDnd]'\r\n })\r\nexport class DndDirective {\r\n @HostBinding('class.fileover') fileOver: boolean = false;\r\n @Output() fileDropped = new EventEmitter\n
\n\n\n
\n","import { Component, EventEmitter, NgZone, OnInit, Output } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Router } from '@angular/router';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { User } from 'src/app/models/auth/user';\r\nimport { Notification, NotificationsModel } from 'src/app/models/Notification';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { NavigationService } from 'src/app/services/navigation.service';\r\nimport { NotificationsService } from 'src/app/services/notifications.service';\r\nimport { SignalRService } from 'src/app/services/signal-rservice.service';\r\nimport Swal from 'sweetalert2';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html'\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n isArabic = false;\r\n\r\n @Output() sidebarTrigger = new EventEmitter();\r\n notificationNumber: number = 0;\r\n currentUser: User|null = new User();\r\n userMenu = false;\r\n shouldShow = false;\r\n\r\n notifLoading = false;\r\n pageNumber = 0;\r\n pageSize = 10;\r\n pageCount: number = 0;\r\n notificationMenu = false;\r\n notificationsResult: any = {\r\n unSeenNotificationsCount: 0,\r\n totalCount: 0,\r\n };\r\n notificationsList: Notification[] = [];\r\n NotificationsModel = new NotificationsModel();\r\n activeAlerts = {};\r\n\r\n constructor(\r\n private router: Router,\r\n public translate: TranslateService,\r\n private snackBar: MatSnackBar,\r\n public dialogRef: MatDialog,\r\n public navService: NavigationService,\r\n private authenticationService: AuthenticationService,\r\n private notificationsService: NotificationsService,\r\n private signalRService: SignalRService\r\n ) {\r\n // this.signalRService.startConnection();\r\n this.GetUnseenNotificationCount();\r\n this.currentUser = this.authenticationService.currentUserValue;\r\n // this.signalRService.changeNotificationCount(this, this.updateNotification);\r\n // this.signalRService.LogOut(this, this.getOut);\r\n }\r\n getOut(context: HeaderComponent) {\r\n context.logout();\r\n Swal.fire({\r\n title: this.translate.instant('swalMsg.Sorry'),\r\n text: this.translate.instant('swalMsg.accountHasChanged'),\r\n icon: 'warning',\r\n confirmButtonText: this.translate.instant('swalMsg.Ok'),\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n\r\n }\r\n ngOnDestroy(): void {\r\n\r\n }\r\n // SignalR\r\n updateNotification(context: HeaderComponent) {\r\n context.getNotifications();\r\n context.openSnackBar(context.translate.instant('general.You have a new notification'));\r\n }\r\n openSnackBar(msg: string) {\r\n this.snackBar.open(msg, '✖', { duration: 10000, horizontalPosition: 'end', verticalPosition: 'bottom' });\r\n }\r\n\r\n // Actions\r\n changeLanguage() {\r\n if (localStorage.getItem('language') === 'en') {\r\n localStorage.setItem('language', 'ar');\r\n } else {\r\n localStorage.setItem('language', 'en');\r\n }\r\n window.location.reload();\r\n }\r\n\r\n logout() {\r\n this.authenticationService.logout();\r\n this.router.navigate(['/login']);\r\n }\r\n\r\n // Notifications\r\n GetUnseenNotificationCount() {\r\n this.notificationsService.GetUnseenNotificationCount().subscribe(\r\n result => {\r\n this.notificationsResult.unSeenNotificationsCount = result;\r\n }, err => {\r\n console.error(err);\r\n });\r\n }\r\n updateNotificationsSeenStatus() {\r\n this.notificationsService.UpdateNotificationsSeenStatus().subscribe(\r\n result => {\r\n this.notificationsResult.unSeenNotificationsCount = 0;\r\n }, err => {\r\n console.error(err);\r\n });\r\n }\r\n openNotificationPanel() {\r\n this.notificationMenu = !this.notificationMenu;\r\n this.userMenu = false;\r\n // this.notificationsResult.unSeenNotificationsCount = 0;\r\n this.getNotifications();\r\n }\r\n getNextPage() {\r\n if (this.pageNumber < this.pageCount - 1) {\r\n this.pageNumber += 1;\r\n this.getNotifications(false);\r\n }\r\n }\r\n getNotifications(update = true) {\r\n if (update) {\r\n this.pageNumber = 0;\r\n this.notificationsList = [];\r\n }\r\n this.notifLoading = true;\r\n this.NotificationsModel.pageSize = this.pageSize;\r\n this.NotificationsModel.pageNumber = this.pageNumber;\r\n this.notificationsService.GetNotifications(this.NotificationsModel).subscribe(\r\n result => {\r\n this.notifLoading = false;\r\n this.notificationsResult = result;\r\n this.pageCount = Math.ceil(this.notificationsResult.totalCount / this.pageSize);\r\n this.notificationsList = this.notificationsList.concat(this.notificationsResult.pageData);\r\n }, err => {\r\n this.notifLoading = false;\r\n console.error(err);\r\n });\r\n }\r\n\r\n toggelSidebar() {\r\n const state = this.navService.sidebarState;\r\n state.sidenavOpen = !state.sidenavOpen;\r\n }\r\n\r\n}\r\n","\n \n
\n\r\n
\r\n\r\n\r\n
\r\n\r\n ![\"\"](\"assets/images/icons/minimize-sidebar.svg\")
\r\n
\r\n \r\n \r\n ![](\"./assets/images/logos/logo-sm.svg\")
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {{ notificationsResult.unSeenNotificationsCount }}\r\n ![](\"./assets/images/icons/notifications-icon.svg\"\r\n)
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n ![]()
\r\n \r\n
\r\n \r\n {{ 'general.Hello' | translate }}, {{currentUser.fullName}}\r\n
\r\n {{notif.notificationText}}
\r\n {{notif.notificationDate | date:'d MMM, y (h:mm a)'}}\r\n \r\n\r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router, RouterEvent } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-basic-layout',\r\n templateUrl: './basic-layout.component.html',\r\n})\r\nexport class BasicLayoutComponent implements OnInit {\r\n language = localStorage.getItem('language') || 'en';\r\n moduleLoading: boolean = false;\r\n\r\n constructor(\r\n public router: Router,\r\n private activatedRoute: ActivatedRoute,\r\n ) {\r\n /* router.events.subscribe((event: RouterEvent) => {\r\n this.navigationInterceptor(event);\r\n }); */\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // Shows and hides the moduleLoading spinner during RouterEvent changes\r\n navigationInterceptor(event: RouterEvent): void {\r\n if (event instanceof NavigationStart) {\r\n this.moduleLoading = true;\r\n }\r\n if (event instanceof NavigationEnd) {\r\n setTimeout(() => { // here\r\n this.moduleLoading = false;\r\n }, 100);\r\n }\r\n\r\n // Set moduleLoading state to false in both of the below events to hide the spinner in case a request fails\r\n if (event instanceof NavigationCancel) {\r\n setTimeout(() => { // here\r\n this.moduleLoading = false;\r\n }, 100);\r\n }\r\n if (event instanceof NavigationError) {\r\n setTimeout(() => { // here\r\n this.moduleLoading = false;\r\n }, 100);\r\n }\r\n }\r\n\r\n changeLanguage() {\r\n let params = JSON.parse(JSON.stringify(this.activatedRoute.snapshot.queryParams))\r\n let lang = this.language == 'en' ? 'ar' : 'en'\r\n params['lang'] = lang\r\n localStorage.setItem('language', lang);\r\n this.router.navigate(\r\n [],\r\n {\r\n relativeTo: this.activatedRoute,\r\n queryParams: params,\r\n queryParamsHandling: 'merge', // remove to replace all query params by provided\r\n });\r\n setTimeout(() => {\r\n window.location.reload();\r\n }, 100);\r\n }\r\n\r\n}\r\n","\r\n ![\"\"](\"./assets/images/logos/logo.svg\")
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router, RouterEvent } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-empty-layout',\r\n templateUrl: './empty-layout.component.html',\r\n})\r\nexport class EmptyLayoutComponent implements OnInit {\r\n language = localStorage.getItem('language') || 'en';\r\n moduleLoading: boolean = false;\r\n\r\n constructor(\r\n public router: Router,\r\n ) {\r\n /* router.events.subscribe((event: RouterEvent) => {\r\n this.navigationInterceptor(event);\r\n }); */\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // Shows and hides the moduleLoading spinner during RouterEvent changes\r\n navigationInterceptor(event: RouterEvent): void {\r\n if (event instanceof NavigationStart) {\r\n this.moduleLoading = true;\r\n }\r\n if (event instanceof NavigationEnd) {\r\n setTimeout(() => { // here\r\n this.moduleLoading = false;\r\n }, 100);\r\n }\r\n\r\n // Set moduleLoading state to false in both of the below events to hide the spinner in case a request fails\r\n if (event instanceof NavigationCancel) {\r\n setTimeout(() => { // here\r\n this.moduleLoading = false;\r\n }, 100);\r\n }\r\n if (event instanceof NavigationError) {\r\n setTimeout(() => { // here\r\n this.moduleLoading = false;\r\n }, 100);\r\n }\r\n }\r\n\r\n changeLanguage() {\r\n if (this.language === 'en') {\r\n localStorage.setItem('language', 'ar');\r\n } else {\r\n localStorage.setItem('language', 'en');\r\n }\r\n window.location.reload();\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n {{ 'forms.Required' | translate }}\r\n
\r\n\r\n {{ invalidMsg || ('forms.Invalid Date' | translate) }}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n ![\"\"]()
\r\n\r\n
\r\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-file-manager',\r\n templateUrl: './file-manager.component.html',\r\n})\r\nexport class FileManagerComponent implements OnInit {\r\n @Output() selectedFiles = new EventEmitter<[]>();\r\n @Output() deletedFilesList = new EventEmitter<[]>();\r\n\r\n @Input() files: any = [];\r\n @Input() docsEditable = true;\r\n @Input() maxFiles = 5;\r\n @Input() maxFileSize = 10;\r\n @Input() managerIndex: any = '0'; // For input id multi file manager in one view\r\n @Input() label!: string;\r\n @Input() isRequired = false;\r\n @Input() isSubmitted = false;\r\n @Input() isDisabled = false;\r\n @Input() cols = 1;\r\n\r\n @Input() allowedExt: any[] = [\r\n 'pdf',\r\n 'jpeg',\r\n 'jpg',\r\n 'png',\r\n 'doc',\r\n 'docx',\r\n 'wpd',\r\n 'tex',\r\n 'ppt',\r\n 'pptx',\r\n 'xlsx',\r\n 'xls',\r\n 'zip',\r\n 'rar',\r\n ];\r\n\r\n @Input() renderBtn = false;\r\n // Uploader\r\n @Input() isUploader = false;\r\n @Input() uplodaerType = 0;\r\n loading = false;\r\n uploadedFilesArr: any = [];\r\n\r\n /////\r\n selectedfilesCount = 0;\r\n deletedFiles: any = [];\r\n validFile = true;\r\n fileMaxSiZeErorr = false;\r\n fileMaxNameSiZeErorr = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n this.files.map((file: any) => {\r\n file.name = file.filePath\r\n });\r\n // if (this.files.length && this.isUploader) {\r\n // this.files.forEach(file => {\r\n // this.uploadedFilesArr.push({\r\n // fileName: file.name,\r\n // fileUpload: file.token\r\n // });\r\n // });\r\n // this.selectedFiles.emit(this.uploadedFilesArr);\r\n // }\r\n }\r\n\r\n validFileType(fileName: string) {\r\n const extension = fileName.split('.').pop()?.toLowerCase();\r\n const extensionUpper = fileName.split('.').pop()?.toUpperCase();\r\n\r\n if (!(this.allowedExt.includes(extension) || this.allowedExt.includes(extensionUpper))) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n fileExt(fileName: string) {\r\n const extension = fileName.split('.').pop()?.toLowerCase();\r\n switch (extension) {\r\n case 'pdf':\r\n return 'pdf';\r\n case 'jpeg':\r\n case 'jpg':\r\n return 'jpg';\r\n case 'png':\r\n return 'png';\r\n case 'doc':\r\n case 'docx':\r\n case 'wpd':\r\n case 'tex':\r\n return 'doc';\r\n case 'xlsx':\r\n case 'xls':\r\n return 'xls';\r\n case 'zip':\r\n case 'rar':\r\n return 'zip';\r\n case 'ppt':\r\n case 'pptx':\r\n return 'pptx';\r\n case 'mp4':\r\n case 'mpg':\r\n return 'video';\r\n default:\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * on file drop handler\r\n */\r\n onFileDropped($event: any) {\r\n this.prepareFilesList($event);\r\n }\r\n\r\n /**\r\n * handle file from browsing\r\n */\r\n fileBrowseHandler(event: any) {\r\n this.prepareFilesList(event.target.files);\r\n event.target.value = '';\r\n }\r\n\r\n /**\r\n * Delete file from files list\r\n * @param index (File index)\r\n */\r\n deleteFile(index: number, id: any) {\r\n if (id) {\r\n this.deletedFiles.push(id);\r\n }\r\n\r\n const deleted = this.files[index];\r\n this.files.splice(index, 1);\r\n\r\n if (this.isUploader) {\r\n const deletedIndx = this.uploadedFilesArr.findIndex((item: any) => item.fileUpload === deleted.token);\r\n this.uploadedFilesArr.splice(deletedIndx, 1);\r\n this.selectedFiles.emit(this.uploadedFilesArr);\r\n } else {\r\n this.selectedFiles.emit(this.files);\r\n this.deletedFilesList.emit(this.deletedFiles);\r\n }\r\n this.selectedfilesCount = this.files.length;\r\n }\r\n\r\n /**\r\n * Convert Files list to normal array list\r\n * @param files (Files List)\r\n */\r\n prepareFilesList(files: Array{{title}}
\r\n{{desc}}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ label ? label : ('fileManager.Drag and drop' | translate) }}
\r\n\r\n {{ (label ? 'fileManager.Or' : 'fileManager.Supporting Extensions here Or') | translate }}\r\n \r\n
\r\n \r\n {{\"fileManager.Supported Formats:\" | translate}}\r\n \r\n {{allowedExt}}\r\n \r\n \r\n PDF, DOC, JPG, and PNG\r\n
\r\n {{ \"fileManager.Max File Size\" | translate: { maxFileSize: maxFileSize } }}\r\n \r\n maxFiles && maxFiles > 1\" class=\"has-error\">\r\n {{ 'fileManager.Maximum allowed files is' | translate: { maxFiles: maxFiles } }}\r\n
\r\n maxFiles && maxFiles === 1\" class=\"has-error\">\r\n {{ 'fileManager.Only One File is allowed' | translate }}\r\n
\r\n {{\"fileManager.Invalid File Extensions\" | translate}}
\r\n {{ \"fileManager.Max File Size\" | translate: { maxFileSize: maxFileSize } }}
\r\n \r\n \r\n {{\"forms.Required\" | translate}}\r\n
\r\n \r\n
\r\n {{\"fileManager.No Files\" | translate}}
\r\n\r\n
\r\n \r\n\r\n","import { Component, inject } from '@angular/core';\nimport { ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\n\n@Component({\n selector: 'app-cropper-dialog',\n templateUrl: './cropper-dialog.component.html',\n})\nexport class CropperDialogComponent {\n data: {\n image: File;\n ratio: number;\n } = inject(MAT_DIALOG_DATA);\n result!: any;\n showCropper = false;\n scale = 1;\n transform: ImageTransform = {\n translateUnit: 'px'\n };\n\n constructor(\n private dialogRef: MatDialogRef\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ formatBytes(file?.size) }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \n
\n\n{{\"general.Crop Image\" | translate}}
\n\n \n\n\n
\n\n
\n\n \n \n\n
\n\n \n \n \n
\n \n \n
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-paging',\r\n templateUrl: './paging.component.html'\r\n})\r\nexport class PagingComponent implements OnInit {\r\n\r\n @Input() pageIndex: number = 0;\r\n @Input() pageCount: number = 0;\r\n @Output() page = new EventEmitter 1\">\n \n
\n","import { ChangeDetectorRef, Component, Input, Output, OnInit, EventEmitter } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { Countries } from 'src/app/models/Lookup';\r\nimport { LookupsService } from 'src/app/services/lookups.service';\r\n\r\n@Component({\r\n selector: 'app-phone-number',\r\n templateUrl: './phone-number.component.html'\r\n})\r\nexport class PhoneNumberComponent implements OnInit {\r\n @Input() formGroup: FormGroup = new FormGroup({});\r\n @Input() controlName!: string;\r\n @Input() isSubmitted!: boolean;\r\n @Input() required = false;\r\n @Input() disabled!: boolean;\r\n @Input() minLength: number = 5;\r\n @Input() maxLength: number = 15;\r\n @Input() label = this.translate.instant('forms.Phone number');\r\n\r\n @Input() selectedCountry!: number|any;\r\n phoneCountryId!: number|any;\r\n @Input() phoneNumberValue!: any;\r\n\r\n @Input() isCleared = false;\r\n @Input() loading = false;\r\n @Output() valueChanged = new EventEmitter\r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n ![\"\"]()
\r\n {{item.countryKey }}\r\n \r\n \r\n \r\n ![\"\"]()
\r\n {{item.name}}\r\n {{item.countryKey }}\r\n \r\n \r\n
\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n {{ 'forms.Required' | translate }}\r\n
\r\n\r\n {{ 'forms.Invalid value' | translate }}\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ label ? label : ('fileManager.Drag and drop' | translate) }}
\r\n\r\n {{ (label ? 'fileManager.Or' : 'fileManager.Supporting Extensions here Or') | translate }}\r\n \r\n
\r\n \r\n {{\"fileManager.Supported Formats:\" | translate}}\r\n {{allowedExt}}\r\n
\r\n {{ \"fileManager.Max File Size\" | translate: { maxFileSize: maxFileSize } }}\r\n maxFiles && maxFiles > 1\" class=\"has-error\">\r\n {{ 'fileManager.Maximum allowed files is' | translate: { maxFiles: maxFiles } }}\r\n
\r\n maxFiles && maxFiles === 1\" class=\"has-error\">\r\n {{ 'fileManager.Only One File is allowed' | translate }}\r\n
\r\n {{\"fileManager.Invalid File Extensions\" | translate}}
\r\n {{ \"fileManager.Max File Size\" | translate: { maxFileSize: maxFileSize } }}
\r\n \r\n \r\n {{\"forms.Required\" | translate}}\r\n
\r\n \r\n
\r\n\r\n\r\n {{\"fileManager.No Files\" | translate}}
\r\n\r\n
\r\n\r\n","import { LOCALE_ID, NgModule } from '@angular/core';\r\nimport { registerLocaleData } from '@angular/common';\r\nimport localeAr from '@angular/common/locales/ar';\r\nregisterLocaleData(localeAr);\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { environment } from 'src/environments/environment';\r\nimport { EmptyStateComponent } from './empty-state/empty-state.component';\r\n\r\n// Helpers\r\nimport { MaterialModule } from 'src/app/helpers/material-modules';\r\nimport { DndDirective } from 'src/app/helpers/dnd.directive';\r\nimport { SanitizeHtmlPipePipe } from 'src/app/helpers/sanitize-html-pipe.pipe';\r\nimport { ShortNamePipe } from 'src/app/helpers/short-name.pipe';\r\nimport { PrintDirective } from 'src/app/helpers/print.directive';\r\nimport { FilterPipe } from 'src/app/helpers/filter.pipe';\r\nimport { DateTimeMergePipe } from 'src/app/helpers/DateTimeMerge.pipe';\r\nimport { InfiniteScrollModule } from 'ngx-infinite-scroll';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { RecaptchaModule, RecaptchaSettings, RECAPTCHA_LANGUAGE, RECAPTCHA_SETTINGS } from 'ng-recaptcha';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { DropDownDirective } from '../helpers/drop-down.directive';\r\nimport { LottieModule } from 'ngx-lottie';\r\nimport player from 'lottie-web';\r\nimport { TreeSelectionComponent } from './tree-selection/tree-selection.component';\r\nimport { SideSheetComponent } from './side-sheet/side-sheet.component';\r\nimport { NgxIntlTelInputModule } from 'ngx-intl-tel-input';\r\nimport { OnlynumberDirective } from '../helpers/onlynumber.directive';\r\nimport { MatPaginatorIntl } from '@angular/material/paginator';\r\nimport { CustomPaginator } from '../helpers/CustomPaginatorConfiguration';\r\nimport { DatepickerComponent } from './datepicker/datepicker.component';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { IslamicPickerComponent } from './datepicker/islamic-picker/islamic-picker.component';\r\nimport { NgxHijriGregorianDatepickerModule } from 'ngx-hijri-gregorian-datepicker';\r\nimport { DateModelPipe } from '../helpers/DateModelTime.pipe';\r\nimport { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';\r\nimport { DirtyCheckGuard } from '../helpers/CanDeactivate/dirty-check.guard';\r\nimport { LightgalleryModule } from 'lightgallery/angular';\r\nimport { FileManagerComponent } from './file-manager/file-manager.component';\r\nimport { VideoManagerComponent } from './video-manager/video-manager.component';\r\nimport { PhotoManagerComponent } from './photo-manager/photo-manager.component';\r\nimport { InView } from '../helpers/in-view.directive';\r\nimport { PhoneNumberComponent } from './phone-number/phone-number.component';\r\nimport { NgSelectModule } from '@ng-select/ng-select';\r\nimport { NgSelectFormFieldControlDirective } from '../helpers/ng-select.directive';\r\nimport { PagingComponent } from './paging/paging.component';\r\nimport { TagsSelectorSearchComponent } from './tags-selector-search/tags-selector-search.component';\r\nimport { GuestReviewDetailsComponent } from '../features/restaurants/components/profile/guest-reviews/guest-review-details/guest-review-details.component';\r\nimport { ImageControlComponent } from './image-control/image-control.component';\r\nimport { CropperDialogComponent } from './image-control/cropper-dialog/cropper-dialog.component';\r\nimport { ImageCropperModule } from 'ngx-image-cropper';\r\n\r\n\r\nexport function playerFactory() {\r\n return player;\r\n}\r\n\r\n@NgModule({\r\n declarations: [\r\n // Directives\r\n DndDirective,\r\n PrintDirective,\r\n OnlynumberDirective,\r\n InView,\r\n NgSelectFormFieldControlDirective,\r\n\r\n // Pipes\r\n SanitizeHtmlPipePipe,\r\n ShortNamePipe,\r\n FilterPipe,\r\n DateTimeMergePipe,\r\n DropDownDirective,\r\n DateModelPipe,\r\n\r\n //Components\r\n EmptyStateComponent,\r\n TreeSelectionComponent,\r\n SideSheetComponent,\r\n DatepickerComponent,\r\n IslamicPickerComponent,\r\n FileManagerComponent,\r\n VideoManagerComponent,\r\n PhotoManagerComponent,\r\n PhoneNumberComponent,\r\n PagingComponent,\r\n TagsSelectorSearchComponent,\r\n GuestReviewDetailsComponent,\r\n ImageControlComponent,\r\n CropperDialogComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n MaterialModule,\r\n InfiniteScrollModule,\r\n TranslateModule.forChild({}),\r\n ReactiveFormsModule,\r\n FormsModule,\r\n RecaptchaModule,\r\n LottieModule.forRoot({ player: playerFactory }),\r\n NgxIntlTelInputModule,\r\n NgbModule,\r\n NgxHijriGregorianDatepickerModule,\r\n NgxMaterialTimepickerModule,\r\n LightgalleryModule,\r\n NgSelectModule,\r\n ImageCropperModule\r\n ],\r\n exports: [\r\n MaterialModule,\r\n SanitizeHtmlPipePipe,\r\n DndDirective,\r\n ShortNamePipe,\r\n PrintDirective,\r\n FilterPipe,\r\n DateTimeMergePipe,\r\n DropDownDirective,\r\n DateModelPipe,\r\n OnlynumberDirective,\r\n InView,\r\n InfiniteScrollModule,\r\n EmptyStateComponent,\r\n TreeSelectionComponent,\r\n SideSheetComponent,\r\n TranslateModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n RecaptchaModule,\r\n LottieModule,\r\n NgxIntlTelInputModule,\r\n NgbModule,\r\n DatepickerComponent,\r\n IslamicPickerComponent,\r\n NgxHijriGregorianDatepickerModule,\r\n NgxMaterialTimepickerModule,\r\n LightgalleryModule,\r\n FileManagerComponent,\r\n VideoManagerComponent,\r\n PhotoManagerComponent,\r\n PhoneNumberComponent,\r\n NgSelectModule,\r\n NgSelectFormFieldControlDirective,\r\n PagingComponent,\r\n TagsSelectorSearchComponent,\r\n GuestReviewDetailsComponent,\r\n ImageControlComponent,\r\n CropperDialogComponent,\r\n ],\r\n providers: [\r\n DirtyCheckGuard,\r\n { provide: MatPaginatorIntl, useValue: CustomPaginator() },\r\n { provide: LOCALE_ID, useValue: localStorage.getItem('language') || 'en' },\r\n {\r\n provide: RECAPTCHA_SETTINGS,\r\n useValue: {\r\n siteKey: environment.googleSiteKey,\r\n useValue: localStorage.getItem('language') || 'en'\r\n } as RecaptchaSettings,\r\n },\r\n {\r\n provide: RECAPTCHA_SETTINGS,\r\n useValue: { siteKey: environment.googleSiteKey } as RecaptchaSettings,\r\n },\r\n {\r\n provide: RECAPTCHA_LANGUAGE,\r\n useFactory: (locale: string) => locale,\r\n deps: [LOCALE_ID],\r\n },\r\n ]\r\n})\r\nexport class SharedModule { }\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'app-side-sheet',\n templateUrl: './side-sheet.component.html'\n})\nexport class SideSheetComponent implements OnInit {\n @Input() open!: boolean;\n @Output() close = new EventEmitter\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n {{ formatBytes(file.file?.size) }}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \n
\n","import { Component, OnInit, Input, Output, EventEmitter, SimpleChanges } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { Lookup } from 'src/app/models/Lookup';\r\nimport { map, Observable, startWith } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-tags-selector-search',\r\n templateUrl: './tags-selector-search.component.html'\r\n})\r\nexport class TagsSelectorSearchComponent implements OnInit {\r\n @Input() loading = true;\r\n @Input() isRequired = false;\r\n @Input() disabled = false;\r\n @Input() isSubmitted = false;\r\n @Input() list: any[] = [];\r\n @Input() label!: string;\r\n @Output() selectedItems = new EventEmitter\n\n \n\n
\n\n\n
\n\n \r\n \r\n {{item.name}}\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, Injectable, EventEmitter, Output, Input, SimpleChanges } from '@angular/core';\nimport {SelectionModel} from '@angular/cdk/collections';\nimport {FlatTreeControl} from '@angular/cdk/tree';\nimport {MatTreeFlatDataSource, MatTreeFlattener} from '@angular/material/tree';\n\nexport class Lookup {\n id!: number;\n name!: string;\n childs!: Lookup[];\n level!: number;\n expandable!: boolean;\n isActive!: boolean;\n}\n\n/** Flat to-do item node with expandable and level information */\nexport class TodoItemFlatNode {\n id!: number;\n name!: string;\n item!: string;\n childs!: Lookup[];\n level!: number;\n expandable!: boolean;\n isActive!: boolean;\n}\n\n@Component({\n selector: 'app-tree-selection',\n templateUrl: './tree-selection.component.html'\n})\nexport class TreeSelectionComponent implements OnInit {\n\n @Input() isView = false;\n @Input() TREE_DATA: Lookup[] = [];\n @Input() selected: Lookup[] = [];\n @Input() isSubmitted = false;\n @Input() isRequired = false;\n @Input() searchText!: string;\n\n @Output() selectedItems = new EventEmitter- \r\n
- \r\n {{item.name}}\r\n ×\r\n \r\n
{{\"forms.Required\" | translate}}
\n","import { Component, EventEmitter, Input, OnInit, Output, Inject } from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport Swal from 'sweetalert2';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { FileThumbObj, FileThumbType } from 'src/app/models/Lookup';\r\nimport { Observable, Observer } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-video-manager',\r\n templateUrl: './video-manager.component.html',\r\n})\r\nexport class VideoManagerComponent implements OnInit {\r\n @Output() selectedFiles = new EventEmitter<[]>();\r\n @Output() deletedFilesList = new EventEmitter<[]>();\r\n\r\n @Input() files: any = [];\r\n @Input() docsEditable = true;\r\n @Input() maxFiles = 5;\r\n @Input() maxFileSize = 10;\r\n @Input() managerIndex: any = '0'; // For input id multi file manager in one view\r\n @Input() label!: string;\r\n @Input() isRequired = false;\r\n @Input() isSubmitted = false;\r\n @Input() isDisabled = false;\r\n @Input() cols = 1;\r\n\r\n @Input() allowedExt: any[] = ['mp4', 'mpg'];\r\n\r\n /////\r\n selectedfilesCount = 0;\r\n deletedFiles: any = [];\r\n validFile = true;\r\n fileMaxSiZeErorr = false;\r\n fileMaxNameSiZeErorr = false;\r\n\r\n constructor(\r\n @Inject(DOCUMENT) private document: Document,\r\n private translate: TranslateService\r\n ) { }\r\n\r\n ngOnInit() { }\r\n\r\n validFileType(fileName: string) {\r\n const extension = fileName.split('.').pop()?.toLowerCase();\r\n const extensionUpper = fileName.split('.').pop()?.toUpperCase();\r\n\r\n if (!(this.allowedExt.includes(extension) || this.allowedExt.includes(extensionUpper))) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n fileExt(fileName: string) {\r\n const extension = fileName.split('.').pop()?.toLowerCase();\r\n switch (extension) {\r\n case 'mp4':\r\n case 'mpg':\r\n return 'video';\r\n default:\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * on file drop handler\r\n */\r\n onFileDropped($event: any) {\r\n this.prepareFilesList($event);\r\n }\r\n\r\n /**\r\n * handle file from browsing\r\n */\r\n fileBrowseHandler(event: any) {\r\n this.prepareFilesList(event.target.files);\r\n event.target.value = '';\r\n }\r\n\r\n /**\r\n * Delete file from files list\r\n * @param index (File index)\r\n */\r\n deleteFile(index: number, id: any) {\r\n if (id) {\r\n this.deletedFiles.push(id);\r\n }\r\n this.files.splice(index, 1);\r\n\r\n this.selectedFiles.emit(this.files);\r\n this.deletedFilesList.emit(this.deletedFiles);\r\n\r\n this.selectedfilesCount = this.files.length;\r\n }\r\n\r\n /**\r\n * Convert Files list to normal array list\r\n * @param files (Files List)\r\n */\r\n prepareFilesList(files: Array\r\n
\r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false,\r\n\r\n // appUrl: 'https://diwandevapi.expertapps.com.sa.com.sa', // DEV\r\n // apiUrl: 'https://diwandevapi.expertapps.com.sa/api', // DEV\r\n // signalR: 'https://diwandevslr.expertapps.com.sa/hubs', // DEV\r\n\r\n // appUrl: 'https://aldiwanrestaurantdevnf.expertapps.com.sa/', // DEV New Feature\r\n // apiUrl: 'https://diwandevnfapi.expertapps.com.sa/api', // DEV\r\n // signalR: 'https://diwandevnfslr.expertapps.com.sa/hubs', // DEV\r\n\r\n // appUrl: 'https://diwantest.expertapps.com.sa', // TEST\r\n // apiUrl: 'https://diwantestapi.expertapps.com.sa/api', // TEST API front\r\n // signalR: 'https://diwantestslr.expertapps.com.sa/hubs', // TEST SignalR\r\n\r\n // appUrl: 'https://diwanstage.expertapps.com.sa', // STAGE\r\n // apiUrl: 'https://diwanapistage.expertapps.com.sa/api', // STAGE API front\r\n // signalR: 'https://diwandevslr.expertapps.com.sa/hubs', // STAGE SignalR\r\n\r\n appUrl: 'https://diwantakeawayadmin.expertapps.com.sa', // STAGE\r\n apiUrl: 'https://diwantakeawayapi.expertapps.com.sa/api', // STAGE API front\r\n signalR: 'https://diwantakeawayslr.expertapps.com.sa/hubs', // STAGE SignalR\r\n\r\n googleSiteKey: '6Lfm3xohAAAAALgLSfUIY8YHdzC16AjLY6wl7U9a',\r\n googleApiKey: '6Lfm3xohAAAAADEauzDDPzU0YVrIxWTBbi1k3AkE',\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.\r\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n window.console.log = () => { };\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule).then(() => {\n // if ('serviceWorker' in navigator && !environment.production) {\n // navigator.serviceWorker.register(\"ngsw-worker.js\")\n // .then((registration) => {\n // console.log(\"Registration succeeded.\");\n // registration.unregister().then((boolean) => {\n // if (boolean) {\n // console.log(\"Unregistration succeeded.\");\n // }\n // });\n // })\n // .catch((error) => {\n // // registration failed\n // console.error(`Registration failed with ${error}`);\n // });\n // }\n // if ('serviceWorker' in navigator && environment.production) {\n // navigator.serviceWorker.register('ngsw-worker.js');\n // }\n})\n .catch(err => console.error(err));\n","var map = {\n\t\"./af\": 58685,\n\t\"./af.js\": 58685,\n\t\"./ar\": 254,\n\t\"./ar-dz\": 4312,\n\t\"./ar-dz.js\": 4312,\n\t\"./ar-kw\": 32614,\n\t\"./ar-kw.js\": 32614,\n\t\"./ar-ly\": 18630,\n\t\"./ar-ly.js\": 18630,\n\t\"./ar-ma\": 28674,\n\t\"./ar-ma.js\": 28674,\n\t\"./ar-sa\": 49032,\n\t\"./ar-sa.js\": 49032,\n\t\"./ar-tn\": 24730,\n\t\"./ar-tn.js\": 24730,\n\t\"./ar.js\": 254,\n\t\"./az\": 53052,\n\t\"./az.js\": 53052,\n\t\"./be\": 60150,\n\t\"./be.js\": 60150,\n\t\"./bg\": 63069,\n\t\"./bg.js\": 63069,\n\t\"./bm\": 13466,\n\t\"./bm.js\": 13466,\n\t\"./bn\": 18516,\n\t\"./bn-bd\": 90557,\n\t\"./bn-bd.js\": 90557,\n\t\"./bn.js\": 18516,\n\t\"./bo\": 26273,\n\t\"./bo.js\": 26273,\n\t\"./br\": 9588,\n\t\"./br.js\": 9588,\n\t\"./bs\": 19815,\n\t\"./bs.js\": 19815,\n\t\"./ca\": 83331,\n\t\"./ca.js\": 83331,\n\t\"./cs\": 21320,\n\t\"./cs.js\": 21320,\n\t\"./cv\": 72219,\n\t\"./cv.js\": 72219,\n\t\"./cy\": 68266,\n\t\"./cy.js\": 68266,\n\t\"./da\": 66427,\n\t\"./da.js\": 66427,\n\t\"./de\": 67435,\n\t\"./de-at\": 52871,\n\t\"./de-at.js\": 52871,\n\t\"./de-ch\": 12994,\n\t\"./de-ch.js\": 12994,\n\t\"./de.js\": 67435,\n\t\"./dv\": 82357,\n\t\"./dv.js\": 82357,\n\t\"./el\": 95649,\n\t\"./el.js\": 95649,\n\t\"./en-au\": 59961,\n\t\"./en-au.js\": 59961,\n\t\"./en-ca\": 19878,\n\t\"./en-ca.js\": 19878,\n\t\"./en-gb\": 3924,\n\t\"./en-gb.js\": 3924,\n\t\"./en-ie\": 70864,\n\t\"./en-ie.js\": 70864,\n\t\"./en-il\": 91579,\n\t\"./en-il.js\": 91579,\n\t\"./en-in\": 30940,\n\t\"./en-in.js\": 30940,\n\t\"./en-nz\": 16181,\n\t\"./en-nz.js\": 16181,\n\t\"./en-sg\": 44301,\n\t\"./en-sg.js\": 44301,\n\t\"./eo\": 85291,\n\t\"./eo.js\": 85291,\n\t\"./es\": 54529,\n\t\"./es-do\": 53764,\n\t\"./es-do.js\": 53764,\n\t\"./es-mx\": 12584,\n\t\"./es-mx.js\": 12584,\n\t\"./es-us\": 63425,\n\t\"./es-us.js\": 63425,\n\t\"./es.js\": 54529,\n\t\"./et\": 35203,\n\t\"./et.js\": 35203,\n\t\"./eu\": 70678,\n\t\"./eu.js\": 70678,\n\t\"./fa\": 83483,\n\t\"./fa.js\": 83483,\n\t\"./fi\": 96262,\n\t\"./fi.js\": 96262,\n\t\"./fil\": 52521,\n\t\"./fil.js\": 52521,\n\t\"./fo\": 34555,\n\t\"./fo.js\": 34555,\n\t\"./fr\": 63131,\n\t\"./fr-ca\": 88239,\n\t\"./fr-ca.js\": 88239,\n\t\"./fr-ch\": 21702,\n\t\"./fr-ch.js\": 21702,\n\t\"./fr.js\": 63131,\n\t\"./fy\": 267,\n\t\"./fy.js\": 267,\n\t\"./ga\": 23821,\n\t\"./ga.js\": 23821,\n\t\"./gd\": 71753,\n\t\"./gd.js\": 71753,\n\t\"./gl\": 4074,\n\t\"./gl.js\": 4074,\n\t\"./gom-deva\": 92762,\n\t\"./gom-deva.js\": 92762,\n\t\"./gom-latn\": 5969,\n\t\"./gom-latn.js\": 5969,\n\t\"./gu\": 82809,\n\t\"./gu.js\": 82809,\n\t\"./he\": 45402,\n\t\"./he.js\": 45402,\n\t\"./hi\": 315,\n\t\"./hi.js\": 315,\n\t\"./hr\": 10410,\n\t\"./hr.js\": 10410,\n\t\"./hu\": 38288,\n\t\"./hu.js\": 38288,\n\t\"./hy-am\": 67928,\n\t\"./hy-am.js\": 67928,\n\t\"./id\": 71334,\n\t\"./id.js\": 71334,\n\t\"./is\": 86959,\n\t\"./is.js\": 86959,\n\t\"./it\": 34864,\n\t\"./it-ch\": 51124,\n\t\"./it-ch.js\": 51124,\n\t\"./it.js\": 34864,\n\t\"./ja\": 36141,\n\t\"./ja.js\": 36141,\n\t\"./jv\": 29187,\n\t\"./jv.js\": 29187,\n\t\"./ka\": 42136,\n\t\"./ka.js\": 42136,\n\t\"./kk\": 94332,\n\t\"./kk.js\": 94332,\n\t\"./km\": 18607,\n\t\"./km.js\": 18607,\n\t\"./kn\": 84305,\n\t\"./kn.js\": 84305,\n\t\"./ko\": 70234,\n\t\"./ko.js\": 70234,\n\t\"./ku\": 16003,\n\t\"./ku.js\": 16003,\n\t\"./ky\": 75061,\n\t\"./ky.js\": 75061,\n\t\"./lb\": 32786,\n\t\"./lb.js\": 32786,\n\t\"./lo\": 66183,\n\t\"./lo.js\": 66183,\n\t\"./lt\": 50029,\n\t\"./lt.js\": 50029,\n\t\"./lv\": 24169,\n\t\"./lv.js\": 24169,\n\t\"./me\": 68577,\n\t\"./me.js\": 68577,\n\t\"./mi\": 68177,\n\t\"./mi.js\": 68177,\n\t\"./mk\": 50337,\n\t\"./mk.js\": 50337,\n\t\"./ml\": 65260,\n\t\"./ml.js\": 65260,\n\t\"./mn\": 52325,\n\t\"./mn.js\": 52325,\n\t\"./mr\": 14695,\n\t\"./mr.js\": 14695,\n\t\"./ms\": 75334,\n\t\"./ms-my\": 37151,\n\t\"./ms-my.js\": 37151,\n\t\"./ms.js\": 75334,\n\t\"./mt\": 63570,\n\t\"./mt.js\": 63570,\n\t\"./my\": 97963,\n\t\"./my.js\": 97963,\n\t\"./nb\": 88028,\n\t\"./nb.js\": 88028,\n\t\"./ne\": 86638,\n\t\"./ne.js\": 86638,\n\t\"./nl\": 50302,\n\t\"./nl-be\": 66782,\n\t\"./nl-be.js\": 66782,\n\t\"./nl.js\": 50302,\n\t\"./nn\": 33501,\n\t\"./nn.js\": 33501,\n\t\"./oc-lnc\": 50563,\n\t\"./oc-lnc.js\": 50563,\n\t\"./pa-in\": 50869,\n\t\"./pa-in.js\": 50869,\n\t\"./pl\": 65302,\n\t\"./pl.js\": 65302,\n\t\"./pt\": 49687,\n\t\"./pt-br\": 74884,\n\t\"./pt-br.js\": 74884,\n\t\"./pt.js\": 49687,\n\t\"./ro\": 79107,\n\t\"./ro.js\": 79107,\n\t\"./ru\": 33627,\n\t\"./ru.js\": 33627,\n\t\"./sd\": 30355,\n\t\"./sd.js\": 30355,\n\t\"./se\": 83427,\n\t\"./se.js\": 83427,\n\t\"./si\": 11848,\n\t\"./si.js\": 11848,\n\t\"./sk\": 54590,\n\t\"./sk.js\": 54590,\n\t\"./sl\": 20184,\n\t\"./sl.js\": 20184,\n\t\"./sq\": 56361,\n\t\"./sq.js\": 56361,\n\t\"./sr\": 78965,\n\t\"./sr-cyrl\": 81287,\n\t\"./sr-cyrl.js\": 81287,\n\t\"./sr.js\": 78965,\n\t\"./ss\": 25456,\n\t\"./ss.js\": 25456,\n\t\"./sv\": 70451,\n\t\"./sv.js\": 70451,\n\t\"./sw\": 77558,\n\t\"./sw.js\": 77558,\n\t\"./ta\": 51356,\n\t\"./ta.js\": 51356,\n\t\"./te\": 73693,\n\t\"./te.js\": 73693,\n\t\"./tet\": 21243,\n\t\"./tet.js\": 21243,\n\t\"./tg\": 82469,\n\t\"./tg.js\": 82469,\n\t\"./th\": 55768,\n\t\"./th.js\": 55768,\n\t\"./tk\": 77761,\n\t\"./tk.js\": 77761,\n\t\"./tl-ph\": 35780,\n\t\"./tl-ph.js\": 35780,\n\t\"./tlh\": 29590,\n\t\"./tlh.js\": 29590,\n\t\"./tr\": 33807,\n\t\"./tr.js\": 33807,\n\t\"./tzl\": 93857,\n\t\"./tzl.js\": 93857,\n\t\"./tzm\": 60654,\n\t\"./tzm-latn\": 8806,\n\t\"./tzm-latn.js\": 8806,\n\t\"./tzm.js\": 60654,\n\t\"./ug-cn\": 30845,\n\t\"./ug-cn.js\": 30845,\n\t\"./uk\": 19232,\n\t\"./uk.js\": 19232,\n\t\"./ur\": 47052,\n\t\"./ur.js\": 47052,\n\t\"./uz\": 77967,\n\t\"./uz-latn\": 32233,\n\t\"./uz-latn.js\": 32233,\n\t\"./uz.js\": 77967,\n\t\"./vi\": 98615,\n\t\"./vi.js\": 98615,\n\t\"./x-pseudo\": 12320,\n\t\"./x-pseudo.js\": 12320,\n\t\"./yo\": 31313,\n\t\"./yo.js\": 31313,\n\t\"./zh-cn\": 64490,\n\t\"./zh-cn.js\": 64490,\n\t\"./zh-hk\": 55910,\n\t\"./zh-hk.js\": 55910,\n\t\"./zh-mo\": 98262,\n\t\"./zh-mo.js\": 98262,\n\t\"./zh-tw\": 44223,\n\t\"./zh-tw.js\": 44223\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 46700;"],"names":["EventEmitter","FormControl","map","startWith","i0","$event","TagsSelectorSearchComponent","constructor","ngOnInit","ngOnChanges","changes","currentValue","initListFiltiration","isRequired","hasError","filteredList","searchCtr","valueChanges","pipe","value","name","_filter","list","slice","displayFn","item","filterValue","toLowerCase","filter","includes","selected","isSelected","selectedList","push","index","findIndex","id","splice","setValue","selectedItems","emit","removeSelected","i","v","some","length","setErrors","required","markAsTouched","selectors","inputs","loading","disabled","isSubmitted","label","outputs","features","decls","vars","consts","template","ctx","_r0"],"sourceRoot":"webpack:///","x_google_ignoreList":[89]}\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n {{ label ? label : ('fileManager.Drag and drop' | translate) }}
\r\n\r\n {{ (label ? 'fileManager.Or' : 'fileManager.Supporting Extensions here Or') | translate }}\r\n \r\n
\r\n \r\n {{\"fileManager.Supported Formats:\" | translate}}\r\n {{allowedExt}}\r\n
\r\n {{ \"fileManager.Max File Size\" | translate: { maxFileSize: maxFileSize } }}\r\n maxFiles && maxFiles > 1\" class=\"has-error\">\r\n {{ 'fileManager.Maximum allowed files is' | translate: { maxFiles: maxFiles } }}\r\n
\r\n maxFiles && maxFiles === 1\" class=\"has-error\">\r\n {{ 'fileManager.Only One File is allowed' | translate }}\r\n
\r\n {{\"fileManager.Invalid File Extensions\" | translate}}
\r\n {{ \"fileManager.Max File Size\" | translate: { maxFileSize: maxFileSize\r\n } }}
\r\n \r\n \r\n {{\"forms.Required\" | translate}}\r\n
\r\n \r\n
\r\n\r\n\r\n {{\"fileManager.No Files\" | translate}}
\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n {{ formatBytes(file.file?.size) }}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n