\r\n
","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Subject } from 'rxjs';\r\n\r\n\r\n@Component({\r\n selector: 'lib-add-floor',\r\n standalone: false,\r\n templateUrl: './add-floor.component.html',\r\n styleUrl: './add-floor.component.scss'\r\n})\r\nexport class AddFloorComponent implements OnInit, OnDestroy {\r\n floorNo:number = 1\r\n \r\n private destroy$ = new Subject();\r\n \r\n constructor(public modal:NgbActiveModal) {}\r\n \r\n ngOnInit(): void {\r\n \r\n }\r\n \r\n ngOnDestroy(): void {\r\n this.destroy$.next(true);\r\n this.destroy$.complete();\r\n }\r\n \r\n \r\n floorDec() {\r\n if(this.floorNo >= 2) {\r\n this.floorNo--;\r\n }\r\n }\r\n \r\n floorInc() {\r\n this.floorNo++;\r\n }\r\n \r\n \r\n createLayout() {\r\n let params = {\r\n floorNumber:this.floorNo,\r\n }\r\n\r\n this.modal.dismiss(params)\r\n }\r\n \r\n}\r\n"," \r\n
\r\n About
\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 Preview not available
\r\n \r\n
\r\n {{storeDetails?.storeName}}
\r\n {{'APP ID: ' +storeDetails?.appId}}
\r\n \r\n {{storeDetails?.storeProfile?.address}} {{storeDetails?.storeProfile?.pincode}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{storeDetails?.spocDetails?.[0]?.name}}\r\n
\r\n \r\n {{storeDetails?.spocDetails?.[0]?.contact}}\r\n
\r\n \r\n \r\n \r\n \r\n {{storeDetails?.spocDetails?.[0]?.email}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{storeDetails?.businessType || '--'}}\r\n
\r\n \r\n {{storeDetails?.storeType?.type || '--'}}\r\n
\r\n \r\n \r\n \r\n {{timeFormat(storeDetails?.storeProfile?.open)}} - {{timeFormat(storeDetails?.storeProfile?.close)}}\r\n \r\n
\r\n \r\n {{file.name}}\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'lib-clear-all-steps',\r\n standalone: false,\r\n templateUrl: './clear-all-steps.component.html',\r\n styleUrl: './clear-all-steps.component.scss'\r\n})\r\nexport class ClearAllStepsComponent {\r\n constructor(public modal:NgbActiveModal){}\r\n\r\n}\r\n","\r\n
\r\n \r\n Add Floors\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n No of floors
\r\n \r\n \r\n
\r\n \r\n Clear all steps\r\n
\r\n\r\n Are you sure you want to clear all the steps for this layout? Please note that this action cannot be undone.\r\n
\r\n\r\n \r\n \r\n
","import { Component } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'lib-delete-layout',\r\n standalone: false,\r\n templateUrl: './delete-layout.component.html',\r\n styleUrl: './delete-layout.component.scss'\r\n})\r\nexport class DeleteLayoutComponent {\r\n\r\n constructor(public modal:NgbActiveModal){}\r\n\r\n}\r\n","\r\n Delete layout\r\n
\r\n\r\n Are you sure you want to delete this layout? Please note that deleting this layout will also remove all associated unpublished VM and PID’s.\r\n
\r\n\r\n This action cannot be undone.\r\n
\r\n\r\n \r\n \r\n
","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostListener, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { StoreBuilderService } from '../../services/store-builder.service';\r\n\r\n@Component({\r\n selector: 'lib-select-plano',\r\n templateUrl: './custom-select.component.html',\r\n styleUrl: './custom-select.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CustomSelectComponent implements OnChanges, OnInit, OnDestroy {\r\n private readonly destroy$ = new Subject\r\n
","import { FormControl } from '@angular/forms';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { StoreBuilderService } from '../../services/store-builder.service';\r\nimport { HeaderFilter } from '../../interfaces/layout-builder.interface';\r\nimport { NgbModal, NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ChangeDetectorRef, Component, ElementRef, HostListener, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core';\r\nimport { StoreOffcanvasComponentComponent } from '../store-offcanvas-component/store-offcanvas-component.component';\r\nimport { ToastService } from 'tango-app-ui-shared';\r\nimport { AddFloorComponent } from './popups/add-floor/add-floor.component';\r\nimport { ClearAllStepsComponent } from './popups/clear-all-steps/clear-all-steps.component';\r\nimport { DeleteLayoutComponent } from './popups/delete-layout/delete-layout.component';\r\nimport * as XLSX from 'xlsx';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'lib-create-layout',\r\n templateUrl: './create-layout.component.html',\r\n styleUrl: './create-layout.component.scss'\r\n})\r\nexport class CreateLayoutComponent implements OnInit, OnDestroy {\r\n floorsInput = new FormControl()\r\n @ViewChild('gridCanvas', { static: true }) canvasRef!: ElementRef\r\n \r\n {{selectedValues?.length}} {{label}} Selected \r\n \r\n \r\n {{selectedValues?.[0]?.[searchField]}}\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 No data found\r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n {{selectedStore?.storeName}} - Layout\r\n
\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\r\n \r\n
\r\n \r\n Layout details\r\n
\r\n \r\n Below are the sequence of steps for this layout\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\r\n | Steps | \r\nElements and Definition | \r\nFeet | \r\nDirection | \r\nDegree | \r\n\r\n |
|---|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n {{ i + 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 \r\n\r\n
{{item[2].elementType}} {{item[2].elementNumber}}\r\n \r\n | \r\n \r\n \r\n \r\n {{item[2].distance}}\r\n \r\n \r\n | \r\n \r\n \r\n \r\n \r\n {{item[2].direction}}\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 {{selectedFloor?.floorName}}
\r\n \r\n - \r\n
- \r\n \r\n {{floor?.floorName}}\r\n 1\"\r\n (click)=\"$event.stopPropagation(); floorSelect.deleteIndex = i\">\r\n \r\n \r\n\r\n\r\nDelete\r\n \r\n
- \r\n \r\n \r\n \r\n \r\n Add floor\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 1\" class=\"col-12 mt-6\">\r\n
\r\n\r\n","import { Component } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'lib-complete-layout',\r\n standalone: false,\r\n templateUrl: './complete-layout.component.html',\r\n styleUrl: './complete-layout.component.scss'\r\n})\r\nexport class CompleteLayoutComponent {\r\n constructor(public modal:NgbActiveModal){}\r\n \r\n}\r\n","\r\n
\r\n \r\n Complete layout\r\n
\r\n\r\n Are you sure you want to finalize this layout? You can always return and make edits before submitting it for fixture validation.\r\n
\r\n\r\n \r\n \r\n
","import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { AfterViewInit, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output, Renderer2, ViewChild } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { HeaderFilter } from '../../interfaces/layout-builder.interface';\r\nimport { StoreBuilderService } from '../../services/store-builder.service';\r\nimport { NgbModal, NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';\r\nimport { StoreOffcanvasComponentComponent } from '../store-offcanvas-component/store-offcanvas-component.component';\r\nimport { CompleteLayoutComponent } from './popups/complete-layout/complete-layout.component';\r\nimport { ToastService } from 'tango-app-ui-shared';\r\n\r\n@Component({\r\n selector: 'lib-layout-summary',\r\n templateUrl: './layout-summary.component.html',\r\n styleUrl: './layout-summary.component.scss'\r\n})\r\nexport class LayoutSummaryComponent implements OnInit, AfterViewInit, OnDestroy {\r\n\r\n floorsInput = new FormControl()\r\n @ViewChild('gridCanvas', { static: true }) canvasRef!: ElementRef\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n {{selectedStore?.storeName}} - Layout\r\n
\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 {{wallCapacity || 0}} rft
\r\n Wall capacity
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{facadeCapacity || 0}} rft
\r\n Facade capacity
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n {{floorCapacity || 0}} sqft
\r\n Floor capacity
\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 Capacity details\r\n
\r\n \r\n Below are the capacity details of the elements\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\nWall | \r\nRFT ({{wallCapacity || 0}}) | \r\n\r\n
|---|---|---|
| \r\n {{1}}\r\n | \r\n\r\n {{item[2].elementType}} {{item[2].elementNumber}} \r\n | \r\n \r\n {{item[2].distance}} \r\n\r\n | \r\n
| # | \r\nFacade | \r\nRFT ({{facadeCapacity || 0}}) | \r\n\r\n
|---|---|---|
| \r\n {{i}}\r\n | \r\n\r\n {{item[2].elementType}} {{item[2].elementNumber}} \r\n | \r\n \r\n {{item[2].distance}} \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 {{selectedFloor?.floorName}}
\r\n \r\n - \r\n
- \r\n \r\n {{floor?.floorName}}\r\n\r\n\r\n\r\n \r\n
1\" class=\"col-12 mt-6\">\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n Complete Layout\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Mark as complete for only {{selectedStore?.storeName}}
\r\n This action will considered as layout completion for {{selectedStore?.storeName}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Mark as complete for all {{planoStoreList.length}} stores
\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
- Layout builder\r\n \r\n
- Store builder\r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n Store layout \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 | Store Name | \r\n Layout Name | \r\n No of Floors | \r\n Created By | \r\n Created Date | \r\n Status | \r\n \r\n |
|---|---|---|---|---|---|---|
| {{item?.storeName}} | \r\n{{item?.layoutName}} | \r\n{{item.enNumber}} | \r\n{{item.createdAt}} | \r\n{{item.status | 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 \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"./assets/tango/Icons/Nodata1.svg\")
\r\n
\r\n \r\n No data found
\r\n There is no result for Store Layout
\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 Create a store layout manually\r\n
\r\n \r\n You can create a single store layout manually by step by step\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n or\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Create a store layout using CSV\r\n
\r\n \r\n You can create a single or a multiple store layout using CSV.\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Step1 -
Step2 -
Add your data to the Template File
Step3 -
Upload it below for processing
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n Create store layout\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 No of floors
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n Create store layout (CSV Upload)
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{excelData.totalStore}}
\r\n Total store
\r\n \r\n
\r\n \r\n
\r\n {{excelData.totalRow}}
\r\n Rows processed
\r\n \r\n
\r\n \r\n
\r\n {{excelData.totalError}}
\r\n Error
\r\n \r\n
\r\n Invalid details!
\r\n Please provide correct and complete layout information.
\r\n \r\n
\r\n \r\n {{i + 1}}) {{error.message}} - {{error.series}}{{error.ExistIndex}},{{error.series}}{{error.index}}\r\n
\r\n \r\n
\r\n\r\n 1\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Create layout\r\n
\r\n \r\n \r\n 2\r\n
\r\n \r\n Summary\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n {{selectedStore?.storeName}} - Layout\r\n
\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\r\n \r\n
\r\n \r\n Layout details\r\n
\r\n \r\n Below are the sequence of steps for this layout\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\r\n | Steps | \r\nElements and Definition | \r\nFeet | \r\nDirection | \r\nDegree | \r\n\r\n |
|---|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n {{ i + 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 \r\n\r\n
{{item[2].elementType}} {{item[2].elementNumber}}\r\n \r\n | \r\n \r\n \r\n \r\n {{item[2].distance}}\r\n \r\n \r\n | \r\n \r\n \r\n \r\n \r\n {{item[2].direction}}\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 {{selectedFloor?.floorName}}
\r\n \r\n - \r\n
- \r\n \r\n {{floor?.floorName}}\r\n 1\"\r\n (click)=\"$event.stopPropagation(); floorSelect.deleteIndex = i\">\r\n \r\n \r\n\r\n\r\nDelete\r\n \r\n
- \r\n \r\n \r\n \r\n \r\n Add floor\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 1\" class=\"col-12 mt-6\">\r\n
\r\n\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { StoreBuilderService } from '../../../services/store-builder.service';\r\nimport { NgbActiveOffcanvas } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ToastService } from 'tango-app-ui-shared';\r\n\r\n@Component({\r\n selector: 'lib-element-form',\r\n standalone: false,\r\n templateUrl: './element-form.component.html',\r\n styleUrl: './element-form.component.scss'\r\n})\r\nexport class ElementFormComponent implements OnInit {\r\n\r\n fixtureForm: FormGroup\r\n otherForm: FormGroup\r\n @Input() layoutElement: any\r\n @Input() fixtureData: any\r\n @Input() type: 'wall-fixture' | 'wall-other' | 'floor-fixture' | 'floor-other'\r\n @Input() planoId: string\r\n @Input() floorId: string\r\n @Input() clientId: string\r\n @Input() storeId: string\r\n @Input() storeName: string\r\n\r\n constructor(private fb: FormBuilder, private apiService: StoreBuilderService, private activeOffcanvas: NgbActiveOffcanvas, private toastService: ToastService) {\r\n this.fixtureForm = this.fb.group({});\r\n this.otherForm = this.fb.group({});\r\n }\r\n ngOnInit(): void {\r\n if (this.type === 'wall-fixture' || this.type === 'floor-fixture') {\r\n this.createFixtureForm()\r\n if (this.fixtureData) {\r\n this.fixtureForm.patchValue({ ...this.fixtureData })\r\n }\r\n } else if (this.type === 'wall-other' || this.type === 'floor-other') {\r\n this.createOtherForm()\r\n if (this.fixtureData) {\r\n this.otherForm.patchValue({ ...this.fixtureData })\r\n }\r\n }\r\n }\r\n\r\n createFixtureForm() {\r\n this.fixtureForm = this.fb.group({\r\n fixtureHeight: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n fixtureLength: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n fixtureWidth: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n detailedFixtureLength: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n detailedFixtureWidth: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n relativePosition: this.fb.group({\r\n x: [0],\r\n y: [0],\r\n unit: ['ft']\r\n }),\r\n relativeDetailedPosition: this.fb.group({\r\n x: [0],\r\n y: [0],\r\n unit: ['ft']\r\n }),\r\n fixtureName: [''],\r\n fixtureCategory: [''],\r\n fixtureBrandCategory: [''],\r\n fixtureBrandSubCategory: [''],\r\n mbq: [0],\r\n fixtureCapacity: [0],\r\n fixtureOrder: ['TTB'],\r\n fixtureNumber: [0],\r\n productResolutionLevel: ['L1'],\r\n });\r\n }\r\n\r\n createOtherForm() {\r\n this.otherForm = this.fb.group({\r\n fixtureHeight: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n fixtureLength: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n fixtureWidth: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n detailedFixtureLength: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n detailedFixtureWidth: this.fb.group({\r\n value: [0],\r\n unit: ['mm']\r\n }),\r\n relativePosition: this.fb.group({\r\n x: [0],\r\n y: [0],\r\n unit: ['ft']\r\n }),\r\n relativeDetailedPosition: this.fb.group({\r\n x: [0],\r\n y: [0],\r\n unit: ['ft']\r\n }),\r\n fixtureCategory: [''],\r\n fixtureName: [''],\r\n });\r\n }\r\n\r\n isNotFormGroup(control: any): boolean {\r\n return !(control instanceof FormGroup);\r\n }\r\n\r\n getFixtureControl(val: string): FormControl {\r\n return this.fixtureForm.get(val) as FormControl;\r\n }\r\n\r\n getOtherControl(val: string): FormControl {\r\n return this.otherForm.get(val) as FormControl;\r\n }\r\n\r\n onSubmit() {\r\n let payload\r\n if (this.type === 'wall-fixture') {\r\n\r\n payload = {\r\n planoId: this.planoId,\r\n floorId: this.floorId,\r\n fixtureId: this.fixtureData ? this.fixtureData._id : undefined,\r\n data: {\r\n ...this.fixtureForm.value,\r\n associatedElementType: this.layoutElement.elementType,\r\n associatedElementNumber: this.layoutElement.elementNumber,\r\n fixtureType: \"wall\",\r\n clientId: this.clientId,\r\n storeId: this.storeId,\r\n storeName: this.storeName,\r\n }\r\n }\r\n\r\n\r\n\r\n // if(typeof payload.data.fixtureBrandCategory === 'string'){\r\n // payload.data.fixtureBrandCategory = payload.data.fixtureBrandCategory.split(',').map((s:string) => s.trim())\r\n // }\r\n\r\n // if(typeof payload.data.fixtureBrandSubCategory === 'string'){\r\n // payload.data.fixtureBrandSubCategory = payload.data.fixtureBrandSubCategory.split(',').map((s:string) => s.trim())\r\n // }\r\n\r\n } else if (this.type === 'wall-other') {\r\n payload = {\r\n planoId: this.planoId,\r\n floorId: this.floorId,\r\n fixtureId: this.fixtureData ? this.fixtureData._id : undefined,\r\n data: {\r\n ...this.otherForm.value,\r\n associatedElementType: this.layoutElement.elementType,\r\n associatedElementNumber: this.layoutElement.elementNumber,\r\n fixtureType: \"other\",\r\n clientId: this.clientId,\r\n storeId: this.storeId,\r\n storeName: this.storeName\r\n }\r\n }\r\n\r\n\r\n // if( typeof payload.data.fixtureBrandCategory === 'string'){\r\n // payload.data.fixtureBrandCategory = payload.data.fixtureBrandCategory.split(',').map((s:string) => s.trim())\r\n // }\r\n\r\n // if(typeof payload.data.fixtureBrandSubCategory === 'string'){\r\n // payload.data.fixtureBrandSubCategory = payload.data.fixtureBrandSubCategory.split(',').map((s:string) => s.trim())\r\n // }\r\n\r\n\r\n } else if (this.type === 'floor-fixture') {\r\n payload = {\r\n planoId: this.planoId,\r\n floorId: this.floorId,\r\n fixtureId: this.fixtureData ? this.fixtureData._id : undefined,\r\n data: {\r\n clientId: this.clientId,\r\n fixtureType: \"floor\",\r\n storeId: this.storeId,\r\n storeName: this.storeName,\r\n ...this.fixtureForm.value,\r\n }\r\n\r\n }\r\n\r\n } else if (this.type === 'floor-other') {\r\n payload = {\r\n planoId: this.planoId,\r\n floorId: this.floorId,\r\n fixtureId: this.fixtureData ? this.fixtureData._id : undefined,\r\n data: {\r\n clientId: this.clientId,\r\n fixtureType: \"other\",\r\n storeId: this.storeId,\r\n storeName: this.storeName,\r\n ...this.otherForm.value,\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n this.apiService.updertFixture(payload).subscribe({\r\n next: (val) => {\r\n this.toastService.getSuccessToast('Updated Successfully')\r\n this.activeOffcanvas.close()\r\n },\r\n error: (err) => {\r\n this.toastService.getErrorToast('Update failed')\r\n }\r\n })\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n
","import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { StoreBuilderService } from '../../services/store-builder.service';\r\nimport { FormControl } from '@angular/forms';\r\nimport { NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ElementFormComponent } from './element-form/element-form.component';\r\nimport { ToastService } from 'tango-app-ui-shared';\r\n\r\n\r\n@Component({\r\n selector: 'lib-layout-elements',\r\n standalone: false,\r\n templateUrl: './layout-elements.component.html',\r\n styleUrl: './layout-elements.component.scss'\r\n})\r\nexport class LayoutElementsComponent implements OnInit {\r\n\r\n private destroy$ = new SubjectId: {{fixtureData?._id}}
\r\n \r\n \r\n\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { StoreBuilderService } from '../../services/store-builder.service';\r\n\r\n@Component({\r\n selector: 'lib-visualize-vm-data',\r\n standalone: false,\r\n templateUrl: './visualize-vm-data.component.html',\r\n styleUrl: './visualize-vm-data.component.scss'\r\n})\r\nexport class VisualizeVmDataComponent implements OnInit {\r\n\r\n fixtures: any[] = [];\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private apiService: StoreBuilderService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe(params => {\r\n const storeName = params['storeName'];\r\n const date = params['date'];\r\n\r\n // this.apiService.getVmTaskData({ storeName, date }).subscribe((res: any) => {\r\n // this.fixtures = res.data;\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 Wall Elements
\r\n\r\n
\r\n {{element?.elementType}} {{element?.elementNumber}}
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n Wall Fixtures
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{fixture?.fixtureName}}
\r\n {{fixture?.fixtureNumber}}
\r\n \r\n
\r\n Wall Elements
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{fixture?.fixtureName}}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Floor Fixtures
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{fixture?.fixtureName}}
\r\n {{fixture?.fixtureNumber}}
\r\n \r\n
\r\n \r\n
\r\n Floor Elements
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{fixture?.fixtureName}}
\r\n \r\n
\r\n ","import { Component, Input } from \"@angular/core\";\r\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n@Component({\r\n selector: \"app-layout-edit-confirmation\",\r\n templateUrl: \"./layout-edit-confirmation.component.html\",\r\n styleUrl: \"./layout-edit-confirmation.component.scss\",\r\n})\r\nexport class LayoutEditConfirmationComponent {\r\n @Input() title: string = \"Save Layout\";\r\n @Input() description: string =\r\n \"Are you sure you want to save the layout changes? Editing the layout will reset all your verification progress.\";\r\n\r\n constructor(private activeModal: NgbActiveModal) {}\r\n\r\n onCancel() {\r\n this.activeModal.dismiss();\r\n }\r\n\r\n onSubmit() {\r\n this.activeModal.close(\"ok\");\r\n }\r\n}\r\n","\r\n
\r\n {{ fixture.fixtureName }}
\r\nFixture Number: {{ fixture.fixtureNumber }}
\r\n \r\n \r\n\r\n ![]()
\r\n
\r\n \r\n VMs:
\r\n\r\n
\r\n \r\n ![]()
\r\n
\r\n {{ vm.vmtype }}
\r\n\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n@Component({\r\n selector: 'app-publishtask-popup',\r\n templateUrl: './publishtask-popup.component.html',\r\n styleUrl: './publishtask-popup.component.scss'\r\n})\r\nexport class PublishTaskPopupComponent implements OnInit{\r\n @Input() type: any;\r\n @Input() inputData: any;\r\n taskType: any\r\n constructor(private activeModal: NgbActiveModal,) {\r\n \r\n }\r\n\r\n comments: any = ''\r\n ngOnInit(): void {\r\n this.taskType = this.type\r\n\r\n if (this.type === 'vm-redo') {\r\n this.taskType = \"vm\"\r\n }\r\n if (this.type === 'fixture-redo') {\r\n this.taskType = \"fixture\"\r\n }\r\n if (this.type === 'layout-redo') {\r\n this.taskType = \"layout\"\r\n }\r\n if (this.type === 'zone-redo') {\r\n this.taskType = \"zone\"\r\n }\r\n }\r\n cancel() {\r\n this.activeModal.close('close');\r\n }\r\n\r\n onSubmit() {\r\n let payload = { type: this.type, comments: this.comments, status: 'submit' }\r\n this.activeModal.close(payload);\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n {{ title }}
\r\n\r\n{{ description }}
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
","import { Component, Input, OnInit } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'lib-store-task-revoke',\r\n templateUrl: './store-task-revoke.component.html',\r\n styleUrl: './store-task-revoke.component.scss'\r\n})\r\nexport class StoreTaskRevokeComponent implements OnInit {\r\n @Input() type: any;\r\n @Input() inputData: any;\r\n\r\n taskType: any\r\n // comments: any = '';\r\n \r\n constructor(private activeModal: NgbActiveModal) { }\r\n \r\n ngOnInit(): void {\r\n this.taskType = this.type;\r\n }\r\n \r\n cancel() {\r\n this.activeModal.close('close');\r\n }\r\n \r\n onSubmit() {\r\n let payload = { type: this.type, status: 'submit' }\r\n this.activeModal.close(payload);\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'app-delete-confirmation',\r\n templateUrl: './delete-confirmation.component.html',\r\n styleUrl: './delete-confirmation.component.scss'\r\n})\r\nexport class DeleteConfirmationComponent {\r\n @Input() title: string = 'Delete action';\r\n @Input() description: string = 'Are you sure you want to delete this item?';\r\n @Input() confirmLabel: string = 'Delete';\r\n @Input() confirmClass: string = 'btn-danger';\r\n\r\n constructor(\r\n private activeModal: NgbActiveModal,\r\n ) { }\r\n\r\n onCancel() {\r\n this.activeModal.dismiss();\r\n }\r\n\r\n onDelete() {\r\n this.activeModal.close('ok');\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\nimport { CommonModule, DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\n\nconst CURRENT_PLANO_NAME = 'Current Plano';\n\n@Component({\n selector: 'app-publish-plano-modal',\n standalone: true,\n imports: [CommonModule, FormsModule],\n providers: [DatePipe],\n templateUrl: './publish-plano-modal.component.html',\n styleUrl: './publish-plano-modal.component.scss',\n})\nexport class PublishPlanoModalComponent implements OnInit {\n revisionName = '';\n publishAsDraft = false;\n private draftDefaultName = '';\n\n constructor(\n private activeModal: NgbActiveModal,\n private datePipe: DatePipe,\n ) {}\n\n ngOnInit(): void {\n this.draftDefaultName = `Revision: ${this.datePipe.transform(new Date(), 'MMM dd, yyyy, h:mm:ss a')}`;\n this.revisionName = CURRENT_PLANO_NAME;\n }\n\n onDraftToggle() {\n this.revisionName = this.publishAsDraft ? this.draftDefaultName : CURRENT_PLANO_NAME;\n }\n\n onCancel() {\n this.activeModal.dismiss();\n }\n\n onPublish() {\n this.activeModal.close({\n revisionName: this.revisionName,\n publishAsDraft: this.publishAsDraft,\n });\n }\n}\n","\r\n \r\n
\r\n\r\n {{ title }}
\r\n\r\n{{ description }}
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, EventEmitter, OnInit, Output } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport dayjs from \"dayjs\";\r\nimport { NgxDaterangepickerMd } from \"ngx-daterangepicker-material\";\r\n\r\n@Component({\r\n selector: \"date-picker\",\r\n standalone: true,\r\n imports: [CommonModule, FormsModule, NgxDaterangepickerMd],\r\n templateUrl: \"./date-picker.component.html\",\r\n styleUrls: [\"./date-picker.component.scss\"],\r\n})\r\nexport class DatePickerComponent implements OnInit {\r\n @Output() dateChange = new EventEmitterPublish Planogram
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n You're about to publish this planogram. It will be saved as a new revision\r\n and set as the current planogram. Do you want to continue?\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 { DatePipe, NgClass, NgFor, NgStyle } from \"@angular/common\";\r\nimport { Component, Input, OnInit, ViewChild } from \"@angular/core\";\r\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\nimport { finalize } from \"rxjs\";\r\n\r\nimport { DatePickerComponent } from \"../../../date-picker/date-picker.component\";\r\nimport { StoreBuilderService } from \"../../../../services/store-builder.service\";\r\n\r\n@Component({\r\n selector: \"schedule-task-popup\",\r\n templateUrl: \"./schedule-task-popup.component.html\",\r\n styleUrl: \"./schedule-task-popup.component.scss\",\r\n standalone: true,\r\n imports: [NgClass, NgStyle, NgFor, DatePickerComponent, DatePipe],\r\n})\r\nexport class ScheduleTaskPopupComponent implements OnInit {\r\n @ViewChild(DatePickerComponent) datePicker: DatePickerComponent;\r\n\r\n @Input() fixtures: any;\r\n @Input() storeName: string;\r\n\r\n mbqItems: any[] = [];\r\n zoneColumns: string[] = [];\r\n\r\n today = new Date();\r\n scheduledDate: string;\r\n\r\n showInfoBanner: boolean = false;\r\n isDownloadButtonLoading: boolean = false;\r\n\r\n sortOrder: number = 1;\r\n sortedColumn: string = \"\";\r\n private readonly numericColumns = new Set([\"partition\", \"standardCapacity\"]);\r\n\r\n constructor(\r\n private activeModal: NgbActiveModal,\r\n private apiService: StoreBuilderService,\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n // Collect all unique zone names across all fixtures in insertion order\r\n const zoneSet = new Set\r\n
","import {\r\n AbstractControl,\r\n ValidationErrors,\r\n ValidatorFn,\r\n FormArray,\r\n} from \"@angular/forms\";\r\n\r\nexport const removeEmptyFields = (obj: any): any => {\r\n if (Array.isArray(obj)) {\r\n return obj\r\n .map((item) => removeEmptyFields(item))\r\n .filter((item) => item !== null && item !== undefined && item !== \"\");\r\n } else if (typeof obj === \"object\" && obj !== null) {\r\n const result: any = {};\r\n for (const key in obj) {\r\n if (obj.hasOwnProperty(key)) {\r\n const value = removeEmptyFields(obj[key]);\r\n if (value !== null && value !== undefined && value !== \"\") {\r\n result[key] = value;\r\n }\r\n }\r\n }\r\n return result;\r\n }\r\n return obj;\r\n};\r\n\r\nexport const rgbToHex = (rgb?: string): string => {\r\n if (!rgb) return \"#fff\";\r\n const result = rgb\r\n .replace(/\\s+/g, \"\") // remove spaces\r\n .match(/^rgba?\\((\\d+),(\\d+),(\\d+)/i); // match r, g, b\r\n\r\n if (!result) return \"#000000\"; // fallback\r\n\r\n const r = parseInt(result[1]).toString(16).padStart(2, \"0\");\r\n const g = parseInt(result[2]).toString(16).padStart(2, \"0\");\r\n const b = parseInt(result[3]).toString(16).padStart(2, \"0\");\r\n\r\n return `#${r}${g}${b}`.toUpperCase(); // optional: .toLowerCase()\r\n};\r\n\r\nexport const deepEqual = (a: any, b: any): boolean => {\r\n if (a === b) {\r\n return true;\r\n }\r\n\r\n if (typeof a !== typeof b) {\r\n return false;\r\n }\r\n\r\n if (a === null || b === null) {\r\n return a === b;\r\n }\r\n\r\n if (a instanceof Date && b instanceof Date) {\r\n return a.getTime() === b.getTime();\r\n }\r\n\r\n if (typeof a === \"object\") {\r\n if (Array.isArray(a)) {\r\n if (!Array.isArray(b) || a.length !== b.length) {\r\n return false;\r\n }\r\n for (let i = 0; i < a.length; i++) {\r\n if (!deepEqual(a[i], b[i])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else {\r\n const aKeys = Object.keys(a);\r\n const bKeys = Object.keys(b);\r\n if (aKeys.length !== bKeys.length) {\r\n return false;\r\n }\r\n for (const key of aKeys) {\r\n if (!b.hasOwnProperty(key)) {\r\n return false;\r\n }\r\n if (!deepEqual(a[key], b[key])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport const generalValidator = (): ValidatorFn => {\r\n return (control: AbstractControl) => {\r\n const value = control.value;\r\n if (!value) return null; // allow required validator to handle empty\r\n\r\n const trimmed = value.trim();\r\n if (trimmed.length === 0) {\r\n // only whitespace\r\n return { whitespace: true };\r\n }\r\n if (value !== trimmed) {\r\n // leading or trailing whitespace\r\n return { trimSpaces: true };\r\n }\r\n // Accept any characters otherwise\r\n return null;\r\n };\r\n};\r\n\r\nexport const getQueryParamNumber = ({\r\n params,\r\n key,\r\n fallback,\r\n min,\r\n max,\r\n}: {\r\n params: any;\r\n key: string;\r\n fallback: number;\r\n min?: number;\r\n max?: number;\r\n}): number => {\r\n const value = Number(params?.get(key));\r\n\r\n if (isNaN(value)) return fallback;\r\n if (min !== undefined && value < min) return fallback;\r\n if (max !== undefined && value > max) return fallback;\r\n\r\n return value;\r\n};\r\n\r\nexport const getQueryParamString = ({\r\n params,\r\n key,\r\n fallback,\r\n allowed,\r\n}: {\r\n params: any;\r\n key: string;\r\n fallback: string;\r\n allowed?: string[];\r\n}): string => {\r\n const value = params?.get(key);\r\n\r\n if (typeof value !== \"string\") return fallback;\r\n if (allowed && !allowed.includes(value)) return fallback;\r\n\r\n return value;\r\n};\r\n\r\nexport function uniqueFieldInFormArrayValidator(\r\n fieldName: string,\r\n): ValidatorFn {\r\n return (formArray: AbstractControl): ValidationErrors | null => {\r\n if (!(formArray instanceof FormArray)) return null;\r\n\r\n const values = formArray.controls\r\n .map((ctrl) => ctrl.get(fieldName)?.value?.trim?.())\r\n .filter((v): v is string => !!v);\r\n\r\n const duplicates = values.filter((val, idx) => values.indexOf(val) !== idx);\r\n\r\n if (duplicates.length) {\r\n // Mark duplicates individually\r\n formArray.controls.forEach((ctrl) => {\r\n const control = ctrl.get(fieldName);\r\n if (control) {\r\n if (duplicates.includes(control.value?.trim?.())) {\r\n control.setErrors({ ...(control.errors || {}), notUnique: true });\r\n } else if (control.errors?.[\"notUnique\"]) {\r\n // Remove only notUnique error\r\n const { notUnique, ...rest } = control.errors;\r\n control.setErrors(Object.keys(rest).length ? rest : null);\r\n }\r\n }\r\n });\r\n return { notUnique: true };\r\n }\r\n\r\n // Clear if fixed\r\n formArray.controls.forEach((ctrl) => {\r\n const control = ctrl.get(fieldName);\r\n if (control?.errors?.[\"notUnique\"]) {\r\n const { notUnique, ...rest } = control.errors;\r\n control.setErrors(Object.keys(rest).length ? rest : null);\r\n }\r\n });\r\n\r\n return null;\r\n };\r\n}\r\n\r\nexport const getNameFromEmail = (email: string) => {\r\n if (!email || !email.includes(\"@\")) return \"\";\r\n\r\n return email\r\n .split(\"@\")[0] // take local part\r\n .replace(/[._-]+/g, \" \") // replace separators\r\n .replace(/\\d+/g, \"\") // remove numbers\r\n .trim()\r\n .replace(/\\b\\w/g, (c) => c.toUpperCase()); // capitalize\r\n};\r\n\r\nexport const indianPincodeValidator = (): ValidatorFn => {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n const value = control.value;\r\n\r\n if (!value) return null; // let required handle empty\r\n\r\n const trimmed = value.trim();\r\n\r\n // whitespace-only\r\n if (trimmed.length === 0) {\r\n return { whitespace: true };\r\n }\r\n\r\n // leading or trailing spaces\r\n if (value !== trimmed) {\r\n return { trimSpaces: true };\r\n }\r\n\r\n // must be exactly 6 digits & not start with 0\r\n const pincodeRegex = /^[1-9][0-9]{5}$/;\r\n\r\n if (!pincodeRegex.test(trimmed)) {\r\n return { invalidPincode: true };\r\n }\r\n\r\n return null;\r\n };\r\n};\r\n\r\nexport const getFixtureCanvasLabel = (fixture: any): string => {\r\n if (!fixture) return \"\";\r\n return [\r\n fixture.templateGroupName,\r\n fixture.fixtureCategory,\r\n fixture.fixtureWidth?.value,\r\n fixture.fixtureWidth?.unit,\r\n ]\r\n .filter((v) => v !== null && v !== undefined && v !== \"\")\r\n .join(\"-\");\r\n};\r\n\r\n/**\r\n * Computes a fixture's product capacity as the live sum of its individual\r\n * shelf capacities, mirroring the backend rule: a tray holds\r\n * productPerShelf x trayRows, a plain shelf holds productPerShelf, and\r\n * VM-only shelves carry no products. Always derive the displayed \"Products\"\r\n * count from this (the shelf config) rather than the stored fixtureCapacity,\r\n * which can be stale relative to the current shelves.\r\n */\r\nexport const getFixtureProductCapacity = (shelfConfig: any): number => {\r\n if (!Array.isArray(shelfConfig)) return 0;\r\n return shelfConfig.reduce((total: number, shelf: any) => {\r\n if (!shelf || shelf.shelfType === \"vmonly\") return total;\r\n const perShelf = Number(shelf.productPerShelf) || 0;\r\n if (shelf.shelfType === \"tray\") {\r\n return total + perShelf * (Number(shelf.trayRows) || 0);\r\n }\r\n return total + perShelf;\r\n }, 0);\r\n};\r\n\r\nexport const lightenColor = (hex: string, amount = 0.3) => {\r\n if (!hex) return hex;\r\n\r\n const num = parseInt(hex.slice(1), 16);\r\n let r = num >> 16;\r\n let g = (num >> 8) & 255;\r\n let b = num & 255;\r\n\r\n r = Math.round(r + (255 - r) * amount);\r\n g = Math.round(g + (255 - g) * amount);\r\n b = Math.round(b + (255 - b) * amount);\r\n\r\n return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, \"0\")}`;\r\n};\r\n","import { Injectable } from \"@angular/core\";\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\n\n/**\n * Opens the read-only DXF source viewer for a floor.\n *\n * The viewer component (and its heavy dxf-viewer/three dependencies) is loaded via\n * dynamic import so it only enters the bundle as a lazy chunk when a user actually\n * opens it. Any planogram screen can inject this and call `open()`.\n */\n@Injectable({ providedIn: \"root\" })\nexport class CadSourceService {\n constructor(private ngbModal: NgbModal) {}\n\n /** True when there is at least one source CAD file to show (gates the button). */\n hasSource(cadFiles: any[] | undefined | null): boolean {\n return Array.isArray(cadFiles) && cadFiles.length > 0;\n }\n\n async open(storeName: string, cadFiles: any[]): PromisePublish Verification Task
\r\nYou are about to send a verification task to {{storeName}}. Choose if you want to schedule the task\r\n for later.\r\n
\r\n\r\n\r\n\r\n \r\n \r\n\r\n \r\n
\r\n\r\n @if(showInfoBanner){\r\n \r\n }\r\n MBQ for {{storeName}}
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n | \r\n Wall/Floor\r\n \r\n | \r\n\r\n UFN\r\n \r\n | \r\n\r\n Brand Category\r\n \r\n | \r\n\r\n Type\r\n \r\n | \r\n\r\n Size\r\n \r\n | \r\n\r\n Partition\r\n \r\n | \r\n \r\n\r\n Standard Capacity\r\n \r\n | \r\n \r\n\r\n {{zone}} Zone Allocation\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|
| {{item?.wall}} | \r\n{{item?.ufn}} | \r\n{{item?.brand}} | \r\n{{item?.type}} | \r\n{{item?.size}} | \r\n{{item?.partition}} | \r\n \r\n{{item?.standardCapacity}} | \r\n \r\n{{item?.zoneAllocations?.[zone]?.join(', ') || '-'}} | \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n","import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'counter-input',\r\n templateUrl: './counter-input.component.html',\r\n styleUrl: './counter-input.component.scss',\r\n standalone: true,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => CounterInputComponent),\r\n multi: true\r\n }\r\n ],\r\n})\r\nexport class CounterInputComponent implements ControlValueAccessor {\r\n @Input() step: number = 1;\r\n @Input() placeholder: string = '0';\r\n @Input() max: number = 2;\r\n\r\n @Output() onIncrement = new EventEmitter\r\n \r\n
\r\n \r\n @if(prefix){\r\n \r\n }\r\n\r\n \r\n {{ selected?.[nameField]}}\r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n
- No data \r\n
\r\n \r\n {{ item?.[subTextField] }}\r\n \r\n \r\n
- \r\n
- \r\n \r\n {{ actionLabel }}\r\n \r\n
\r\n \r\n \r\n
\r\n","import {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n Output,\r\n SimpleChanges,\r\n OnDestroy,\r\n} from \"@angular/core\";\r\nimport {\r\n Form,\r\n FormArray,\r\n FormBuilder,\r\n FormGroup,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n Validators,\r\n} from \"@angular/forms\";\r\nimport { ToastService } from \"tango-app-ui-shared\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { FixtureTemplateDetails } from \"../../../interfaces/fixture-template.interface\";\r\nimport { StoreBuilderService } from \"../../../services/store-builder.service\";\r\nimport { CounterInputComponent } from \"../../counter-input/counter-input.component\";\r\nimport { generalValidator } from \"../../../functions/plano.function\";\r\nimport { DropdownIF } from \"../../../interfaces/plano-general.interface\";\r\nimport { ReactiveSelectComponent } from \"../../reactive-select/reactive-select.component\";\r\n\r\n@Component({\r\n selector: \"lib-instance-basic-details\",\r\n templateUrl: \"./template-basic-details.component.html\",\r\n styleUrl: \"./template-basic-details.component.scss\",\r\n imports: [\r\n FormsModule,\r\n ReactiveFormsModule,\r\n CommonModule,\r\n CounterInputComponent,\r\n ReactiveSelectComponent,\r\n ],\r\n standalone: true,\r\n})\r\nexport class InstanceBasicDetailsComponent implements OnChanges, OnDestroy {\r\n fixtureTemplateDetails: FixtureTemplateDetails | null;\r\n fixtureTemplateBasicDetailsForm: FormGroup;\r\n\r\n isPageLoading: boolean = true;\r\n isEditMode: boolean = false;\r\n\r\n @Input() fixtureData: any;\r\n @Input() editMode: boolean;\r\n @Input() isSubmitted: boolean;\r\n @Input() revertOnEdit: boolean = false;\r\n @Input() zoneEditMode: boolean = false;\r\n @Input() libraryCategories: string[] = [];\r\n @Input() libraryByCategory: Map