\n \n \n\n \n
\n\n\n \n \n\n \n \n \n \n
\n\n \n
\n\n \n
\n iSaned Bot
\n\n \n \n \n \n \n
\n \n
\n \n\n \n
\n \n
\n
\n {{ \"Chatbot.Chatbot.welcome\" | translate }}
\n\n {{ \"Chatbot.Chatbot.Title\" | translate }}\n
\n\n- \n
- \n {{ \"Chatbot.Chatbot.stepOne\" | translate }}\n \n
- \n {{ \"Chatbot.Chatbot.stepTwo\" | translate }}\n \n
- \n {{ \"Chatbot.Chatbot.stepThree\" | translate }}\n \n
- \n {{ \"Chatbot.Chatbot.stepFour\" | translate }}\n \n
- \n {{ \"Chatbot.Chatbot.stepFive\" | translate }}\n \n
- \n {{ \"Chatbot.Chatbot.stepSix\" | translate }}\n \n
- \n {{ \"Chatbot.Chatbot.stepSeven\" | translate }}\n \n
\n
\n \" {{ \"Chatbot.Chatbot.pleaseNote\" | translate }}\n {{ \"Chatbot.Chatbot.note\" | translate }} \"\n
\n\n \n
\n \n\n \n \n ![](\"assets/img/resources/chatbot-img.svg\")
\n
\n \n \n \n
\n \n {{ \"Chatbot.Chatbot.welcome\" | translate }}\n
\n \n {{ \"Chatbot.Chatbot.helpMsg\" | translate }}\n
\n\n \n {{ \"Chatbot.Layers.\" + layer | translate }}\n \n
\n \n
\n \n \n
\n \n {{ message.question }}\n
\n\n \n \n
\n \n\n \n \n \n \n
\n \n \n \n \n {{ message.message }}\n \n \n \n \n
\n\n \n
\n \n \n \n \n \n \n
\n {{ \"Chatbot.Chatbot.feedbackTitle\" | translate }}
\n\n
\n\n
\n \n {{ \"Chatbot.Chatbot.feedbackBody\" | translate }}\n
\n\n {{ \"Chatbot.Chatbot.feedbackBody2\" | translate }}\n
\n\n \n
\n \n \n \n
\n \n \n
\n\n
\n \n\n \n\n \n
\n\n \n \n
\n {{ \"ConfigPanel.ThemeBase\" | translate }}
\n\n\n
\n \n {{ \"ConfigPanel.Darkmode\" | translate }}\n
\n\n
\n\n {{ \"ConfigPanel.Layout\" | translate }}
\n\n\n \n {{ (isRTL$ | async) ? \"Arabic\" : \"English\" }}\n \n
\n \n
\n\n {{ \"ConfigPanel.Toolbar\" | translate }}
\n\n\n \n {{\n \"ConfigPanel.Fixed\" | translate\n }} \n {{\n \"ConfigPanel.Static\" | translate\n }} \n \n
\n {{ \"ConfigPanel.Position\" | translate }}
\n\n\n
\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ConfigPanelComponent } from './config-panel.component';\nimport { ConfigPanelToggleComponent } from './config-panel-toggle/config-panel-toggle.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatRippleModule } from '@angular/material/core';\nimport { ReactiveComponentModule } from '@ngrx/component';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n@NgModule({\n imports: [\n CommonModule,\n MatButtonModule,\n MatIconModule,\n SharedModule,\n MatRadioModule,\n MatSlideToggleModule,\n MatRippleModule,\n ReactiveComponentModule,\n MatSliderModule,\n ],\n declarations: [ConfigPanelComponent, ConfigPanelToggleComponent],\n exports: [ConfigPanelComponent, ConfigPanelToggleComponent],\n})\nexport class ConfigPanelModule {}\n","import { Component, OnInit } from '@angular/core';\nimport { PopoverRef } from '../popover/popover-ref';\n\nexport interface MegaMenuFeature {\n icon: string;\n label: string;\n route: string;\n}\n\nexport interface MegaMenuPage {\n label: string;\n route: string;\n}\n\n@Component({\n selector: 'hodhod-mega-menu',\n templateUrl: './mega-menu.component.html'\n})\nexport class MegaMenuComponent implements OnInit {\n\n features: MegaMenuFeature[] = [\n {\n icon: 'mat:layers',\n label: 'Dashboard',\n route: '/'\n },\n {\n icon: 'mat:assignment',\n label: 'AIO-Table',\n route: '/apps/aio-table'\n },\n {\n icon: 'mat:contact_support',\n label: 'Help Center',\n route: '/apps/help-center'\n },\n {\n icon: 'mat:contacts',\n label: 'Contacts',\n route: '/apps/contacts/grid'\n },\n {\n icon: 'mat:assessment',\n label: 'Scrumboard',\n route: '/apps/scrumboard/1'\n },\n {\n icon: 'mat:book',\n label: 'Documentation',\n route: '/documentation'\n }\n ];\n\n pages: MegaMenuPage[] = [\n {\n label: 'All-In-One Table',\n route: '/apps/aio-table'\n },\n {\n label: 'Authentication',\n route: '/login'\n },\n {\n label: 'Components',\n route: '/ui/components/overview'\n },\n {\n label: 'Documentation',\n route: '/documentation'\n },\n {\n label: 'FAQ',\n route: '/pages/faq'\n },\n {\n label: 'Form Elements',\n route: '/ui/forms/form-elements'\n },\n {\n label: 'Form Wizard',\n route: '/ui/forms/form-wizard'\n },\n {\n label: 'Guides',\n route: '/pages/guides'\n },\n {\n label: 'Help Center',\n route: '/apps/help-center'\n },\n {\n label: 'Scrumboard',\n route: '/apps/scrumboard'\n }\n ];\n\n constructor(private popoverRef: PopoverRef{{ \"ConfigPanel.Footer\" | translate }}
\n\n\n Visible\n \n\n \n {{\n \"ConfigPanel.Fixed\" | translate\n }} \n {{\n \"ConfigPanel.Static\" | translate\n }} \n \n
\n {{ \"ConfigPanel.Position\" | translate }}
\n\n\n
\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MegaMenuComponent } from './mega-menu.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RouterModule } from '@angular/router';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n@NgModule({\n declarations: [MegaMenuComponent],\n imports: [\n CommonModule,\n MatButtonModule,\n\n RouterModule,\n MatIconModule\n ],\n exports: [MegaMenuComponent]\n})\nexport class MegaMenuModule { }\n","import { Component, Input, OnInit } from '@angular/core';\nimport { NavigationItem, NavigationLink } from '../../interfaces/navigation-item.interface';\nimport { filter, map, startWith } from 'rxjs/operators';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { NavigationService } from '../../services/navigation.service';\nimport { trackByRoute } from '../../utils/track-by';\nimport { Observable } from 'rxjs';\n\n@Component({\n selector: 'hodhod-navigation-item',\n templateUrl: './navigation-item.component.html',\n styleUrls: ['./navigation-item.component.scss']\n})\nexport class NavigationItemComponent implements OnInit {\n\n @Input() item!: NavigationItem;\n\n isActive$: Observable\n
\n\n Mega Menu
\n\nFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there\n live the blind\n texts.
\n\nSeparated they live in Bookmarksgrove right at the coast of the Semantics, a large language\n ocean.
\n\n \n\n
\n\n Features
\n\n \n\n
\nPages
\n\n\n {{ page.label }}\n
\n \n \n \n \n \n \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PopoverComponent } from './popover.component';\nimport { OverlayModule } from '@angular/cdk/overlay';\n\n@NgModule({\n declarations: [PopoverComponent],\n imports: [\n CommonModule,\n OverlayModule\n ]\n})\nexport class PopoverModule {\n}\n","import { ElementRef, Injectable, Injector } from '@angular/core';\nimport { ConnectionPositionPair, Overlay, OverlayConfig, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { PopoverContent, PopoverRef } from './popover-ref';\nimport { PopoverComponent } from './popover.component';\n\nexport interface PopoverParams\n
\n `,\n styles: [`\n `]\n})\nexport class SearchModalComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { LayoutService } from '../../services/layout.service';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { filter } from 'rxjs/operators';\nimport { UntypedFormControl } from '@angular/forms';\nimport { SearchService } from '../../services/search.service';\nimport { GlobalSearchService } from 'src/backend/services/global-search.service';\n\n@UntilDestroy()\n@Component({\n selector: 'hodhod-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.scss']\n})\nexport class SearchComponent implements OnInit, OnDestroy {\n\n show$ = this.layoutService.searchOpen$;\n searchCtrl = new UntypedFormControl();\n\n @ViewChild('searchInput', { static: true }) input!: ElementRef;\n\n constructor(private layoutService: LayoutService,\n private searchService: SearchService, \n private globalSearchService: GlobalSearchService) { }\n\n ngOnInit() {\n this.searchService.isOpenSubject.next(true);\n this.searchCtrl.valueChanges.pipe(\n untilDestroyed(this)\n ).subscribe((value: any) => this.searchService.valueChangesSubject.next(value));\n\n this.show$.pipe(\n filter(show => show),\n untilDestroyed(this)\n ).subscribe(() => this.input.nativeElement.focus());\n }\n\n close() {\n this.layoutService.closeSearch();\n this.searchService.isOpenSubject.next(false);\n }\n\n search() {\n this.searchService.submitSubject.next(this.searchCtrl.value);\n this.globalSearchService.onSearch(this.searchCtrl.value);\n this.layoutService.closeSearch();\n }\n\n clearSearch(): void {\n this.searchCtrl.setValue('');\n this.globalSearchService.onSearch('');\n }\n\n ngOnDestroy(): void {\n this.layoutService.closeSearch();\n this.searchCtrl.setValue(undefined);\n this.searchService.isOpenSubject.next(false);\n }\n}\n","\n
\n\n \n
\n\n Contacts
\n\n \n
\n \n ![](\"assets/img/avatars/4.jpg\")
\n
\n\n \n Alice Miller
\n \n
\n found in Contacts
\n \n ![](\"assets/img/avatars/3.jpg\")
\n
\n \n Frank White
\n \n
\n found in Contacts
\n \n
\n\n Pages
\n\n \n
\n \n
\n\n \n
\n \n
\n Scrumboard
\n /apps/scrumboard
\n \n
\n \n
\n \n
\n Mailbox
\n /apps/mailbox
\n \n
\n Tasks
\n\n \n
\n \n
\n\n \n
\n Configure OrderController as defined in RVT-11
\n \n
\n \n
\n Add more data-models to product-controller
\n \n \n
\n\n\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SearchComponent } from './search.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n@NgModule({\n declarations: [SearchComponent],\n imports: [\n CommonModule,\n MatButtonModule,\n MatIconModule,\n\n ReactiveFormsModule,\n SharedModule\n ],\n exports: [SearchComponent]\n})\nexport class SearchModule {\n}\n","import { Component, Input } from '@angular/core';\nimport { ConfigService } from '../../config/config.service';\nimport { map } from 'rxjs/operators';\nimport { Observable } from 'rxjs';\n\n@Component({\n selector: 'hodhod-secondary-toolbar',\n template: `\n \n\n \n `,\n styleUrls: ['./secondary-toolbar.component.scss']\n})\nexport class SecondaryToolbarComponent {\n\n @Input() current!: string;\n @Input() crumbs!: string[];\n\n fixed$ = this.configService.config$.pipe(\n map(config => config.toolbar.fixed)\n );\n\n isVerticalLayout$: Observable\n \n
\n {{'General.HitEnterToSearch' | translate}}
\n\n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FooterComponent } from './footer.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n imports: [\n CommonModule,\n MatButtonModule,\n\n MatIconModule\n ],\n declarations: [FooterComponent],\n exports: [FooterComponent]\n})\nexport class FooterModule {\n}\n","import { AfterViewInit, ChangeDetectorRef, Component, Inject, Input, OnInit, TemplateRef, ViewChild } from '@angular/core';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { LayoutService } from '../services/layout.service';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';\nimport { Event, NavigationEnd, Router, Scroll } from '@angular/router';\nimport { filter, map, startWith, withLatestFrom } from 'rxjs/operators';\nimport { checkRouterChildsData } from '../utils/check-router-childs-data';\nimport { DOCUMENT } from '@angular/common';\nimport { ConfigService } from '../config/config.service';\nimport { GlobalSearchService } from 'src/backend/services/global-search.service';\n\n@UntilDestroy()\n@Component({\n selector: 'hodhod-layout',\n templateUrl: './layout.component.html',\n styleUrls: ['./layout.component.scss']\n})\nexport class LayoutComponent implements OnInit, AfterViewInit {\n\n @Input() sidenavRef!: TemplateRef\n
\n\n Design & Develop by\n ![\"footerlogo\"](\"assets/img/resources/footer-logo.svg\")
\n
\n \n Version 1.0.0 (Official Build)
\n\n\n \n \n \n\n \n \n\n \n \n \n\n \n \n
\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LayoutComponent } from './layout.component';\nimport { RouterModule } from '@angular/router';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { ProgressBarModule } from '../components/progress-bar/progress-bar.module';\nimport { SearchModule } from '../components/search/search.module';\nimport { SearchViewComponent } from './search-view/search-view.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n\n@NgModule({\n declarations: [LayoutComponent, SearchViewComponent],\n imports: [\n CommonModule,\n RouterModule,\n MatSidenavModule,\n ProgressBarModule,\n SearchModule,\n SharedModule,\n MatTooltipModule\n ],\n exports: [LayoutComponent]\n})\nexport class LayoutModule {\n}\n","import { Component, OnInit } from '@angular/core';\nimport { NavigationService } from '../../services/navigation.service';\n\n@Component({\n selector: 'hodhod-navigation',\n templateUrl: './navigation.component.html',\n styleUrls: ['./navigation.component.scss']\n})\nexport class NavigationComponent implements OnInit {\n\n items = this.navigationService.items;\n\n constructor(private navigationService: NavigationService) { }\n\n ngOnInit() {\n }\n}\n","\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationComponent } from './navigation.component';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { NavigationItemModule } from '../../components/navigation-item/navigation-item.module';\n\n@NgModule({\n declarations: [NavigationComponent],\n imports: [\n CommonModule,\n MatRippleModule,\n MatMenuModule,\n MatIconModule,\n\n RouterModule,\n NavigationItemModule\n ],\n exports: [NavigationComponent]\n})\nexport class NavigationModule {\n}\n","import { Component, OnInit } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { formatDistance } from 'date-fns';\nimport { DateTime } from 'luxon';\nimport {\n NotificationSeverity,\n NotificationType,\n} from 'src/@hodhod/common/enum';\nimport { ViewSafetyAnnouncementComponent } from 'src/app/safety-announcement/components/view-safety-announcement/view-safety-announcement.component';\nimport { LoadingService } from 'src/app/shared/helpers/loading.service';\nimport { NotificationItem } from 'src/backend/models/notifications/notification-item';\nimport { MessagingService } from 'src/backend/services/messaging.service';\nimport { NotificationService } from 'src/backend/services/notification.service';\nimport { LayoutService } from '../../services/layout.service';\nimport { ConfirmationService } from 'src/app/shared/helpers/confirmation.service';\nimport {\n Confirmation,\n ConfirmationType,\n} from 'src/app/shared/models/confirmation';\nimport { FeedbackModel, FeedbackType } from 'src/app/shared/models/feedback';\nimport { AsyncFeedbackService } from 'src/app/shared/helpers/async-feedback.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { takeUntil } from 'rxjs';\nimport { BaseComponent } from 'src/app/shared/components/base-component/base.component';\n\n@Component({\n selector: 'hodhod-quickpanel',\n templateUrl: './quickpanel.component.html',\n styleUrls: ['./quickpanel.component.scss'],\n})\nexport class QuickpanelComponent extends BaseComponent implements OnInit {\n date = DateTime.local().toFormat('DD');\n dayName = DateTime.local().toFormat('EEEE');\n messages: any[] = [];\n public NotificationType = NotificationType;\n public NotificationSeverity = NotificationSeverity;\n\n currentNotificationFilter: string[] = [];\n private limit = 10;\n private offset = 0;\n private eof = false;\n private translationsList: any = {};\n\n constructor(\n private messagingService: MessagingService,\n private notificationService: NotificationService,\n private layoutService: LayoutService,\n private loadingService: LoadingService,\n private dialog: MatDialog,\n private confirmationService: ConfirmationService,\n private feedBackService: AsyncFeedbackService,\n private translate: TranslateService\n ) {\n super();\n this.translate\n .get(['Errors', 'Success', 'confirmDeactiveRecord', 'User'])\n .pipe(takeUntil(this.destroy$))\n .subscribe((translations: any) => {\n this.translationsList = translations;\n });\n }\n\n override ngOnInit() {\n this.getNotifications();\n // this.getMessageFromFirebase();\n this.messagingService.currentMessage$.subscribe((response) => {\n if (response) {\n const formatedRes = {\n ...response,\n createdAt: formatDistance(new Date(response.createdAt), new Date(), {\n addSuffix: true,\n }),\n };\n this.notificationService.notificationCount$.next(\n this.messages\n ? this.messages.filter((x) => x.isRead === false).length + 1\n : 1\n );\n this.messages.unshift(formatedRes);\n\n if (\n formatedRes.notificationType ===\n NotificationType.SafetyAnnouncement ||\n formatedRes.notificationType ===\n NotificationType.SafetyAnnouncementEdit\n ) {\n this.dialog.open(ViewSafetyAnnouncementComponent, {\n height: 'auto',\n width: '90%',\n data: {\n formMode: 'view',\n announcementId: formatedRes.elementId,\n notificationId: formatedRes.notificationId,\n },\n });\n }\n\n this.notifiySound();\n }\n });\n this.notificationService.eof$.subscribe((res) => {\n this.eof = res;\n });\n }\n\n getNotifications(): void {\n this.notificationService.notifications.subscribe((response) => {\n this.messages = [\n ...this.messages,\n ...response?.map((ele) => {\n return {\n ...ele,\n createdAt: formatDistance(new Date(ele.createdAt), new Date(), {\n addSuffix: true,\n }),\n };\n }),\n ];\n });\n }\n\n getMessageFromFirebase(): void {\n this.messagingService.currentMessageFromFirebase$.subscribe((response) => {\n if (response) {\n const formatedRes = {\n ...response,\n createdAt: formatDistance(new Date(response.createdAt), new Date(), {\n addSuffix: true,\n }),\n };\n this.notificationService.notificationCount$.next(\n this.messages\n ? this.messages.filter((x) => x.isRead === false).length + 1\n : 1\n );\n this.messages.unshift(formatedRes);\n this.notifiySound();\n }\n });\n }\n\n notifiySound(): void {\n let notifyAlert = new Audio();\n notifyAlert.src = 'assets/sounds/notification_sound.mp3';\n notifyAlert.load();\n notifyAlert.play();\n }\n\n goToView(notification: any): void {\n const notify = new NotificationItem();\n notify.id = notification['id'];\n notify.title = notification['title'];\n notify.body = notification['description'];\n notify.type = notification['notificationType'];\n notify.elementId = notification['elementId'];\n this.notificationService.navigateToNotificationTarget(notify);\n this.layoutService.closeQuickpanel();\n const markAsReadData = {\n userId: notification?.userId,\n notificationId: notification?.id,\n };\n this.notificationService.markAsReadNotification(markAsReadData).subscribe({\n next: (res) => {\n const found = this.messages.find((x) => x.id === notification?.id);\n if (found) {\n found.isRead = true;\n }\n },\n error: ({ error }) => {},\n });\n }\n\n markAllAsRead(): void {\n const data = {\n userId: JSON.parse(localStorage.getItem('logged_in_user')).userId,\n };\n this.confirmationService\n .confirm(\n new Confirmation(\n ConfirmationType.NonDestructiveAction,\n this.translationsList['User']['AddConfirm']['Title'],\n this.translationsList['User']['AddConfirm']['Message']\n )\n )\n .then((value) => {\n if (value === true) {\n this.loadingService.startLoading(true, '');\n this.notificationService.markAllAsReadNotification(data).subscribe({\n next: (res) => {\n this.messages = [];\n this.getAllNotification();\n this.loadingService.stopLoading();\n this.feedBackService.showFeedback(\n new FeedbackModel(\n FeedbackType.Success,\n 'All notifications marked as read successfully'\n )\n );\n },\n error: ({ error }) => {\n this.feedBackService.showFeedback(\n new FeedbackModel(FeedbackType.Failure, error?.message)\n );\n this.loadingService.stopLoading();\n },\n });\n }\n });\n }\n\n deleteAllNotifications() {\n const data = {\n userId: JSON.parse(localStorage.getItem('logged_in_user')).userId,\n };\n this.confirmationService\n .confirm(\n new Confirmation(\n ConfirmationType.NonDestructiveAction,\n this.translationsList['User']['AddConfirm']['Title'],\n this.translationsList['User']['AddConfirm']['Message']\n )\n )\n .then((value) => {\n if (value === true) {\n this.loadingService.startLoading(true, '');\n this.notificationService.deleteAllAsReadNotification(data).subscribe({\n next: (res) => {\n this.messages = [];\n this.getAllNotification();\n this.loadingService.stopLoading();\n this.feedBackService.showFeedback(\n new FeedbackModel(\n FeedbackType.Success,\n 'All notifications cleared successfully'\n )\n );\n },\n error: ({ error }) => {\n this.feedBackService.showFeedback(\n new FeedbackModel(FeedbackType.Failure, error?.message)\n );\n this.loadingService.stopLoading();\n },\n });\n }\n });\n }\n\n onChangeType(event: any, notificationType: string): void {\n if (event.checked) {\n this.currentNotificationFilter.push(notificationType);\n } else {\n this.currentNotificationFilter = this.currentNotificationFilter.filter(\n (x) => x !== notificationType\n );\n }\n this.messages = [];\n this.offset = 0;\n this.getAllNotification();\n }\n\n onClearFilterClicked(event: any): void {\n event.stopPropagation();\n this.currentNotificationFilter = [];\n this.messages = [];\n this.offset = 0;\n this.getAllNotification();\n }\n\n getAllNotification(): void {\n const filteredParams = {\n notificationType: this.currentNotificationFilter.toString(),\n pageIndex: this.offset,\n pageSize: this.limit,\n };\n this.notificationService.getUserNotifications(filteredParams);\n }\n\n refreshNotification(): void {\n this.messages = [];\n this.offset = 0;\n const filteredParams = {\n notificationType: this.currentNotificationFilter.toString(),\n pageIndex: this.offset,\n pageSize: this.limit,\n };\n this.notificationService.getUserNotifications(filteredParams);\n }\n\n onScroll(e) {\n // If the user has scrolled within 200px of the bottom, request more data\n const buffer = 50;\n const divViewHeight = e.target.offsetHeight; // viewport: ~500px\n const divScrollHeight = e.target.scrollHeight; // length of all table\n const scrollLocation = e.target.scrollTop; // how far user scrolled\n const limit = divScrollHeight - divViewHeight - buffer;\n\n if (!this.eof && scrollLocation > limit) {\n this.loadMoreData();\n }\n }\n\n private loadMoreData() {\n this.offset += 1;\n const filteredParams = {\n notificationType: this.currentNotificationFilter.toString(),\n pageIndex: this.offset,\n pageSize: this.limit,\n };\n this.notificationService.getUserNotifications(filteredParams);\n }\n}\n","\n
\n\n\n
\n\n
\n Notifications
\n{{ date }}
\n \n \n \n \n
\n \n
\n \n
\n \n {{ message?.title }}\n
\n \n \n {{ message?.description }}\n \n
\n \n {{ message?.createdAt }}\n
\n\n
\n \n\n\n\n
\n \n
\n \n No any notification\n
\n \n \n Your notifications will be appear here\n \n
\n \n \n {{ \"Notification.Type\" | translate }}\n \n 0\"\n class=\"clear-filter\"\n mat-button\n (click)=\"onClearFilterClicked($event)\"\n >\n {{ \"General.Buttons.ClearFilter\" | translate }}\n \n
\n \n
\n\n\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n ViewChild,\n ElementRef,\n EventEmitter,\n Output,\n} from '@angular/core';\nimport {\n NavigationDropdown,\n NavigationItem,\n NavigationLink,\n} from '../../../interfaces/navigation-item.interface';\nimport { dropdownAnimation } from '../../../animations/dropdown.animation';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { filter } from 'rxjs/operators';\nimport { NavigationService } from '../../../services/navigation.service';\nimport { LayoutService } from 'src/@hodhod/services/layout.service';\nimport { Observable } from 'rxjs';\n@UntilDestroy()\n@Component({\n selector: 'hodhod-sidenav-item',\n templateUrl: './sidenav-item.component.html',\n styleUrls: ['./sidenav-item.component.scss'],\n animations: [dropdownAnimation],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SidenavItemComponent implements OnInit, OnChanges {\n @Input() item!: NavigationItem;\n @Input() level!: number;\n\n isOpen!: boolean;\n isActive!: boolean;\n isAnyDropDownOpened: boolean = false;\n dom: HTMLElement = this.elementRef.nativeElement;\n elements = this.dom.querySelectorAll('.myList');\n isLink = this.navigationService.isLink;\n isDropdown = this.navigationService.isDropdown;\n isSubheading = this.navigationService.isSubheading;\n\n sidenavCollapsed$: ObservableSearch Results
\n- \n
- \n
0\">\n
\n \n ![\"not](\"assets/img/resources/empty-state.svg\")
\n
\n\n {{'General.EmptyTableList' | translate}}...
\n\n \n
\n\n
\n\n \n \n ![\"collapse\"](\"assets/img/resources/collapse.svg\")
\n \n
\n \n \n
\n \n \n \n \n \n
\n \n
\n \n {{ organization?.orgName | titlecase }}\n
\n \n
\n \n {{ company?.companyName | titlecase }}\n
\n \n
\n\n\n
\n\n \n\n \n\n
\n\n \n Notifications
\n You have {{ notifications.length }} new notifications.
\n \n \n \n Search… \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToolbarSearchComponent } from './toolbar-search.component';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n@NgModule({\n declarations: [ToolbarSearchComponent],\n imports: [\n CommonModule,\n MatInputModule,\n MatButtonModule,\n MatIconModule,\n SharedModule\n ],\n exports: [ToolbarSearchComponent]\n})\nexport class ToolbarSearchModule {\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport { MenuItem } from '../interfaces/menu-item.interface';\nimport { trackById } from '../../../../utils/track-by';\nimport { PopoverRef } from '../../../../components/popover/popover-ref';\nimport { BaseApi } from 'src/backend/api/base-api';\nimport { Router } from '@angular/router';\nimport { SharedConstants } from 'src/app/shared/models/shared-constants';\nimport { ConfigService } from 'src/@hodhod/config/config.service';\nimport { colorVariables } from 'src/@hodhod/components/config-panel/color-variables';\nimport { MatDialog } from '@angular/material/dialog';\n\nexport interface OnlineStatus {\n id: 'online' | 'away' | 'dnd' | 'offline';\n label: string;\n icon: string;\n colorClass: string;\n}\n\n@Component({\n selector: 'hodhod-toolbar-user-dropdown',\n templateUrl: './toolbar-user-dropdown.component.html',\n styleUrls: ['./toolbar-user-dropdown.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarUserDropdownComponent implements OnInit {\n currentUser!: any;\n items: MenuItem[] = [\n {\n id: '1',\n icon: 'mat:account_circle',\n label: 'My Profile',\n description: 'Personal Information',\n colorClass: 'text-teal',\n route:\n '/' +\n SharedConstants.USER_MANAGEMENT +\n '/' +\n SharedConstants.VIEW_PROFILE +\n '/' +\n this.currentUser?.userId,\n },\n {\n id: '2',\n icon: 'mat:lock',\n label: 'Change Password',\n description: 'Tasks & Active Projects',\n colorClass: 'text-amber',\n route: '/' + SharedConstants.AUTH + '/' + SharedConstants.FORGOT_PASSWORD,\n },\n // {\n // id: '3',\n // icon: 'mat:notifications_off',\n // label: 'Disable Notifications',\n // description: 'Pricing & Current Plan',\n // colorClass: 'text-purple',\n // route: '/pages/pricing'\n // }\n ];\n\n statuses: OnlineStatus[] = [\n {\n id: 'online',\n label: 'Online',\n icon: 'mat:check_circle',\n colorClass: 'text-green',\n },\n {\n id: 'away',\n label: 'Away',\n icon: 'mat:access_time',\n colorClass: 'text-orange',\n },\n {\n id: 'dnd',\n label: 'Do not disturb',\n icon: 'mat:do_not_disturb',\n colorClass: 'text-red',\n },\n {\n id: 'offline',\n label: 'Offline',\n icon: 'mat:offline_bolt',\n colorClass: 'text-gray',\n },\n ];\n\n activeStatus: OnlineStatus = this.statuses[0];\n\n trackById = trackById;\n\n constructor(\n private cd: ChangeDetectorRef,\n private configService: ConfigService,\n private popoverRef: PopoverRef\n
","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { BaseApi } from 'src/backend/api/base-api';\nimport { PopoverService } from '../../../components/popover/popover.service';\nimport { ToolbarUserDropdownComponent } from './toolbar-user-dropdown/toolbar-user-dropdown.component';\n\n@Component({\n selector: 'hodhod-toolbar-user',\n templateUrl: './toolbar-user.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToolbarUserComponent implements OnInit {\n\n dropdownOpen!: boolean;\n currentUser!: any;\n\n constructor(private popover: PopoverService,\n private cd: ChangeDetectorRef,\n private baseApi: BaseApi) { }\n\n ngOnInit() { \n this.currentUser = this.baseApi.getUserSession();\n }\n\n userImage(){\n return this.baseApi.getUserSession();\n }\n\n\n showPopover(originRef: HTMLElement) {\n this.dropdownOpen = true;\n this.cd.markForCheck();\n\n const popoverRef = this.popover.open({\n content: ToolbarUserDropdownComponent,\n origin: originRef,\n offsetY: 12,\n position: [\n {\n originX: 'center',\n originY: 'top',\n overlayX: 'center',\n overlayY: 'bottom'\n },\n {\n originX: 'end',\n originY: 'bottom',\n overlayX: 'end',\n overlayY: 'top',\n },\n ]\n });\n\n popoverRef.afterClosed$.subscribe(() => {\n this.dropdownOpen = false;\n this.cd.markForCheck();\n });\n }\n}\n","\n
\n\n \n\n \n\n
\n \n
\n {{currentUser?.fullName}}
\n {{currentUser?.roles[0]}}
\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToolbarUserComponent } from './toolbar-user.component';\nimport { ToolbarUserDropdownComponent } from './toolbar-user-dropdown/toolbar-user-dropdown.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RelativeDateTimeModule } from '../../../pipes/relative-date-time/relative-date-time.module';\nimport { RouterModule } from '@angular/router';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n@NgModule({\n declarations: [ToolbarUserComponent, ToolbarUserDropdownComponent],\n imports: [\n CommonModule,\n MatIconModule,\n MatRippleModule,\n MatMenuModule,\n MatButtonModule,\n RelativeDateTimeModule,\n RouterModule,\n MatTooltipModule,\n SharedModule\n ],\n exports: [ToolbarUserComponent]\n})\nexport class ToolbarUserModule {\n}\n\n","import {\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnInit,\n} from '@angular/core';\nimport { LayoutService } from '../../services/layout.service';\nimport { ConfigService } from '../../config/config.service';\nimport { map, startWith, switchMap } from 'rxjs/operators';\nimport { NavigationService } from '../../services/navigation.service';\nimport { PopoverService } from '../../components/popover/popover.service';\nimport { MegaMenuComponent } from '../../components/mega-menu/mega-menu.component';\nimport { Observable, of } from 'rxjs';\nimport { NotificationService } from 'src/backend/services/notification.service';\nimport { ColorSchemeName } from 'src/@hodhod/config/colorSchemeName';\nimport { SearchService } from 'src/@hodhod/services/search.service';\nimport { GlobalSearchService } from 'src/backend/services/global-search.service';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n selector: 'hodhod-toolbar',\n templateUrl: './toolbar.component.html',\n styleUrls: ['./toolbar.component.scss'],\n})\nexport class ToolbarComponent implements OnInit {\n @Input() mobileQuery!: boolean;\n\n @Input()\n @HostBinding('class.shadow-b')\n hasShadow!: boolean;\n searchCtrl = new UntypedFormControl();\n\n navigationItems = this.navigationService.items.filter(\n (x) => x.label !== 'ManageAccount' && x.label !== 'ManageContent'\n );\n\n isHorizontalLayout$: Observable{{currentUser?.fullName}}
\n \n \n
\n \n\n \n \n
\n \n \n
\n\n \n\n 0\">\n \n
\n 0\">\n \n
\n\n \n \n 0\"\n class=\"inline-flex absolute -top-2 -right-2 justify-center items-center w-7 h-7 text-xs font-bold text-white bg-primary rounded-full border-2 border-white dark:border-gray-900\"\n >\n {{ notifyCount > 99 ? \"99+\" : notifyCount }}\n
\n \n \n
\n\n \n \n\n \n\n \n
\n | \n {{ row[column.property] | date : \"mediumDate\" }}\n | \n \n\n | \n \n | \n \n \n | \n \n | \n \n \n\n \n \n\n | \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n 0\"\n >\n
\n \n \n \n
\n\n \n {{ \"ManageAccessControl.InviteUser\" | translate }}\n
\n\n \n
\n\n \n
\n \n \n {{ \"Chatbot.IssueCardType\" | translate }}\n \n \n
\n {{ \"Chatbot.OptionalAssign\" | translate }}
\n \n
\n \n \n
\n \n
\n\n \n \n
\n\n \n
\n \n {{ card?.friendlyName }}\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n\n \n {{ \"ManageAccessControl.InviteUser\" | translate }}\n
\n\n \n\n
\n\n \n
\n \n {{ \"ManageAccessControl.InviteUser\" | translate }}\n * \n \n \n \n \n {{ user.fullName }}\n \n \n \n \n
\n \n \n {{ user?.fullName }} ( {{ user?.email }} )\n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n 0\">\n \n
\n\n \n
\n \n \n {{ \"Chatbot.IssueCardType\" | translate }}\n \n \n
\n {{ \"Chatbot.OptionalAssign\" | translate }}
\n \n
\n \n \n
\n \n
\n\n \n \n
\n\n \n
\n \n {{ card?.friendlyName }}\n
\n \n
\n \n
\n \n \n \n
\n \n \n
\n \n \n \n
\n\n \n {{ \"ManageAccessControl.Visitor.InviteVisitor\" | translate }}\n
\n\n
\n\n \n {{ \"ManageAccessControl.Visitor.FirstName\" | translate }}\n \n *\n \n \n \n \n \n
\n\n \n
\n \n \n {{ \"ManageAccessControl.Visitor.LastName\" | translate }}\n \n *\n \n \n \n \n \n
\n \n
\n \n \n {{ \"ManageAccessControl.Visitor.Email\" | translate }}\n \n *\n \n \n \n \n \n \n
\n\n \n
\n \n \n
\n \n \n {{ \"ManageAccessControl.Visitor.Phone\" | translate }}\n \n *\n \n \n \n \n \n \n
\n\n \n
\n \n \n
\n \n \n {{ \"ManageAccessControl.Visitor.ReasonForVisit\" | translate }}\n \n *\n \n \n \n \n \n \n
\n\n \n
\n \n \n
\n\n \n {{ \"ManageAccessControl.Visitor.StartDate\" | translate }}\n \n *\n \n \n \n MM/DD/YYYY \n \n \n \n
\n\n \n
\n \n \n {{ \"ManageAccessControl.Visitor.Time\" | translate }}\n \n *\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n\n \n {{ \"ManageAccessControl.Visitor.ExpiryDate\" | translate }}\n \n *\n \n \n \n MM/DD/YYYY \n \n \n \n
\n\n \n
\n \n \n {{ \"ManageAccessControl.Visitor.Time\" | translate }}\n \n *\n \n \n \n \n \n \n \n
\n \n
\n \n 0\">\n \n
\n\n \n
\n \n \n {{ \"Chatbot.IssueCardType\" | translate }}\n \n \n
\n {{ \"Chatbot.OptionalAssign\" | translate }}
\n \n
\n \n \n
\n \n
\n\n \n \n
\n\n \n
\n \n {{ card?.friendlyName }}\n
\n \n
\n \n
\n \n \n \n
\n \n \n
\n \n \n\n","import {\n Component,\n OnInit,\n Input,\n OnChanges,\n SimpleChanges,\n Output,\n EventEmitter,\n} from '@angular/core';\n\n@Component({\n selector: 'app-mobile-card-id',\n templateUrl: './mobile-card-id.component.html',\n styleUrls: ['./mobile-card-id.component.scss'],\n})\nexport class MobileCardIdComponent implements OnInit, OnChanges {\n @Input() userDetails: any;\n @Input() cardDetails: any;\n\n @Output() onInvokeCredential: EventEmitter\n
\n \n {{ \"ManageAccessControl.Title\" | translate }}\n
\n\n\n \n \n
\n \n \n ![\"\"]()
\n \n
\n \n
\n \n {{ \"ManageAccessControl.\" + item.label | translate }}\n
\n\n {{ item.value }}\n
\n\n
\n\n \n
\n\n \n
\n \n {{ cardDetails?.status }}\n
\n\n
\n \n
\n \n \n
\n \n
\n \n {{ userDetails?.fullName }}\n
\n{{ cardDetails?.cardNumber }}
\n\n
\n\n","import {\n Component,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n} from '@angular/core';\nimport { fadeInRight400ms } from 'src/@hodhod/animations/fade-in-right.animation';\nimport { fadeInUp400ms } from 'src/@hodhod/animations/fade-in-up.animation';\nimport { scaleFadeIn400ms } from 'src/@hodhod/animations/scale-fade-in.animation';\nimport { scaleIn400ms } from 'src/@hodhod/animations/scale-in.animation';\nimport { stagger40ms } from 'src/@hodhod/animations/stagger.animation';\n\n@Component({\n selector: 'app-user-details-card',\n templateUrl: './user-details-card.component.html',\n styleUrls: ['./user-details-card.component.scss'],\n animations: [\n fadeInUp400ms,\n stagger40ms,\n scaleFadeIn400ms,\n scaleFadeIn400ms,\n scaleIn400ms,\n fadeInRight400ms,\n ],\n})\nexport class UserDetailsCardComponent implements OnInit, OnChanges {\n @Input() userDetails: any = null;\n\n public imageUrl: string;\n\n constructor() {}\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['userDetails'].currentValue) {\n const base64String = changes['userDetails'].currentValue.photo;\n this.imageUrl = `data:image/jpeg;base64,${base64String}`; // Adjust the MIME type if necessary\n }\n }\n\n ngOnInit(): void {}\n}\n","\n
\n \n
\n \n \n \n
\n\n \n
\n \n \n \n
\n \n \n \n \n ![\"\"](\"assets/img/resources/user-square.svg\")
\n \n
\n\n \n \n \n
\n {{ userDetails?.fullName }}
\n \n\n \n ![\"\"](\"assets/img/resources/mail.svg\")
\n
\n\n \n \n
\n \n {{ userDetails?.email }}\n
\n \n\n \n ![\"\"](\"assets/img/resources/tabler-icon-briefcase.svg\")
\n
\n \n \n
\n \n {{ \"ManageAccessControl.UserDetails.Department\" | translate }}\n
\n\n {{ userDetails?.department }}\n
\n\n \n
\n \n \n \n \n
\n\n \n
\n {{ userDetails?.phone }}
\n \n\n \n
\n\n \n
\n \n \n \n {{ \"ManageAccessControl.UserDetails.reportsTo\" | translate }}\n
\n\n {{ userDetails?.reportsTo }}\n
\n\n \n \n ![\"\"](\"assets/img/resources/tabler-icon-id.svg\")
\n \n
\n\n \n \n \n
\n \n \n \n \n\n {{ \"ManageAccessControl.UserDetails.idNum\" | translate }}\n
\n{{ userDetails?.Id }}
\n\n \n
\n \n \n
\n \n| \n {{ row[column.property] | date : \"mediumDate\" }}\n | \n \n\n | \n \n \n
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n 0; else noDataTemplate\">\n \n \n \n
\n \n\n \n \n \n
\n \n \n \n
\n\n \n \n \n 0;\n else NoDevices\n \"\n >\n \n \n
\n \n \n \n
\n \n \n\n \n
\n\n \n
\n \n {{ device?.manufacturer }} {{ device?.model }}\n
\nDevice ID: {{ device?.id }}
\n{{ device?.osVersion }}
\n\n
\n {{ device?.applicationVersion }}
\n{{ device?.secureElementType }}
\n\n NFC Capability:\n {{ device?.nfcCapability === \"Y\" ? \"Yes\" : \"No\" }}\n
\n\n HCE Capability:\n {{ device?.hceCapability === \"Y\" ? \"Yes\" : \"No\" }}\n
\n\n
\n \n \n \n \n 0;\n else NoDevices\n \"\n >\n \n \n
\n \n
\n \n {{\n \"ManageAccessControl.MobileDevices.NoDevices\"\n | translate\n }}\n
\n\n
\n \n {{\n \"ManageAccessControl.MobileDevices.NoDevices\"\n | translate\n }}\n
\n\n \n \n \n \n
\n \n \n \n \n \n \n \n\n
\n\n
\n \n {{ \"ManageAccessControl.MobileDevices.NoMobileIds\" | translate }}\n
\n\n \n
\n\n \n {{ \"ManageAccessControl.IssueMobileId\" | translate }}\n
\n\n \n
\n \n \n
\n\n \n \n
\n\n \n
\n \n {{ card?.friendlyName }}\n
\n \n
\n \n
\n \n \n \n
\n \n \n\n \n\n\n \n
\n | \n {{ row[column.property] | date : \"mediumDate\" }} \n {{ row?.startTime }}\n | \n \n\n \n {{ row[column.property] | date : \"mediumDate\" }} \n {{ row?.expiryTime }}\n | \n \n \n | \n \n | \n \n \n\n \n \n\n | \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n
\n \n \n \n
\n\n \n {{ \"ManageAccessControl.InviteUser\" | translate }}\n
\n\n \n
\n\n \n
\n \n Issue Card\n \n
\n Optional assign default card
\n \n
\n \n \n
\n \n
\n\n \n \n
\n\n \n
\n \n {{ card?.friendlyName }}\n
\n \n
\n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n {{ \"ManageAccessControl.AllUsers\" | translate }}\n
\n \n\n \n\n \n\n \n
\n | \n {{ row[column.property] | date : \"mediumDate\" }}\n | \n \n\n | \n \n \n | \n \n | \n \n \n | \n \n \n \n | \n \n \n | \n \n\n | \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n
\n Close Action
\n\n \n
\n \n \n \n
\n\n \n\n \n\n \n \n
\n | \n | \n | \n \n {{ row[column.property] | date : \"mediumDate\" }}\n | \n \n\n | \n \n \n | \n \n | \n \n \n | \n \n \n \n | \n \n \n\n \n \n | \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n
\n Close Action
\n\n \n
\n \n \n \n
\n\n ![]()
\n \n
\n {{ singleAction?.title }}
\n\n
\n \n ![]()
\n
\n \n \n
\n\n \n \n \n \n \n \n {{ \"RenewIdCard.View.Table.\" + column.label | translate }}\n \n \n {{ row[column.property] }}\n Default \n \n \n \n \n {{ \"RenewIdCard.View.Table.\" + column.label | translate }}\n \n \n {{\n \"Enum.ReportNearMissStatus.\" + row[column.property].toUpperCase()\n | translate\n }}\n \n \n \n \n {{ \"RenewIdCard.View.Table.\" + column.label | translate }}\n \n \n {{ row[column.property] }}\n \n \n \n\n \n \n \n \n
\n\n \n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n\n \n
\n\n \n \n {{ action?.title }}\n \n \n
\n \n
\n\n \n
\n \n \n \n
\n\n \n \n {{ action?.title }}\n \n
\n Title
\n\n \n \n
\n\n \n
\n {{ action?.assignToName }}
\nResponsibility
\n\n \n \n
\n\n \n
\n \n {{ action?.targetDate | date : \"mediumDate\" }}\n
\nTarget Date
\n\n
\n \n \n\n \n {{ action?.closedDate | date : \"mediumDate\" }}\n
\nClose Date
\n\n
\n\n \n \n \n
\n\n \n
\n \n {{ action?.actionStatus }}\n
\n Status
\n\n \n \n
\n\n \n
\n \n \n \n \n {{ action?.priority }}\n
\n Priority
\n\n
\n \n \n {{ action?.remarks }}\n
\nremarks
\n\n \n\n \n\n \n \n
\n\n | \n {{ row[column.property] | date : \"dd-MM-yyyy\" }}\n | \n \n\n | \n \n | \n \n \n\n \n \n | \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n\n \n\n \n \n
\n | \n | \n | \n \n {{ \"organization.Table.Features\" | translate }}\n | \n\n \n \n \n \n | \n \n \n \n | \n \n {{ row[column.property] | date : \"dd-MM-yyyy\" }}\n | \n \n\n | \n \n | \n \n \n\n \n \n | \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n
\n \n
\n \n \n \n
\n\n \n
\n {{ companyInfo?.companyCode }}
\n\n {{ \"Company.BasicForm.Code\" | translate }}\n
\n\n \n \n
\n\n \n
\n {{ companyInfo?.companyName }}
\n\n {{ \"Company.BasicForm.Name\" | translate }}\n
\n\n \n \n
\n\n \n
\n \n \n {{ companyInfo?.updatedOn | date : \"dd-MM-yyyy hh:mm:ss\" }}\n
\n\n {{ \"Company.BasicForm.UpdatedAt\" | translate }}\n
\n\n \n \n
\n\n \n
\n \n \n {{ companyInfo?.createdOn | date : \"dd-MM-yyyy hh:mm:ss\" }}\n
\n\n {{ \"Company.BasicForm.CreatedOn\" | translate }}\n
\n\n \n \n
\n\n \n
\n \n \n \n {{ compLicenseInfo?.accessControlLicenseQuota }}\n
\n\n {{ 'License Quota' }}\n
\n\n \n \n \n {{\n \"General.Active\" | translate | uppercase\n }}\n {{\n \"General.Inactive\" | translate | uppercase\n }}\n
\n \n \n \n \n
\n \n {{ \"General.Status\" | translate }}\n
\n\n {{\n \"Company.BasicForm.Theme\" | translate\n }} \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {{ \"Company.BasicForm.Logo\" | translate }}:\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n{{ companyInfo?.description }}
\n\n {{ \"Company.BasicForm.Description\" | translate }}\n
\n\n ![]()
\n \n
\n {{ companyInfo?.companyName }}
\n\n
\n \n ![]()
\n
\n \n \n
\n\n \n
\n \n {{ \"General.Buttons.ChangeEmail\" | translate }}\n
\n\n \n
\n \n \n \n
\n 0\">\n
\n \n\n
\n \n ![]()
\n
\n \n ![]()
\n {{'Feature.' + feature.featureName | translate}}
\n \n
\n \n {{'Feature.' + feature.featureName | translate}}
\n \n \n\n \n\n \n \n
\n | \n \n \n | \n \n {{ row[column.property] | date : \"dd-MM-yyyy\" }}\n | \n \n\n | \n \n | \n \n \n\n \n\n | \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n\n \n\n \n \n
\n\n | \n | \n \n {{ row[column.property] | date : \"medium\" }}\n | \n \n\n {{ row[column.property] | date : \"medium\" }}\n | \n \n\n | \n \n | \n \n \n\n \n \n | \n \n \n \n \n \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n
\n \n\n \n\n \n\n \n \n
\n | \n | \n \n {{ row[column.property] | date : \"dd-MM-yyyy\" }}\n | \n \n\n\n | \n \n {{ row[column.property] }}\n | \n \n\n\n | \n \n | \n \n \n \n | \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n
\n\n Activate Category
\n\n \n \n
\n \n \n\n \n\n \n \n
\n | \n \n \n | \n \n {{ row[column.property] | date : \"dd-MM-yyyy\" }}\n | \n \n\n | \n \n | \n \n \n | \n \n | \n \n \n \n | \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n \n\n\n \n\n \n \n \n
\n \n \n
\n\n | \n {{ row[column.property] | date : \"medium\" }}\n | \n \n\n {{ row[column.property] | date : \"medium\" }}\n | \n \n\n {{ \"User.Table.\" + column.label | translate }}\n | \n\n | \n \n \n\n \n \n | \n \n \n \n \n \n | \n
|---|
\n \n {{ \"General.EmptyTableList\" | translate }}...\n
\n\n \n\n \n\n \n \n
\n\n | \n | \n \n {{ row[column.property] | date : \"dd-MM-yyyy\" }}\n | \n \n\n |
|---|