\n
\n","import { Directive, ViewContainerRef } from '@angular/core';\n\n@Directive({\n selector: '[appContentManagementSwitch]'\n})\nexport class ContentManagementSwitchDirective {\n constructor(public viewContainerRef: ViewContainerRef) { }\n}\n","import { Observable, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\nimport { HttpClient } from '@angular/common/http';\nimport { Directive, forwardRef, Input } from '@angular/core';\nimport { AbstractControl, NG_ASYNC_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\n\n@Directive({\n selector: '[appPageSlugValidator]',\n providers: [\n {\n provide: NG_ASYNC_VALIDATORS,\n useExisting: forwardRef(() => PageSlugValidatorDirective),\n multi: true\n }\n ]\n})\nexport class PageSlugValidatorDirective implements Validator {\n // input[0]: the base URL of validation requests\n // input[1]: existing page slug value\n @Input('appPageSlugValidator') input: [string, string];\n\n private readonly regex = new RegExp('^[a-z0-9]+[a-z0-9-]*$');\n\n constructor(\n private http: HttpClient\n) { }\n\n validate(control: AbstractControl): Observable\n Loading...\n
\n\n
\n\n
\n {{ title }}
\nGood {{ salutation }}, {{ account.name }}
\n Are you sure you want to abandon the changes to this charity?
\n\n
\n\n\n\n \n \n \n
\n \n \n
\n \n \n
\n\n Edit Slides\n {{ carousel.slides.length | number }}\n
\n\n
\n\n\n \n \n
\n\n \n \n \n \n Delete Slide\n \n
\n\n Slide {{ i + 1 | number }} — {{ slideTypeText(slide) }}
\n\n- \n
- \n \n {{ slideIntervalSeconds }} sec\n \n
- \n \n \n Yes\n \n \n No\n \n \n
- \n \n \n Yes\n \n \n No\n \n \n
- \n \n
- \n
- \n
\n - \n
- \n
- \n \n {{ slide.dynamicHeight ? 'Dynamic' : 'Fixed' }}\n \n
- \n \n \n \n
| Week Day | \nOpen | \nClose | \n\n | ||||
|---|---|---|---|---|---|---|---|
| \n | \n Closed | \nClosed | \n{{ hours.openTime | date:'shortTime' }} | \n{{ hours.closeTime | date:'shortTime' }} | \n\n | \n \n | \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n\n \n
\n\n\n Edit Columns\n {{ content.columns.length | number }}\n
\n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n
\n","import { Component, Input } from '@angular/core';\nimport { NewsRibbon } from '../../../models/website-management/news-ribbon';\n\n@Component({\n selector: 'app-news-ribbon-preview',\n templateUrl: './news-ribbon-preview.component.html',\n styleUrls: ['./news-ribbon-preview.component.scss']\n})\nexport class NewsRibbonPreviewComponent {\n @Input() content: NewsRibbon;\n}\n","\n \n \n \n
\n\n - \n
- \n \n {{ content.justifyContent }}\n \n
- \n \n
- \n \n
\n
\n \n \n
\n\n \n \n \n
\n","import { ServiceAlert } from 'src/app/models/website-management/service-alert';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'app-service-alert-preview',\n templateUrl: './service-alert-preview.component.html',\n styleUrls: ['./service-alert-preview.component.scss']\n})\nexport class ServiceAlertPreviewComponent {\n @Input() content: ServiceAlert;\n}\n","\n {{ content.summary }}\n
\n\n \n \n
\n","import { fromEvent, Subscription } from 'rxjs';\nimport { fileSelectRestrictions as restrictions } from 'src/app/models/website-management/file-select-restrictions';\nimport { imageLinkTypes as linkTypes, ImageLinkTypeValue } from 'src/app/models/website-management/image-link-type';\nimport { SingleImageSlide } from 'src/app/models/website-management/single-image-slide';\nimport { WebsiteComponent } from 'src/app/models/website-management/website-component';\nimport { WebsiteConfig } from 'src/app/models/website-management/website-config';\nimport { ContentManagementService } from 'src/app/services/website-management/content-management.service';\nimport { Component, Input, OnDestroy, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-single-image-slide-draft',\n templateUrl: './single-image-slide-draft.component.html',\n styleUrls: ['./single-image-slide-draft.component.scss']\n})\nexport class SingleImageSlideDraftComponent implements OnInit, OnDestroy {\n @Input() slide: SingleImageSlide;\n @Input() component: WebsiteComponent;\n @Input() websiteConfig: WebsiteConfig;\n @Input() largeImageWidth = 1140;\n @Input() largeImageHeight = 445;\n @Input() smallImageWidth = 540;\n @Input() smallImageHeight = 211;\n @Input() disabled: boolean;\n\n readonly fileSelectRestrictions = restrictions;\n readonly imageLinkTypes = linkTypes;\n\n previewDialogOpened = false;\n previewDialogTitle: string;\n previewDialogWidth: number;\n previewDialogImage: HTMLImageElement;\n\n imageLinkType: ImageLinkTypeValue;\n\n smallImage: HTMLImageElement;\n largeImage: HTMLImageElement;\n\n private smallImageSubscription: Subscription;\n private largeImageSubscription: Subscription;\n\n constructor(private contentManagement: ContentManagementService) { }\n\n ngOnInit(): void {\n this.imageLinkType = !this.slide.navigateUrl ? 'None' :\n this.slide.navigateTarget === '_blank' ? 'External' :\n 'Internal';\n\n if (this.slide.imageSrcSmall) {\n this.smallImageSubscription = this.contentManagement\n .getAsset(this.websiteConfig.id, this.component.componentId, this.slide.imageSrcSmall)\n .subscribe(src => {\n const image = new Image();\n fromEvent(image, 'load').subscribe(() => this.smallImage = image);\n image.src = src;\n });\n }\n\n if (this.slide.imageSrcLarge) {\n this.largeImageSubscription = this.contentManagement\n .getAsset(this.websiteConfig.id, this.component.componentId, this.slide.imageSrcLarge)\n .subscribe(src => {\n const image = new Image();\n fromEvent(image, 'load').subscribe(() => this.largeImage = image);\n image.src = src;\n });\n }\n }\n\n ngOnDestroy(): void {\n if (this.smallImageSubscription) {\n this.smallImageSubscription.unsubscribe();\n }\n if (this.largeImageSubscription) {\n this.largeImageSubscription.unsubscribe();\n }\n }\n\n imageChanged(files: File[]): void {\n if (!files || !files.length) {\n this.smallImage = undefined;\n this.largeImage = undefined;\n return;\n }\n\n this.largeImageSubscription = this.contentManagement\n .resizeAndSaveAsset(this.websiteConfig.id, this.component.componentId, files[0], this.largeImageWidth,\n this.largeImageHeight)\n .subscribe(result => {\n this.slide.imageSrcLarge = result.imageFilename;\n const image = new Image();\n fromEvent(image, 'load').subscribe(() => this.largeImage = image);\n image.src = result.imageUrl;\n });\n\n this.smallImageSubscription = this.contentManagement\n .resizeAndSaveAsset(this.websiteConfig.id, this.component.componentId, files[0], this.smallImageWidth,\n this.smallImageHeight)\n .subscribe(result => {\n this.slide.imageSrcSmall = result.imageFilename;\n const image = new Image();\n fromEvent(image, 'load').subscribe(() => this.smallImage = image);\n image.src = result.imageUrl;\n });\n }\n\n imageLinkTypeChanged(value: ImageLinkTypeValue): void {\n this.slide.navigateUrl = '';\n this.slide.navigateTarget = value === 'External' ? '_blank' : '';\n }\n\n previewSmallImage(): void {\n this.previewDialogOpened = true;\n this.previewDialogTitle = 'Preview Small Image';\n this.previewDialogImage = this.smallImage;\n this.previewDialogWidth = 575;\n }\n\n previewLargeImage(): void {\n this.previewDialogOpened = true;\n this.previewDialogTitle = 'Preview Large Image';\n this.previewDialogImage = this.largeImage;\n this.previewDialogWidth = 1140;\n }\n}\n","\n \n \n ![\"Preview]()
\n \n \n \n \n \n \n \n
\n(Recommended Size: {{ largeImageWidth }}× {{ largeImageHeight }})
\n \n \n \n
\n\n \n \n \n\n
\n\n\n \n
\n\n
\n \n {{ websiteConfig.baseUrl }}\n
\n \n - \n
- \n \n \n
\n \n\n
\n - \n \n \n
\n \n\n
\n - \n \n {{ slide.imageAlt }}\n \n
- \n \n {{ slide.navigateUrl }}\n \n
- \n \n \n Yes\n \n \n No\n \n \n
\n
\n","import { SplitImageSlide } from 'src/app/models/website-management/split-image-slide';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'app-split-image-slide-preview',\n templateUrl: './split-image-slide-preview.component.html',\n styleUrls: ['./split-image-slide-preview.component.scss']\n})\nexport class SplitImageSlidePreviewComponent {\n @Input() slide: SplitImageSlide;\n @Input() componentId: string;\n @Input() websiteId: string;\n}\n","\n \n \n
\n Left Image
\n\n \n \n
\nRight Image
\n- \n
- \n \n \n\n \n
- \n \n \n\n \n
\n \n \n \n \n \n \n \n \n \n {{ dataItem?.publishStart | date:dateTimeFormat }}\n \n \n \n \n {{ dataItem?.publishEnd | date:dateTimeFormat }}\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n {{ dataItem?.publishStart | date:dateTimeFormat }}\n \n \n \n \n {{ dataItem?.publishEnd | date:dateTimeFormat }}\n \n \n \n \n {{ dataItem.active ? 'Yes' : 'No' }}\n \n \n \n \n \n \n \n
\n\n{{ component?.name }}
\n{{ component?.description }}
\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 Publish Start Date
\n\n \n \n
\n \n \n \n \n \n
\n \n
\n Publish End Date
\n\n \n \n
\n \n \n \n \n \n
\n \n
\n\n \n
\n \n \n The publish end date must come after the start date.\n
\n Active Content
\n{{ dataItem.createdBy }}
\n {{ dataItem.dateCreated | date:dateTimeFormat }}
\n \n \n
\n \n \n \n \n \n \n \n \n
\n Content History
\n{{ dataItem.createdBy }}
\n {{ dataItem.dateCreated | date:dateTimeFormat }}
\n \n \n
\n \n \n \n \n \n \n \n
\n Are you sure you want to delete this draft?
\nAre you sure you want to publish the current draft?
\nAre you sure you want to abandon the current draft?
\nAre you sure you want to de-activate this content?
\nAre you sure you want to abandon the changes to this service area?
\n\n \n \n\n \n \n
\n\n Are you sure you want to abandon the changes to this service area?
\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 \n
\n \n
\n \n \n \n
\n \n \n Entire store sale information\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\nAre you sure you want to abandon the changes to this promotion?
\nAre you sure you want to abandon the changes to this service area?
\n\n \n
\nAre you sure you want to abandon the changes to this store?
\n\n \n \n\n \n \n
\n\n Charities
\n\n
\n\n \n \n
\n Content Management
\nDrop-off Locations
\n\n \n \n \n New Drop-off Location\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 {{ location.address2.length ? location.address2 : '' }}\n
\n {{ location.city }}, {{ location.state.abbreviation }} {{ location.zip }}\n \n\n \n Not Active\n
\n \n {{ location.name }}
\n \n {{ location.address}}\n\n {{ location.address2.length ? location.address2 : '' }}\n
\n {{ location.city }}, {{ location.state.abbreviation }} {{ location.zip }}\n \n
\n \n This will change the hours for ALL drop-off locations.\n
\n\n \n The opening time must occur before the closing time.\n
\n\n Press Items
\n\n \n \n \n New Press Item\n \n
\nSale Colors & Promotions
\n\n \n \n
\n \n \n \n New Promotion\n \n
\nService Areas
\n\n \n \n New Service Area\n \n
\nStores
\n\n \n
\n\n
\n\n\n
\n\n ![]()
\n
\n \n
\n {{ store.city }}, {{ store.state.abbreviation }} {{ store.zip }}\n \n\n \n Not Active\n
\n \n {{ store.name }}
\n \n {{ store.address }}\n {{ store.city }}, {{ store.state.abbreviation }} {{ store.zip }}\n \n
\n \n This will change the hours for ALL stores.\n
\n\n \n The opening time must occur before the closing time.\n
\n\n \n
\n","import { LogLevel } from \"@azure/msal-browser\";\n\nexport function consoleLogger(level: LogLevel, message: string): void {\n if (!window.console) {\n return;\n }\n\n switch (level) {\n case LogLevel.Error:\n console.error(message);\n break;\n\n case LogLevel.Warning:\n console.warn(message);\n break;\n\n default:\n console.log(message);\n break;\n }\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.\n","import { fromEvent } from 'rxjs';\nimport { enableProdMode, StaticProvider } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\nimport { MSAL_GUARD_CONFIG, MSAL_INSTANCE, MSAL_INTERCEPTOR_CONFIG } from '@azure/msal-angular';\nimport { BrowserCacheLocation, InteractionType, LogLevel, PublicClientApplication } from '@azure/msal-browser';\nimport { ApplicationInsights } from '@microsoft/applicationinsights-web';\nimport { AppModule } from './app/app.module';\nimport { CONSUMERSITE_CONFIG, GOOGLE_API_KEY } from './app/injection-tokens';\nimport { APPLICATION_INSIGHTS } from './app/services/application-insights.service';\nimport { consoleLogger } from './console-logger';\nimport { environment } from './environments/environment';\nimport { WebsiteConfig } from './app/models/website-management/website-config';\n\nif (environment.production) {\n enableProdMode();\n}\n\nfunction createAppInsights(instrumentationKey: string): ApplicationInsights {\n if (instrumentationKey) {\n const ai = new ApplicationInsights({\n config: { instrumentationKey }\n });\n ai.loadAppInsights();\n return ai;\n } else {\n console.warn('ApplicationInsights instrumentation key not provided');\n return null;\n }\n}\n\nfunction bootstrapApp() {\n const xhr = new XMLHttpRequest();\n fromEvent(xhr, 'load').subscribe(() => {\n const config = JSON.parse(xhr.responseText);\n const redirectUri = location.origin.endsWith('/') ? location.origin : `${location.origin}/`;\n const authority = config.authorityHost.endsWith('/') ? `${config.authorityHost}${config.tenantId}` :\n `${config.authorityHost}/${config.tenantId}`;\n\n const protectedResourceMap = new Map- \n
- \n \n Content Management\n \n \n
- \n \n Sales & Promotions\n \n \n
- \n \n Stores\n \n \n
- \n \n Charities\n \n \n
- \n \n Drop-off Locations\n \n \n
- \n \n Service Areas\n \n \n
- \n \n Press Items\n \n \n
\n \n \n \n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n