\n
","import { Component, Input, HostBinding, OnChanges, SimpleChange, EventEmitter, Output } from '@angular/core';\nimport { isNil as _isNil } from 'lodash';\n\n@Component({\n selector: 'wep-avatar',\n templateUrl: './avatar.html',\n host: {'class': 'wep-avatar'},\n styleUrls: ['./avatar.scss'],\n})\n\nexport class AvatarComponent implements OnChanges {\n\n @Input()\n public src:string;\n\n @Input()\n public alt:string;\n\n @Input()\n public fallbackText:string = '';\n\n @Input()\n public maxTicks = 0;\n\n @Input()\n @HostBinding('style.width.px')\n @HostBinding('style.height.px')\n @HostBinding('style.minWidth.px')\n @HostBinding('style.minWidth.px')\n @HostBinding('style.lineHeight.px')\n public dimension:number = 35;\n\n @Input()\n public fontSize:number = null;\n\n @Input()\n public objectFitContain:boolean;\n\n public displayFallback:boolean = false; //Used as a flag and toggled in wep-image (error) emitter.\n\n @Input()\n public shouldDisplayFallback:boolean = true;\n\n @Output()\n public error:EventEmitter\n {{fallbackText}}\n
\n\n × \n
\n\n
\n\n {{ data.title }}\n
\n\n {{ data.text }}\n
\n \n {{data.closeText}} \n
\n 0\"\n #selectButton\n class=\"wep-select__button\"\n [ngClass]=\"{'wep-select__button--active' : displayBar, 'wep-select__button--disabled' : disabled}\"\n tabindex=\"0\"\n (click)=\"toggle()\"\n (keydown)=\"selectButtonKeydown($event)\"\n (focus)=\"onFocus()\"\n [attr.aria-label]=\"ariaLabel\">\n \n \n \n
\n\n 0\"\n #selectBar\n class=\"wep-select__bar\"\n [ngClass]=\"{'wep-select__bar--variant--line': isVariantLine }\"\n [@selectBarAnimation]=\"getAnimationState()\">\n \n
\n\n
","import { Component, AfterViewInit, ViewChild } from '@angular/core';\nimport { MatDatepicker } from '@angular/material/datepicker';\nimport { FormBuilder } from '@angular/forms';\nimport { AgGridCellEditorAbstractComponent, AgGridCellEditorParams } from '~/components/agGrid/cellEditors/abstract/abstract';\n\nexport interface AgGridCellEditorDateParams extends AgGridCellEditorParams {\n datepickerSettings?: {\n min:Date;\n };\n}\n\n@Component({\n selector: 'wep-ag-grid-cell-editor-datepicker',\n templateUrl: './datepicker.html',\n host: { 'class' : 'wep-ag-grid-cell-editor-datepicker' },\n styleUrls: ['./datepicker.scss']\n})\n\nexport class AgGridCellEditorDatePickerComponent extends AgGridCellEditorAbstractComponent implements AfterViewInit {\n\n @ViewChild('datePicker',{static: false})\n public datePicker:MatDatepicker{{formGroup.controls['cell'].value | amDateFormat:'YYYY-MM-DD'}}
\n ____-__-__
\n\n
\n\n","","import { Component } from '@angular/core';\n\nexport interface SocialLinksViewModel {\n link:string;\n iconClass:string;\n}\n\n@Component({\n selector: 'wep-page-tpl-footer',\n templateUrl: './footer.html',\n host: {'class': 'wep-page-tpl-footer'},\n styleUrls: ['./footer.scss']\n})\n\nexport class AdminPageTemplateFooterComponent {\n\n public socialLinks:SocialLinksViewModel[];\n\n public trackBySocialLink(socialLink:SocialLinksViewModel) : string {\n return socialLink.link;\n }\n\n constructor() {\n this.socialLinks = [];\n }\n}\n","import { BrandModel } from '~/models/brandModel';\nimport { ClipModel } from '~/models/clipModel';\nimport { MobModel } from '~/models/mobModel';\nimport { LineModel } from '~/models/lineModel';\nimport { BaleModel } from '~/models/baleModel';\nimport { SpecieModel } from '~/models/specieModel';\nimport { SettingsModel } from '~/models/settings/settingsModel';\nimport { filter as _filter,\n forEach as _forEach,\n find as _find,\n remove as _remove,\n findIndex as _findIndex,\n intersection as _intersection,\n flattenDeep as _flattenDeep,\n cloneDeep as _cloneDeep,\n concat as _conact } from 'lodash';\n\nexport class ESpeciPageRepository {\n\n //Current Brand and Clip\n public currentBrand:BrandModel;\n public currentClip:ClipModel;\n\n //Mobs, Bales, Lines and Species by Clip\n public mobs:MobModel[] = [];\n public bales:BaleModel[] = [];\n public lines:LineModel[] = [];\n public species:SpecieModel[] = [];\n\n constructor() {\n }\n\n /**\n * Sets the Brand localStorage value\n * @param brand\n */\n public setBrand(brand:BrandModel) : void {\n this.currentBrand = brand;\n }\n\n /**\n * Sets the Clip localStorage value\n * @param clip\n */\n public setClip(clip:ClipModel) : void {\n this.currentClip = clip;\n }\n\n /**\n * Sets the clip related items and its relationships\n * @param mobs\n * @param bales\n * @param lines\n * @param species\n */\n public setClipItems(mobs:MobModel[], bales:BaleModel[], lines:LineModel[], species:SpecieModel[]) {\n this.mobs = mobs;\n this.bales = bales;\n this.lines = lines;\n this.species = species;\n\n this.setRelationships();\n }\n\n /**\n * Sets the clip settings\n * @param binCodeSettings\n * @param woolDescriptionSettings\n */\n public setClipSettings(binCodeSettings:SettingsModel, woolDescriptionSettings:SettingsModel) {\n this.currentClip.setBinCodes(binCodeSettings.getValuesAsStringArray());\n this.currentClip.setWoolDescriptions(woolDescriptionSettings.getValuesAsStringArray());\n }\n\n /**\n * Retrieves the current brand\n * @returns {BrandModel}\n */\n public getCurrentBrand() : BrandModel {\n return this.currentBrand;\n }\n\n /**\n * Retrieves the current clip\n * @returns {ClipModel}\n */\n public getCurrentClip() : ClipModel {\n return this.currentClip;\n }\n\n public getMobs() : MobModel[] {\n return this.mobs;\n }\n\n public getBales() : BaleModel[] {\n return this.bales;\n }\n\n public getLines() : LineModel[] {\n return this.lines;\n }\n\n public getSpecies() : SpecieModel[] {\n return this.species;\n }\n\n public getSpecieById(specieId:number) : SpecieModel {\n return _find(this.species, (specie:SpecieModel) => {\n return specie.specieId === specieId;\n });\n }\n\n public getLineById(lineId:number) : LineModel {\n return _find(this.lines, (line:LineModel) => {\n return line.lineId === lineId;\n });\n }\n\n public getBaleById(baleId:number) : BaleModel {\n return _find(this.bales, (bale:BaleModel) => {\n return bale.baleId === baleId;\n });\n }\n\n public getMobById(mobId:number) : MobModel {\n return _find(this.mobs, (mob:MobModel) => {\n return mob.mobId === mobId;\n });\n }\n\n /**\n * Does the brand have a valid brand Id?\n */\n public isBrandNotEmpty() : boolean {\n return this.currentBrand && this.currentBrand.brandId !== 0;\n }\n\n /**\n * Does the clip have a valid brand Id?\n */\n public isClipNotEmpty() : boolean {\n return this.currentClip && this.currentClip.clipId !== 0;\n }\n\n private setRelationships() {\n\n //Set associated relationships\n this.setAssociatedLinesInSpecie();\n this.setAssociatedSpecieInLines();\n this.setAssociatedBalesInLines();\n this.setAssociatedLineInBales();\n this.setAssociatedMobsInBales();\n this.setAssociatedBalesInMobs();\n\n //@TODO a temporary loop to update the specie submitted states. This will be implemented by the API onload.\n _forEach(this.species, (specie:SpecieModel) => {\n this.updateSpecieIsSubmitted(specie);\n });\n }\n\n /**\n * Sets the associated line in the specie\n */\n private setAssociatedLinesInSpecie() : void {\n _forEach(this.species, (specie:SpecieModel) => {\n specie.lines = _filter(this.lines, (line:LineModel) => {\n return specie.specieId === line.specieID;\n });\n });\n }\n\n private setAssociatedSpecieInLines() : void {\n _forEach(this.lines, (line:LineModel) => {\n line.specie = _find(this.species, (specie:SpecieModel) => {\n return line.specieID === specie.specieId;\n });\n });\n }\n\n /**\n * Sets all the associated bales in all lines\n */\n private setAssociatedBalesInLines() : void {\n _forEach(this.lines, (line:LineModel) => {\n line.bales = _filter(this.bales, (bale:BaleModel) => {\n return bale.lineID === line.lineId;\n });\n });\n }\n\n /**\n * Sets the associated line for each bale\n */\n private setAssociatedLineInBales() : void {\n _forEach(this.bales, (bale:BaleModel) => {\n bale.line = _find(this.lines, (line:LineModel) => {\n return bale.lineID === line.lineId;\n });\n });\n }\n\n /**\n * Sets all the associated mobs in all bales\n */\n private setAssociatedMobsInBales() : void {\n _forEach(this.bales, (bale:BaleModel) => {\n _forEach(bale.mobIDs, (mobId:number) => {\n _forEach(this.mobs, (mob:MobModel) => {\n if(mobId === mob.mobId) {\n bale.mobs.push(mob);\n }\n });\n });\n });\n }\n\n /**\n * Sets all the associated bales for each mob\n */\n private setAssociatedBalesInMobs() : void {\n _forEach(this.mobs, (mob:MobModel) => {\n _forEach(mob.baleIDs, (baleId:number) => {\n _forEach(this.bales, (bale:BaleModel) => {\n if(baleId === bale.baleId) {\n mob.bales.push(bale);\n }\n });\n });\n });\n }\n\n public addMob(mob:MobModel) : void {\n this.mobs.push(mob);\n }\n\n public updateMob(updatedMob:MobModel) : void {\n let index = _findIndex(this.mobs, (mob:MobModel) => {\n return mob.mobId === updatedMob.mobId;\n });\n\n //Assign the new mob\n this.mobs[index] = updatedMob;\n\n this.updateMobRelationships(updatedMob);\n }\n\n private updateMobRelationships(updatedMob:MobModel) : void {\n _forEach(this.bales, (bale) => {\n let mobIndex = _findIndex(bale.mobs, (mob:MobModel) => {\n return mob.mobId === updatedMob.mobId;\n });\n //Assign mob to the bale\n bale.mobs[mobIndex] = updatedMob;\n });\n }\n\n public hasMobInItems(selectedMob:MobModel) : boolean {\n return (!!_find(this.bales, (bale:BaleModel) => {\n return (!!_find(bale.mobs, (mob:MobModel) => {\n return mob.mobId === selectedMob.mobId;\n }));\n }));\n }\n\n public deleteMob(mobToDelete:MobModel) {\n _remove(this.mobs, (mob: MobModel) => {\n return mob.mobId === mobToDelete.mobId;\n });\n }\n\n public addBale(bale:BaleModel) : void {\n this.bales.push(bale);\n }\n\n public updateBale(updatedBale:BaleModel) : void {\n let index = _findIndex(this.bales, (bale:BaleModel) => {\n return bale.baleId === updatedBale.baleId;\n });\n\n //Assign the new bale\n this.bales[index] = updatedBale;\n\n this.updateBaleRelationships(updatedBale);\n }\n\n public hasBaleInItems(selectedBale:BaleModel) : boolean {\n let baleInLines:boolean = (!!_find(this.lines, (line:LineModel) => {\n return (!!_find(line.bales, (bale:BaleModel) => {\n return bale.baleId === selectedBale.baleId;\n }));\n }));\n\n let baleInMobs:boolean = (!!_find(this.mobs, (mob:MobModel) => {\n return (!!_find(mob.bales, (bale:BaleModel) => {\n return bale.baleId === selectedBale.baleId;\n }));\n }));\n\n return baleInLines || baleInMobs;\n }\n\n public deleteBale(baleToDelete:BaleModel) : void {\n _remove(this.bales, (bale: BaleModel) => {\n return bale.baleId === baleToDelete.baleId;\n });\n }\n\n private updateBaleRelationships(updatedBale:BaleModel) : void {\n updatedBale.mobs = [];\n\n //Set the associated mobs to this bale\n _forEach(updatedBale.mobIDs, (mobId:number) => {\n _forEach(this.mobs, (mob:MobModel) => {\n if(mobId === mob.mobId) {\n updatedBale.mobs.push(mob);\n }\n });\n });\n\n //Set this bale for each line that contains it\n _forEach(this.lines, (line:LineModel) => {\n _forEach(line.bales, (baleInLine:BaleModel, index) => {\n if(baleInLine.baleId === updatedBale.baleId) {\n line.bales[index] = updatedBale;\n }\n });\n });\n\n //Set this bale to contain the line associated to it\n updatedBale.line = _find(this.lines, (line:LineModel) => {\n return updatedBale.lineID === line.lineId;\n });\n\n //Update each mob in relation to this bale\n _forEach(this.mobs, (mob:MobModel) => {\n\n //Check if mob exists in the updated bale\n let foundMobInUpdatedBale = _find(updatedBale.mobs, (mobInBale) => {\n return mob.mobId === mobInBale.mobId;\n });\n\n //If the mob does not exist in the updated bale,\n //remove the reference of the bale from this mob\n if(!foundMobInUpdatedBale) {\n _remove(mob.bales, (baleInMob:BaleModel) => {\n return baleInMob.baleId === updatedBale.baleId;\n });\n }\n //Add the bale reference to this mob\n else {\n let foundBaleInMobIndex = _findIndex(mob.bales, (baleInMob:BaleModel) => {\n return baleInMob.baleId === updatedBale.baleId;\n });\n\n if(foundBaleInMobIndex === -1) {\n //Push a bale to the mob\n mob.bales.push(updatedBale);\n }\n else {\n //Update the bale value for this mob\n mob.bales[foundBaleInMobIndex] = updatedBale;\n }\n }\n });\n }\n\n public addLine(line:LineModel) : void {\n this.lines.push(line);\n }\n\n public updateLine(updatedLine:LineModel, updatedBales:BaleModel[]) : void {\n let index = _findIndex(this.lines, (line:LineModel) => {\n return line.lineId === updatedLine.lineId;\n });\n\n //Assign the new line\n this.lines[index] = updatedLine;\n\n this.updateLineRelationships(updatedLine, updatedBales);\n }\n\n private updateLineRelationships(newLine:LineModel, updatedBales:BaleModel[]) : void {\n\n //Empty the bales in this line\n newLine.bales = [];\n\n //Remove LineID’s and Line from each bale\n _forEach(this.bales, (bale:BaleModel) => {\n if(bale.lineID === newLine.lineId) {\n bale.lineID = null;\n bale.line = null;\n }\n });\n\n //Remove inactive Bales from lines\n _forEach(this.lines, (line:LineModel) => {\n _forEach(updatedBales, (updatedBale:BaleModel) => {\n _remove(line.bales, (baleInLine:BaleModel) => {\n return (baleInLine.baleId === updatedBale.baleId && (!updatedBale.lineID));\n });\n });\n });\n\n //Add LineID’s and Line to each bale\n _forEach(this.bales, (bale:BaleModel) => {\n _forEach(updatedBales, (updatedBale:BaleModel) => {\n if((bale.baleId === updatedBale.baleId) &&\n updatedBale.lineID === newLine.lineId) {\n bale.lineID = updatedBale.lineID;\n bale.line = newLine;\n newLine.bales.push(bale);\n }\n });\n });\n\n //Set this line for each specie that contains it\n _forEach(this.species, (specie:SpecieModel) => {\n _forEach(specie.lines, (lineinSpecie:LineModel, index) => {\n if(lineinSpecie.lineId === newLine.lineId) {\n specie.lines[index] = newLine;\n }\n });\n });\n\n //Set this line to retain its specie value\n _forEach(this.species, (specie:SpecieModel) => {\n if(specie.specieId === newLine.specieID) {\n newLine.specie = specie;\n }\n });\n }\n\n public hasLineInItems(selectedLine:LineModel) : boolean {\n let lineInSpecies:boolean = (!!_find(this.species, (specie:SpecieModel) => {\n return (!!_find(specie.lines, (line:LineModel) => {\n return line.lineId === selectedLine.lineId;\n }));\n }));\n\n let lineInBales:boolean = (!!_find(this.bales, (bale:BaleModel) => {\n return bale.line && bale.line.lineId === selectedLine.lineId;\n }));\n\n return lineInSpecies || lineInBales;\n }\n\n public deleteLine(lineToDelete:LineModel) : void {\n _remove(this.lines, (line: LineModel) => {\n return line.lineId === lineToDelete.lineId;\n });\n }\n\n public addSpecie(specie:SpecieModel) {\n this.species.push(specie);\n }\n\n public updateSpecie(updatedSpecie:SpecieModel, updatedLines?:LineModel[]) : void {\n let index = _findIndex(this.species, (specie:SpecieModel) => {\n return specie.specieId === updatedSpecie.specieId;\n });\n\n //Assign the new specie\n this.species[index] = updatedSpecie;\n\n if(updatedLines) {\n this.updateSpecieRelationships(updatedSpecie, updatedLines);\n }\n }\n\n private updateSpecieRelationships(specie:SpecieModel, updatedLines:LineModel[]) : void {\n //Empty the lines in this specie\n specie.lines = [];\n\n //Remove SpecieID’s and Specie from each line\n _forEach(this.lines, (line:LineModel) => {\n if(line.specieID === specie.specieId) {\n line.specieID = null;\n line.specie = null;\n }\n });\n\n //Remove inactive Lines from Specie\n _forEach(this.species, (specie:SpecieModel) => {\n _forEach(updatedLines, (updatedLine:LineModel) => {\n _remove(specie.lines, (lineInSpecie:LineModel) => {\n return (lineInSpecie.lineId === updatedLine.lineId && (!updatedLine.specieID));\n });\n });\n });\n\n //Add SpecieID’s and Specie to each line\n _forEach(this.lines, (line:LineModel) => {\n _forEach(updatedLines, (updatedLine:LineModel) => {\n if((line.lineId === updatedLine.lineId) &&\n updatedLine.specieID === specie.specieId) {\n line.specieID = updatedLine.specieID;\n line.specie = specie;\n specie.lines.push(line);\n }\n });\n });\n }\n\n /**\n * Updates the specie is submitted value\n * @param {SpecieModel}\n */\n public updateSpecieIsSubmitted(specie:SpecieModel) : void {\n _forEach(specie.lines, (line:LineModel) => {\n line.isSubmitted = specie.isSubmitted;\n\n _forEach(line.bales, (bale:BaleModel) => {\n bale.isSubmitted = specie.isSubmitted;\n });\n });\n\n let baleIds = _flattenDeep(specie.lines.map(x=> x.bales.map(b=> b.baleId)));\n if(baleIds.length > 0) {\n let updateMobs:MobModel[] = [];\n _forEach(this.mobs , (mob:MobModel) => {\n if((_intersection(baleIds,mob.bales.map(x=>x.baleId))).length > 0) {\n mob.isSubmitted = true;\n updateMobs.push(mob);\n }\n });\n if(updateMobs.length > 0) {\n updateMobs = _conact(updateMobs,\n _filter(this.mobs, (m:MobModel) =>{\n return _findIndex(updateMobs,(mob:MobModel) => { return mob.mobId === m.mobId; }) < 0;\n })\n );\n this.mobs = updateMobs.map(m => new MobModel(m));\n }\n }\n }\n\n public hasSpecieInItems(selectedSpecie:SpecieModel) : boolean {\n return (!!_find(this.lines, (line:LineModel) => {\n return line.specie && line.specie.specieId === selectedSpecie.specieId;\n }));\n }\n\n public deleteSpecie(specieToDelete:SpecieModel) : void {\n _remove(this.species, (specie: SpecieModel) => {\n return specie.specieId === specieToDelete.specieId;\n });\n }\n}\n","import { Component, ChangeDetectorRef } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { BrandModel } from '~/models/brandModel';\nimport { ClipModel } from '~/models/clipModel';\nimport { MobModel } from '~/models/mobModel';\nimport { LineModel } from '~/models/lineModel';\nimport { SessionService } from '~/services/storage/session/sessionService';\nimport { BaleModel } from '~/models/baleModel';\nimport { ESpeciPageService } from './services/especiService';\nimport { ESpeciPageRepository } from './repository/eSpeciRepository';\nimport { SpecieModel } from '~/models/specieModel';\nimport { ResponseModel, ResponseModelCode } from '~/models/responseModel';\nimport { SettingsModel } from '~/models/settings/settingsModel';\nimport { ESpeciRouteValues } from './resolve/especiResolve';\nimport { BrandService } from '~/services/api/web/brand/brandService';\nimport { ClipService } from '~/services/api/web/clip/clipService';\nimport { AdminTemplateComponent } from '~/templates/admin/admin';\nimport { forkJoin, Subscription } from 'rxjs';\nimport { trigger, state, style, animate, transition } from '@angular/animations';\nimport { IntegrationService } from '~/services/api/web/integration/integrationService';\nimport { WoolClipModel } from '~/models/woolClipModel';\nimport { SnackBarService } from '~/components/snackBar/services/snackBarService';\nimport { AdminTemplateService } from '~/templates/admin/services/adminTemplateService';\nimport { EntityModel } from '~/models/entityModel';\n\nexport enum ESpeciViewState {\n SetupBrandView,\n SetupClipView,\n SpecieView\n}\n\nenum ESpeciTabsView {\n Overview,\n Mobs,\n Bales,\n Lines,\n Species\n}\n\nenum ESpeciStorageKeyNames {\n BrandId = 'app.pages.admin.especi.brandId',\n ClipId = 'app.pages.admin.especi.clipId',\n SpecieId = 'app.pages.admin.especi.specieId',\n LineId = 'app.pages.admin.especi.lineId',\n BaleId = 'app.pages.admin.especi.baleId',\n MobId = 'app.pages.admin.especi.mobId',\n TabIndex = 'app.pages.admin.especi.TabIndex',\n}\n\n@Component({\n templateUrl: './especi.html',\n host: {'class': 'page page--especi'},\n styleUrls: ['./especi.scss'],\n animations: [\n trigger('animate', [\n state('active', style({\n position: 'relative',\n transform: 'translate3d(0, 0, 0)'\n })),\n state('inactiveLeft', style({\n position: 'absolute',\n transform: 'translate3d(-100%, 0, 0)'\n })),\n state('inactiveRight', style({\n position: 'absolute',\n transform: 'translate3d(100%, 0, 0)'\n })),\n transition('* => active', animate('500ms ease-in-out')),\n transition('active => *', animate('500ms ease-in-out')),\n ])\n ]\n})\n\nexport class ESpeciPageComponent {\n\n //Tab animation for outer tab\n public tabAnimationString:string[] = [];\n\n //Active tab for inner especi tab\n public activeTabIndex = null;\n\n //Session services\n private sessionService:SessionService;\n\n //Services\n private eSpeciService:ESpeciPageService;\n private brandService:BrandService;\n private integrationService:IntegrationService;\n private clipService:ClipService;\n private snackbarService:SnackBarService;\n\n //Repository\n public eSpeciRepository:ESpeciPageRepository;\n\n //ESpeci View State, whether setting up brand, clip or already on the specie page\n public ESpeciViewState: typeof ESpeciViewState = ESpeciViewState;\n public eSpeciViewState:ESpeciViewState;\n\n public currentBrand:BrandModel = null;\n public currentClip:ClipModel = null;\n\n public selectedSpecie:SpecieModel;\n public selectedLine:LineModel;\n public selectedBale:BaleModel;\n public selectedMob:MobModel;\n public clipItemsLoaded:boolean;\n\n public iconClipPath:string;\n public iconMobPath:string;\n public iconWoolBookPath:string;\n public iconLinePath:string;\n public iconSignPath:string;\n //public woolClipLinking:WoolClipModel;\n\n public selectedEntity: EntityModel;\n\n private changeDetectorRef:ChangeDetectorRef;\n private adminTemplateSelectedEntitySubscription: Subscription;\n private adminTemplateService: AdminTemplateService;\n private router: Router;\n\n\n constructor(eSpecieService:ESpeciPageService,\n sessionService:SessionService,\n brandService:BrandService,\n clipService:ClipService,\n router:Router,\n adminTemplateService: AdminTemplateService,\n activatedRoute: ActivatedRoute,\n changeDetectorRef:ChangeDetectorRef,\n integrationService:IntegrationService,\n snackbarService:SnackBarService) {\n\n this.sessionService = sessionService;\n this.brandService = brandService;\n this.clipService = clipService;\n this.eSpeciService = eSpecieService;\n this.adminTemplateService = adminTemplateService;\n this.changeDetectorRef = changeDetectorRef;\n this.integrationService = integrationService;\n this.snackbarService = snackbarService;\n this.router = router;\n\n this.adminTemplateSelectedEntitySubscription = this.adminTemplateService.getSelectedEntity().subscribe((entity: EntityModel) => {\n this.selectedEntity = entity;\n });\n\n this.loadTabIcons();\n\n if(this.router.url === '/dashboard/especi/new') {\n this.clearLocalValues();\n document.getElementById(AdminTemplateComponent.scrollContainerId).scrollTop = 0;\n this.router.navigate(['admin/especi']);\n }\n else if(this.router.url === '/dashboard/especi/overview') {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Overview);\n this.router.navigate(['admin/especi']);\n }\n else if(this.router.url === '/dashboard/especi/mobs') {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Mobs);\n this.router.navigate(['admin/especi']);\n }\n else if(this.router.url === '/dashboard/especi/bales') {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Bales);\n this.router.navigate(['admin/especi']);\n }\n else if(this.router.url === '/dashboard/especi/lines') {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Lines);\n this.router.navigate(['admin/especi']);\n }\n else if(this.router.url === '/dashboard/especi/specis') {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Species);\n this.router.navigate(['admin/especi']);\n }\n else {\n //Routing for individual items. examine especiResolve.ts\n let routeResolve = activatedRoute.snapshot.data['routeValues'];\n\n if(routeResolve) {\n routeResolve.subscribe((routeValues:ESpeciRouteValues) => {\n //Values from resolve\n if(routeValues) {\n //Store selected values to sessions storage\n this.sessionService.setNumber(ESpeciStorageKeyNames.BrandId, routeValues.brand.brandId);\n this.sessionService.setNumber(ESpeciStorageKeyNames.ClipId, routeValues.clip.clipId);\n\n if(routeValues.specie) {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Species);\n this.sessionService.setNumber(ESpeciStorageKeyNames.SpecieId, routeValues.specie.specieId);\n }\n else if(routeValues.line) {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Lines);\n this.sessionService.setNumber(ESpeciStorageKeyNames.LineId, routeValues.line.lineId);\n }\n else if(routeValues.bale) {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Bales);\n this.sessionService.setNumber(ESpeciStorageKeyNames.BaleId, routeValues.bale.baleId);\n }\n else if(routeValues.mob) {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Mobs);\n this.sessionService.setNumber(ESpeciStorageKeyNames.MobId, routeValues.mob.mobId);\n }\n else {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Overview);\n }\n }\n else {\n this.clearLocalValues();\n }\n\n //Redirect to especi\n router.navigate(['admin/especi']);\n });\n }\n else {\n let localBrandId:number = this.sessionService.getNumber(ESpeciStorageKeyNames.BrandId);\n let localClipId:number = this.sessionService.getNumber(ESpeciStorageKeyNames.ClipId);\n\n\n if(localBrandId && localClipId) {\n let brandService = this.brandService.getBrandById(localBrandId);\n let clipService = this.clipService.getClipById(localClipId);\n\n //Load Brand and Clip before going to the specie view state\n forkJoin([brandService, clipService]).subscribe((results:ResponseModel[]) => {\n let brandResult:ResponseModel = results[0];\n let clipResult:ResponseModel = results[1];\n\n if(brandResult.code === ResponseModelCode.Error || clipResult.code === ResponseModelCode.Error) {\n this.currentClip = null;\n this.currentBrand = null;\n this.displaySetupBrandView();\n return;\n }\n\n this.currentBrand = brandResult.data;\n //this.getWoolClipLinkingCode();\n this.currentClip = clipResult.data;\n\n let localTabIndex = this.sessionService.getNumber(ESpeciStorageKeyNames.TabIndex);\n\n this.activeTabIndex = localTabIndex ? localTabIndex : ESpeciTabsView.Overview;\n\n this.eSpeciRepository = new ESpeciPageRepository();\n this.eSpeciRepository.setBrand(this.currentBrand);\n this.eSpeciRepository.setClip(this.currentClip);\n\n //Is there a brand and clip already set?\n if(this.eSpeciRepository.isClipNotEmpty() && this.eSpeciRepository.isBrandNotEmpty()) {\n this.eSpeciViewState = ESpeciViewState.SpecieView;\n this.tabAnimationString = ['inactiveLeft', 'active'];\n this.setClipItems();\n }\n });\n }\n else if(localBrandId) {\n this.brandService.getBrandById(localBrandId).subscribe((response:ResponseModel) => {\n if(response.code === ResponseModelCode.Ok) {\n this.currentBrand = response.data;\n //this.getWoolClipLinkingCode();\n }\n else if(response.code === ResponseModelCode.Error) {\n this.currentBrand = null;\n }\n\n this.eSpeciRepository = new ESpeciPageRepository();\n this.eSpeciRepository.setBrand(this.currentBrand);\n //Is there a brand set?\n if(this.eSpeciRepository.isBrandNotEmpty()) {\n this.eSpeciViewState = ESpeciViewState.SetupClipView;\n this.tabAnimationString = ['active', 'inactiveRight'];\n }\n });\n }\n else {\n this.eSpeciRepository = new ESpeciPageRepository();\n this.eSpeciViewState = ESpeciViewState.SetupBrandView;\n this.tabAnimationString = ['active', 'inactiveRight'];\n }\n }\n }\n }\n\n public onConnectToWoolClipClicked(): void {\n if(this.selectedEntity && this.selectedEntity.entityId) { \n this.router.navigate(['/dashboard/business/' + this.selectedEntity.entityId ], { queryParams: { tab : 'Brands/Users'}});\n } else { \n this.router.navigate([`/admin/business`]);\n }\n }\n\n /**\n * Loads the tab icons\n */\n private loadTabIcons() : void {\n this.iconClipPath = require('~/assets/images/templates/admin/tabIcons/icon-clip.svg');\n this.iconMobPath = require('~/assets/images/templates/admin/tabIcons/icon-mob.svg');\n this.iconWoolBookPath = require('~/assets/images/templates/admin/tabIcons/icon-woolbook.svg');\n this.iconLinePath = require('~/assets/images/templates/admin/tabIcons/icon-line.svg');\n this.iconSignPath = require('~/assets/images/templates/admin/tabIcons/icon-sign.svg');\n }\n\n /**\n * Set the clip related items\n */\n private setClipItems() : void {\n this.clipItemsLoaded = false;\n this.eSpeciService.getESpeciClipData(this.eSpeciRepository.getCurrentClip()).subscribe((results:ResponseModel[]) => {\n\n let mobResult:ResponseModel = results[0];\n let baleResult:ResponseModel = results[1];\n let lineResult:ResponseModel = results[2];\n let specieResult:ResponseModel = results[3];\n let woolDescriptionResult:ResponseModel = results[4];\n let binCodeResult:ResponseModel = results[5];\n this.clipItemsLoaded = true;\n\n if (mobResult.code === ResponseModelCode.Ok &&\n baleResult.code === ResponseModelCode.Ok &&\n lineResult.code === ResponseModelCode.Ok &&\n specieResult.code === ResponseModelCode.Ok &&\n woolDescriptionResult.code === ResponseModelCode.Ok &&\n binCodeResult.code === ResponseModelCode.Ok) {\n\n let mobs:MobModel[] = mobResult.data;\n let bales:BaleModel[] = baleResult.data;\n let lines:LineModel[] = lineResult.data;\n let species:SpecieModel[] = specieResult.data;\n let woolDescriptionSettings:SettingsModel = woolDescriptionResult.data;\n let binCodeSettings:SettingsModel = binCodeResult.data;\n\n this.eSpeciRepository.setClipItems(mobs, bales, lines, species);\n this.eSpeciRepository.setClipSettings(binCodeSettings, woolDescriptionSettings);\n\n let specieId:number = this.sessionService.getNumber(ESpeciStorageKeyNames.SpecieId);\n let lineId:number = this.sessionService.getNumber(ESpeciStorageKeyNames.LineId);\n let baleId:number = this.sessionService.getNumber(ESpeciStorageKeyNames.BaleId);\n let mobId:number = this.sessionService.getNumber(ESpeciStorageKeyNames.MobId);\n\n if(specieId) {\n this.selectedSpecie = this.eSpeciRepository.getSpecieById(specieId);\n }\n else if(lineId) {\n this.selectedLine = this.eSpeciRepository.getLineById(lineId);\n }\n else if(baleId) {\n this.selectedBale = this.eSpeciRepository.getBaleById(baleId);\n }\n else if(mobId) {\n this.selectedMob = this.eSpeciRepository.getMobById(mobId);\n }\n\n this.sessionService.remove(ESpeciStorageKeyNames.SpecieId);\n this.sessionService.remove(ESpeciStorageKeyNames.LineId);\n this.sessionService.remove(ESpeciStorageKeyNames.BaleId);\n this.sessionService.remove(ESpeciStorageKeyNames.MobId);\n\n this.changeDetectorRef.detectChanges();\n }\n });\n }\n\n\n public clipDisabled(): void {\n this.displaySetupBrandView();\n }\n\n /**\n * Displays the setup brand view screen\n */\n public displaySetupBrandView() : void {\n //Empty out the clip\n if(this.eSpeciRepository) {\n this.eSpeciRepository.setClip(new ClipModel({ clipId: 0}));\n }\n this.eSpeciViewState = ESpeciViewState.SetupBrandView;\n this.tabAnimationString = ['active', 'inactiveRight'];\n this.clearLocalValues();\n\n setTimeout(() => {\n this.deselectSelectedValues();\n }, 500);\n }\n\n /**\n * Displays the setup clip viewScreen\n */\n public displaySetupClipView() {\n //Empty out the clip\n if(this.eSpeciRepository) {\n this.eSpeciRepository.setClip(new ClipModel({ clipId: 0}));\n }\n this.eSpeciViewState = ESpeciViewState.SetupClipView;\n this.tabAnimationString = ['active', 'inactiveRight'];\n\n // Remove tabindex and clip id only!\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Overview);\n this.sessionService.remove(ESpeciStorageKeyNames.ClipId);\n\n setTimeout(() => {\n this.deselectSelectedValues();\n }, 500);\n }\n\n /**\n * Uses the brand that is selected in the brand dropdown for the select brand\n * This is used to display an unclaimed brand message in the especi page\n * @param {} brand\n */\n public brandSelectingEvent(brand:BrandModel) : void {\n this.currentBrand = brand;\n //this.getWoolClipLinkingCode();\n }\n\n /**\n * Grabs the current brand selected and goes to the clip view state\n * @param brand\n */\n public brandSelectedEvent(brand:BrandModel) : void {\n this.currentBrand = brand;\n //this.getWoolClipLinkingCode();\n this.sessionService.setNumber(ESpeciStorageKeyNames.BrandId, brand.brandId);\n this.eSpeciViewState = ESpeciViewState.SetupClipView;\n }\n\n /**\n * Grabs the current brand selected and goes to the specie view state\n * @param clip\n */\n public clipSelectedEvent(clip:ClipModel) : void {\n this.currentClip = clip;\n this.sessionService.setNumber(ESpeciStorageKeyNames.ClipId, clip.clipId);\n\n this.tabAnimationString = ['inactiveLeft', 'active'];\n setTimeout(() => {\n this.eSpeciViewState = ESpeciViewState.SpecieView;\n }, 500);\n\n this.setClipItems();\n this.activeTabIndex = ESpeciTabsView.Overview; //Go to Overview\n }\n\n public currentBrandEvent(brand:BrandModel) : void {\n this.currentBrand = brand;\n //this.getWoolClipLinkingCode();\n this.sessionService.setNumber(ESpeciStorageKeyNames.BrandId, brand.brandId);\n }\n\n /**\n * Updates the clip\n * @param clip\n */\n public currentClipEvent(clip:ClipModel) : void {\n this.currentClip = clip;\n this.sessionService.setNumber(ESpeciStorageKeyNames.ClipId, clip.clipId);\n }\n\n /**\n * Goes to the Mob View\n * @param currentMob\n */\n public goToMobsTab() : void {\n this.activeTabIndex = ESpeciTabsView.Mobs;\n }\n\n /**\n * Grabs a bale from a child view and goes to the bale tab\n * @param currentLine\n */\n public goToBalesTab() : void {\n this.activeTabIndex = ESpeciTabsView.Bales;\n }\n\n /**\n * Grabs a line from a child view and goes to the line tab\n * @param currentLine\n */\n public goToLinesTab() : void {\n this.activeTabIndex = ESpeciTabsView.Lines;\n }\n\n /**\n * Grabs a specie from a child view and goes to the specie tab\n */\n public goToSpeciesTab() : void {\n this.activeTabIndex = ESpeciTabsView.Species;\n }\n\n /**\n * Sets the selected mob\n * @param mob\n */\n public setSelectedMobEvent(mob: MobModel) : void {\n this.selectedMob = mob;\n this.changeDetectorRef.detectChanges();\n }\n\n /**\n * Sets the selected bale\n * @param bale\n */\n public setSelectedBaleEvent(bale: BaleModel) : void {\n this.selectedBale = bale;\n this.changeDetectorRef.detectChanges();\n }\n\n /**\n * Sets the selected line\n * @param line\n */\n public setSelectedLineEvent(line: LineModel) : void {\n this.selectedLine = line;\n this.changeDetectorRef.detectChanges();\n }\n\n /**\n * Sets the selected specie\n * @param specie\n */\n public setSelectedSpecieEvent(specie: SpecieModel) : void {\n this.selectedSpecie = specie;\n this.changeDetectorRef.detectChanges();\n }\n\n /**\n * Deselects the selected line\n */\n public deselectBaleEvent() : void {\n this.selectedBale = null;\n this.changeDetectorRef.detectChanges();\n this.scrollToTop();\n }\n\n /**\n * Deselects the selected mob\n */\n public deselectMobEvent() : void {\n this.selectedMob = null;\n this.changeDetectorRef.detectChanges();\n this.scrollToTop();\n }\n\n /**\n * Deselects the selected line\n */\n public deselectLineEvent() : void {\n this.selectedLine = null;\n this.changeDetectorRef.detectChanges();\n this.scrollToTop();\n }\n\n /**\n * Deselects the selected specie\n */\n public deselectSpecieEvent() : void {\n this.selectedSpecie = null;\n this.changeDetectorRef.detectChanges();\n this.scrollToTop();\n }\n\n /**\n * Sets the active tab for the especi page\n * @param activeTabIndex\n */\n public activeTabIndexEvent(activeTabIndex:number) : void {\n if(this.activeTabIndex !== null) {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, activeTabIndex);\n }\n\n if(this.clipItemsLoaded) {\n this.deselectSelectedValues();\n }\n }\n\n public deselectSelectedValues() : void {\n //Deselect values\n this.deselectBaleEvent();\n this.deselectLineEvent();\n this.deselectSpecieEvent();\n this.deselectMobEvent();\n }\n\n // private getWoolClipLinkingCode(): void {\n // if(!this.currentBrand || (this.currentBrand.brandId || 0) < 1) {\n // return;\n // }\n\n // this.integrationService.getLinkingCode(this.currentBrand.brandId).subscribe((response:ResponseModel) => {\n // if(response.code === ResponseModelCode.Ok) {\n // this.woolClipLinking = response.data;\n \n // }\n // if (response.code === ResponseModelCode.Error) {\n // this.snackbarService.open('Error:' + response.errorMessage);\n // }\n // }, (_error) => {\n // this.snackbarService.open('Error: Could not generate linking code');\n // })\n // }\n\n /**\n * Clears the local storage values when the user wants to start a new especi.\n */\n private clearLocalValues() : void {\n this.sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Overview);\n this.sessionService.remove(ESpeciStorageKeyNames.BrandId);\n this.sessionService.remove(ESpeciStorageKeyNames.ClipId);\n }\n\n /**\n * Static version for clearing the session storage. Used from the auth service\n */\n public static clearLocalValues() : void {\n let sessionService = new SessionService();\n\n sessionService.setNumber(ESpeciStorageKeyNames.TabIndex, ESpeciTabsView.Overview);\n sessionService.remove(ESpeciStorageKeyNames.BrandId);\n sessionService.remove(ESpeciStorageKeyNames.ClipId);\n }\n\n private scrollToTop() : void {\n document.getElementById('page-tpl__main').scrollTop = 0;\n }\n}\n","\n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n
\n \n
\n \n
\n \n Connect to WoolClip \n
\n \n Go to WoolClip\n
\n\n Accounts are Linked \n
\n \n Go to WoolClip to complete your Speci\n
\n\n
","import { Component, Input } from '@angular/core';\n\n@Component({\n templateUrl: './woolClipInstruction.html',\n selector: 'wool-clip-instruction',\n host: {'class': 'wool-clip-instruction'},\n styleUrls: ['./woolClipInstruction.scss']\n})\n\nexport class WoolClipInstructionComponent {\n\n @Input()\n generic: boolean = false;\n \n}","import { Pipe, PipeTransform } from '@angular/core';\nimport { isNil as _isNil } from 'lodash';\n\n@Pipe({\n name: 'wepLimitTo',\n pure: true\n})\nexport class LimitToPipe implements PipeTransform {\n public transform(value: string, length: number) : string {\n let limit = length ? length : 10;\n let trail = '…';\n\n if(_isNil(value)) {\n return '';\n }\n\n if(value.length <= limit) {\n return value;\n }\n\n return value.substr(0, value.lastIndexOf(' ', length)) + trail;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { isNil as _isNil } from 'lodash';\n\n@Pipe({\n name: 'wepSpaceInCapitalLetters',\n pure: true\n})\nexport class SpaceInCapitalLettersPipe implements PipeTransform {\n public transform(value: string) : string {\n if(!_isNil(value)) {\n value = value.toString();\n value = value.replace(/([a-z])([A-Z])/g, '$1 $2');\n value = value.replace(/([A-Z])([A-Z][a-z])/g, '$1 $2');\n }\n\n return value;\n }\n}","import { Inject, Injectable, Injector, NgZone } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { HttpHeaders, HttpResponse, HttpErrorResponse } from '@angular/common/http';\nimport { HttpClientWrapper } from '~/services/api/httpClientWrapper';\nimport { ResponseModel, ResponseModelCode } from '~/models/responseModel';\nimport { CredentialModel } from '~/models/authentication/credentialModel';\nimport { ResetPasswordModel } from '~/models/authentication/resetPasswordModel';\nimport { ChangePasswordModel } from '~/models/changePasswordModel';\nimport { AuthTokenModel } from '~/models/authentication/authTokenModel';\nimport { AuthResponseErrorModel, AuthResponseErrorTypes } from '~/models/authentication/authResponseErrorModel';\nimport { Observable, of } from 'rxjs';\nimport { RefreshTokenModel } from '~/models/authentication/refreshTokenModel';\nimport { LocalService } from '~/services/storage/local/localService';\nimport { ESpeciPageComponent } from '~/pages/admin/especi/especi';\n\nimport * as moment from 'moment';\nimport { OKTA_AUTH } from '@okta/okta-angular';\nimport { OktaAuth } from '@okta/okta-auth-js';\n\nimport { BaseWebService } from '../web/base/baseWebService';\n\nexport enum AuthLocalStorageKeyNames {\n AuthToken = 'auth',\n LastLoggedIn = 'auth.lastLoggedIn',\n EntityGuid = 'auth.entityGuid'\n}\n\n@Injectable()\nexport class AuthService extends BaseWebService {\n\n public static readonly PATH:string = '/authentication';\n\n private localService: LocalService;\n private router:Router;\n private zone:NgZone;\n protected http:HttpClientWrapper;\n\n constructor(@Inject(OKTA_AUTH) public oktaAuth: OktaAuth,\n http:HttpClientWrapper, \n router:Router, \n localService:LocalService, \n zone:NgZone) {\n super(http)\n\n this.http = http;\n this.router = router;\n this.localService = localService;\n this.zone = zone;\n }\n\n /**\n * Sends change password request to web BE to be sent using Okta API key\n */\n public changePassword(changePassword:ChangePasswordModel) : Observable\n
\n\n How to link your AWTH and WoolClip accounts:\n
\n\n WoolClipTM is an online internet and mobile app that\n allows the user to create wool Specifications, Consignments and\n National Wool Declarations (NWDs). It uses a simple, intuitive\n workflow designed to reduce workload and errors.\n
\n\n To link your account to WoolClip, you must have a farm brand. You\n must also be registered on WoolClip.\n
\n- \n
- Press 'Get Code' to the right of the screen \n
- \n Copy the 6-digit code that is generated. Code will be live for 2\n hours.\n \n
- Go to WoolClip and enter your code into the platform. \n
- Click Link Accounts \n
- Done \n
- \n
- Go to your business profile \n
- Select the brand/users tab \n
- Select edit on the brand you wish to link to WoolClip \n
- Follow on page instructions. \n