![](\"assets/icons/added_oultine_modify_pencil.svg\"){kind=icon}
',\r\n },\r\n delete: {\r\n deleteButtonContent: '![](\"assets/icons/trash-2-outline.svg\"){kind=icon}
',\r\n },\r\n columns: {\r\n name: { title: this.NameLabel, type: 'string', filter: false },\r\n },\r\n };\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private fb: FormBuilder,\r\n private dialogService: NbDialogService,\r\n private planService: FitnessPlanData,\r\n private toasterService: NbToastrService,\r\n private usersService: UsersService,\r\n private router: Router,\r\n private patientsService: PatientData,\r\n private programTemplateService: ProgramTemplateData\r\n ) {\r\n super(dialogService);\r\n this.Labels = new Labelling();\r\n\r\n this.InitPlanDefForm();\r\n\r\n if (!this.PatientID) this.PatientID = this.route.snapshot.paramMap.get('PatientId');\r\n\r\n this.route.params.subscribe((params) => {\r\n this.PlanIDSubject.next(params['PlanId']);\r\n });\r\n /**\r\n * @description disabled by @intel\r\n if (!this.PlanID) this.PlanID = this.route.snapshot.paramMap.get('PlanId');\r\n if (!this.PlanID) this.PlanID = this.route.snapshot.queryParams.PlanId;\r\n */\r\n\r\n if (!this.PatientID) this.NotificationToken = this.route.snapshot.paramMap.get('NotificationToken');\r\n else this.ShowEmailSubmit = true;\r\n }\r\n\r\n get PlanName() {\r\n return this.PlanForm.get('PlanName');\r\n }\r\n get PlanDescription() {\r\n return this.PlanForm.get('PlanDescription');\r\n }\r\n get PlanNotes() {\r\n return this.PlanForm.get('PlanNotes');\r\n }\r\n get TemplateName() {\r\n return this.PlanForm.get('TemplateName');\r\n }\r\n get TemplateDescription() {\r\n return this.PlanForm.get('TemplateDescription');\r\n }\r\n\r\n get IsViewTemplate() {\r\n const isPublic = this.route.snapshot.queryParamMap.get('public') === 'true';\r\n return isPublic;\r\n }\r\n\r\n /**\r\n * Initializes the component.\r\n * - Initalizes the Plan Def form.\r\n * - Gets the Patient ID / Patient NotificationToken and Plan ID from the URL.\r\n * - Initializes the Plan (Create) or loads the Plan (Edit) including its PlanDays data.\r\n */\r\n ngOnInit(): void {\r\n const dayId = +this.route.snapshot.queryParamMap.get('dayId');\r\n if (!isNaN(dayId)) this.dayId = dayId;\r\n\r\n this.SetupPlan();\r\n }\r\n\r\n SetupPlan() {\r\n const loadUser = this.usersService.getCurrentUser();\r\n loadUser.subscribe((user) => {\r\n if (user != null) this.currentUserID = user.id;\r\n this.currentUserSubject.next(user);\r\n });\r\n\r\n this.TheDays = null;\r\n\r\n if (this.NotificationToken) {\r\n this.loadPatientData(this.NotificationToken);\r\n } else {\r\n if (this.PatientID !== null || this.PatientID > 0) {\r\n this.loadPatientData(this.PatientID);\r\n }\r\n }\r\n\r\n if (this.ThePlan === null || this.ThePlan === undefined) {\r\n this.ThePlan = {\r\n id: null,\r\n days: new Array\r\n
\r\n\r\n\r\n\r\n","\r\n
\r\n\r\n \r\n
\r\n \r\n Edit Item \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 {\r\n Component,\r\n Input,\r\n ChangeDetectorRef,\r\n ViewEncapsulation,\r\n ComponentRef,\r\n ViewChild,\r\n OnInit,\r\n Output,\r\n EventEmitter,\r\n} from '@angular/core';\r\nimport {\r\n NbColorHelper,\r\n NbDialogRef,\r\n NbDialogService,\r\n NbThemeService,\r\n} from '@nebular/theme';\r\nimport { Subject, Observable } from 'rxjs';\r\n\r\nimport { BaseComponentCanDeactivate } from 'app/@auth/guards/changes.guard';\r\nimport { UsersService } from 'app/@core/backend/common/services/users.service';\r\nimport { User } from 'app/@core/interfaces/common/users';\r\nimport { Router } from '@angular/router';\r\nimport {\r\n FitnessItem,\r\n SetsBased,\r\n SettingDetailRow,\r\n WeightType,\r\n BlockType,\r\n FitnessBlock,\r\n FitnessItemHelper,\r\n} from 'app/@core/interfaces/common/CalorieFriend/fitnessItem';\r\nimport { format } from 'support';\r\nimport { ExerciseEditComponent } from '../ExerciseEdit/exercise-edit.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { SafeResourceUrl } from '@angular/platform-browser';\r\nimport { ExerciseProgressData } from 'app/@core/interfaces/common/CalorieFriend/exercise-progress';\r\nimport { ExerciseLogData } from 'app/@core/interfaces/common/CalorieFriend/exerciseLog';\r\nimport {\r\n WorkoutDetail,\r\n WorkoutDetailStatus,\r\n} from 'app/@core/interfaces/common/CalorieFriend/workout';\r\nimport { OverlayFitnessItemPresentationComponent } from './fitness-item-presentation-overlay.component';\r\nimport { FitnessItemPresentationComponentBase } from './fitness-item-presentation-base.component';\r\nimport { WorkoutService } from 'app/@core/backend/common/services/CalorieFriend/workout.service';\r\n\r\n/**\r\n * Component for Meal Item presentation.\r\n * Inherits from the MealItemPresentationComponentBase component.\r\n */\r\n@Component({\r\n selector: 'app-fitness-item-presentation',\r\n templateUrl: './fitness-item-presentation.component.html',\r\n styleUrls: [\r\n './fitness-item-presentation.component.scss',\r\n '../../global.component.scss',\r\n ],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class FitnessItemPresentationComponent\r\n extends FitnessItemPresentationComponentBase\r\n implements OnInit {\r\n\r\n\r\n\r\n constructor(\r\n private PresDialogService: NbDialogService,\r\n PresExerciseProgressService: ExerciseProgressData,\r\n private workoutService: WorkoutService,\r\n ) {\r\n super(PresDialogService, PresExerciseProgressService);\r\n }\r\n\r\n onClickImage(): void {\r\n if (this.IsViewOnly) return;\r\n\r\n\r\n if (this.IsPatientView) {\r\n // start exercise based on block and exercise id\r\n this.workoutService.startExcercise.next({\r\n blockId: this.fitnessBlock.id,\r\n excerciseId: this.Item.id,\r\n isWorkout: false,\r\n });\r\n } else {\r\n const ref: ComponentRef\r\n
\r\n {{ItemName}}
\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 {{Item.customName}}
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n {{RestToNext}}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n {{RestEnd}}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n Superset\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n\r\n \r\n\r\n \r\n {{ItemName}}\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n {{RestToNext}}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n Superset\r\n
\r\n {0} x {1} {2}\";\r\n let result = \"\";\r\n\r\n let fitnessItem = this.Item;\r\n\r\n\r\n if (this.IsSuperSet && this.GetSupersetMaster != null) {\r\n fitnessItem = this.GetSupersetMaster;\r\n }\r\n\r\n\r\n if (fitnessItem.setsBased === SetsBased.RepsBased || fitnessItem.setsBased.toString() === '0' || fitnessItem.setsBased === SetsBased.Superset || fitnessItem.setsBased.toString() === '3') {\r\n result = format(baseString, this.BlockType === BlockType.Circuit ? 1 : fitnessItem.sets, this.Item.defaultRepsOrTime, 'Reps')\r\n }\r\n\r\n if (fitnessItem.setsBased === SetsBased.TimeBased || fitnessItem.setsBased.toString() === '1') {\r\n result = format(baseString, this.BlockType === BlockType.Circuit ? 1 : fitnessItem.sets, this.formatTime(this.Item.defaultRepsOrTime), '')\r\n }\r\n\r\n if (fitnessItem.setsBased === SetsBased.MaxRepBased || fitnessItem.setsBased.toString() === '2') {\r\n result = format(baseString, this.BlockType === BlockType.Circuit ? 1 : fitnessItem.sets, \"Max Reps\", '')\r\n }\r\n\r\n result += '
';\r\n\r\n if (\r\n fitnessItem.defaultRest &&\r\n fitnessItem.defaultRest > 0 &&\r\n this.BlockType.toString() !== BlockType.Circuit.toString()\r\n ) {\r\n if (fitnessItem.defaultRest < 60) {\r\n result += format(\r\n \"{0} sec Rest
\",\r\n fitnessItem.defaultRest\r\n );\r\n } else {\r\n result += format(\r\n \"{0} min Rest
\",\r\n Math.round(fitnessItem.defaultRest / 60)\r\n );\r\n }\r\n }\r\n\r\n return result;\r\n }\r\n}\r\n","\r\n Add New Exercise \r\n
\r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n\r\n
","import {\r\n Component,\r\n Input,\r\n ApplicationRef,\r\n ChangeDetectorRef,\r\n ViewChild,\r\n ViewChildren,\r\n QueryList,\r\n ElementRef,\r\n AfterContentChecked,\r\n OnInit,\r\n ComponentRef,\r\n OnDestroy,\r\n} from '@angular/core';\r\nimport { NbDialogService, NbPopoverDirective } from '@nebular/theme';\r\nimport { Subject } from 'rxjs/Subject';\r\n\r\nimport { BaseComponentCanDeactivate } from 'app/@auth/guards/changes.guard';\r\nimport { isObservable } from 'rxjs';\r\nimport {\r\n CdkDragDrop,\r\n moveItemInArray,\r\n transferArrayItem,\r\n} from '@angular/cdk/drag-drop';\r\nimport {\r\n FitnessBlock,\r\n FitnessItem,\r\n BlockType,\r\n SetsBased,\r\n WeightType,\r\n} from 'app/@core/interfaces/common/CalorieFriend/fitnessItem';\r\nimport { FitnessItemPresentationComponent } from '../FitnessItemPresentation/fitness-item-presentation.component';\r\nimport { FitnessItemPresentationComponentBase } from '../FitnessItemPresentation/fitness-item-presentation-base.component';\r\nimport { Exercise } from 'app/@core/interfaces/common/CalorieFriend/exercise';\r\nimport { AddFitnessItemsComponent } from '../AddFitnessItems/add-fitness-items.component';\r\nimport { ConfirmMessageDialogComponent } from 'app/@components/confirm-message-dialog/confirm-message-dialog.component';\r\nimport { NativeAppService } from 'app/@core/backend/common/services/native-app.service';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { ExerciseEditComponent } from '../ExerciseEdit/exercise-edit.component';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n/**\r\n * Base Component class for Food Items List presentation in one Meal Set.\r\n */\r\nexport class FitnessItemsListPresentationComponentBase\r\n extends BaseComponentCanDeactivate\r\n implements OnInit, AfterContentChecked, OnDestroy {\r\n get IsDirty() {\r\n let childrenDirty = false;\r\n this.MealItemsList.forEach(\r\n (c) => (childrenDirty = childrenDirty || c.IsDirty)\r\n );\r\n return this.isDirty || childrenDirty;\r\n }\r\n\r\n resetDirty() {\r\n super.resetDirty();\r\n this.MealItemsList.forEach((c) => c.resetDirty());\r\n }\r\n\r\n @Input('FitnessBlock') protected FitnessBlock: FitnessBlock;\r\n @Input('BlockUpdate') BlockUpdate = null;\r\n @Input('PlanView') PlanView: boolean = false;\r\n\r\n @Input('BlockType') BlockType: BlockType;\r\n @Input('CircuitRest') CircuitRest: number = 0;\r\n\r\n @Input('PatientID') PatientID: number = -1;\r\n @Input('PatientName') PatientName: string = '';\r\n @Input('IsPreferredUnitImperial') IsPreferredUnitImperial: boolean = false;\r\n\r\n @ViewChild('scrollContainer') scrollContainer: any;\r\n @ViewChildren('FitnessItem')\r\n private MealItemsList: QueryList\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 Add Exercice\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n Quick Add\r\n
\r\n