Content to render when condition is true.
\n * ```\n *\n * Simple form with expanded syntax:\n *\n * ```html\n * Content to render when condition is\n * true.
Content to render when condition is true.
\n * {{value}}
\n * \n * ...\n *
\n *\n * Loading...
\n * \n * ...\n *
\n * Loading...
\n * \n *
`\n * })\n * // Get the current date and time as a date-time value.\n * export class DatePipeComponent {\n * today: number = Date.now();\n * }\n * ```\n *\n * @publicApi\n */\nclass DatePipe {\n locale;\n defaultTimezone;\n defaultOptions;\n constructor(locale, defaultTimezone, defaultOptions) {\n this.locale = locale;\n this.defaultTimezone = defaultTimezone;\n this.defaultOptions = defaultOptions;\n }\n transform(value, format, timezone, locale) {\n if (value == null || value === '' || value !== value)\n return null;\n try {\n const _format = format ?? this.defaultOptions?.dateFormat ?? DEFAULT_DATE_FORMAT;\n const _timezone = timezone ?? this.defaultOptions?.timezone ?? this.defaultTimezone ?? undefined;\n return formatDate(value, _format, locale || this.locale, _timezone);\n }\n catch (error) {\n throw invalidPipeArgumentError(DatePipe, error.message);\n }\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }, { token: DATE_PIPE_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: DatePipe, isStandalone: true, name: \"date\" });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: DatePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'date',\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_TIMEZONE]\n }, {\n type: Optional\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_OPTIONS]\n }, {\n type: Optional\n }] }] });\n\nconst _INTERPOLATION_REGEXP = /#/g;\n/**\n * @ngModule CommonModule\n * @description\n *\n * Maps a value to a string that pluralizes the value according to locale rules.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'}\n *\n * @publicApi\n */\nclass I18nPluralPipe {\n _localization;\n constructor(_localization) {\n this._localization = _localization;\n }\n /**\n * @param value the number to be formatted\n * @param pluralMap an object that mimics the ICU format, see\n * https://unicode-org.github.io/icu/userguide/format_parse/messages/.\n * @param locale a `string` defining the locale to use (uses the current {@link LOCALE_ID} by\n * default).\n */\n transform(value, pluralMap, locale) {\n if (value == null)\n return '';\n if (typeof pluralMap !== 'object' || pluralMap === null) {\n throw invalidPipeArgumentError(I18nPluralPipe, pluralMap);\n }\n const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);\n return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: \"i18nPlural\" });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: I18nPluralPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nPlural',\n }]\n }], ctorParameters: () => [{ type: NgLocalization }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Generic selector that displays the string that matches the current value.\n *\n * If none of the keys of the `mapping` match the `value`, then the content\n * of the `other` key is returned when present, otherwise an empty string is returned.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'}\n *\n * @publicApi\n */\nclass I18nSelectPipe {\n /**\n * @param value a string to be internationalized.\n * @param mapping an object that indicates the text that should be displayed\n * for different values of the provided `value`.\n */\n transform(value, mapping) {\n if (value == null)\n return '';\n if (typeof mapping !== 'object' || typeof value !== 'string') {\n throw invalidPipeArgumentError(I18nSelectPipe, mapping);\n }\n if (mapping.hasOwnProperty(value)) {\n return mapping[value];\n }\n if (mapping.hasOwnProperty('other')) {\n return mapping['other'];\n }\n return '';\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: \"i18nSelect\" });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: I18nSelectPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nSelect',\n }]\n }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Converts a value into its JSON-format representation. Useful for debugging.\n *\n * @usageNotes\n *\n * The following component uses a JSON pipe to convert an object\n * to JSON format, and displays the string in both formats for comparison.\n *\n * {@example common/pipes/ts/json_pipe.ts region='JsonPipe'}\n *\n * @publicApi\n */\nclass JsonPipe {\n /**\n * @param value A value of any type to convert into a JSON-format string.\n */\n transform(value) {\n return JSON.stringify(value, null, 2);\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: JsonPipe, isStandalone: true, name: \"json\", pure: false });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: JsonPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'json',\n pure: false,\n }]\n }] });\n\nfunction makeKeyValuePair(key, value) {\n return { key: key, value: value };\n}\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms Object or Map into an array of key value pairs.\n *\n * The output array will be ordered by keys.\n * By default the comparator will be by Unicode point value.\n * You can optionally pass a compareFn if your keys are complex types.\n * Passing `null` as the compareFn will use natural ordering of the input.\n *\n * @usageNotes\n * ### Examples\n *\n * This examples show how an Object or a Map can be iterated by ngFor with the use of this\n * keyvalue pipe.\n *\n * {@example common/pipes/ts/keyvalue_pipe.ts region='KeyValuePipe'}\n *\n * @publicApi\n */\nclass KeyValuePipe {\n differs;\n constructor(differs) {\n this.differs = differs;\n }\n differ;\n keyValues = [];\n compareFn = defaultComparator;\n transform(input, compareFn = defaultComparator) {\n if (!input || (!(input instanceof Map) && typeof input !== 'object')) {\n return null;\n }\n // make a differ for whatever type we've been passed in\n this.differ ??= this.differs.find(input).create();\n const differChanges = this.differ.diff(input);\n const compareFnChanged = compareFn !== this.compareFn;\n if (differChanges) {\n this.keyValues = [];\n differChanges.forEachItem((r) => {\n this.keyValues.push(makeKeyValuePair(r.key, r.currentValue));\n });\n }\n if (differChanges || compareFnChanged) {\n if (compareFn) {\n this.keyValues.sort(compareFn);\n }\n this.compareFn = compareFn;\n }\n return this.keyValues;\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: \"keyvalue\", pure: false });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: KeyValuePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'keyvalue',\n pure: false,\n }]\n }], ctorParameters: () => [{ type: i0.KeyValueDiffers }] });\nfunction defaultComparator(keyValueA, keyValueB) {\n const a = keyValueA.key;\n const b = keyValueB.key;\n // If both keys are the same, return 0 (no sorting needed).\n if (a === b)\n return 0;\n // If one of the keys is `null` or `undefined`, place it at the end of the sort.\n if (a == null)\n return 1; // `a` comes after `b`.\n if (b == null)\n return -1; // `b` comes after `a`.\n // If both keys are strings, compare them lexicographically.\n if (typeof a == 'string' && typeof b == 'string') {\n return a < b ? -1 : 1;\n }\n // If both keys are numbers, sort them numerically.\n if (typeof a == 'number' && typeof b == 'number') {\n return a - b;\n }\n // If both keys are booleans, sort `false` before `true`.\n if (typeof a == 'boolean' && typeof b == 'boolean') {\n return a < b ? -1 : 1;\n }\n // Fallback case: if keys are of different types, compare their string representations.\n const aString = String(a);\n const bString = String(b);\n // Compare the string representations lexicographically.\n return aString == bString ? 0 : aString < bString ? -1 : 1;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Formats a value according to digit options and locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * @see {@link formatNumber}\n *\n * @usageNotes\n *\n * ### digitsInfo\n *\n * The value's decimal representation is specified by the `digitsInfo`\n * parameter, written in the following format:Today is {{today | date}}
\n *Or if you prefer, {{today | date:'fullDate'}}
\n *The time is {{today | date:'h:mm a z'}}
\n *\n *\n * ```\n * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}\n * ```\n *\n * - `minIntegerDigits`:\n * The minimum number of integer digits before the decimal point.\n * Default is 1.\n *\n * - `minFractionDigits`:\n * The minimum number of digits after the decimal point.\n * Default is 0.\n *\n * - `maxFractionDigits`:\n * The maximum number of digits after the decimal point.\n * Default is 3.\n *\n * If the formatted value is truncated it will be rounded using the \"to-nearest\" method:\n *\n * ```\n * {{3.6 | number: '1.0-0'}}\n * \n *\n * {{-3.6 | number:'1.0-0'}}\n * \n * ```\n *\n * ### locale\n *\n * `locale` will format a value according to locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n *\n * See [Setting your app locale](guide/i18n/locale-id).\n *\n * ### Example\n *\n * The following code shows how the pipe transforms values\n * according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * {@example common/pipes/ts/number_pipe.ts region='NumberPipe'}\n *\n * @publicApi\n */\nclass DecimalPipe {\n _locale;\n constructor(_locale) {\n this._locale = _locale;\n }\n transform(value, digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n try {\n const num = strToNumber(value);\n return formatNumber(num, locale, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(DecimalPipe, error.message);\n }\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: DecimalPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: DecimalPipe, isStandalone: true, name: \"number\" });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: DecimalPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'number',\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }] });\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms a number to a percentage\n * string, formatted according to locale rules that determine group sizing and\n * separator, decimal-point character, and other locale-specific\n * configurations.\n *\n * @see {@link formatPercent}\n *\n * @usageNotes\n * The following code shows how the pipe transforms numbers\n * into text strings, according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * {@example common/pipes/ts/percent_pipe.ts region='PercentPipe'}\n *\n * @publicApi\n */\nclass PercentPipe {\n _locale;\n constructor(_locale) {\n this._locale = _locale;\n }\n /**\n *\n * @param value The number to be formatted as a percentage.\n * @param digitsInfo Decimal representation options, specified by a string\n * in the following format:
\n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `0`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `0`.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n/locale-id).\n */\n transform(value, digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n try {\n const num = strToNumber(value);\n return formatPercent(num, locale, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(PercentPipe, error.message);\n }\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: PercentPipe, isStandalone: true, name: \"percent\" });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: PercentPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'percent',\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }] });\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms a number to a currency string, formatted according to locale rules\n * that determine group sizing and separator, decimal-point character,\n * and other locale-specific configurations.\n *\n *\n * @see {@link getCurrencySymbol}\n * @see {@link formatCurrency}\n *\n * @usageNotes\n * The following code shows how the pipe transforms numbers\n * into text strings, according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * {@example common/pipes/ts/currency_pipe.ts region='CurrencyPipe'}\n *\n * @publicApi\n */\nclass CurrencyPipe {\n _locale;\n _defaultCurrencyCode;\n constructor(_locale, _defaultCurrencyCode = 'USD') {\n this._locale = _locale;\n this._defaultCurrencyCode = _defaultCurrencyCode;\n }\n transform(value, currencyCode = this._defaultCurrencyCode, display = 'symbol', digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n if (typeof display === 'boolean') {\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && console && console.warn) {\n console.warn(`Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are \"code\", \"symbol\" or \"symbol-narrow\".`);\n }\n display = display ? 'symbol' : 'code';\n }\n let currency = currencyCode || this._defaultCurrencyCode;\n if (display !== 'code') {\n if (display === 'symbol' || display === 'symbol-narrow') {\n currency = getCurrencySymbol(currency, display === 'symbol' ? 'wide' : 'narrow', locale);\n }\n else {\n currency = display;\n }\n }\n try {\n const num = strToNumber(value);\n return formatCurrency(num, locale, currency, currencyCode, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(CurrencyPipe, error.message);\n }\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe });\n static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"19.2.2\", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: \"currency\" });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.2\", ngImport: i0, type: CurrencyPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'currency',\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DEFAULT_CURRENCY_CODE]\n }] }] });\nfunction isValue(value) {\n return !(value == null || value === '' || value !== value);\n}\n/**\n * Transforms a string into a number (if needed).\n */\nfunction strToNumber(value) {\n // Convert strings to numbers\n if (typeof value === 'string' && !isNaN(Number(value) - parseFloat(value))) {\n return Number(value);\n }\n if (typeof value !== 'number') {\n throw new Error(`${value} is not a number`);\n }\n return value;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Creates a new `Array` or `String` containing a subset (slice) of the elements.\n *\n * @usageNotes\n *\n * All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()`\n * and `String.prototype.slice()`.\n *\n * When operating on an `Array`, the returned `Array` is always a copy even when all\n * the elements are being returned.\n *\n * When operating on a blank value, the pipe returns the blank value.\n *\n * ### List Example\n *\n * This `ngFor` example:\n *\n * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'}\n *\n * produces the following:\n *\n * ```html\n * ![](\"path/hello.jpg\")
\n * ```\n */\n ngSrcset;\n /**\n * The base `sizes` attribute passed through to the `\r\n {{ booking.PickupLocation.Name }}\r\n
\r\n \r\n \r\n {{ 'Intellitrailer.Booking.Components.BookingSummary.Trailer' | translate : 'Trailer'}}: {{ booking.RentalObject?.Title ?? '---'}}\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n {{ 'Intellitrailer.Booking.Components.BookingSummary.RentalTimes' | translate : 'Rent times'}}
\r\n \r\n \r\n
\r\n \r\n {{ 'turbo.core.RentalDialog.Pickup' | translate : 'Pickup'}}\r\n {{ booking.PickupTime | date : 'd MMM' }} {{ booking.PickupTime | date : 'HH:mm' }}\r\n
\r\n \r\n {{ 'turbo.core.RentalDialog.Return' | translate : 'Return'}}\r\n {{ booking.ReturnTime | date : 'd MMM' }} {{ booking.ReturnTime | date : 'HH:mm' }}\r\n
\r\n {{ 'Intellitrailer.Booking.Components.BookingSummary.RentalLocation' | translate : 'Rental location'}}
\r\n {{ booking.PickupLocation.Name }}
\r\n {{ 'Intellitrailer.AllowLocationAccessInfo.Text' | translate : 'In order to start the rent, please allow to access the location.' }}
\r\n \r\n\r\n \r\n
\r\n {{ 'Intellitrailer.Booking.Components.BookingSummary.Trailer' | translate : 'Trailer'}}: {{ booking.RentalObject?.Title }}\r\n
\r\n\r\n \r\n\r\n {{ 'Intellitrailer.Rental.Components.RentalBox.ReturnTo' | translate : 'Return to'}}
\r\n {{ booking.ReturnLocation.Name }}
{{ booking.ReturnLocation.Address }}
\r\n\r\n {{ booking.ReturnLocation.Address }}
{{ 'Intellitrailer.Rental.InFlight.TimeLeft' | translate : 'TimeLeft' }}
\r\n {{ 'Intellitrailer.Rental.InFlight.Delayed' | translate : 'Delayed' }}
\r\n {{ rCountdown?.locale(Settings.clientSettings.Language).humanize() }} ({{ booking.ReturnTime | date : 'd MMM' }} {{ booking.ReturnTime | date : 'HH:mm' }})
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.Rental.InFlight.Unlock' | translate : 'Unlock' }}\r\n
\r\n \r\n \r\n
\r\n\r\n {{ 'Intellitrailer.Rental.BookingInfo.ReturnGoToLocationPrompt' | translate : 'Go to {0} to return your trailer' : [booking.ReturnLocation?.Name] }}\r\n {{ 'Intellitrailer.Rental.BookingInfo.EnterStoreInfoReturn' | translate : 'Enter the store to complete the return process and return the keys to the vehicle' }}\r\n {{ 'Intellitrailer.Rental.BookingInfo.EnterStoreInfoReturnBike' | translate : 'Enter the store and return the keys, helmet and battery for the bike to complete the return process' }}\r\n \r\n \r\n {{ 'Intellitrailer.Rental.InFlight.Extend' | translate : 'Extend' }}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n {{ 'Intellitrailer.Setup.Customer.label_' + labels.gdpr | translate : labels.gdpr}}
\r\n\r\n \r\n\r\n \r\n
\r\n","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport { PageBase, CustomerInfo } from 't4core';\r\nimport { NavigationService } from 'app-components';\r\nimport { RentalAgreementComponent } from '../../dialogs/rental-agreement/rental-agreement.component';\r\nimport { AppSettingsService } from 't4-app-integration';\r\nimport { BookingService } from 'app-components';\r\n\r\n@Component({\r\n selector: 'app-setup-customer',\r\n templateUrl: './setup-customer.component.html',\r\n styleUrls: ['./setup-customer.component.css'],\r\n standalone: false\r\n})\r\nexport class SetupCustomerComponent extends PageBase implements OnInit {\r\n public customer: CustomerInfo = null;\r\n public validCustomer = false;\r\n\r\n public hasGDPR: boolean = true;\r\n public confirmGDPR: boolean = false;\r\n public errGdpr: boolean = false;\r\n\r\n public labels: any = {\r\n title: '',\r\n gdpr: '',\r\n confirmGdpr:'',\r\n next:''\r\n };\r\n \r\n constructor(private navigator: NavigationService,\r\n el: ElementRef,\r\n private appSettings: AppSettingsService,\r\n private bookingService: BookingService\r\n ) {\r\n super(el);\r\n }\r\n\r\n async ngOnInit() {\r\n var token = this.UI.beginLoading(\"Intellitrailer.Booking.SetupCustomer.msgLoadingCustomer\", \"Loading customer\", null);\r\n // Setup the customer\r\n var cus = await this.Api.get\r\n
\r\n\r\n","import { Component, OnInit, Output, EventEmitter, ElementRef } from '@angular/core';\r\nimport { ComponentBase, PageBase } from 't4core';\r\nimport { AppSettingsService } from 't4-app-integration';\r\nimport { NavigationService } from 'app-components';\r\n\r\ninterface Swipe {\r\n xPos: number;\r\n Time: number;\r\n}\r\n\r\n@Component({\r\n selector: 'app-ow-howto',\r\n templateUrl: './OneWayHowTo.component.html',\r\n styleUrls: ['./OneWayHowTo.component.css'],\r\n standalone: false\r\n})\r\nexport class OneWayHowToComponent extends PageBase implements OnInit {\r\n @Output() showInfo: EventEmitter\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"/Styles/{{appSettings.settings.theme}}/Logo.png\")
\r\n
\r\n \r\n Boka
\r\nI appen gör du enkelt en bokningsförfrågan som matchar dina önskemål om tid, plats och storlek. När du har hittat rätt anger du dina kontaktuppgifter och registrerar ett betalkort.
\r\nBetalning sker först när du hämtar ut ditt släp.
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"/Styles/{{appSettings.settings.theme}}/Images/Wait.webp\")
\r\n
\r\n \r\n Låt oss göra jobbet
\r\nVi arbetar stenhårt för att matcha ihop din bokning med ett släp. Bokar du inom en vecka kan vi i de flesta fall bekräfta din bokning direkt. Kan vi inte det kommer vi aktivt bevaka din bokning tills vi hittar ett släp som passar dina önskemål.
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"/Styles/{{appSettings.settings.theme}}/Images/Confirm.webp\")
\r\n
\r\n \r\n Bekräftelse
\r\nNär vi hittat ett passande släp till dig kommer vi att reservera det och bekräfta din bokning. Du kan lugnt luta dig tillbaka och fortsätta packa.
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"/Styles/{{appSettings.settings.theme}}/Images/Book.webp\")
\r\n
\r\n \r\n Kör!
\r\nBege dig till stationen på bokad tid och hämta ut ditt släp.
\r\nKör försiktigt!
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\nMot nya mål
\r\n\r\n
\r\n\r\n","import { animate, style, transition, trigger } from '@angular/animations';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { BookingModel, BookingService, NavigationService } from 'app-components';\r\nimport { AppSettingsService, AppTypeSettings } from 't4-app-integration';\r\nimport { LocationInfo, PageBase } from 't4core';\r\nimport { LocationMapComponent } from '../../../../lib/Components/location-map/location-map.component';\r\n\r\n@Component({\r\n selector: 'app-ow-home',\r\n templateUrl: './OneWayStart.component.html',\r\n animations: [\r\n trigger('inOutAnimation', [\r\n transition(':enter', [\r\n style({ opacity: 0 }),\r\n animate('1s ease-out', style({ opacity: 1 }))\r\n ]),\r\n transition(':leave', [\r\n style({ opacity: 1 }),\r\n animate('1s ease-in', style({ opacity: 0 }))\r\n ])\r\n ])\r\n ],\r\n standalone: false\r\n})\r\nexport class OneWayStartComponent extends PageBase implements OnInit {\r\n public bookingState: BookingModel;\r\n public initialStep: boolean = false;\r\n public userLoggedIn: boolean = false;\r\n public showSearch: boolean = false;\r\n public selectedLocation: any;\r\n public typeSettings: AppTypeSettings;\r\n public locations: LocationInfo[];\r\n\r\n public backgroundImageUri: string = \"\";\r\n\r\n //Google maps\r\n @ViewChild('map', { static: true }) gmapElement: LocationMapComponent;\r\n\r\n \r\n\r\n constructor(\r\n el: ElementRef,\r\n private aviationService: NavigationService,\r\n private BookingDataSerivce: BookingService,\r\n private appSettings: AppSettingsService)\r\n {\r\n super(el);\r\n this.typeSettings = this.appSettings.typeSettings;\r\n\r\n var rnd = Math.round(Math.random() * 15) + 1;\r\n this.backgroundImageUri = \"url(/Styles/OneWay/Images/bg/\" + rnd + \".jpg)\";\r\n\r\n this.userLoggedIn = appSettings.userId ? true : false;\r\n this.bookingState = this.BookingDataSerivce.getBookingState();\r\n }\r\n\r\n async ngOnInit() {\r\n await this.appSettings.waitForAuthentication();\r\n \r\n //await this.BookingDataSerivce.getLocations(null, null, true);\r\n await this.BookingDataSerivce.getLocations();\r\n await this.BookingDataSerivce.startSession();\r\n }\r\n\r\n public toggleSearch() {\r\n this.showSearch = !this.showSearch;\r\n }\r\n\r\n public async start():Promise\r\n \r\n
\r\n {{'Intellitrailer_Home_Home_HowDoesItWork' | translate: 'How does it work?' }}
\r\n \r\n
\r\n{{'Intellitrailer_Home_Home_cmdChooseALocation' | translate: 'Choose a location'}}
\r\n {{ object.Title }}
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { DialogBase, RentalObjectInfo } from 't4core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-trailer-info',\r\n templateUrl: './trailer-info.component.html',\r\n styleUrls: ['./trailer-info.component.css'],\r\n standalone: false\r\n})\r\nexport class TrailerInfoComponent extends DialogBase implements OnInit {\r\n\r\n public loader: boolean = false;\r\n public object: RentalObjectInfo;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n
\r\n\r\n ![](\"{{object.Image}}\")
\r\n
\r\n \r\n
\r\n {{ 'Turbo.RentalObject.lblInterior' | translate:'Interior measurments' }}
\r\n\r\n {{ 'Turbo.RentalObject.lblLength' | translate:'Length' }}:\r\n {{ object.Type.Length }}\r\n
\r\n\r\n \r\n {{ 'Turbo.RentalObject.lblWidth' | translate:'Width' }}:\r\n {{ object.Type.Width }}\r\n
\r\n\r\n \r\n {{ 'Turbo.RentalObject.lblHeight' | translate:'Height' }}:\r\n {{ object.Type.Height }}\r\n
\r\n\r\n {{ 'Turbo.RentalObject.lblWeights' | translate:'Weights' }}
\r\n\r\n {{ 'Turbo.RentalObject.lblTotalWeight' | translate:'Total' }}:\r\n {{ object.Type.TotalWeight }}\r\n
\r\n\r\n \r\n {{ 'Turbo.RentalObject.lblMaxLoad' | translate:'Max load' }}:\r\n {{ object.Type.MaxLoad }}\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblReturnTo' | translate : 'Return to' }}
\r\n {{booking.PickupLocation.Name}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblTime' | translate : 'Time' }}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblTimeLeft' | translate : 'Time left' }}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblDelay' | translate : 'Delayed' }}
\r\n \r\n {{ countdown?.locale(Settings.clientSettings.Language).humanize() }}\r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblBooking' | translate : 'Booking' }}
\r\n {{booking.Id}}
\r\n \r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblPlace' | translate : 'Place' }}
\r\n {{booking.PickupLocation.Name}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblStartTime' | translate : 'Start time' }}
\r\n {{booking.PickupTime | date : 'yyyy-MM-dd HH:mm'}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblEndTime' | translate : 'End time' }}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblBooking' | translate : 'Booking' }}
\r\n {{booking.Id}}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblReturnTo' | translate : 'Return to' }}
\r\n {{booking.PickupLocation.Name}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblTime' | translate : 'Time' }}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblTimeLeft' | translate : 'Time left' }}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblDelay' | translate : 'Delayed' }}
\r\n \r\n {{ countdown?.locale(Settings.clientSettings.Language).humanize() }}\r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblBooking' | translate : 'Booking' }}
\r\n {{booking.Id}}
\r\n \r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblPlace' | translate : 'Place' }}
\r\n {{booking.PickupLocation.Name}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblStartTime' | translate : 'Start time' }}
\r\n {{booking.PickupTime | date : 'yyyy-MM-dd HH:mm'}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblEndTime' | translate : 'End time' }}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblBooking' | translate : 'Booking' }}
\r\n {{booking.Id}}
\r\n \r\n
\r\n {{booking.Id}}
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblPickup' | translate : 'Pickup' }}
\r\n \r\n
\r\n \r\n {{booking.PickupLocation.Name}}
\r\n {{ booking.PickupLocation.Address }}
\r\n {{booking.PickupTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n \r\n {{ booking.PickupLocation.Address }}
\r\n {{booking.PickupTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblReturn' | translate : 'Return' }}
\r\n \r\n
\r\n \r\n {{booking.ReturnLocation.Name}}
\r\n {{ booking.ReturnLocation.Address }}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n \r\n {{ booking.ReturnLocation.Address }}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n
\r\n\r\n {{'Intellitrailer.MyPage.BookingOverview.lblStatus' | translate : 'Status' }}
\r\n \r\n
\r\n\r\n \r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.valStatus100' | translate : 'Active' }}\r\n {{'Intellitrailer.MyPage.BookingOverview.valStatus150' | translate : 'Delayed' }}\r\n
\r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.lblTimeLeft' | translate : 'Time left' }}: {{ countdown?.locale(Settings.clientSettings.Language).humanize() }}\r\n
\r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.lblLate' | translate : 'Late' }}: {{ countdown?.locale(Settings.clientSettings.Language).humanize() }}\r\n
\r\n \r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblPickup' | translate : 'Pickup' }}
\r\n \r\n
\r\n \r\n {{booking.PickupLocation.Name}}
\r\n {{booking.PickupTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n \r\n {{booking.PickupTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblReturn' | translate : 'Return' }}
\r\n \r\n
\r\n \r\n {{booking.ReturnLocation.Name}}
\r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n \r\n {{booking.ReturnTime | date : 'yyyy-MM-dd HH:mm'}}\r\n
\r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblStatus' | translate : 'Status' }}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.valStatus0' | translate : 'Preliminary' }}\r\n {{'Intellitrailer.MyPage.BookingOverview.valStatus50' | translate : 'Confirmed' }}\r\n
\r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.lblConfirmationDate' | translate : 'Confirmation date' }}
\r\n {{booking.BoundAt | date : 'yyyy-MM-dd'}}\r\n
\r\n \r\n {{booking.BoundAt | date : 'yyyy-MM-dd'}}\r\n
\r\n {{'Intellitrailer.MyPage.BookingOverview.lblTrailerOnStation' | translate : 'Trailer is waiting at the station' }}\r\n
\r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.lblTrailerIncomming' | translate : 'The trailer is on its way to the station' }}\r\n
\r\n \r\n {{'Intellitrailer.MyPage.BookingOverview.lblEstimatedConfirmationDate' | translate : 'Estimated confirmation date' }}
\r\n {{booking.BindsAt | date : 'yyyy-MM-dd'}}\r\n
\r\n \r\n {{booking.BindsAt | date : 'yyyy-MM-dd'}}\r\n
{{'Intellitrailer.MyPage.BookingOverview.lblOneWayNoTrailerEstimated' | translate: 'We are actively looking for a trailer for you and hope to find a solution as soon as possible.'}}
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, ViewChild, ElementRef, Output, EventEmitter, ViewEncapsulation } from '@angular/core';\r\nimport { ComponentBase } from 't4core';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\n\r\n@Component({\r\n selector: 'app-verify-account',\r\n templateUrl: './verify-account.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n standalone: false\r\n})\r\nexport class VerifyAccountComponent extends ComponentBase implements OnInit\r\n{\r\n public validateCode: boolean = true;\r\n public verificationCode0: string = \"\";\r\n public verificationCode1: string = \"\";\r\n public verificationCode2: string = \"\";\r\n public verificationCode3: string = \"\";\r\n\r\n @ViewChild('vf0') vf0: ElementRef;\r\n @ViewChild('vf1') vf1: ElementRef;\r\n @ViewChild('vf2') vf2: ElementRef;\r\n @ViewChild('vf3') vf3: ElementRef;\r\n\r\n @Output() verificationCode: EventEmitter\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {{ 'Intellitrailer.MyPage.ValidateAccount.InvalidCode' | translate : 'The code entered was invalid.' }}\r\n
\r\n {{ 'Intellitrailer.MyPage.Dialog.GPSDialog.Title' | translate : 'Activate location access' }}
\r\n\r\n
\r\n\r\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { DialogBase } from 't4core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\n\r\n@Component({\r\n selector: 'gps-dialog',\r\n templateUrl: './gps-dialog.component.html',\r\n standalone: false\r\n})\r\nexport class GPSDialogComponent extends DialogBase implements OnInit {\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.Dialog.GPSDialog.PleaseActivate' | translate : 'Please activate location access to be able to carry through with bookings with the app.' }}\r\n
\r\n {{ 'Intellitrailer.MyPage.Dialog.ImportBookingTtl' | translate : 'Import booking' }}
\r\n\r\n
\r\n\r\n","import { Component, Inject, ViewChild } from '@angular/core';\r\nimport { DialogBase } from 't4core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { NgModel, UntypedFormBuilder, UntypedFormGroup, Validators, UntypedFormControl } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'app-import-booking',\r\n templateUrl: './import-booking.component.html',\r\n styleUrls: ['./import-booking.component.css'],\r\n standalone: false\r\n})\r\nexport class ImportBookingComponent extends DialogBase {\r\n public nextClicked: boolean = false;\r\n public loading: boolean = false;\r\n public form: UntypedFormGroup;\r\n @ViewChild(\"txtSSN\", { static: false }) public txtMobilePhone: NgModel;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'Intellitrailer.MyPage.Dialog.ImportBooking.Guide' | translate : 'If you have made a booking on the web you can import it to the app using the 6 digit code found at the end of your booking confirmation email.' }}\r\n \r\n ![](\"/assets/Images/booking-code2.png\")
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.Dialog.ImportBooking.ExplanationSSNAndCode' | translate : 'To import a booking made on the website, please type in your SSN and the 6 digit code found at the end of your booking confirmation email.' }}\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.Overview.ActiveBookings' | translate : 'Active bookings' }}\r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.Overview.History' | translate : 'History' }}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n 0\" class=\"title-without-divider\" style=\"background-color: transparent\">\r\n
\r\n {{ 'Intellitrailer.MyPage.Overview.ActiveBookings' | translate : 'Active bookings' }}
\r\n \r\n
\r\n\r\n \r\n
\r\n 0\" class=\"title-without-divider\" style=\"background-color: transparent; margin-top: 30px\">\r\n
\r\n {{ 'Intellitrailer.MyPage.Overview.FutureBookings' | translate : 'Future bookings' }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.Overview.NoBookingsFound' | translate : 'No bookings found' }}\r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.MyBookings.ImportExistingBooking' | translate : 'If you already have created a booking, you can' }}\r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.MyBookings.ImportHere' | translate : 'import it here' }}\r\n \r\n
\r\n \r\n \r\n {{ 'Intellitrailer.MyPage.MyBookings.ImportHere' | translate : 'import it here' }}\r\n \r\n
0\" class=\"title-without-divider\">\r\n
\r\n {{ 'Intellitrailer.MyPage.Overview.CompletedRents' | translate : 'Completed rents' }}
\r\n \r\n
\r\n\r\n \r\n
\r\n 0\" class=\"title-without-divider\">\r\n
\r\n {{ 'Intellitrailer.MyPage.Overview.CanceledBookings' | translate : 'Canceled bookings' }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.Overview.NoBookingsFound' | translate : 'No bookings found' }}\r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.MyBookings.ImportExistingBooking' | translate : 'If you already have created a booking, you can' }}\r\n \r\n {{ 'Intellitrailer.MyPage.MyBookings.ImportHere' | translate : 'import it here' }}\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { PageBase, RentalInfo, RentalStatus } from 't4core';\r\nimport { NavigationService } from 'app-components';\r\nimport { BookingService } from 'app-components';\r\nimport { ActiveRentalService } from 'app-components';\r\nimport * as moment from 'moment';\r\nimport { LayoutService } from 'app-components';\r\nimport { ImportBookingComponent } from '../../Dialogs/import-booking/import-booking.component';\r\n\r\n@Component({\r\n selector: 'app-my-bookings',\r\n templateUrl: './my-bookings.component.html',\r\n styleUrls: ['./my-bookings.component.css'],\r\n standalone: false\r\n})\r\nexport class MyBookingsComponent extends PageBase implements OnInit {\r\n public bookings: RentalInfo[];\r\n public activeRents: RentalInfo[] = [];\r\n public futureRents: RentalInfo[] = [];\r\n public pastRents: RentalInfo[] = [];\r\n public canceledBookings: RentalInfo[] = [];\r\n public status = RentalStatus;\r\n public currentTab = 0;\r\n public showAdminUnlock: boolean = false;\r\n public firstName: string;\r\n\r\n public allowEarlyPickup: boolean;\r\n\r\n // public EarlyPickupLimitInMinutes: any; /// T4C.Current.Settings.EarlyPickupLimitInMinutes;\r\n\r\n constructor(private navigator: NavigationService, el: ElementRef, private aviationService: NavigationService, private rentalService: ActiveRentalService, private bookingService: BookingService, public layoutService: LayoutService) {\r\n super(el);\r\n };\r\n\r\n async ngOnInit(): Promise\r\n
\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n {{ 'Intellitrailer.MyPage.Settings.Language' | translate : 'Language' }}
\r\n\r\n \r\n \r\n \r\n {{option[1]}}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.Booking.Customerform.Advertisements' | translate: 'Offer and Advertisements' }}\r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.Booking.Customerform.AdvertisementsInfo' | translate: 'Switch off to stop receiving promotional emails, discounts, and special offers' }}\r\n
\r\n {{ 'Intellitrailer.Booking.Customerform.AccountDetails' | translate: 'Account details' }}
\r\n{{ 'Intellitrailer.Booking.Customerform.AccountInfo' | translate: 'Your mobile phone and email will be used when signing in to your account in the future.' }}
\r\n\r\n \r\n
\r\n \r\n \r\n {{ 'Intellitrailer.MyPage.Settings.DemoSettigs' | translate : 'Demo settings' }}\r\n
\r\n
\r\n\r\n {{ 'Intellitrailer.MyPage.Settings.DemoSettigs' | translate : 'Demo settings' }}\r\n
\r\n \r\n
\r\n \r\n Simulate GPS\r\n
\r\n \r\n
\r\n \r\n Your position will always be set to whichever location you rent at\r\n
\r\n\r\n \r\n Simulate unlocking process\r\n
\r\n \r\n
\r\n \r\n The app will simulate the unlocking process. Removing the need to physically be at the lock.\r\n
\r\n\r\n \r\n Simulate photo\r\n
\r\n \r\n
\r\n \r\n All photos will be simulated.\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n ![]()
\r\n
\r\n \r\n {{ 'Intellitrailer.Booking.BeginBooking.Verification ' | translate : 'Verification' }}\r\n
\r\n \r\n {{ 'Intellitrailer.Booking.BeginBooking.Explanation ' | translate : 'Enter the code from your sms' }}\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n {{ 'Intellitrailer.Booking.BeginBooking.SignIn ' | translate : 'Sign in' }}\r\n
\r\n\r\n {{ 'Intellitrailer.Booking.BeginBooking.CustomerInformation ' | translate : 'Customer information' }}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {{ 'Intellitrailer.MyPage.ValidateAccount.InvalidCode' | translate : 'The code entered was invalid.' }}\r\n
\r\n \r\n
\r\n\r\n \r\n {{ 'Intellitrailer.MyPage.ValidateAccount.QuestionRecievedCode' | translate : 'Did you not recieve a code?' }}\r\n
\r\n\r\n \r\n {{ 'Intellitrailer.MyPage.ValidateAccount.SendNewCode' | translate : 'Send new code' }}\r\n \r\n
\r\n\r\n {{ 'Intellitrailer.MyPage.ValidateAccount.Sent' | translate : 'Sent!' }}\r\n ({{ 'Intellitrailer.MyPage.ValidateAccount.SendAnotherCode' | translate : 'Send another code' }})\r\n
\r\n\r\n {{ 'Intellitrailer.MyPage.ValidateAccount.SendingNewCode' | translate : 'Sending new code' }}...\r\n
\r\n \r\n\r\n
\r\n\r\n","import { Component, OnInit, Input, Output, EventEmitter, isDevMode } from '@angular/core';\r\nimport { ComponentBase } from 't4core';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\nimport { PhotoModel } from '../../Views/take-pictures/take-pictures.component';\r\n/*import { DeviceServiceState } from 't4-app-integration';*/\r\n\r\n@Component({\r\n selector: 'app-photo-view',\r\n templateUrl: './photo-view.component.html',\r\n styleUrls: ['./photo-view.component.css'],\r\n standalone: false\r\n})\r\nexport class PhotoViewComponent extends ComponentBase implements OnInit {\r\n\r\n @Input() public bookingId: number;\r\n @Input() public event: string = \"Pickup\";\r\n\r\n @Input() public photo: PhotoModel;\r\n\r\n @Output() public completed = new EventEmitter\r\n \r\n cancel \r\n ![]()
\r\n \r\n \r\n ![]()
\r\n \r\n \r\n ![](\"{{)
\r\n \r\n \r\n\r\n
\r\n{{ location.Name }}
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n{{'TO.Customers.Table.Address' | translate: 'Address' }}
\r\n{{ location.Address }}
\r\n {{ location.ZipCode }}
\r\n {{ location.City }}
\r\n {{location.Phone}}
\r\n\r\n {{ 'Intellitrailer.Component.LocationInformation.OpenHours' | translate : 'Open hours' }}
\r\n{{location.OpenHours}}
\r\n \r\n \r\n
\r\n\r\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { DialogBase, LocationInfo } from 't4core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-location-info',\r\n templateUrl: './location-info.component.html',\r\n styleUrls: ['./location-info.component.css'],\r\n standalone: false\r\n})\r\nexport class LocationInfoComponent extends DialogBase implements OnInit {\r\n\r\n public loader: boolean = false;\r\n public location: LocationInfo;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n","\r\n
\r\n\r\n
\r\n {{ 'Intellitrailer.Rental.ChangeObject.AvailableTrailers' | translate : 'Available trailers' }}
\r\n{{ 'Intellitrailer.Rental.ChangeObject.ChangePrompt' | translate : 'Please change to another available trailer below.' }}
\r\n\r\n0\">{{ 'Intellitrailer.Rental.ChangeObject.SameTypeTitle' | translate : 'Same type as booking' }}
\r\n 0\" class=\"object-wrapper\">\r\n
\r\n\r\n \r\n
\r\n 0\">{{ 'Intellitrailer.Rental.ChangeObject.OtherTypesTitle' | translate : 'Other types' }}
\r\n 0\" class=\"object-wrapper\">\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {{ 'Intellitrailer.Rental.ChangeObject.ContactSupport' | translate : 'Contact support' }}
\r\n{{ 'Intellitrailer.Rental.ChangeObject.CallPrompt' | translate : 'Please call the number below to get help with resolving this issue' }}
\r\n0701234567
\r\n\r\n \r\n
\r\n\r\n","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\nimport { NavigationService } from 'app-components';\r\nimport { PageBase, RentalObjectInfo, RentalInfo, BookingErrorCode } from 't4core';\r\nimport { ActiveRentalService } from 'app-components';\r\n\r\n@Component({\r\n selector: 'app-change-object',\r\n templateUrl: './change-object.component.html',\r\n styleUrls: ['./change-object.component.css'],\r\n standalone: false\r\n})\r\nexport class ChangeObjectComponent extends PageBase implements OnInit {\r\n\r\n public booking: RentalInfo;\r\n\r\n public selectedObject: RentalObjectInfo;\r\n public availableObjects: RentalObjectInfo[];\r\n public availableObjectsOfSameType: RentalObjectInfo[] = [];\r\n\r\n constructor(el: ElementRef, private appSvc: AppIntegrationService, private aviationService: NavigationService, private rentalService: ActiveRentalService) {\r\n super(el);\r\n this.rentalService.getBooking().then(x => this.booking = x);\r\n }\r\n\r\n async ngOnInit(): Promise\r\n\r\n
\r\n\r\n","import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';\r\nimport { PageBase, RentalInfo, RentalStatus } from 't4core';\r\nimport { AppIntegrationService, AppSettingsService } from 't4-app-integration';\r\nimport { NavigationResolver, NavigationService, ActiveRentalService, LayoutService } from 'app-components';\r\n\r\n@Component({\r\n selector: 'app-detect-lock',\r\n templateUrl: './detect-lock.component.html',\r\n styleUrls: ['./detect-lock.component.css'],\r\n standalone: false\r\n})\r\n\r\nexport class DetectLockComponent extends PageBase implements OnInit {\r\n \r\n public booking: RentalInfo = new RentalInfo();\r\n public event: string = \"\"; // Pickup/Return/Active etc.\r\n constructor(el: ElementRef, public appSvc: AppIntegrationService, private aviationService: NavigationService, private rentalService: ActiveRentalService, public layoutService: LayoutService, public resolver: NavigationResolver, public appSettings: AppSettingsService) {\r\n super(el);\r\n this.event = this.aviationService.getParam(\"event\");\r\n }\r\n\r\n async ngOnInit() {\r\n this.booking = await this.rentalService.getBooking();\r\n\r\n // Check if there are any locks attached to the rental object\r\n // Handle the unlocking based on the type of lock\r\n // If no locks exist bypass the unlocking process\r\n\r\n if (this.booking.RentalObject.Locks.some(x => x.Type == \"Igloo-V1\")) {\r\n this.aviationService.executeCommand(\"Igloo\");\r\n }\r\n else if (this.booking.RentalObject.Locks.some(x => x.Type == \"G3\")) {\r\n this.aviationService.executeCommand(\"Noke\");\r\n } else {\r\n this.aviationService.executeCommand(\"Next\");\r\n }\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-disclose-booking',\r\n templateUrl: './disclose-booking.component.html',\r\n styleUrls: ['./disclose-booking.component.css'],\r\n standalone: false\r\n})\r\nexport class DiscloseBookingComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n {{ 'Intellitrailer.Rental.ConfirmLock.Confirm' | translate : 'Confirm' }}
\r\n \r\n {{ 'Intellitrailer.Rental.ConfirmLock.ReturnProccessInfo' | translate : 'To complete the return process you must return the trailer to the return location and lock it using the provided cover and padlock.' }}\r\n
\r\n {{ 'Intellitrailer.Rental.ConfirmLock.Headline' | translate : 'Did you lock the trailer?' }}
\r\n \r\n \r\n disclose-booking works!
\r\n","{{ 'Intellitrailer.Rental.Component.ExtendRental.lblHowMuchExtraTime' | translate : 'How much extra time do you need?'}}
\r\n\r\n
\r\n \r\n \r\n {{ 'Intellitrailer.Rental.LockTrailer.ReturnProcessInfo' | translate : 'To complete the return process you must return the trailer to the return location and lock it using the provided cover and padlock.' }}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n","import { Type } from \"@angular/core\";\r\n\r\nexport interface NavigationStep {\r\n Key: string; // The unique key identifying this step\r\n Path: string; // The path used to navigate to this step ex: Booking/DateTime\r\n Component: Type\r\n \r\n \r\n
\r\n\r\n \r\n\r\n\r\n \r\n
\r\n\r\n \r\n @if (hasActiveCampaign) {\r\n \r\n
\r\n\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { NavigationService } from 'app-components';\r\nimport { AppIntegrationService, AppSettingsService } from 't4-app-integration';\r\nimport { PageBase } from 't4core';\r\n\r\n@Component({\r\n selector: 'app-return-complete',\r\n templateUrl: './return-complete.component.html',\r\n standalone: false\r\n})\r\nexport class ReturnCompleteComponent extends PageBase implements OnInit {\r\n public theme: string;\r\n public hasActiveCampaign: boolean = false;\r\n constructor(el: ElementRef, private aviationService: NavigationService, public appSettings: AppSettingsService, private appIntegrationService: AppIntegrationService) {\r\n super(el);\r\n }\r\n\r\n async ngOnInit() {\r\n this.theme = this.appSettings.settings.theme || 'Default';\r\n this.hasActiveCampaign = await this.Api.get{{'Intellitrailer.Rental.ReturnComplete.msgInviteFriendsInfo' | translate : 'Invite a friend with your unique referral link and they will receive a discount on their first purchase!'}}
\r\n }\r\n @else {\r\n \r\n }\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n","\r\n
\r\n{{ 'Intellitrailer.Rental.ReturnPayment.AdditionalCosts' | translate : 'Additional costs' }}
\r\n{{ 'Intellitrailer.Rental.ReturnPayment.LateReturnFee' | translate : 'Late return fee' }}
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n {{ 'Intellitrailer.Rental.ReturnPayment.AdditionalCostsText' | translate : 'There are additional costs for this rent.' }}\r\n
\r\n \r\n
\r\n\r\n \r\n {{ 'Intellitrailer.Rental.ReturnPayment.BookingLateText' | translate : 'This booking has not been returned in time.' }}\r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.Rental.ReturnPayment.OutstandingCost' | translate : 'Outstanding cost' }}: {{ returnValidation.ReturnPrice.DiscountedTotalPrice | currency }}.\r\n
\r\n \r\n {{ 'Intellitrailer.Rental.SecurityCheck.Headline' | translate : 'Security check' }}\r\n
\r\n \r\n {{ 'Intellitrailer.Rental.SecurityCheck.lblCheckCurrentCond' | translate : 'Check the current condition of the trailer below:' }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n OK\r\n \r\n
\r\n \r\n
\r\n {{ 'Intellitrailer.Rental.SecurityCheck.Faulty' | translate : 'Faulty' }}\r\n \r\n
\r\n {{ 'Intellitrailer.Rental.SecurityCheck.CheckPoint.' + p.Key | translate}}
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {{ 'Intellitrailer.Rental.SecurityCheck.txtFaultsInfo' | translate : 'You have marked something as faulty. In the next step you will be asked to take a photo of that part to document it for us.' }}
\r\n\r\n
\r\n","{{ title }}...
\r\n{{ description }}
\r\n\r\n
\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { PageBase, PickupResultCode } from 't4core';\r\nimport { ActivatedRoute, } from '@angular/router';\r\nimport { NavigationService } from 'app-components';\r\nimport { ActiveRentalService } from 'app-components';\r\nimport { LayoutService } from 'app-components';\r\n\r\n@Component({\r\n selector: 'app-start-rental',\r\n templateUrl: './start-rental.html',\r\n standalone: false\r\n})\r\nexport class StartRentalComponent extends PageBase implements OnInit {\r\n public loading: boolean = true;\r\n public errorCode: string = \"\";\r\n\r\n\r\n constructor(private navigationService: NavigationService, private rentalService: ActiveRentalService, el: ElementRef, private route: ActivatedRoute, private layoutService: LayoutService) {\r\n super(el);\r\n\r\n // Validate state\r\n //if (!this.rentalService.booking || this.rentalService.booking.Id == 0) {\r\n // Display error and abort\r\n //}\r\n }\r\n\r\n async ngOnInit() {\r\n var discloseResult = await this.rentalService.startRental();\r\n\r\n // Successful?\r\n if (discloseResult == PickupResultCode.SuccessWithoutPayment || discloseResult == PickupResultCode.SuccessWithPayment) {\r\n this.navigationService.executeCommand(\"Started\");\r\n }\r\n\r\n // Payment failed\r\n else if (discloseResult == PickupResultCode.PaymentActionRequired || discloseResult == PickupResultCode.PaymentFailed) {\r\n let booking = await this.rentalService.getBooking();\r\n this.Api.get\r\n
\r\n\r\n \r\n \r\n \r\n \r\n ![](\"/Images/ErrorImg.png\")
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n
\r\n {{ 'Intellitrailer.Rental.Start.Failed' | translate : 'Could not start rental' }}
\r\n{{ 'Intellitrailer.Rental.Start.msgErrorCode' | translate : 'Error code' }}: {{ errorCode }}
\r\n\r\n\r\n \r\n {{ 'Intellitrailer.Rental.Start.Error10Message1' | translate : 'The booking cannot be started. It may have already been started, or there might be an issue with the booking details.' }}
\r\n\r\n
{{ 'Intellitrailer.Rental.Start.Error10Message2' | translate : 'Please check and try again.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.Start.Error9Message1' | translate : 'The booking cannot be started. A trailer is not assigned to this booking, or there might be an issue with the booking details.' }}
\r\n\r\n
{{ 'Intellitrailer.Rental.Start.Error9Message2' | translate : 'Please check and try again or contact support for assistance.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.Start.Error8Message1' | translate : 'The booking cannot be started. We couldn’t find the booking, or there might be an issue with the booking details.' }}
\r\n\r\n
{{ 'Intellitrailer.Rental.Start.Error8Message2' | translate : 'Please check and try again.' }}
\r\n \r\n\r\n
\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { PageBase, ReturnResultCode } from 't4core';\r\nimport { LayoutService } from 'app-components';\r\nimport { NavigationService } from 'app-components';\r\nimport { ActiveRentalService } from 'app-components';\r\n\r\n@Component({\r\n selector: 'app-stop-rentalstart-rental',\r\n templateUrl: './stop-rental.html',\r\n standalone: false\r\n})\r\nexport class StopRentalComponent extends PageBase implements OnInit {\r\n\r\n public loading: boolean = true;\r\n public errorCode: string = \"\";\r\n\r\n constructor(private navigationService: NavigationService, private rentalService: ActiveRentalService, el: ElementRef, private route: ActivatedRoute, private layoutService: LayoutService) {\r\n super(el);\r\n\r\n // Validate state\r\n //if (!this.rentalService.booking || this.rentalService.booking.Id == 0) {\r\n // Display error and abort\r\n //}\r\n\r\n }\r\n\r\n async ngOnInit() {\r\n var result = await this.rentalService.return();\r\n let booking = await this.rentalService.getBooking();\r\n // Successful?\r\n if (result == ReturnResultCode.Success) {\r\n this.navigationService.executeCommand(\"Returned\", { rentalId: booking.Id });\r\n }\r\n\r\n // Payment failed\r\n else if (result == ReturnResultCode.PaymentActionRequired || result == ReturnResultCode.PaymentFailed) {\r\n this.navigationService.executeCommand(\"PaymentFailed\", { rentalId: booking.Id });\r\n }\r\n\r\n // Something else is wrong. Display error and abort\r\n else {\r\n this.errorCode = result.toString();\r\n this.loading = false;\r\n\r\n this.Api.get\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n {{ 'Intellitrailer.Rental.Stop.Failed' | translate : 'Could not return trailer' }}
\r\n{{ 'Intellitrailer.Rental.Stop.msgErrorCode' | translate : 'ErrorCode' }}: {{ errorCode }}
\r\n\r\n\r\n \r\n {{ 'Intellitrailer.Rental.Stop.Error10Message1' | translate : 'The return cannot be completed. The booking may already be returned, or there might be an issue with the booking details.' }}
\r\n\r\n
{{ 'Intellitrailer.Rental.Stop.Error10Message2' | translate : 'Please check and try again.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.Stop.Error8Message1' | translate : 'The return cannot be completed. We couldn’t find the booking, or there might be an issue with the booking details.' }}
\r\n\r\n
{{ 'Intellitrailer.Rental.Stop.Error8Message2' | translate : 'Please check and try again.' }}
\r\n \r\n\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n","import { _IdGenerator, FocusKeyManager } from '@angular/cdk/a11y';\nimport { Directionality, BidiModule } from '@angular/cdk/bidi';\nimport { hasModifierKey, SPACE, ENTER } from '@angular/cdk/keycodes';\nimport * as i0 from '@angular/core';\nimport { inject, ElementRef, Directive, TemplateRef, InjectionToken, EventEmitter, booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, ContentChildren, ViewChild, Input, Output, ChangeDetectorRef, QueryList, numberAttribute, NgModule } from '@angular/core';\nimport { ControlContainer } from '@angular/forms';\nimport { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';\nimport { Subject, of } from 'rxjs';\nimport { startWith, takeUntil } from 'rxjs/operators';\n\nclass CdkStepHeader {\n _elementRef = inject(ElementRef);\n constructor() { }\n /** Focuses the step header. */\n focus() {\n this._elementRef.nativeElement.focus();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: CdkStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"19.2.0\", type: CdkStepHeader, isStandalone: true, selector: \"[cdkStepHeader]\", host: { attributes: { \"role\": \"tab\" } }, ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: CdkStepHeader, decorators: [{\n type: Directive,\n args: [{\n selector: '[cdkStepHeader]',\n host: {\n 'role': 'tab',\n },\n }]\n }], ctorParameters: () => [] });\n\nclass CdkStepLabel {\n template = inject(TemplateRef);\n constructor() { }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: CdkStepLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"19.2.0\", type: CdkStepLabel, isStandalone: true, selector: \"[cdkStepLabel]\", ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: CdkStepLabel, decorators: [{\n type: Directive,\n args: [{\n selector: '[cdkStepLabel]',\n }]\n }], ctorParameters: () => [] });\n\n/** Change event emitted on selection changes. */\nclass StepperSelectionEvent {\n /** Index of the step now selected. */\n selectedIndex;\n /** Index of the step previously selected. */\n previouslySelectedIndex;\n /** The step instance now selected. */\n selectedStep;\n /** The step instance previously selected. */\n previouslySelectedStep;\n}\n/** Enum to represent the different states of the steps. */\nconst STEP_STATE = {\n NUMBER: 'number',\n EDIT: 'edit',\n DONE: 'done',\n ERROR: 'error',\n};\n/** InjectionToken that can be used to specify the global stepper options. */\nconst STEPPER_GLOBAL_OPTIONS = new InjectionToken('STEPPER_GLOBAL_OPTIONS');\nclass CdkStep {\n _stepperOptions;\n _stepper = inject(CdkStepper);\n _displayDefaultIndicatorType;\n /** Template for step label if it exists. */\n stepLabel;\n /** Forms that have been projected into the step. */\n _childForms;\n /** Template for step content. */\n content;\n /** The top level abstract control of the step. */\n stepControl;\n /** Whether user has attempted to move away from the step. */\n interacted = false;\n /** Emits when the user has attempted to move away from the step. */\n interactedStream = new EventEmitter();\n /** Plain text label of the step. */\n label;\n /** Error message to display when there's an error. */\n errorMessage;\n /** Aria label for the tab. */\n ariaLabel;\n /**\n * Reference to the element that the tab is labelled by.\n * Will be cleared if `aria-label` is set at the same time.\n */\n ariaLabelledby;\n /** State of the step. */\n state;\n /** Whether the user can return to this step once it has been marked as completed. */\n editable = true;\n /** Whether the completion of step is optional. */\n optional = false;\n /** Whether step is marked as completed. */\n get completed() {\n return this._completedOverride == null ? this._getDefaultCompleted() : this._completedOverride;\n }\n set completed(value) {\n this._completedOverride = value;\n }\n _completedOverride = null;\n _getDefaultCompleted() {\n return this.stepControl ? this.stepControl.valid && this.interacted : this.interacted;\n }\n /** Whether step has an error. */\n get hasError() {\n return this._customError == null ? this._getDefaultError() : this._customError;\n }\n set hasError(value) {\n this._customError = value;\n }\n _customError = null;\n _getDefaultError() {\n return this.stepControl && this.stepControl.invalid && this.interacted;\n }\n constructor() {\n const stepperOptions = inject(STEPPER_GLOBAL_OPTIONS, { optional: true });\n this._stepperOptions = stepperOptions ? stepperOptions : {};\n this._displayDefaultIndicatorType = this._stepperOptions.displayDefaultIndicatorType !== false;\n }\n /** Selects this step component. */\n select() {\n this._stepper.selected = this;\n }\n /** Resets the step to its initial state. Note that this includes resetting form data. */\n reset() {\n this.interacted = false;\n if (this._completedOverride != null) {\n this._completedOverride = false;\n }\n if (this._customError != null) {\n this._customError = false;\n }\n if (this.stepControl) {\n // Reset the forms since the default error state matchers will show errors on submit and we\n // want the form to be back to its initial state (see #29781). Submitted state is on the\n // individual directives, rather than the control, so we need to reset them ourselves.\n this._childForms?.forEach(form => form.resetForm?.());\n this.stepControl.reset();\n }\n }\n ngOnChanges() {\n // Since basically all inputs of the MatStep get proxied through the view down to the\n // underlying MatStepHeader, we have to make sure that change detection runs correctly.\n this._stepper._stateChanged();\n }\n _markAsInteracted() {\n if (!this.interacted) {\n this.interacted = true;\n this.interactedStream.emit(this);\n }\n }\n /** Determines whether the error state can be shown. */\n _showError() {\n // We want to show the error state either if the user opted into/out of it using the\n // global options, or if they've explicitly set it through the `hasError` input.\n return this._stepperOptions.showError ?? this._customError != null;\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: CdkStep, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"16.1.0\", version: \"19.2.0\", type: CdkStep, isStandalone: true, selector: \"cdk-step\", inputs: { stepControl: \"stepControl\", label: \"label\", errorMessage: \"errorMessage\", ariaLabel: [\"aria-label\", \"ariaLabel\"], ariaLabelledby: [\"aria-labelledby\", \"ariaLabelledby\"], state: \"state\", editable: [\"editable\", \"editable\", booleanAttribute], optional: [\"optional\", \"optional\", booleanAttribute], completed: [\"completed\", \"completed\", booleanAttribute], hasError: [\"hasError\", \"hasError\", booleanAttribute] }, outputs: { interactedStream: \"interacted\" }, queries: [{ propertyName: \"stepLabel\", first: true, predicate: CdkStepLabel, descendants: true }, { propertyName: \"_childForms\", predicate: \n // Note: we look for `ControlContainer` here, because both `NgForm` and `FormGroupDirective`\n // provides themselves as such, but we don't want to have a concrete reference to both of\n // the directives. The type is marked as `Partial` in case we run into a class that provides\n // itself as `ControlContainer` but doesn't have the same interface as the directives.\n ControlContainer, descendants: true }], viewQueries: [{ propertyName: \"content\", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: [\"cdkStep\"], usesOnChanges: true, ngImport: i0, template: '{{ 'T4.Database.PhotoAngle.' + photo.angle?.Id + '_Name' | translate : photo.angle?.Name }}
\r\n\r\n
\r\n {{ 'T4.Database.PhotoAngleDescription.' + photo.angle?.Id + '_Name' | translate : photo.angle?.Description }}
\r\n\r\n{{ 'Intellitrailer.Rental.Summary.Summary' | translate : 'Summary' }}
\r\n\r\n \r\n ![]()
\r\n \r\n
\r\n {{ 'T4.Database.PhotoAngle.' + photo.angle?.Id + '_Name' | translate : photo.angle?.Name }}
\r\n{{ 'Intellitrailer.Rental.Summary.AdditionalPhotos' | translate : 'Additional Photos' }}
\r\n\r\n
\r\n {{ 'Intellitrailer.Rental.Pickup.DocumentIssue' | translate : 'Document Issue or Damage' }}
\r\n{{ 'Intellitrailer.Rental.Pickup.DocumentDescription' | translate : 'Please take a clear picture to document any issues or damage you´ve noticed with the trailer.' }}
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {{ 'Intellitrailer.Rental.UnlockCheck.UnlockOK' | translate : 'Did the lock unlock?' }}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n","import { animate, style, transition, trigger } from '@angular/animations';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { BookingModel, BookingService, NavigationService } from 'app-components';\r\nimport { AppSettingsService, AppTypeSettings } from 't4-app-integration';\r\nimport { LocationInfo, PageBase } from 't4core';\r\nimport { LocationMapComponent } from '../../../../lib/Components/location-map/location-map.component';\r\n\r\n@Component({\r\n selector: 'app-Use4Free',\r\n templateUrl: './Use4Free.html',\r\n standalone: false\r\n})\r\nexport class Use4FreeComponent extends PageBase implements OnInit {\r\n\r\n constructor(el: ElementRef)\r\n {\r\n super(el);\r\n }\r\n\r\n async ngOnInit() {\r\n }\r\n\r\n public hinunterlassen() {\r\n window.open('https://r.turbo4.net/U4F');\r\n }\r\n}\r\n","\r\n \r\n ![](\"/Styles/Use4Free/logo.png\")
\r\n \r\n
\r\n\r\n","import { TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';\nimport { CdkStepLabel, CdkStepHeader, CdkStep, CdkStepper, CdkStepperNext, CdkStepperPrevious, CdkStepperModule } from '@angular/cdk/stepper';\nimport * as i0 from '@angular/core';\nimport { Directive, Injectable, Optional, SkipSelf, inject, ChangeDetectorRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, TemplateRef, ViewContainerRef, ContentChild, NgZone, Renderer2, ANIMATION_MODULE_TYPE, signal, QueryList, EventEmitter, ElementRef, ViewChildren, ContentChildren, Output, NgModule } from '@angular/core';\nimport { _StructuralStylesLoader, MatRipple, ErrorStateMatcher, MatCommonModule, MatRippleModule } from '@angular/material/core';\nimport { MatIcon, MatIconModule } from '@angular/material/icon';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { Subject, Subscription } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';\nimport { Platform } from '@angular/cdk/platform';\nimport { switchMap, map, startWith, takeUntil } from 'rxjs/operators';\n\nclass MatStepLabel extends CdkStepLabel {\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepLabel, deps: null, target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"19.2.0\", type: MatStepLabel, isStandalone: true, selector: \"[matStepLabel]\", usesInheritance: true, ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepLabel, decorators: [{\n type: Directive,\n args: [{\n selector: '[matStepLabel]',\n }]\n }] });\n\n/** Stepper data that is required for internationalization. */\nclass MatStepperIntl {\n /**\n * Stream that emits whenever the labels here are changed. Use this to notify\n * components if the labels have changed after initialization.\n */\n changes = new Subject();\n /** Label that is rendered below optional steps. */\n optionalLabel = 'Optional';\n /** Label that is used to indicate step as completed to screen readers. */\n completedLabel = 'Completed';\n /** Label that is used to indicate step as editable to screen readers. */\n editableLabel = 'Editable';\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepperIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepperIntl, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepperIntl, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }] });\n/**\n * @docs-private\n * @deprecated No longer used, will be removed.\n * @breaking-change 21.0.0\n */\nfunction MAT_STEPPER_INTL_PROVIDER_FACTORY(parentIntl) {\n return parentIntl || new MatStepperIntl();\n}\n/**\n * @docs-private\n * @deprecated No longer used, will be removed.\n * @breaking-change 21.0.0\n */\nconst MAT_STEPPER_INTL_PROVIDER = {\n provide: MatStepperIntl,\n deps: [[new Optional(), new SkipSelf(), MatStepperIntl]],\n useFactory: MAT_STEPPER_INTL_PROVIDER_FACTORY,\n};\n\nclass MatStepHeader extends CdkStepHeader {\n _intl = inject(MatStepperIntl);\n _focusMonitor = inject(FocusMonitor);\n _intlSubscription;\n /** State of the given step. */\n state;\n /** Label of the given step. */\n label;\n /** Error message to display when there's an error. */\n errorMessage;\n /** Overrides for the header icons, passed in via the stepper. */\n iconOverrides;\n /** Index of the given step. */\n index;\n /** Whether the given step is selected. */\n selected;\n /** Whether the given step label is active. */\n active;\n /** Whether the given step is optional. */\n optional;\n /** Whether the ripple should be disabled. */\n disableRipple;\n /**\n * Theme color of the step header. This API is supported in M2 themes only, it\n * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/stepper/styling.\n *\n * For information on applying color variants in M3, see\n * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants\n */\n color;\n constructor() {\n super();\n const styleLoader = inject(_CdkPrivateStyleLoader);\n styleLoader.load(_StructuralStylesLoader);\n styleLoader.load(_VisuallyHiddenLoader);\n const changeDetectorRef = inject(ChangeDetectorRef);\n this._intlSubscription = this._intl.changes.subscribe(() => changeDetectorRef.markForCheck());\n }\n ngAfterViewInit() {\n this._focusMonitor.monitor(this._elementRef, true);\n }\n ngOnDestroy() {\n this._intlSubscription.unsubscribe();\n this._focusMonitor.stopMonitoring(this._elementRef);\n }\n /** Focuses the step header. */\n focus(origin, options) {\n if (origin) {\n this._focusMonitor.focusVia(this._elementRef, origin, options);\n }\n else {\n this._elementRef.nativeElement.focus(options);\n }\n }\n /** Returns string label of given step if it is a text label. */\n _stringLabel() {\n return this.label instanceof MatStepLabel ? null : this.label;\n }\n /** Returns MatStepLabel if the label of given step is a template label. */\n _templateLabel() {\n return this.label instanceof MatStepLabel ? this.label : null;\n }\n /** Returns the host HTML element. */\n _getHostElement() {\n return this._elementRef.nativeElement;\n }\n /** Template context variables that are exposed to the `matStepperIcon` instances. */\n _getIconContext() {\n return {\n index: this.index,\n active: this.active,\n optional: this.optional,\n };\n }\n _getDefaultTextForState(state) {\n if (state == 'number') {\n return `${this.index + 1}`;\n }\n if (state == 'edit') {\n return 'create';\n }\n if (state == 'error') {\n return 'warning';\n }\n return state;\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"19.2.0\", type: MatStepHeader, isStandalone: true, selector: \"mat-step-header\", inputs: { state: \"state\", label: \"label\", errorMessage: \"errorMessage\", iconOverrides: \"iconOverrides\", index: \"index\", selected: \"selected\", active: \"active\", optional: \"optional\", disableRipple: \"disableRipple\", color: \"color\" }, host: { attributes: { \"role\": \"tab\" }, properties: { \"class\": \"\\\"mat-\\\" + (color || \\\"primary\\\")\" }, classAttribute: \"mat-step-header\" }, usesInheritance: true, ngImport: i0, template: \"\\n\\n\\n{{ 'Intellitrailer.Home.UseUse4Free.lblHeadline' | translate : 'This app is no longer in use' }}
\r\n{{ 'Intellitrailer.Home.UseUse4Free.lblMessage' | translate : 'Please download and use the new Use4Free app to rent your trailer.' }}
\r\n\r\n \r\n \r\n
\r\n \\n @if (_templateLabel(); as templateLabel) {\\n \\n
\\n\\n\", styles: [\".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:\\\"\\\"}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-inverse-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-inverse-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color);color:var(--mat-stepper-header-done-state-icon-foreground-color)}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}\"], dependencies: [{ kind: \"directive\", type: MatRipple, selector: \"[mat-ripple], [matRipple]\", inputs: [\"matRippleColor\", \"matRippleUnbounded\", \"matRippleCentered\", \"matRippleRadius\", \"matRippleAnimation\", \"matRippleDisabled\", \"matRippleTrigger\"], exportAs: [\"matRipple\"] }, { kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"component\", type: MatIcon, selector: \"mat-icon\", inputs: [\"color\", \"inline\", \"svgIcon\", \"fontSet\", \"fontIcon\"], exportAs: [\"matIcon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepHeader, decorators: [{\n type: Component,\n args: [{ selector: 'mat-step-header', host: {\n 'class': 'mat-step-header',\n '[class]': '\"mat-\" + (color || \"primary\")',\n 'role': 'tab',\n }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatRipple, NgTemplateOutlet, MatIcon], template: \"\\n\\n\\n\\n
\\n } @else if (_stringLabel()) {\\n \\n {{label}}
\\n }\\n\\n @if (optional && state != 'error') {\\n {{_intl.optionalLabel}}
\\n }\\n\\n @if (state === 'error') {\\n {{errorMessage}}
\\n }\\n\\n @if (_templateLabel(); as templateLabel) {\\n \\n
\\n\\n\", styles: [\".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:\\\"\\\"}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-inverse-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-inverse-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color);color:var(--mat-stepper-header-done-state-icon-foreground-color)}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}\"] }]\n }], ctorParameters: () => [], propDecorators: { state: [{\n type: Input\n }], label: [{\n type: Input\n }], errorMessage: [{\n type: Input\n }], iconOverrides: [{\n type: Input\n }], index: [{\n type: Input\n }], selected: [{\n type: Input\n }], active: [{\n type: Input\n }], optional: [{\n type: Input\n }], disableRipple: [{\n type: Input\n }], color: [{\n type: Input\n }] } });\n\n/**\n * Template to be used to override the icons inside the step header.\n */\nclass MatStepperIcon {\n templateRef = inject(TemplateRef);\n /** Name of the icon to be overridden. */\n name;\n constructor() { }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepperIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"19.2.0\", type: MatStepperIcon, isStandalone: true, selector: \"ng-template[matStepperIcon]\", inputs: { name: [\"matStepperIcon\", \"name\"] }, ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepperIcon, decorators: [{\n type: Directive,\n args: [{\n selector: 'ng-template[matStepperIcon]',\n }]\n }], ctorParameters: () => [], propDecorators: { name: [{\n type: Input,\n args: ['matStepperIcon']\n }] } });\n\n/**\n * Content for a `mat-step` that will be rendered lazily.\n */\nclass MatStepContent {\n _template = inject(TemplateRef);\n constructor() { }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"19.2.0\", type: MatStepContent, isStandalone: true, selector: \"ng-template[matStepContent]\", ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.0\", ngImport: i0, type: MatStepContent, decorators: [{\n type: Directive,\n args: [{\n selector: 'ng-template[matStepContent]',\n }]\n }], ctorParameters: () => [] });\n\nclass MatStep extends CdkStep {\n _errorStateMatcher = inject(ErrorStateMatcher, { skipSelf: true });\n _viewContainerRef = inject(ViewContainerRef);\n _isSelected = Subscription.EMPTY;\n /** Content for step label given by `\\n
\\n } @else if (_stringLabel()) {\\n \\n {{label}}
\\n }\\n\\n @if (optional && state != 'error') {\\n {{_intl.optionalLabel}}
\\n }\\n\\n @if (state === 'error') {\\n {{errorMessage}}
\\n }\\n\\n
\\n \\n }\\n\\n @case ('vertical') {\\n @for (step of steps; track step) {\\n \\n @for (step of steps; track step) {\\n
\\n\\n \\n @for (step of steps; track step) {\\n \\n \\n
\\n }\\n \\n \\n
\\n \\n }\\n }\\n}\\n\\n\\n\\n
\\n \\n \\n
\\n \\n
\\n \\n }\\n\\n @case ('vertical') {\\n @for (step of steps; track step) {\\n \\n @for (step of steps; track step) {\\n
\\n\\n \\n @for (step of steps; track step) {\\n \\n \\n
\\n }\\n \\n \\n
\\n \\n }\\n }\\n}\\n\\n\\n\\n
\\n \\n \\n
\\n \r\n photo_camera \r\n photo_camera \r\n\r\n
\r\n","import { Component, OnInit, ElementRef, EventEmitter, Output, Input } from '@angular/core';\r\nimport { PageBase } from 't4core';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\nimport { NavigationService } from 'app-components';\r\n\r\n@Component({\r\n selector: 'app-cameraPermissionRequired',\r\n templateUrl: './cameraPermissionRequired.html',\r\n standalone: false\r\n})\r\nexport class CameraPermissionRequired extends PageBase implements OnInit {\r\n\r\n @Input() permissionAsked: boolean = false;\r\n\r\n @Output()\r\n public next: EventEmitter{{ 'Intellitrailer.CameraPermissionRequired.Title' | translate : 'Enable camera access'}}
\r\n\r\n{{'Intellitrailer.CameraPermissionRequired.SubTitle' | translate : 'We need access to your camera.' }}
\r\n{{ 'Intellitrailer.CameraPermissionRequired.Text' | translate : 'You are now going to take photos of the trailer to document the current state. Therefor the app needs access to your camera.'}}
\r\n{{ 'Intellitrailer.CameraPermissionRequired.OpenSettingsInfo' | translate : 'In order to take photos of the trailer, please go to settings and give camera access'}}
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n{{ 'Intellitrailer.Rental.keepinmind.title' | translate : 'Starting the journey' }}...
\r\n{{ 'Intellitrailer.Rental.keepinmind.header2' | translate : 'Keep in mind' }}
\r\n\r\n
\r\n 0\" class=\"keepInMindStep\">{{ 'Intellitrailer.Rental.keepinmind.step_1a' | translate : 'Remember to lock the trailer on return.' }}
\r\n1\" class=\"keepInMindStep\">{{ 'Intellitrailer.Rental.keepinmind.step_2a' | translate : 'Don`t forget to end the rental in the app when you have returned the trailer.' }}
\r\n\r\n \r\n
{{'Intellitrailer.SelectFamily.txtWelcomeMessage.' + appSettings.settings.theme | translate: 'Welcome to ' + appSettings.settings.theme + '!'}}
\r\n{{'Intellitrailer.SelectFamily.txtSelectType' | translate: 'Select trailer type'}}
\r\n\r\n
\r\n }\r\n @else\r\n {\r\n {{'Intellitrailer.SelectFamily.txtFamilyName_' + type.Id | translate: type.Name }}
\r\n {{'Intellitrailer.SelectFamily.txtFamilyDescription_' + type.Id | translate: type.Description}}\r\n \r\n \r\n\r\n
\r\n {{'Intellitrailer.SelectFamily.txtFamilyName_' + type.Id | translate: type.Name }}
\r\n {{'Intellitrailer.SelectFamily.txtFamilyDescription_' + type.Id | translate: type.Description}}\r\n{{'Intellitrailer_Home_Home_HowDoesItWork' | translate: 'How does it work?' }}
\r\n\r\n\r\n
\r\n\r\n","\r\n
\r\n\r\n{{ 'Intellitrailer.Rental.AskPurchase.Headline' | translate : 'Did you buy anything in the store?' }}
\r\n \r\n {{ 'Intellitrailer.Rental.AskPurchase.AskPurchaseInfo' | translate : 'Have you made any purchases at the store while renting the trailer?' }}\r\n
\r\n \r\n \r\n {{ 'Intellitrailer.Booking.ExtendBookingTimePicker.CurrentTime' | translate : 'Current time return'}} : {{ this.booking.ReturnTime.toDate() | date:'MMM dd, HH:mm' | uppercase }}
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Intellitrailer.Booking.ExtendBookingTimePicker.ChoseNewTime' | translate : 'Choose new return time'}}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ 'Intellitrailer.Booking.ExtendBookingTimePicker.NewTime' | translate : 'New time return'}} : {{ _returnTime.toDate() | date:'MMM dd, HH:mm' | uppercase}}
\r\n\r\n
\r\n \r\n {{ 'Intellitrailer.Booking.ExtendBookingTimePicker.AdditionalCost' | translate : 'Additional Cost'}} : {{ additionalCost | currency }}\r\n
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n{{ 'Intellitrailer.Booking.selectedObjectInfo.Title' | translate : 'Information' }}
\r\n\r\n
\r\n {{'Intellitrailer.Booking.selectedObjectInfo.txtInfo_' + bookingState.booking.PrimaryType.Id | translate: 'The varubil is not a part of the Use4Free concept other than the ability to make the booking through our app. Therefore, the car cannot be used for 3 hours for free.'}}\r\n
\r\n {{ 'Intellitrailer.Booking.selectedObjectInfo.txtThanks' | translate: 'Thank you for your understanding.' }}\r\n
\r\n \r\n
\r\n\r\n","import { Component, ElementRef } from '@angular/core';\r\nimport { BookingModel, BookingService, LayoutService, NavigationService } from 'app-components';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\nimport { LocationInfo, PageBase, RentalInfo, TypeCategoryInfo } from 't4core';\r\n\r\n@Component({\r\n selector: 'selected-object-info',\r\n templateUrl: './selected-object-info.html',\r\n styleUrls: ['./selected-object-info.css'],\r\n standalone: false\r\n})\r\nexport class SelectedObjectInfo extends PageBase {\r\n public bookingState: BookingModel;\r\n public loading: boolean = true;\r\n\r\n public selectedCategory: TypeCategoryInfo;\r\n\r\n constructor(\r\n private navigator: NavigationService,\r\n el: ElementRef,\r\n private appService: AppIntegrationService,\r\n private bookingSvc: BookingService,\r\n public layout: LayoutService) {\r\n super(el);\r\n }\r\n\r\n async ngOnInit() {\r\n this.bookingState = await this.bookingSvc.getBookingState();\r\n }\r\n\r\n public back() {\r\n this.navigator.back();\r\n }\r\n\r\n public next() {\r\n this.navigator.executeCommand(\"Next\");\r\n }\r\n\r\n}\r\n","\r\n bluetooth \r\n\r\n
\r\n","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport { PageBase } from 't4core';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\n\r\n@Component({\r\n selector: 'app-btPermissionRequired',\r\n templateUrl: './btPermissionRequired.html',\r\n standalone: false\r\n})\r\nexport class BTPermissionRequiredComponent extends PageBase implements OnInit {\r\n\r\n public permissionAsked: boolean = false;\r\n\r\n constructor(el: ElementRef, private appService: AppIntegrationService) {\r\n super(el);\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n public askForPermission() {\r\n this.appService.ensureBluetooth();\r\n this.permissionAsked = true;\r\n }\r\n\r\n public openSettings() {\r\n this.appService.openPermissions();\r\n }\r\n}\r\n","{{ 'Intellitrailer.BTPermissionInfo.Title' | translate : 'Enable bluetooth'}}
\r\n\r\n{{'Intellitrailer.BTPermissionInfo.SubTitle' | translate : 'Bluetooth is required to unlock the trailer' }}
\r\n{{ 'Intellitrailer.BTPermissionInfo.Text' | translate : 'Our trailers are equipped with a bluetooth lock. In order to unlock it you need to allow the app to connect to bluetooth devices.'}}
\r\n \r\n \r\n\r\n location_on \r\n\r\n
\r\n","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport { PageBase } from 't4core';\r\nimport { AppIntegrationService } from 't4-app-integration';\r\n\r\n@Component({\r\n selector: 'app-locationPermissionRequired',\r\n templateUrl: './locationPermissionRequired.html',\r\n standalone: false\r\n})\r\nexport class LocationPermissionRequiredComponent extends PageBase implements OnInit {\r\n\r\n public permissionAsked: boolean = false;\r\n\r\n constructor(el: ElementRef, private appService: AppIntegrationService) {\r\n super(el);\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n public askForPermission() {\r\n this.appService.ensureLocation();\r\n this.permissionAsked = true;\r\n }\r\n\r\n public openSettings() {\r\n this.appService.openPermissions();\r\n }\r\n}\r\n","{{ 'Intellitrailer.LocationPermissionInfo.Title' | translate : 'Enable location services'}}
\r\n\r\n{{'Intellitrailer.LocationPermissionInfo.SubTitle' | translate : 'We need your location to unlock.' }}
\r\n{{ 'Intellitrailer.LocationPermissionInfo.Text' | translate : 'In order to determine that you are at the correct location for pickup/return of the trailer and to connect to the bluetooth lock we need to access your location. This information is not stored in any way.'}}
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n {{ 30 - count }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.Searching' | translate : 'Searching for lock' }}...
\r\n{{ 'Intellitrailer.Rental.NokeLock.ActiveLock' | translate : 'Gently press on the bottom part of the lock to activate it. ' }}
\r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.Unlocking' | translate : 'Unlocking' }}...
\r\n{{ 'Intellitrailer.Rental.NokeLock.UnlockingInfo' | translate: 'This process normally takes between 5 and 10 seconds' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.TitleLockNotOpen' | translate: 'Did the lock not open?' }}
\r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.Title2LockNotOpen' | translate: 'Check the shackle' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.txtLockNotOpen1' | translate: 'Sometimes the shackle gets stuck, if it does try this:'}}
\r\n{{ 'Intellitrailer.Rental.NokeLock.txtLockNotOpen2' | translate: 'Shake the lock for 5-10 seconds.'}}
\r\n{{ 'Intellitrailer.Rental.NokeLock.txtLockNotOpen3' | translate: 'Pull the lock downward at the same time you unlock it in the app.'}}
\r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.NotFound' | translate : 'Lock was not found' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.NotFoundInfo' | translate : 'Make sure you are at the correct trailer.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.headBluetoothError-1b' | translate : 'Could not find the lock' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.msgBluetoothError-1b' | translate : 'Verify that the light on the bottom of the lock lights upp when you press it. If this problem persists, please restart the app.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.headBluetoothError0' | translate : 'Bluetooth access denied' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.msgBluetoothError0' | translate : 'Access to bluetooth is required to be able to unlock the lock. Please grant the permissions in you phone settings. Or re-install the app and it will ask you for the permission again.' }}
\r\n \r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.headBluetoothError1' | translate : 'Bluetooth is not enabled' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.msgBluetoothError1' | translate : 'Access to bluetooth is required to be able to unlock the lock. Please enable bluetooth and try again.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.headLocationError0' | translate : 'Location access denied' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.msgLocationError0' | translate : 'Access to location is required to be able to unlock the lock. Please grant the permissions in you phone settings. Or re-install the app and it will ask you for the permission again.' }}
\r\n \r\n \r\n{{ 'Intellitrailer.Rental.NokeLock.headLocationError1' | translate : 'Location services is not enabled' }}
\r\n{{ 'Intellitrailer.Rental.NokeLock.msgLocationError1' | translate : 'Access to Location is required to be able to unlock the lock. Please enable Location and try again.' }}
\r\n \r\n{{ 'Intellitrailer.Rental.IglooLock.IglooUnlock' | translate : 'Unlock' }}
\r\n \r\n{{ 'Intellitrailer.Rental.IglooLock.IglooUnlockWaiting' | translate: 'Please wait while we generate the unlock pin' }}...
\r\n{{ 'Intellitrailer.Rental.IglooLock.IglooUnlockInfo1' | translate: 'Please enter the below pin to unlock.' }}
\r\n\r\n \r\n {{ pin }}\r\n \r\n \r\n \r\n \r\n lock_open \r\n
\r\n {{ 'Intellitrailer.Rental.IglooLock.TitleLockNotOpen' | translate: 'Did the lock not open?' }}
\r\n {{ 'Intellitrailer.Rental.IglooLock.IglooPinNotGenerated' | translate : 'Could not find the pin to unlock' }}
\r\n{{ 'Intellitrailer.Rental.IglooLock.TitleLockNotOpen' | translate: 'Did the lock not open?' }}
\r\n{{ 'Intellitrailer.Rental.IglooLock.IglooNotFoundInfo2' | translate : 'Please make sure you are at the correct trailer.' }}
\r\n{{ 'Intellitrailer.Rental.IglooLock.IglooNotFoundInfo1' | translate : 'Verify the lock number provided below with the trailer lock to ensure you are at the correct trailer.' }}
\r\n{{ 'Intellitrailer.Rental.IglooLock.Igloo.NotFoundLockNo' | translate : 'Lock'}}: {{iglooLock}}
\r\n \r\n\r\n \r\n ![](\"/Images/EnableNfc.png\")
\r\n\r\n \r\n
\r\n","{{ 'Intellitrailer.NfcRequired.Title' | translate : 'Enable Nfc to continue'}}
\r\n\r\n\r\n\r\n {{'Intellitrailer.NfcRequired.SubTitle' | translate : 'Nfc is required to scan the trailer' }}
\r\n{{ 'Intellitrailer.NfcRequired.Text' | translate : 'You need to enable the NFC service on your device to continue'}}
\r\n{{ 'Intellitrailer.Rental.NFCNoLock.headGuide_a' | translate: 'Scan the trailer with your phone' }}
\r\n![](\"/Images/lockless.png\")
\r\n {{ 'Intellitrailer.Rental.NFCNoLock.msgGuide_b' | translate : 'This trailer is equipped with a system to identify it and to control the tracking mechanism.' }}
\r\n{{ 'Intellitrailer.Rental.NFCNoLock.msgGuide_c' | translate : 'Please locate the corresponding area to scan on the front of the trailer. And click the button below.' }}
\r\n\r\n \r\n \r\n
\r\n {{ 30 - count }}
\r\n{{ 'Intellitrailer.Rental.NFCNoLock.SearchingNFC4' | translate : 'Searching for trailer' }}...
\r\n\r\n{{ 'Intellitrailer.Rental.NFCNoLock.UnlockingInfoNFC_ios' | translate: 'Scan the trailer using the top of your device. You might need to move it around a bit.' }}
\r\n![](\"/Images/lockless_ios.png\")
\r\n {{ 'Intellitrailer.Rental.NFCNoLock.UnlockingInfoNFC_android' | translate: 'Place the back of your phone on the correct area of the trailer. You might need to move it around a bit.' }}
\r\n![](\"/Images/lockless_android.png\")
\r\n {{ 'Intellitrailer.Rental.NFCNoLock.UnlockingInfoNFC_generic' | translate: 'Scan the trailer with your device. You might need to move it around a bit.' }}
\r\n\r\n {{ 'Intellitrailer.Rental.NFCNoLock.TitleLockNotOpenNFC4' | translate: 'Failed to find the trailer' }}
\r\n{{ 'Intellitrailer.Rental.NFCNoLock.NotFoundInfo4' | translate : 'Make sure that you are holding your phone correctly, with the reader towards the trailer.' }}
\r\n\r\n \r\n {{ 'Intellitrailer.Rental.NFCNoLock.headWrongTag4' | translate : 'Wrong trailer identified!' }}
\r\n{{ 'Intellitrailer.Rental.NFCNoLock.msgWrongTag4' | translate : 'The trailer you have scanned was not the expected one. Please verify that you are at the correct trailer and try again.' }}
\r\n\r\n
\r\n\r\n ![\"Image]()
\r\n\r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n {{campaign.Title}}
\r\n\r\n {{ campaign.Comment }}\r\n
\r\n\r\n \r\n \r\n \r\n \r\ncampaign.ValidFrom\" style=\"font-size:13px; color:gray; margin:0; margin-top:10px;\">{{ 'Intellitrailer.MyPage.CampaignCard.dateUntil' | translate:'Valid until'}} {{campaign.ValidThrough | date: 'dd-MMM' }}
\r\n{{ 'Intellitrailer.MyPage.CampaignCard.dateBetween1' | translate:'Valid between'}} {{campaign.ValidFrom | date: 'dd-MMM'}} {{ 'T4.CampaignCard.dateBetween2' | translate:'and'}} {{campaign.ValidThrough | date: 'dd-MMM' }}
\r\n{{ 'Intellitrailer.MyPage.CampaignCard.txtDisclamer1' | translate:'The coupon is redeemed at '}}{{campaign.Issuer}}{{ 'Intellitrailer.MyPage.CampaignCard.txtDisclamer2' | translate:', show the code at the checkout.'}}
\r\n\r\n\r\n
\r\n","import { ChangeDetectorRef, Component, ElementRef, OnInit } from '@angular/core';\r\nimport { PageBase, CustomerInfo, CustomerType, User, CampaignInfo } from 't4core';\r\nimport { VerifyAccountComponent } from '../../../MyPage/Components/verify-account/verify-account.component';\r\nimport { MatSlideToggleChange } from '@angular/material/slide-toggle';\r\nimport { AppSettingsService } from 't4-app-integration';\r\nimport { PinCodeDialog } from '../../Dialogs/pin-code-dialog/pin-code-dialog';\r\nimport { UntypedFormControl } from '@angular/forms';\r\nimport { NavigationService } from 'app-components';\r\nimport moment from 'moment';\r\n\r\n@Component({\r\n selector: 'app-my-campaigns',\r\n templateUrl: './my-campaigns.html',\r\n styleUrls: ['./my-campaigns.css'],\r\n standalone: false\r\n})\r\n\r\nexport class CampaignComponent extends PageBase implements OnInit {\r\n\r\n private _campaigns: CampaignInfo[];\r\n public currentTime: moment.Moment = moment();\r\n\r\n public activeCampaigns: ExtendedCampaignInfo[] = [];\r\n public expiredCampaigns: ExtendedCampaignInfo[] = [];\r\n\r\n public isLoading: boolean = false;\r\n\r\n public currentTab = 0;\r\n\r\n constructor(\r\n el: ElementRef,\r\n public appSettings: AppSettingsService,\r\n private navigationService: NavigationService,\r\n private changeDetectorRef: ChangeDetectorRef\r\n ) {\r\n super(el);\r\n }\r\n\r\n async ngOnInit() {\r\n this.isLoading = true;\r\n var token = this.UI.beginLoading(\"Intellitrailer.MyPage.MyCampaigns.msgLoading\", \"Getting offers\", null);\r\n await this.loadCampaigns();\r\n\r\n this.UI.loaderCompleted(token);\r\n this.isLoading = false;\r\n }\r\n\r\n async loadCampaigns(): Promise\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.MyCampaings.btnActiveCampaigns' | translate : 'Available' }}\r\n
\r\n \r\n
\r\n \r\n {{ 'Intellitrailer.MyPage.MyCampaings.btnHistoricCampaigns' | translate : 'Used / Expired' }}\r\n
\r\n {{ 'Intellitrailer.MyPage.MyCampaings.msgNoCurrentOffers' | translate : 'You have no current offers.' }}
\r\n\r\n
\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { NavigationService } from 'app-components';\r\nimport moment from 'moment';\r\nimport { AppSettingsService } from 't4-app-integration';\r\nimport { CampaignInfo, PageBase } from 't4core';\r\n\r\n@Component({\r\n selector: 'app-campaign-details',\r\n templateUrl: './campaign-details.html',\r\n styleUrls: ['./campaign-details.css'],\r\n standalone: false\r\n})\r\nexport class CampaignDetailsComponent extends PageBase implements OnInit {\r\n\r\n public campaign: CampaignInfo;\r\n public isLoading: boolean = false;\r\n public qrcodeUri: string = \"\";\r\n public activatedAt: string = \"\";\r\n\r\n\r\n\r\n constructor(\r\n el: ElementRef,\r\n public appSettings: AppSettingsService,\r\n private navigationService: NavigationService\r\n ) {\r\n super(el);\r\n }\r\n\r\n async ngOnInit() {\r\n this.isLoading = true;\r\n\r\n if (this.navigationService.getParam('discountCode')) {\r\n var discountCode = this.navigationService.getParam('discountCode');\r\n this.campaign = await this.Api.get\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n ![]()
\r\n \r\n \r\n ![]()
\r\n \r\n
\r\n \r\n {{campaign.Title}}\r\n
\r\n\r\n
\r\n {{campaign.Comment}}\r\n
\r\nActivated: {{activatedAt | date: 'MMM d, hh:mm'}}
\r\n\r\n
\r\n - \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { NavigationService } from 'app-components';\r\nimport { AppIntegrationService, AppSettingsService } from 't4-app-integration';\r\nimport * as moment from 'moment';\r\nimport { PageBase, DiscountModel } from 't4core';\r\nimport { AddonPopupComponent } from '../../../Booking/dialogs/addon-popup/addon-popup.component';\r\n\r\n@Component({\r\n selector: 'app-invite-friends',\r\n templateUrl: './invite-friends.component.html',\r\n styleUrls: ['./invite-friends.component.css'],\r\n standalone: false\r\n})\r\nexport class InviteFriendsComponent extends PageBase implements OnInit { \r\n\r\n private discountModel: DiscountModel;\r\n constructor(private navigator: NavigationService, el: ElementRef,\r\n private appSettings: AppSettingsService, private appIntegrationService: AppIntegrationService) {\r\n super(el);\r\n }\r\n\r\n async ngOnInit(): Promise\r\n ![\"Offer](\"../../../../assets/Images/offerIcon.png\"\r\n)
\r\n \r\n
\r\n\r\n \r\n Tap to see your offer!
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n
\r\n {{ 'Intellitrailer.Rental.InviteFriends.ShareDiscountHeadline' | translate : 'Share discount coupons!' }}
\r\n \r\n Invite your friends and share the discount code with them to get discount in the booking!\r\n
\r\n \r\n\r\n
\r\n How it works
\r\n \r\n
\r\n \r\n share \r\n
\r\n\r\n \r\n
\r\n Share the coupons
\r\n\r\n Your friends should use the discount coupon to get the discount while booking.\r\n
\r\n\r\n date_range \r\n
\r\n \r\n
\r\n Don't let your coupons expire
\r\n\r\n You have 30 days from the time a discount coupon is issued until it expires.\r\n
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n Locations \r\n \r\n\r\n @if (searchedOnLocation) {\r\n \r\n }\r\n\r\n @if(searchedOnLocation && selectedLocation == null){\r\n \r\n\r\n \r\n \r\n Categories \r\n \r\n \r\n\r\n ![]()
\r\n {{ category.Name }}\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Start Date \r\n \r\n \r\n keyboard_arrow_down \r\n \r\n \r\n\r\n \r\n PickupTime \r\n \r\n \r\n\r\n \r\n \r\n End Date \r\n \r\n \r\n keyboard_arrow_down \r\n \r\n \r\n \r\n ReturnTime \r\n \r\n\r\n @if(!bookOverNight){\r\n Rent overnight \r\n }\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n {{ location.Name }}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n location_on {{ hoveredLocation.Name }}
\r\n {{ hoveredLocation.Address }}, {{ hoveredLocation.City }} {{ hoveredLocation.ZipCode }}, {{hoveredLocation.Country}}
\r\n\r\n
{{ hoveredLocation.OpenHours }}
\r\nÖppet dygnet runt
\r\n\r\n
\r\n