\r\n \r\n
\r\n\r\n
\r\n","import { animate, group, state, style, transition, trigger } from '@angular/animations';\r\n\r\n/** this animation is used to show status messages in the footer zone of the page */\r\nexport const GrowShrink =\r\n trigger('growShrink', [\r\n state('hidden', style({ height: 0, opacity: 0 })),\r\n state('visible', style({ height: '*', opacity: 1 })),\r\n transition('hidden => visible', [\r\n group([\r\n animate('.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)',\r\n style({ height: '*' })),\r\n animate('.5s ease-in-out',\r\n style({ opacity: 1 }))\r\n ])\r\n ]),\r\n transition('visible => hidden', [\r\n group([\r\n animate('.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)',\r\n style({ height: 0 })),\r\n animate('.5s ease-in-out',\r\n style({ opacity: 0 }))\r\n ])\r\n ])\r\n ]);\r\n","export * from 'app/shared/animations/public-api';\r\n","import { animate, animateChild, group, query, style, transition, trigger } from '@angular/animations';\r\n\r\n/** this animation is used to animate the enter/leave of the Menu page */\r\nexport const PageSlide =\r\n trigger('routeAnimations', [\r\n transition('* <=> MenuPage', [\r\n style({ position: 'relative' }),\r\n query(':enter, :leave', [\r\n style({\r\n //transform: 'translateY(-100%)'\r\n // position: 'absolute',\r\n // top: 0,\r\n // left: 0,\r\n // width: '100%'\r\n })\r\n ], { optional: true }),\r\n query(':enter', [\r\n style({ transform: 'translateY(-100%)' })\r\n ], { optional: true }),\r\n query(':leave', animateChild(), { optional: true }),\r\n group([\r\n query(':leave', [\r\n animate('200ms ease-out', style({ transform: 'translateY(100%)' }))\r\n ], { optional: true }),\r\n query(':enter', [\r\n animate('300ms ease-out', style({ transform: 'translateY(0%)' }))\r\n ], { optional: true })\r\n ]),\r\n query(':enter', animateChild(), { optional: true }),\r\n ])\r\n ]);\r\n","export * from 'app/shared/animations/growShrink.animation';\r\nexport * from 'app/shared/animations/pageSlide.animation';\r\nexport * from 'app/shared/animations/scrollUpList.animation';\r\n","import { animate, style, transition, trigger, query, stagger } from '@angular/animations';\r\n\r\n/** this animation is used to show status messages in the footer zone of the page */\r\nexport const ScrollUpList =\r\n trigger('scrollUpList', [\r\n transition('* => *', [ // each time the binding value changes\r\n query(':leave', [\r\n stagger('300ms', [\r\n animate('.8s', style({ opacity: 0 }))\r\n ])\r\n ], { optional: true }),\r\n query(':enter', [\r\n style({ opacity: 0 }),\r\n stagger('300ms', [\r\n animate('.8s', style({ opacity: 1 }))\r\n ])\r\n ], { optional: true })\r\n ])\r\n ]);\r\n","import { AsyncPipe, NgIf } from '@angular/common';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from 'app/core/services';\r\nimport { ENDPOINT_AUTH } from 'app/shared/configuration/settings';\r\nimport { Person, User } from 'app/shared/models';\r\nimport { CarersService } from 'app/shared/services';\r\nimport { map } from 'lodash';\r\nimport { Observable, ReplaySubject, share, switchMap } from 'rxjs';\r\n\r\n/**\r\n * @author jmgonzalezr\r\n * @version 1.0\r\n * This component renders the at-door component, a component that can appear in\r\n * several points of the application, and shows if there are some carer/s wainting\r\n * at the door of the user's house to enter and perform the service.\r\n */\r\n@Component({\r\n selector : 'app-at-door',\r\n templateUrl: './at-door.component.html',\r\n standalone : true,\r\n imports : [AsyncPipe, NgIf]\r\n})\r\nexport class AtDoorComponent implements OnInit\r\n{\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Properties\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /** contains the array of carers that are waiting at the user's door */\r\n public carersAtUserDoor$: Observable\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 {{ occurrence.LocalStartTime | duration }} - {{ occurrence.LocalEndTime | duration }}\r\n {{ occurrence.AssistantFullName | titlecase }}\r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n {{ task | firstcase }}\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 {{ task.Name | firstcase }}\r\n- \r\n
- \r\n {{ assistantFullName | titlecase }}\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 {{ generateCarersListNames(carersAtUserDoor) }}
\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","import { Injectable } from '@angular/core';\r\nimport { DialogRequest, DialogSettings, DialogType } from 'app/shared/components/dialog';\r\nimport { InfoLevel } from 'app/shared/models';\r\nimport { Observable, ReplaySubject, Subject } from 'rxjs';\r\n\r\n/**\r\n * @author jmgonzalezr\r\n * @version 1.0\r\n * This service allows to use configure alert/confirm dialogs.\r\n */\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class DialogService\r\n{\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Properties\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /* this variable returns an observable for the alert dialogs */\r\n private readonly _onAlert = new ReplaySubject\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","export * from 'app/shared/components/footer/public-api';\r\n","export * from 'app/shared/components/footer/footer.component';\r\n","import { Location, NgIf } from '@angular/common';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from 'app/core/services';\r\nimport { APP_TITLE } from 'app/shared/configuration/settings';\r\nimport { DateTime } from 'luxon';\r\n\r\n/**\r\n * @author jmgonzalezr\r\n * @version 1.0\r\n * This component renders the upper part of the SPA.\r\n */\r\n@Component({\r\n selector : 'app-header',\r\n templateUrl: './header.component.html',\r\n standalone : true,\r\n imports : [NgIf],\r\n})\r\nexport class HeaderComponent implements OnInit\r\n{\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Properties\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /** a variable used to show the current date */\r\n public date: string;\r\n /** a variable that controls the behavior of the logo/back button */\r\n public logo: boolean;\r\n /** a variable used to control the suffix of the title (and not to show it) */\r\n public suffix: string;\r\n /** a variable containing the current route */\r\n //private _currentRoute: string;\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Constructor\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /**\r\n * @constructor\r\n * the default constructor receives a authentication service, in which is\r\n * the logic ued to show or not some components of the header, and the title\r\n * @param authService > this service allows to know if a user is logged in, and,\r\n * therefore, whether it is necessary to show the logout button.\r\n * @param _router > the object used to make redirections (to the home page).\r\n * @param titleService > the service used to get the active title.\r\n */\r\n constructor(\r\n public authService: AuthService,\r\n public titleService: Title,\r\n public location: Location,\r\n private _router: Router) {\r\n //this.location.onUrlChange(url => this._currentRoute = url);\r\n }\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Lifecycle hooks\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /**\r\n * @method ngOnInit\r\n * this function initializes the title suffix, in order to avoid showing it in the title of the\r\n * header. it initializes the current route too from the window object.\r\n */\r\n public ngOnInit(): void {\r\n this.suffix = ' | ' + APP_TITLE;\r\n // gets the date of today as a local string\r\n this.date = DateTime.local().toLocaleString(DateTime.DATE_FULL); // today date\r\n }\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Public methods\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /**\r\n * @method goHome\r\n * this function redirects to the root page of the app (only if the current page is not the\r\n * offline page).\r\n */\r\n public goHome(): void {\r\n if (!/\\/offline/g.test(this.location.path()))\r\n this._router.navigate(['/']);\r\n }\r\n\r\n /**\r\n * @method showLogo\r\n * this function checks the number of slashes that are in the (absolute) path of the current url.\r\n * just like it is currently designed the routing, if there are more than two slashes in the route\r\n * path it is a child page, so it should be shown the back button instead of the logo.\r\n * @returns {boolean} true if the route is a 'parent' page component (and so it should be appear\r\n * the logo), false otherwise.\r\n */\r\n public showLogo(): boolean {\r\n return (this.location.path().match(/\\//g)||[]).length < 3;\r\n }\r\n\r\n /**\r\n * @method showToday\r\n * this function shows the date of today when the current URL is one of the specified.\r\n * @returns {boolean} true if it has to be shown the date of today, false otherwise.\r\n */\r\n public showToday(): boolean {\r\n return /\\/home/g.test(this.location.path());\r\n }\r\n\r\n}\r\n","\r\n","export * from 'app/shared/components/header/public-api';\r\n","export * from 'app/shared/components/header/header.component';\r\n","export * from 'app/shared/components/menu/public-api';\r\n","import { AsyncPipe, NgIf, NgSwitch, NgSwitchCase } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { AuthService } from 'app/core/auth/auth.service';\r\nimport { DEFAULT_REPOSITORY_NOTIFICATION_DAYS } from 'app/shared/configuration/settings';\r\nimport { User } from 'app/shared/models';\r\nimport { WorkCenterExternalUserWebConfiguration } from 'app/shared/models/work-center-external-user-web-configuration';\r\nimport { WorkCentersService } from 'app/shared/services';\r\nimport { Subject, takeUntil } from 'rxjs';\r\n\r\n/**\r\n * @author jmgonzalezr\r\n * @version 1.0\r\n * This component renders the upper menu (the main menu) for the app.\r\n */\r\n@Component({\r\n selector : 'app-navigation-menu',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n templateUrl : './menu.component.html',\r\n standalone : true,\r\n imports : [AsyncPipe, NgIf, NgSwitch, NgSwitchCase, RouterLink, RouterLinkActive],\r\n})\r\nexport class MenuComponent implements OnInit\r\n{\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Properties\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /** an observable variable to the external user web configuration object */\r\n public configuration: WorkCenterExternalUserWebConfiguration;\r\n /** this variable controls which item is hovered in order to show the text of it */\r\n public hovered: number;\r\n /** this variable controls when to show the content of the navigation menu */\r\n public isTokenAlive: boolean;\r\n /** a variable used to control when the menu is collapsed or expanded */\r\n public isCollapsed: boolean;\r\n /** this variable holds the number of newly uploaded documents to the workcenter repository */\r\n public newRepositoryDocuments: number;\r\n /** Used to free the subscriptions made for the current service */\r\n private _unsubscribeAll: Subject\r\n \r\n ·\r\n © {{ year }}.\r\n ·.\r\n
\r\n \r\n\r\n
\r\n","import { Injectable } from '@angular/core';\r\nimport { NotificationRequest } from 'app/shared/components/notifications';\r\nimport { DEFAULT_TITLE_RESOURCES_SUFFIX } from 'app/shared/configuration/settings';\r\nimport { InfoLevel } from 'app/shared/models';\r\nimport { DateTime } from 'luxon';\r\nimport { Observable, ReplaySubject } from 'rxjs';\r\n\r\n/**\r\n * @author jmgonzalezr\r\n * @version 1.0\r\n * This service allows to use configure notifications. When using them, you shold specify the body\r\n * (content) and parameters (for rendering the body, if needed), and the title. The title can have\r\n * three possible values:\r\n * - a resource identifier\r\n * - null (and then, based on the type of notification, it will be used the default resource id\r\n * title)\r\n * - undefined (and then, the header will not be rendered)\r\n */\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class NotificationsService\r\n{\r\n\r\n // -----------------------------------------------------------------------------------------------------\r\n // @ Properties\r\n // -----------------------------------------------------------------------------------------------------\r\n\r\n /* this variable returns an observable for the notifications dialogs */\r\n private readonly _onShow = new ReplaySubject\r\n
\r\n\r\n
\r\n \r\n {{notifications[i]?.title}}\r\n {{notifications[i]?.time}}\r\n \r\n
\r\n \r\n
\r\n {{notifications[i]?.body}}
\r\n \r\n