\n = this.maxNumberOfFiles\"\n [accept]=\"this.availableFileTypes\"\n [maxFileSize]=\"this.maxFileSize\">\n \n \n
\n
\n","export class Palette {\n visible = false;\n disabled = true;\n\n constructor(public name: string) {\n }\n}\n","import {Component, Inject, OnInit} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from \"@angular/material/dialog\";\n\n@Component({\n selector: 'app-question-dialog',\n templateUrl: './question-dialog.component.html',\n styleUrls: ['./question-dialog.component.css']\n})\nexport class QuestionDialogComponent implements OnInit {\n\n constructor(private dialogRef: MatDialogRef\n
\n
\n Available file types: {{availableFileTypes}}
\n Available file size: {{maxFileSizeInMb}} MB
\n \n \n \n
\n \n
\n \n \n \n
\n\n \n
\n \n
\n","import {AttachmentType} from \"./enum/attachment-type\";\n\nexport class UserFile {\n private _id: string;\n private _file: File;\n private _type: AttachmentType;\n\n constructor(id: string, file: File, type: AttachmentType) {\n this._id = id;\n this._file = file;\n this._type = type;\n }\n\n get id() {\n return this._id;\n }\n\n get file() {\n return this._file;\n }\n\n get name() {\n return this._file.name;\n }\n\n get type(): AttachmentType {\n return this._type;\n }\n\n set type(value: AttachmentType) {\n this._type = value;\n }\n}\n","import {Color} from '@angular-material-components/color-picker';\nimport {DesignName} from './enum/design-name';\nimport {fabric} from \"fabric\";\nimport {Converter} from \"../utils/converter\";\nimport RgbQuant from '../../assets/scripts/rgbquant';\nimport {event} from './event';\nimport {CanvasObjectType} from \"./enum/canvas-object-type\";\n\nexport class CanvasElement {\n private _content: any;\n private _isColorsReductionEnabled: boolean = false;\n private _reducedColorsPalette: Color[] = [];\n private _originalImage: any;\n private _reducedImage: any;\n private _initReductionPerformed: boolean = false;\n private readonly _isPreview: boolean = false;\n\n constructor(content: any, original = null, isPreview = false) {\n this._content = content;\n this._originalImage = original;\n this._isPreview = isPreview;\n }\n\n get content(): any {\n return this._content;\n }\n\n get id(): string {\n return this._content.get('id');\n }\n\n set id(value: string) {\n this._content.set('id', value);\n }\n\n get objectType(): string {\n return this._content.get('objectType');\n }\n\n set objectType(type: string) {\n this._content.set('objectType', type);\n }\n\n get fill(): Color {\n if (this._content.objectType === CanvasObjectType.LABEL) {\n switch (this._content.labelDesign) {\n case DesignName.STRIP:\n case DesignName.PRINTED_WIDTH:\n case DesignName.PRINTED_HEIGHT:\n case DesignName.CUT_INTO_SHAPE: {\n return this._content.get('fill');\n }\n case DesignName.BENT_ON_EDGE:\n case DesignName.BENT_ON_END:\n case DesignName.BENT_ON_HALF:\n case DesignName.BENT_ON_HALF_HEIGHT:\n case DesignName.SIZE_SIMPLE:\n case DesignName.SIZE_BENT: {\n return this._content._objects[0].get('fill');\n }\n case DesignName.ZIPPED: {\n return this._content._objects[0]._objects[0].get('fill');\n }\n }\n }\n return this._content.get('fill');\n }\n\n set fill(value: Color) {\n if (this._content.objectType === CanvasObjectType.LABEL) {\n switch (this._content.labelDesign) {\n case DesignName.STRIP:\n case DesignName.PRINTED_WIDTH:\n case DesignName.PRINTED_HEIGHT:\n case DesignName.CUT_INTO_SHAPE: {\n this._content.set('fill', value);\n break;\n }\n case DesignName.BENT_ON_EDGE:\n case DesignName.BENT_ON_END:\n case DesignName.SIZE_SIMPLE:\n case DesignName.SIZE_BENT: {\n this._content._objects[0].set('fill', value);\n break;\n }\n case DesignName.BENT_ON_HALF:\n case DesignName.BENT_ON_HALF_HEIGHT: {\n this._content._objects[0].set('fill', value);\n this._content._objects[1].set('fill', value);\n break;\n }\n case DesignName.ZIPPED: {\n this._content._objects[0]._objects[0].set('fill', value);\n this._content._objects[1]._objects[0].set('fill', value);\n break;\n }\n }\n } else {\n this._content.set('fill', value);\n }\n }\n\n get size(): number {\n return this._content.get('size');\n }\n\n set size(value: number) {\n this._content.set('size', value);\n }\n\n get text(): string {\n return this._content.get('text');\n }\n\n set text(value: string) {\n this._content.set('text', value);\n }\n\n get opacity(): number {\n return this._content.get('opacity');\n }\n\n set opacity(value: number) {\n this._content.set('opacity', value);\n }\n\n get fontSize(): number {\n return this._content.get('fontSize');\n }\n\n set fontSize(value: number) {\n this._content.set('fontSize', value);\n }\n\n get fontFamily(): string {\n return this._content.get('fontFamily');\n }\n\n set fontFamily(value: string) {\n this._content.set('fontFamily', value);\n }\n\n get angle(): number {\n return Math.floor(this._content.get('angle'));\n }\n\n set angle(value: number) {\n this._content.set('angle', value);\n }\n\n get fontWeight(): string {\n return this._content.get('fontWeight');\n }\n\n set fontWeight(value: string) {\n this._content.set('fontWeight', value);\n }\n\n get fontStyle(): string {\n return this._content.get('fontStyle');\n }\n\n set fontStyle(value: string) {\n this._content.set('fontStyle', value);\n }\n\n get underline(): boolean {\n return this._content.get('underline');\n }\n\n set underline(value: boolean) {\n this._content.set('underline', value);\n }\n\n get left(): number {\n return this._content.get('left');\n }\n\n set left(value: number) {\n this._content.set('left', value);\n }\n\n get top(): number {\n return this._content.get('top');\n }\n\n set top(value: number) {\n this._content.set('top', value);\n }\n\n get width(): number {\n if (this._content.objectType === CanvasObjectType.LABEL) {\n if (!this._isPreview && (this._content.labelDesign === DesignName.BENT_ON_EDGE || this._content.labelDesign === DesignName.BENT_ON_END)) {\n return Math.floor(this._content._objects[0].width / this._content.scaleFactor);\n } else if (!this._isPreview && this._content.labelDesign === DesignName.BENT_ON_HALF_HEIGHT) {\n return Math.floor(this._content._objects[0].width * 2 / this._content.scaleFactor);\n } else {\n return Math.floor(this._content.width / this._content.scaleFactor);\n }\n }\n return this._content.get('width');\n }\n\n set width(value: number) {\n const v = value * this._content.scaleFactor;\n if (this._content.objectType === CanvasObjectType.LABEL) {\n let diff = (v - this._content.width) / 2;\n if (this._content.labelDesign === DesignName.STRIP || this._content.labelDesign === DesignName.PRINTED_WIDTH\n || this._content.labelDesign === DesignName.PRINTED_HEIGHT || this._content.labelDesign === DesignName.CUT_INTO_SHAPE) {\n this._content.left = this._content.left - diff;\n this._content.width = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_EDGE) {\n diff = (v - this._content._objects[0].width) / 2;\n // set new value to label body\n this._content._objects[0].width = v;\n // move label body (left,right depends on diff value)\n this._content._objects[0].left = this._content._objects[0].left - diff;\n // calculate label left,right marks\n this._content._objects[1].left = this._content._objects[1].left - diff;\n this._content._objects[2].left = this._content._objects[2].left + diff;\n // set group width as last step (sum of left + center + right part)\n this._content.width = this._content._objects[1].width + this._content._objects[0].width + this._content._objects[2].width;\n } else if (this._content.labelDesign === DesignName.BENT_ON_HALF) {\n this._content._objects[0].width = v;\n this._content._objects[0].left = this._content._objects[0].left - diff;\n this._content._objects[1].width = v;\n this._content._objects[1].left = this._content._objects[1].left - diff;\n this._content.width = v;\n } else if (this._content.labelDesign === DesignName.ZIPPED) {\n this._content._objects[0].width = v;\n this._content._objects[0]._objects[0].width = v;\n this._content._objects[0].left = this._content._objects[0].left - diff;\n this._content._objects[0]._objects[0].left = this._content._objects[0]._objects[0].left - diff;\n this._content._objects[0]._objects[1].left = this._content._objects[0]._objects[1].left - diff;\n this._content._objects[1].width = v;\n this._content._objects[1]._objects[0].width = v;\n this._content._objects[1].left = this._content._objects[1].left - diff;\n this._content._objects[1]._objects[0].left = this._content._objects[1]._objects[0].left - diff;\n this._content._objects[1]._objects[1].left = this._content._objects[1]._objects[1].left - diff;\n this._content.width = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_HALF_HEIGHT) {\n this._content._objects[0].width = v / 2;\n this._content._objects[0].width = v / 2;\n this._content._objects[0].left = this._content._objects[0].left - diff;\n this._content._objects[1].width = v / 2;\n this._content._objects[1].width = v / 2;\n this._content.width = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_END) {\n this._content._objects[0].width = v;\n this._content._objects[0].left = this._content._objects[0].left - diff;\n this._content._objects[1].width = v;\n this._content._objects[1].left = this._content._objects[1].left - diff;\n this._content._objects[2].width = v;\n this._content._objects[2].left = this._content._objects[2].left - diff;\n this._content.width = v;\n }\n } else {\n this._content.width = value;\n }\n }\n\n get height(): number {\n if (this._content.objectType === CanvasObjectType.LABEL) {\n if (!this._isPreview && this._content.labelDesign === DesignName.BENT_ON_HALF) {\n return Math.floor(this._content._objects[0].height * 2 / this._content.scaleFactor);\n } else if (!this._isPreview && (this._content.labelDesign === DesignName.SIZE_SIMPLE || this._content.labelDesign === DesignName.SIZE_BENT\n || this._content.labelDesign === DesignName.BENT_ON_HALF_HEIGHT || this._content.labelDesign === DesignName.BENT_ON_END)) {\n return Math.floor(this._content._objects[0].height / this._content.scaleFactor);\n } else {\n return Math.floor(this._content.height / this._content.scaleFactor);\n }\n }\n return this._content.get('height');\n }\n\n set height(value: number) {\n const v = value * this._content.scaleFactor;\n if (this._content.objectType === CanvasObjectType.LABEL) {\n let diff = (v - this._content.height) / 2;\n if (this._content.labelDesign === DesignName.STRIP || this._content.labelDesign === DesignName.PRINTED_WIDTH\n || this._content.labelDesign === DesignName.PRINTED_HEIGHT || this._content.labelDesign === DesignName.CUT_INTO_SHAPE) {\n this._content.height = v;\n this._content.top = this._content.top - diff;\n this._content.height = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_EDGE) {\n this._content._objects[0].height = v;\n this._content._objects[0].top = this._content._objects[0].top - diff;\n this._content._objects[1].height = v;\n this._content._objects[1].top = this._content._objects[1].top - diff;\n this._content._objects[2].height = v;\n this._content._objects[2].top = this._content._objects[2].top - diff;\n this._content.height = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_HALF) {\n this._content._objects[0].height = v / 2;\n this._content._objects[0].top = this._content._objects[0].top - diff;\n this._content._objects[1].height = v / 2;\n this._content.height = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_HALF_HEIGHT) {\n this._content._objects[0].height = v;\n this._content._objects[0].top = this._content._objects[0].top - diff;\n this._content._objects[1].height = v;\n this._content._objects[1].top = this._content._objects[1].top - diff;\n this._content.height = v;\n } else if (this._content.labelDesign === DesignName.BENT_ON_END) {\n diff = (v - this._content._objects[0].height) / 2;\n this._content._objects[0].height = v;\n this._content._objects[0].top = this._content._objects[0].top - diff;\n this._content._objects[1].top = this._content._objects[1].top - diff;\n this._content._objects[2].top = this._content._objects[2].top + diff;\n this._content.height = this._content._objects[1].height + this._content._objects[0].height + this._content._objects[2].height;\n } else if (this._content.labelDesign === DesignName.ZIPPED) {\n this._content._objects[0]._objects[0].height = v / 2;\n this._content._objects[0]._objects[0].top = this._content._objects[0]._objects[0].top - diff;\n this._content._objects[0]._objects[1].top = this._content._objects[0]._objects[1].top - diff / 2;\n this._content._objects[1]._objects[0].height = v / 2;\n this._content._objects[1]._objects[1].top = this._content._objects[1]._objects[1].top + diff / 2;\n this._content.height = v;\n }\n } else {\n this._content.set('height', value);\n }\n }\n\n get scaleX(): number {\n return this._content.get('scaleX');\n }\n\n set scaleX(value: number) {\n this._content.set('scaleX', value);\n }\n\n get scaleY(): number {\n return this._content.get('scaleY');\n }\n\n set scaleY(value: number) {\n this._content.set('scaleY', value);\n }\n\n get labelType(): string {\n return this._content.get('labelType');\n }\n\n set labelType(value: string) {\n this._content.set('labelType', value);\n }\n\n get labelDesign(): string {\n return this._content.get('labelDesign');\n }\n\n set labelDesign(value: string) {\n this._content.set('labelDesign', value);\n }\n\n public center(): void {\n this._content.center();\n }\n\n public rotate(angle: number): void {\n this._content.rotate(angle);\n }\n\n sendToBack() {\n this._content.sendToBack();\n }\n\n sendBackwards() {\n this._content.sendBackwards();\n }\n\n bringForward() {\n this._content.bringForward();\n }\n\n bringToFront() {\n this._content.bringToFront();\n }\n\n public get hasReducedColors() {\n return this._reducedColorsPalette.length > 0;\n }\n\n public get isColorsReductionEnabled(): boolean {\n return this._isColorsReductionEnabled;\n }\n\n public set isColorsReductionEnabled(enabled) {\n this._isColorsReductionEnabled = enabled;\n }\n\n public get reducedColorsPalette(): any[] {\n return this._reducedColorsPalette;\n }\n\n private setReducedImage(urlImageData: any) {\n const content = this.content;\n return new Promise(resolve => {\n fabric.Image.fromURL(urlImageData, function (newImage) {\n newImage.set({\n width: content.width,\n height: content.height,\n left: content.left,\n top: content.top,\n });\n newImage.getElement().id = content._element.id;\n content.setElement(newImage.getElement());\n document.dispatchEvent(new CustomEvent(event.canvas.UPDATE));\n resolve(newImage);\n });\n })\n }\n\n /**\n * returns true if success, false otherwise\n * @param numberOfRequestedColors\n */\n public reduceColors(numberOfRequestedColors: number): Promise<[]> {\n return new Promise((resolve, reject) => {\n const worker = new Worker('src/app/color-reduction.worker', {\n type: 'module'\n });\n worker.onmessage = ({data}) => {\n this._reducedColorsPalette = data.histogram.map(el => el[0]).map(el => Converter.toPickerColor(el));\n\n const tempCanvas: HTMLCanvasElement = document.createElement('canvas');\n tempCanvas.width = this.content.width;\n tempCanvas.height = this.content.height;\n const tempCtx: CanvasRenderingContext2D | null = tempCanvas.getContext('2d');\n\n if (tempCtx != null) {\n const imageData = new ImageData(new Uint8ClampedArray(data.image.buffer), this.content.width, this.content.height);\n tempCtx.putImageData(imageData, 0, 0);\n this.setReducedImage(tempCanvas.toDataURL()).then(newImage => {\n this._reducedImage = newImage;\n resolve(data.histogram);\n });\n }\n };\n\n worker.onerror = (e: ErrorEvent) => {\n reject(\"External processing of image failed\");\n }\n\n let can = document.createElement(\"canvas\");\n can.width = this._originalImage.naturalWidth;\n can.height = this._originalImage.naturalHeight;\n let ctx: CanvasRenderingContext2D | null = can.getContext(\"2d\");\n if (ctx != null) {\n ctx.drawImage(this._originalImage, 0, 0);\n const imageData = ctx.getImageData(0, 0, this._originalImage.naturalWidth, this._originalImage.naturalHeight);\n worker.postMessage({\n image: imageData,\n numberOfAvailableColors: numberOfRequestedColors\n });\n }\n });\n }\n\n public toggleImage(): void {\n const content = this.content;\n if (this.isColorsReductionEnabled) {\n content.setElement(this._reducedImage.getElement());\n } else {\n content.setElement(new fabric.Image(this._originalImage, {}).getElement());\n }\n }\n\n /**\n * true if success, false otherwise\n * @param sourceColor\n * @param destinationColor\n */\n public replaceColor(sourceColor: any, destinationColor: any): boolean {\n const sourceImageTempCanvas: HTMLCanvasElement = document.createElement('canvas');\n sourceImageTempCanvas.width = this._reducedImage.width;\n sourceImageTempCanvas.height = this._reducedImage.height;\n const sourceImageTempCtx: CanvasRenderingContext2D | null = sourceImageTempCanvas.getContext('2d');\n if (sourceImageTempCtx != null) {\n sourceImageTempCtx.drawImage(this._reducedImage.getElement(), 0, 0);\n let array = sourceImageTempCtx.getImageData(0, 0, this._reducedImage.width, this._reducedImage.height).data;\n let i;\n const len = array.length;\n for (i = 0; i < len; i += 4) {\n if (array[i] === sourceColor['r'] && array[i + 1] === sourceColor['g'] && array[i + 2] === sourceColor['b']) {\n array[i] = destinationColor['r'];\n array[i + 1] = destinationColor['g'];\n array[i + 2] = destinationColor['b'];\n }\n }\n\n const colorPalette = this.reducedColorsPalette;\n colorPalette.forEach((color, index) => {\n if (color['r'] === sourceColor['r'] && color['g'] === sourceColor['g'] && color['b'] === sourceColor['b']) {\n colorPalette[index] = destinationColor;\n }\n });\n this._reducedColorsPalette = colorPalette;\n\n var newImage = new ImageData(array, this._reducedImage.width, this._reducedImage.height);\n const tempCanvas: HTMLCanvasElement = document.createElement('canvas');\n tempCanvas.width = this.width;\n tempCanvas.height = this.height;\n const tempCtx: CanvasRenderingContext2D | null = tempCanvas.getContext('2d');\n if (tempCtx != null) {\n tempCtx.putImageData(newImage, 0, 0);\n }\n this.setReducedImage(tempCanvas.toDataURL()).then((replaceColorImage) => this._reducedImage = replaceColorImage);\n\n return true;\n }\n return false;\n }\n\n public set originalImage(image: any) {\n this._originalImage = image;\n }\n\n public get isSymbol(): boolean {\n return this._content.isSymbol;\n }\n\n /**\n * be advised not to use this method anywhere outside of post processing of JSON load\n * @param clazz\n */\n public updateContentFromJson(clazz: any) {\n this._content = clazz;\n }\n\n get initReductionPerformed(): boolean {\n return this._initReductionPerformed;\n }\n\n set initReductionPerformed(value: boolean) {\n this._initReductionPerformed = value;\n }\n\n isPreview() {\n return this._isPreview;\n }\n}\n","import {Injectable} from \"@angular/core\";\nimport {OrderStatus} from \"../model/orderStatus\";\nimport {ErrorMessage} from \"../model/errorMessage\";\nimport {DeliveryType} from \"../model/deliveryType\";\nimport {PaymentType} from \"../model/paymentType\";\n\n@Injectable({\n providedIn: 'root'\n})\nexport class LocaleService {\n\n public orderStatus(status: string): string {\n switch (status) {\n case OrderStatus.Incomplete:\n return $localize`:@@order.status.incomplete:`;\n case OrderStatus.Unconfirmed:\n return $localize`:@@order.status.unconfirmed:`;\n case OrderStatus.Quotation:\n return $localize`:@@order.status.quotation:`;\n case OrderStatus.Patterning:\n return $localize`:@@order.status.patterning:`;\n case OrderStatus.PatternProduction:\n return $localize`:@@order.status.patternProduction:`;\n case OrderStatus.PatternExpedition:\n return $localize`:@@order.status.patternExpedition:`;\n case OrderStatus.ProposalSent:\n return $localize`:@@order.status.proposalSent:`;\n case OrderStatus.Production:\n return $localize`:@@order.status.production:`;\n case OrderStatus.Expedition:\n return $localize`:@@order.status.expedition:`;\n case OrderStatus.WFP:\n return $localize`:@@order.status.wfp:`;\n case OrderStatus.Completed:\n return $localize`:@@order.status.completed:`;\n case OrderStatus.Cancelled:\n return $localize`:@@order.status.cancelled:`;\n }\n return status;\n }\n\n\n public deliveryType(deliveryMethod: string): string {\n switch (deliveryMethod) {\n case DeliveryType.PersonalPickup:\n return $localize`:@@order.deliveryType.personalPickup:`;\n case DeliveryType.Post:\n return $localize`:@@order.deliveryType.post:`;\n case DeliveryType.GLS:\n return $localize`:@@order.deliveryType.gls:`;\n case DeliveryType.DPD:\n return $localize`:@@order.deliveryType.dpd:`;\n default:\n return $localize`:@@order.deliveryType.other:`;\n }\n return deliveryMethod;\n }\n\n public paymentType(paymentType: string): string {\n switch (paymentType) {\n case PaymentType.Cash:\n return $localize`:@@order.paymentType.cash:`;\n case PaymentType.CashOnDelivery:\n return $localize`:@@order.paymentType.cashOnDelivery:`;\n case PaymentType.Invoice:\n return $localize`:@@order.paymentType.invoice:`;\n case PaymentType.AdvanceInvoice:\n return $localize`:@@order.paymentType.invoiceInAdvance:`;\n }\n return paymentType;\n }\n\n public error(message: string): string {\n switch (message) {\n case ErrorMessage.EmailAlreadyUsed:\n return $localize`:@@emailAlreadyUsed:`;\n case ErrorMessage.ServerError:\n return $localize`:@@serverError:`;\n case ErrorMessage.EmailAlreadyActivated:\n return $localize`:@@emailAlreadyActivated:`;\n case ErrorMessage.InvalidAddressId:\n return $localize`:@@invalidAddressId:`;\n case ErrorMessage.ExpiredKey:\n return $localize`:@@expiredKey:`;\n case ErrorMessage.ProductHasNoImage:\n return $localize`:@@productHasNoImage:`;\n case ErrorMessage.UserWithSpecifiedEmailNotFound:\n return $localize`:@@userWithSpecifiedEmailNotFound:`;\n case ErrorMessage.InvalidClientUrl:\n return $localize`:@@invalidClientUrl:`;\n case ErrorMessage.InvalidInputValue:\n return $localize`:@@invalidInputValue:`;\n case ErrorMessage.Unauthorized:\n return $localize`:@@unauthorized:`;\n case ErrorMessage.InvalidLoginInfo:\n return $localize`:@@invalidLoginInfo:`;\n }\n return message;\n }\n}\n","export enum SubjectType {\n COMPANY = 'COMPANY',\n INDIVIDUAL = 'INDIVIDUAL'\n}\n","export enum DesignName {\n STRIP = 'PAS_CVK',\n PRINTED_WIDTH = 'PRINTED_WIDTH',\n PRINTED_HEIGHT = 'PRINTED_HEIGHT',\n BENT_ON_EDGE = 'NAR_KS_ZAL_KR',\n BENT_ON_END = 'NAR_KS_KR_ZVAR_KON',\n BENT_ON_HALF = 'NAR_KS_ZAL_12_ZVAR_BOK',\n BENT_ON_HALF_HEIGHT = 'NAR_KS_ZAL_12',\n CUT_INTO_SHAPE = 'NAR_KS_TVAR',\n ZIPPED = 'NAR_KS_ZIP',\n SIZE_SIMPLE = 'PAS_BEZCVK',\n SIZE_BENT = 'VYS_TEXT',\n CUTTED = 'NAR_KS'\n}\n","import {Converter} from \"../../utils/converter\";\n\nexport class Product {\n\n private _productId: number = 0;\n private _kind: string | null = null;\n private _pattern: string = 'label';\n private _width: number | null = null;\n private _height: number | null = null;\n private _processing: string | null = null;\n private _colors: string[] = [];\n private _materialType: string = 'Other';\n private _materialColor: string = 'Other';\n private _cut: boolean = false;\n private _price: number;\n\n get kind(): string | null {\n return this._kind;\n }\n\n set kind(value: string | null) {\n this._kind = value;\n }\n\n get pattern(): string {\n return this._pattern;\n }\n\n set pattern(value: string) {\n this._pattern = value;\n }\n\n get width(): number | null {\n return this._width;\n }\n\n set width(value: number | null) {\n this._width = value;\n }\n\n get height(): number | null {\n return this._height;\n }\n\n set height(value: number | null) {\n this._height = value;\n }\n\n get processing(): string | null {\n return this._processing;\n }\n\n set processing(value: string | null) {\n this._processing = value;\n }\n\n get colors(): string[] {\n return this._colors;\n }\n\n set colors(value: string[]) {\n this._colors = value;\n }\n\n get materialType(): string {\n return this._materialType;\n }\n\n set materialType(value: string) {\n this._materialType = value;\n }\n\n get materialColor(): string {\n return this._materialColor;\n }\n\n set materialColor(value: string) {\n this._materialColor = value;\n }\n\n get cut(): boolean {\n return this._cut;\n }\n\n set cut(value: boolean) {\n this._cut = value;\n }\n\n get productId(): number {\n return this._productId;\n }\n\n set productId(value: number) {\n this._productId = value;\n }\n\n get price(): number {\n return this._price;\n }\n\n set price(value: number) {\n this._price = value;\n }\n\n public toJSON() {\n return {\n productId: this._productId,\n kind: this.kind,\n pattern: this.pattern,\n width: this.width,\n height: this.height,\n processing: this.processing,\n colors: this.colors,\n materialType: Converter.material(this.materialType),\n materialColor: Converter.materialColor(this.materialColor),\n cut: this.cut\n }\n }\n}\n","import {Component, ElementRef, Inject, ViewChild} from '@angular/core';\nimport {LabelDesigns} from \"../../../assets/data/label-designs\";\nimport {DOCUMENT} from \"@angular/common\";\nimport {event} from \"../../model/event\";\nimport {OrderService} from \"../../service/order.service\";\nimport {Dialog} from \"../../utils/dialog\";\nimport {MatDialog} from \"@angular/material/dialog\";\nimport {DesignName} from \"../../model/enum/design-name\";\n\n@Component({\n selector: 'app-design',\n templateUrl: './design.component.html',\n styleUrls: ['./design.component.css']\n})\nexport class DesignComponent {\n\n labelDesigns = LabelDesigns;\n private _document: Document;\n private _dialog: Dialog;\n\n @ViewChild('designList')\n private designList: ElementRef;\n\n constructor(@Inject(DOCUMENT) document: Document,\n private orderService: OrderService,\n private matDialog: MatDialog) {\n this._document = document;\n this._dialog = new Dialog(matDialog);\n }\n\n public async changeLabelDesign(name: DesignName) {\n if (this.orderService.order.getOrderProduct().product.processing == null) {\n this.orderService.changeDesign(name);\n this._document.dispatchEvent(new CustomEvent(event.label.CHANGE_DESIGN));\n this._document.dispatchEvent(new CustomEvent(event.label.REMOVE_ALL_IMAGES));\n } else {\n const message = $localize`:@@labelDesignChangeAlert:`;\n let selectedOption = await this._dialog.questionDialog(message, [{title: $localize`:@@addAnotherProduct:`}, {title: $localize`:@@replaceProduct:`}, {title: $localize`:@@cancel:`}]);\n // user wants add another label\n if (selectedOption == 0) {\n let labelType = this.orderService.order.getOrderProduct().product.kind;\n this.orderService.addNewProduct();\n if (labelType) {\n this.orderService.changeLabelType(labelType);\n }\n }\n\n // we added product, now we can continue\n if (selectedOption < 2) {\n this.orderService.changeDesign(name);\n this._document.dispatchEvent(new CustomEvent(event.label.CHANGE_DESIGN));\n this._document.dispatchEvent(new CustomEvent(event.label.REMOVE_ALL_IMAGES));\n }\n }\n this._document.dispatchEvent(new CustomEvent(event.order.PRICE_RECALCULATION));\n }\n\n public getSelectedType(): string | null {\n return this.orderService.order.getOrderProduct().product.kind;\n }\n}\n","\n \n \n < \n \n \n \n \n \n
\n\n \n \n
\n","export class StringUtil {\n\n public static isEmpty(value: string) {\n return value == null || value == '' || !value.length;\n }\n\n public static isNotEmpty(value: string | undefined) {\n return value !== undefined && value != null && value.length > 0;\n }\n}\n","import {AlertType} from \"./enum/alert-type\";\n\nexport class Alert {\n type: AlertType;\n message: string;\n autoClose: boolean = true;\n fade: boolean;\n\n constructor(init?: Partial\n \n \n
\n \n
\n \n \n \n \n \n \n \n {{orderProduct.price | currency :\"EUR\" : 'symbol' : '1.3'}}
\n \n ![\"label\"/]()
\n
\n \n \n
\n \n \n
\n {{typeName(orderProduct.product)}}
\n \n \n
\n {{designName(orderProduct.product)}}
\n \n \n
\n {{dimensions(orderProduct.product)}}
\n \n \n
\n {{cutLabel(orderProduct.product)}}
\n \n \n
\n {{orderProduct.quantity}}
\n \n \n {{orderProduct.clientPrice | currency :\"EUR\" : 'symbol' : '1.3'}}
\n \n \n {orderProduct.product.materialType.toUpperCase(), select, NYLON{Nylon} SATIN{Satin}}
\n \n \n \n
\n {{numberOfColors(orderProduct.product)}}
\n \n \n
\n \n \n
\n \n \n
\n {{orderProduct.note}}
\n \n \n
\n \n
\n {{order.note}}
\n \n \n
\n {{localeService.deliveryType(order.deliveryMethod)}}
\n \n \n
\n {{localeService.paymentType(order.paymentType)}}
\n \n \n
\n {{localeService.orderStatus(order.status)}}
\n \n \n
\n {{order.addedDate | date:'d.M.y HH:mm'}}
\n \n \n {{order.completionDate | date:'d.M.y HH:mm'}}
\n -
\n \n \n \n
\n
\n","import {Component, OnInit} from '@angular/core';\nimport {FormBuilder, FormGroup, Validators} from \"@angular/forms\";\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {AccountService} from \"../../../service/account.service\";\nimport {AlertService} from \"../../../service/alert.service\";\nimport {first} from \"rxjs/operators\";\nimport {OrderService} from \"../../../service/order.service\";\nimport {MatDialog} from \"@angular/material/dialog\";\nimport {PasswordResetComponent} from \"../../dialogs/password-reset/password-reset.component\";\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n\n private readonly _form: FormGroup;\n private _submitted = false;\n private _returnUrl: string = '/dashboard';\n\n constructor(\n private formBuilder: FormBuilder,\n private route: ActivatedRoute,\n private router: Router,\n public accountService: AccountService,\n private alertService: AlertService,\n private orderService: OrderService,\n private matDialog: MatDialog) {\n // redirect to home if already logged in\n if (this.accountService.authenticated) {\n this.router.navigate(['/']);\n }\n\n this._form = this.formBuilder.group({\n login: ['', Validators.required],\n password: ['', Validators.required]\n });\n }\n\n ngOnInit() {\n // get return url from route parameters or default to '/'\n this._returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/dashboard';\n }\n\n get login() {\n return this._form.get('login');\n }\n\n get password() {\n return this._form.get('password');\n }\n\n onSubmit() {\n this._submitted = true;\n\n // stop here if form is invalid\n if (this._form.invalid) {\n return;\n }\n\n this.accountService.login(this.login?.value, this.password?.value)\n .pipe(first())\n .subscribe(\n () => {\n let routeLink = 'activation';\n let currentUser = this.accountService.getCurrentUser();\n if (currentUser != null && currentUser.activated) {\n routeLink = this._returnUrl;\n if (this.orderService.isOrderChanged) {\n routeLink = '/';\n }\n }\n this.router.navigate([routeLink], {\n queryParams: {\n \"login\": \"true\"\n }\n });\n },\n errorResponse => {\n const alternateErrorText = $localize`:@@loginErrorAlternateText:`;\n this.alertService.error(errorResponse.error.code, {'alternateErrorText': alternateErrorText});\n });\n }\n\n get submitted() {\n return this._submitted;\n }\n\n get form() {\n return this._form;\n }\n\n public passwordReset(): void {\n this.matDialog.open(PasswordResetComponent, {\n width: '90%',\n maxWidth: '500pt',\n panelClass: 'homePanel'\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","import {Component, Inject, OnInit, ViewChild, AfterViewInit} from '@angular/core';\nimport {Step} from \"../../model/step\";\nimport {FormBuilder} from \"@angular/forms\";\nimport {AlertService} from \"../../service/alert.service\";\nimport {HttpClient} from \"@angular/common/http\";\nimport {Converter} from \"../../utils/converter\";\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {EditorComponent} from \"../editor/editor.component\";\nimport {Dialog} from \"../../utils/dialog\";\nimport {MatDialog} from \"@angular/material/dialog\";\nimport {DOCUMENT} from \"@angular/common\";\nimport {StatusBarComponent} from \"../status-bar/status-bar.component\";\nimport {event} from \"../../model/event\";\nimport {AccountService} from \"../../service/account.service\";\nimport {PriceCalculationService} from \"../../service/price-calculation.service\";\nimport {OrderService} from \"../../service/order.service\";\nimport {ColorService} from \"../../service/color.service\";\nimport {ProductImageService} from \"../../service/product-image.service\";\nimport {HomeComponent} from \"../dialogs/home/home.component\";\n\n@Component({\n selector: 'app-order',\n templateUrl: './order.component.html',\n styleUrls: ['./order.component.css']\n})\nexport class OrderComponent implements OnInit, AfterViewInit {\n\n private steps: Step[] = [];\n private dialog: Dialog;\n private document: Document;\n private _isSummaryVisible = false;\n\n @ViewChild(EditorComponent)\n editor: EditorComponent;\n\n @ViewChild(StatusBarComponent)\n statusBar: StatusBarComponent;\n\n private _preselectedTab: string | null;\n\n constructor(@Inject(DOCUMENT) document: Document,\n private fb: FormBuilder,\n private httpClient: HttpClient,\n private alertService: AlertService,\n private router: Router,\n private route: ActivatedRoute,\n private matDialog: MatDialog,\n private accountService: AccountService,\n private priceCalculationService: PriceCalculationService,\n private orderService: OrderService,\n private colorService: ColorService) {\n const vThis = this;\n this.document = document;\n this.dialog = new Dialog(matDialog);\n\n this.steps.push(new Step('editor'));\n this.steps.push(new Step('deliveryDetails'));\n this.steps.push(new Step('summary'));\n\n this._preselectedTab = this.route.snapshot.queryParamMap.get('tab');\n this.toggleStep(0);\n\n document.addEventListener(event.editor.COLOR_ADD, (e: any) => {\n this.colorService.add(e.detail.color, e.detail.componentId);\n this.orderService.setProductColors(this.colorService.getColorsAsHex());\n document.dispatchEvent(new CustomEvent(event.order.PRICE_RECALCULATION));\n });\n\n document.addEventListener(event.editor.COLOR_REMOVE, (e: any) => {\n this.colorService.remove(e.detail.color, e.detail.componentId);\n this.orderService.setProductColors(this.colorService.getColorsAsHex());\n document.dispatchEvent(new CustomEvent(event.order.PRICE_RECALCULATION));\n });\n\n document.addEventListener(event.editor.COLOR_CHANGE, (e: any) => {\n this.colorService.updateColor(e.detail.source, e.detail.target, e.detail.componentId);\n this.orderService.setProductColors(this.colorService.getColorsAsHex());\n document.dispatchEvent(new CustomEvent(event.order.PRICE_RECALCULATION));\n });\n\n document.addEventListener(event.editor.OPEN_TYPE, (e: any) => {\n if (!this.step('editor')) {\n if (this.step('summary')) {\n this.statusBar.goBack();\n }\n this.statusBar.goBack();\n }\n });\n\n document.addEventListener(event.order.RESET, () => {\n this.orderService.reset();\n this.colorService.reset();\n this.priceCalculationService.reset();\n });\n\n document.addEventListener(event.editor.OPEN_HOME, (e) => {\n this.openHomeDialog();\n e.stopImmediatePropagation();\n });\n\n [event.label.CHANGE_TYPE, event.label.CHANGE_DESIGN].forEach(function (event) {\n document.addEventListener(event, () => {\n vThis.orderService.resetQuantity();\n });\n });\n }\n\n ngAfterViewInit(): void {\n if (this._preselectedTab) {\n for (let i = 0; i < Number(this._preselectedTab); i++) {\n this.statusBar.goForward();\n }\n }\n }\n\n ngOnInit(): void {\n }\n\n /**\n * Reinitialize order\n */\n async reinitialiseEditor() {\n if (this.orderService.isOrderChanged) {\n this.document.dispatchEvent(new CustomEvent(event.order.RESET));\n this.document.dispatchEvent(new CustomEvent(event.label.REMOVE_ALL_IMAGES));\n this.editor.toolbar.disableIcons();\n this.statusBar.reset();\n if (!this.step('editor')) {\n this.toggleStep(0);\n }\n this.editor.openPalette('type');\n }\n }\n\n toggleStep(e: number) {\n let url = this.router.url.substring(0, this.router.url.indexOf('?'));\n this.router.navigate([url], {\n queryParams: {\n \"tab\": e\n },\n queryParamsHandling: 'merge'\n });\n\n this.steps.forEach((value, index) => {\n if (index === e) {\n value.visible = !value.visible;\n } else {\n value.visible = false;\n }\n });\n\n this._isSummaryVisible = this.steps[this.steps.map(e => e.name).indexOf('summary')].visible;\n }\n\n get isSummaryVisible() {\n return this._isSummaryVisible;\n }\n\n public step(name: string): boolean {\n for (let i = 0; i < this.steps.length; i++) {\n if (this.steps[i].name === name) {\n return this.steps[i].visible;\n }\n }\n return false;\n }\n\n async submitOrder() {\n if (!this.orderService.termsAndConditions) {\n if (await this.dialog.confirmDialog($localize`:@@missingTermsAndConditions:`)) {\n this.orderService.termsAndConditions = true;\n document.dispatchEvent(new CustomEvent(event.order.TERMS_AND_CONDITIONS))\n } else {\n return;\n }\n }\n if (this.colorService.getColorsAsHex().length > this.colorService.numberOfAvailableColors()) {\n await this.dialog.confirmDialog($localize`:@@exceededColorLimit:`);\n return;\n }\n if (this.accountService.authenticated) {\n this.document.dispatchEvent(new CustomEvent(event.order.SUBMIT_AVAILABLE, {detail: false}));\n // dummy data, sending real data will be implemented in next tasks\n this.orderService.finalizeData();\n const convertedOrder = Converter.toSendOrder(this.orderService.order);\n const formData: any = new FormData();\n formData.append(\"orderModel\", JSON.stringify(convertedOrder));\n if (this.orderService.order.getOrderProduct().product.productId === 0) {\n this.orderService.order.getOrderProducts().forEach((op) => {\n formData.append(\"images\", Converter.dataURItoBlob(op.image));\n });\n this.orderService.getAttachments().forEach(v => {\n formData.append(\"attachments\", v.file);\n });\n }\n\n this.orderService.submitOrder(formData).subscribe(\n (response) => {\n this.document.dispatchEvent(new CustomEvent(event.order.SUBMIT_AVAILABLE, {detail: true}));\n this.alertService.success(response.message);\n // release order lock in case locked\n this.orderService.order.getOrderProduct().locked = false;\n this.reinitialiseEditor();\n this.router.navigate(['/order-history']);\n },\n (error) => {\n this.document.dispatchEvent(new CustomEvent(event.order.SUBMIT_AVAILABLE, {detail: true}));\n this.alertService.error(error.error);\n }\n )\n } else {\n if (await this.dialog.confirmDialog($localize`:@@notLoggedAlert:`)) {\n this.router.navigate(['/login']);\n }\n }\n }\n\n private openHomeDialog(): void {\n this.matDialog.open(HomeComponent, {\n width: '90%',\n maxWidth: '500pt',\n panelClass: 'homePanel',\n data: {}\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","import {MaterialName} from '../../app/model/enum/material-name';\nimport {Material} from '../../app/model/label/material';\nimport {PrintedLabelColors} from \"../../app/model/enum/printed-label-colors\";\n\nexport const LabelMaterials: Material[] = [\n new Material(MaterialName.NYLON, new Map([\n [PrintedLabelColors.BLACK, 'BLACK'],\n [PrintedLabelColors.WHITE, 'WHITE']\n ])),\n new Material(MaterialName.SATIN, new Map([\n [PrintedLabelColors.BLACK, 'BLACK'],\n [PrintedLabelColors.WHITE, 'WHITE'],\n [PrintedLabelColors.RED, 'RED'],\n [PrintedLabelColors.CREAM, 'CREAM']\n ])),\n ]\n;\n","import {ChangeDetectorRef, Component, ViewContainerRef} from '@angular/core';\nimport {AjaxLoaderService} from \"../../service/ajax-loader.service\";\nimport {Overlay, OverlayConfig, OverlayRef} from \"@angular/cdk/overlay\";\nimport {ComponentPortal} from \"@angular/cdk/portal\";\n\n@Component({\n selector: 'app-ajax-loader',\n template: ''\n})\nexport class AjaxLoaderComponent {\n\n private _overlayRef: OverlayRef | null = null;\n private _overlayConfig: OverlayConfig = new OverlayConfig();\n\n constructor(private ajaxLoaderService: AjaxLoaderService,\n private changeDetectorRef: ChangeDetectorRef,\n private overlay: Overlay,\n private viewContainerRef: ViewContainerRef) {\n this._overlayConfig.positionStrategy = this.overlay.position()\n .global()\n .left(`0px`)\n .top(`0px`);\n this._overlayConfig.hasBackdrop = true;\n\n ajaxLoaderService.stateChange((isInProgress) => {\n if (isInProgress) {\n this._overlayRef = this.overlay.create(this._overlayConfig);\n this._overlayRef.attach(new ComponentPortal(AjaxLoaderOverlayComponent, this.viewContainerRef));\n } else {\n this._overlayRef?.dispose();\n }\n changeDetectorRef.detectChanges();\n });\n }\n}\n\n@Component({\n selector: 'app-alert-overlay',\n templateUrl: './ajax-loader.component.html',\n styleUrls: ['./ajax-loader.component.css']\n})\nexport class AjaxLoaderOverlayComponent {\n}\n","![\"loading\"/](\"assets/images/ajax-loader.gif\")
\n","export enum AttachmentType {\n GRAPHIC,\n OTHER\n}\n","import {Component, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from \"@angular/material/dialog\";\nimport {Converter} from \"../../../utils/converter\";\nimport {RuntimeConfigLoaderService} from \"runtime-config-loader\";\n\n@Component({\n selector: 'app-color-density',\n templateUrl: './color-density.component.html',\n styleUrls: ['./color-density.component.css']\n})\nexport class ColorDensityComponent {\n\n private readonly _colors:[];\n\n constructor(private dialogRef: MatDialogRef\n \n \n
\n\n {{percentage}}\n
\n
\n","import {StringUtil} from \"../../utils/string-util\";\n\nexport class Address {\n\n private _id: number = 0;\n private _street: string;\n private _city: string;\n private _zip: string;\n private _countryCode: string;\n private _email: string;\n private _phone: string;\n\n get id(): number {\n return this._id;\n }\n\n set id(value: number) {\n this._id = value;\n }\n\n get street(): string {\n return this._street;\n }\n\n set street(value: string) {\n this._street = value;\n }\n\n get city(): string {\n return this._city;\n }\n\n set city(value: string) {\n this._city = value;\n }\n\n get zip(): string {\n return this._zip;\n }\n\n set zip(value: string) {\n this._zip = value;\n }\n\n get countryCode(): string {\n return this._countryCode;\n }\n\n set countryCode(value: string) {\n this._countryCode = value;\n }\n\n get email(): string {\n return this._email;\n }\n\n set email(value: string) {\n this._email = value;\n }\n\n get phone(): string {\n return this._phone;\n }\n\n set phone(value: string) {\n this._phone = value;\n }\n\n toJSON() {\n return {\n addressId: this.id,\n street: this.street,\n city: this.city,\n zip: this.zip,\n countryCode: this.countryCode,\n email: this.email\n };\n }\n\n public isComplete() {\n return (this.id != undefined && this.id != 0 && this.id != null) || (StringUtil.isNotEmpty(this.street) &&\n StringUtil.isNotEmpty(this.city) &&\n StringUtil.isNotEmpty(this.zip) &&\n StringUtil.isNotEmpty(this.countryCode) &&\n StringUtil.isNotEmpty(this.email) &&\n StringUtil.isNotEmpty(this.phone));\n }\n}\n","import {Address} from \"./address\";\nimport {OrderProduct} from \"./order-product\";\n\nexport class Order {\n\n private _address: Address;\n private _productionMode: string = 'WithPatterning';\n private _deliveryMethod: string = 'PersonalPickup';\n private _note: string = '';\n private _paymentType: string = 'Cash';\n private _orderProducts: OrderProduct[] = [];\n private _addedDate: string;\n private _completionDate: string;\n private _status: string;\n\n private _selectedProduct: number = -1;\n private readonly _initQuantity: number;\n\n constructor(initQuantity: number) {\n this._initQuantity = initQuantity;\n this._address = new Address();\n this.addNewProduct();\n }\n\n get address(): Address {\n return this._address;\n }\n\n set address(value: Address) {\n this._address = value;\n }\n\n get productionMode(): string {\n return this._productionMode;\n }\n\n set productionMode(value: string) {\n this._productionMode = value;\n }\n\n get deliveryMethod(): string {\n return this._deliveryMethod;\n }\n\n set deliveryMethod(value: string) {\n this._deliveryMethod = value;\n }\n\n get note(): string {\n return this._note;\n }\n\n set note(value: string) {\n this._note = value;\n }\n\n get paymentType(): string {\n return this._paymentType;\n }\n\n set paymentType(value: string) {\n this._paymentType = value;\n }\n\n public getOrderProduct(): OrderProduct {\n return this._orderProducts[this._selectedProduct];\n }\n\n public setOrderProduct(value: OrderProduct) {\n this._orderProducts[this._selectedProduct] = value;\n }\n\n get addedDate() {\n return this._addedDate;\n }\n\n get completionDate() {\n return this._completionDate;\n }\n\n set addedDate(date: string) {\n this._addedDate = date;\n }\n\n set completionDate(date: string) {\n this._completionDate = date;\n }\n\n get status(): string {\n return this._status;\n }\n\n set status(value: string) {\n this._status = value;\n }\n\n toJSON() {\n let orderProducts = [];\n this._orderProducts.forEach((orderProduct: OrderProduct) => {\n orderProducts.push(orderProduct.toJSON());\n })\n return {\n address: this.address.toJSON(),\n productionMode: this.productionMode,\n deliveryMethod: this.deliveryMethod,\n note: this.note,\n paymentType: this.paymentType,\n orderProducts: [orderProducts]\n }\n }\n\n addNewProduct() {\n this._selectedProduct++;\n this._orderProducts[this._selectedProduct] = new OrderProduct(this._initQuantity);\n }\n\n getOrderProducts(): OrderProduct[] {\n return this._orderProducts;\n }\n\n selectProduct(i: number): void {\n this._selectedProduct = i;\n }\n\n removeProduct(i: number) {\n if (this._selectedProduct >= i) {\n this._selectedProduct = this._selectedProduct - 1;\n }\n this._orderProducts = this._orderProducts.splice(i-1, 1);\n this.selectProduct(this._selectedProduct);\n }\n}\n\n","import {ColorRule} from \"../../app/model/color-rule\";\nimport {Converter} from \"../../app/utils/converter\";\nimport {PrintedLabelColors} from \"../../app/model/enum/printed-label-colors\";\n\nexport const PRINTED_WHITE_RULE = new ColorRule(Converter.toPickerColor(PrintedLabelColors.WHITE),\n [\n Converter.toPickerColor(PrintedLabelColors.GOLD),\n Converter.toPickerColor(PrintedLabelColors.BRONZE),\n Converter.toPickerColor(PrintedLabelColors.CYAN),\n Converter.toPickerColor(PrintedLabelColors.BLUE),\n Converter.toPickerColor(PrintedLabelColors.GREEN),\n Converter.toPickerColor(PrintedLabelColors.YELLOW),\n Converter.toPickerColor(PrintedLabelColors.PURPLE),\n Converter.toPickerColor(PrintedLabelColors.GRAY)\n ]);\n\nexport const PRINTED_RED_RULE = new ColorRule(Converter.toPickerColor(PrintedLabelColors.RED),\n [\n Converter.toPickerColor(PrintedLabelColors.GOLD),\n Converter.toPickerColor(PrintedLabelColors.BRONZE),\n Converter.toPickerColor(PrintedLabelColors.CYAN),\n Converter.toPickerColor(PrintedLabelColors.BLUE),\n Converter.toPickerColor(PrintedLabelColors.GREEN),\n Converter.toPickerColor(PrintedLabelColors.YELLOW),\n Converter.toPickerColor(PrintedLabelColors.PURPLE),\n Converter.toPickerColor(PrintedLabelColors.GRAY)\n ]);\n\nexport const PRINTED_CREAM_RULE = new ColorRule(Converter.toPickerColor(PrintedLabelColors.CREAM),\n [\n Converter.toPickerColor(PrintedLabelColors.GOLD),\n Converter.toPickerColor(PrintedLabelColors.BRONZE),\n Converter.toPickerColor(PrintedLabelColors.CYAN),\n Converter.toPickerColor(PrintedLabelColors.BLUE),\n Converter.toPickerColor(PrintedLabelColors.GREEN),\n Converter.toPickerColor(PrintedLabelColors.YELLOW),\n Converter.toPickerColor(PrintedLabelColors.PURPLE),\n Converter.toPickerColor(PrintedLabelColors.GRAY)\n ]);\n\nexport const PRINTED_BLACK_RULE = new ColorRule(Converter.toPickerColor(PrintedLabelColors.BLACK),\n [\n Converter.toPickerColor(PrintedLabelColors.GOLD),\n Converter.toPickerColor(PrintedLabelColors.SILVER),\n Converter.toPickerColor(PrintedLabelColors.GRAY),\n Converter.toPickerColor(PrintedLabelColors.WHITE),\n ]);\n\nexport const WEAVE_BLACK_RULE = new ColorRule(Converter.toPickerColor(PrintedLabelColors.BLACK),\n [\n Converter.toPickerColor(PrintedLabelColors.WHITE),\n Converter.toPickerColor(PrintedLabelColors.BLACK)\n ]);\n\nexport const WEAVE_WHITE_RULE = new ColorRule(Converter.toPickerColor(PrintedLabelColors.WHITE),\n [\n Converter.toPickerColor(PrintedLabelColors.WHITE),\n Converter.toPickerColor(PrintedLabelColors.BLACK)\n ]);\n","import {Injectable} from \"@angular/core\";\nimport {Observable, Subject, Subscription} from \"rxjs\";\nimport {HttpEvent} from \"@angular/common/http\";\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AjaxLoaderService {\n\n private _progress = new Subject\n \n \n \n \n
\n{{version}}
\n