\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import { BareActionContext, getStoreBuilder } from \"vuex-typex\";\r\nimport { RootState } from \"./\";\r\n\r\n// state\r\nclass State {\r\n loading: number = 0;\r\n};\r\n\r\nconst store = getStoreBuilder\r\n \r\n {{ $t(\"UI:Loading\") }}...\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n {{ $t(\"Login:MaintenanceMessage\") }}\r\n
\r\n\r\n \r\n
\r\n {{ $t(\"Login:HeaderText\") }}
\r\n{{ $t(\"Login:SubHeadingText\") }}
\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import { defineComponent } from \"vue\";\r\n\r\nconst SideImage = defineComponent({\r\n\r\n name: \"SideImage\",\r\n\r\n components: {\r\n\r\n },\r\n\r\n props: {\r\n hideOnMobileAndTablet: {\r\n type: Boolean,\r\n default: false,\r\n }\r\n },\r\n\r\n\r\n});\r\n\r\nexport default SideImage;\r\n","import { render } from \"./SideImage.vue?vue&type=template&id=d2494fb0&scoped=true\"\nimport script from \"./SideImage.ts?vue&type=script&lang=ts\"\nexport * from \"./SideImage.ts?vue&type=script&lang=ts\"\n\nimport \"./SideImage.vue?vue&type=style&index=0&id=d2494fb0&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-d2494fb0\"\n\nexport default script","import axios from \"./index\";\r\nimport { GeneralSettingsOutputDto } from \"@/models/configuratormodels\";\r\n\r\nexport const GeneralSettingsService = {\r\n async getGeneralSettings(): Promise\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n \r\n {{ currentUser.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
\r\n \r\n\r\n\r\n \r\n - \r\n \r\n\r\n \r\n
\r\n \r\n {{ title }}\r\n
\r\n\r\n\r\n\r\n\r\n","import { AccountStore } from \"@/store/accountstate\";\r\nimport { defineComponent } from \"vue\";\r\nimport { useRouter, RouteParams } from \"vue-router\"\r\n\r\nconst GoBack = defineComponent({\r\n name: \"GoBack\",\r\n props: {\r\n title: {\r\n type: String,\r\n required: true\r\n },\r\n routeName: {\r\n type: String,\r\n required: true\r\n },\r\n routeParams:{\r\n type: Object as () => RouteParams,\r\n required:false\r\n },\r\n showSettings:{\r\n type: Boolean,\r\n default: false\r\n }\r\n },\r\n emits: [\r\n \"click\"\r\n ],\r\n setup(props, context) {\r\n const router = useRouter();\r\n\r\n function getRouteName(): string {\r\n if (AccountStore.currentUser != null && AccountStore.currentUser.internalSalesSven && props.routeName === \"orders\") {\r\n return \"searchorders\";\r\n }\r\n return props.routeName\r\n }\r\n \r\n const goBack = async () => {\r\n context.emit(\"click\");\r\n const routeName = getRouteName();\r\n await router.push({ name: routeName, params: props.routeParams});\r\n }\r\n\r\n return {\r\n goBack\r\n };\r\n }\r\n\r\n});\r\n\r\nexport default GoBack;\r\n","import { render } from \"./GoBack.vue?vue&type=template&id=5eaac532&scoped=true\"\nimport script from \"./GoBack.ts?vue&type=script&lang=ts\"\nexport * from \"./GoBack.ts?vue&type=script&lang=ts\"\n\nimport \"./GoBack.vue?vue&type=style&index=0&id=5eaac532&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5eaac532\"\n\nexport default script","import { Options, Vue } from \"vue-class-component\";\r\nimport { AccountService } from \"@/axios/accountservice\";\r\nimport { CurrentUser, Token } from \"@/models/accountmodels\";\r\nimport { AccountStore } from \"@/store/accountstate\";\r\nimport SideImage from '@/components/sideImage/SideImage.vue'\r\nimport GoBack from '@/components/goBack/GoBack.vue'\r\n\r\n@Options({\r\n name: 'Manage',\r\n components: {\r\n SideImage,\r\n GoBack,\r\n }\r\n})\r\nexport default class Manage extends Vue {\r\n protected errorMessage = \"\";\r\n protected successMessage = \"\";\r\n\r\n protected get currentUser(): CurrentUser | null {\r\n return AccountStore.currentUser;\r\n }\r\n\r\n protected set currentUser(user: CurrentUser | null) {\r\n AccountStore.saveUser(user);\r\n }\r\n\r\n protected get showUserOrderSharing(): boolean {\r\n return !AccountStore.currentUser?.internalSalesSven ?? false;\r\n }\r\n\r\n private get currentToken(): Token | null {\r\n return AccountStore.currentToken;\r\n }\r\n\r\n private set currentToken(token: Token | null) {\r\n AccountStore.saveToken(token);\r\n }\r\n\r\n protected onSignOut(): void {\r\n AccountService.signOut().then(() => {\r\n this.currentUser = null;\r\n this.currentToken = null;\r\n this.$router.push({name: \"login\"});\r\n });\r\n }\r\n}\r\n","import { render } from \"./Manage.vue?vue&type=template&id=20caa328&scoped=true\"\nimport script from \"./Manage.ts?vue&type=script&lang=ts\"\nexport * from \"./Manage.ts?vue&type=script&lang=ts\"\n\nimport \"./Manage.vue?vue&type=style&index=0&id=20caa328&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-20caa328\"\n\nexport default script","\r\n \r\n \r\n ![\"IconNotFound\"](\"../../assets/icons/settings.svg\")
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { Options, Vue } from \"vue-class-component\";\r\nimport { AccountService } from \"@/axios/accountservice\";\r\nimport { AccountConfirm, AccountForgotOrCreate } from \"@/models/accountmodels\";\r\nimport qs from \"qs\";\r\nimport { UserFriendlyError } from \"@/models/errormodels\";\r\nimport SideImage from \"@/components/sideImage/SideImage.vue\";\r\n\r\n@Options({\r\n components:{\r\n SideImage\r\n }\r\n})\r\nexport default class ForgotPassword extends Vue {\r\n protected emailAddress = \"\";\r\n protected password = \"\";\r\n protected passwordConfirm = \"\";\r\n protected errorMessage = \"\";\r\n protected successMessage = \"\";\r\n protected setPassword = false;\r\n protected confirmEmail = false;\r\n protected isForgettingPassword = false;\r\n protected isChangingPassword = false;\r\n\r\n public mounted(): void {\r\n const queryString = qs.parse(location.search.substring(1));\r\n\r\n if (queryString.action && queryString.personId) {\r\n this.setPassword = queryString.action === \"password\";\r\n this.confirmEmail = queryString.action === \"confirm\";\r\n }\r\n }\r\n\r\n protected get showForm(): boolean {\r\n return !this.setPassword && !this.confirmEmail;\r\n }\r\n\r\n protected onForgetPassword(): void {\r\n this.errorMessage = \"\";\r\n this.successMessage = \"\";\r\n this.isForgettingPassword = true;\r\n const model: AccountForgotOrCreate = {\r\n emailAddress: this.emailAddress,\r\n localeAndPath: window.location.pathname\r\n };\r\n AccountService.forgotPassword(model).then((data) => {\r\n if (data.hasAccount) {\r\n this.successMessage = this.$t(\"ForgotPassword:EmailSent\");\r\n this.isForgettingPassword = false;\r\n } else {\r\n this.onCreateAccount();\r\n }\r\n }, (details: UserFriendlyError) => {\r\n this.errorMessage = details.message;\r\n this.isForgettingPassword = false;\r\n });\r\n }\r\n\r\n protected onCreateAccount(): void {\r\n this.errorMessage = \"\";\r\n this.successMessage = \"\";\r\n const model: AccountForgotOrCreate = {\r\n emailAddress: this.emailAddress,\r\n localeAndPath: window.location.pathname\r\n };\r\n AccountService.createAccount(model).then(() => {\r\n this.successMessage = this.$t(\"ForgotPassword:AccountCreatedEmailSent\");\r\n this.isForgettingPassword = false;\r\n }, (details: UserFriendlyError) => {\r\n this.errorMessage = details.message;\r\n this.isForgettingPassword = false;\r\n });\r\n }\r\n\r\n protected onConfirmEmail(): void {\r\n this.errorMessage = \"\";\r\n this.successMessage = \"\";\r\n this.isChangingPassword = true;\r\n const queryString = qs.parse(location.search.substring(1));\r\n const model: AccountConfirm = {\r\n personId: queryString.personId as string,\r\n password: this.password,\r\n passwordConfirm: this.passwordConfirm\r\n };\r\n AccountService.confirmEmail(model).then(() => {\r\n this.password = \"\";\r\n this.passwordConfirm = \"\";\r\n this.successMessage = this.$t(\"ForgotPassword:EmailPasswordConfirmed\");\r\n \r\n setTimeout(() => {\r\n this.isChangingPassword = false;\r\n this.$router.push({ name: \"login\"}); \r\n }, 3000);\r\n }, (details: UserFriendlyError) => {\r\n this.errorMessage = details.message;\r\n this.isChangingPassword = false;\r\n });\r\n }\r\n\r\n protected onSetPassword(): void {\r\n this.errorMessage = \"\";\r\n this.successMessage = \"\";\r\n this.isChangingPassword = true;\r\n const queryString = qs.parse(location.search.substring(1));\r\n const model: AccountConfirm = {\r\n personId: queryString.personId as string,\r\n password: this.password,\r\n passwordConfirm: this.passwordConfirm\r\n };\r\n AccountService.setPassword(model).then(() => {\r\n this.password = \"\";\r\n this.passwordConfirm = \"\";\r\n (this.$refs.form as HTMLFormElement).resetForm();\r\n this.successMessage = this.$t(\"ForgotPassword:PasswordConfirmed\");\r\n \r\n setTimeout(() => {\r\n this.$router.push({ name: \"login\"}); \r\n this.isChangingPassword = false;\r\n }, 3000);\r\n }, (details: UserFriendlyError) => {\r\n this.errorMessage = details.message;\r\n this.isChangingPassword = false;\r\n });\r\n }\r\n}","import { render } from \"./ForgotPassword.vue?vue&type=template&id=19baa9b4&scoped=true\"\nimport script from \"./ForgotPassword.ts?vue&type=script&lang=ts\"\nexport * from \"./ForgotPassword.ts?vue&type=script&lang=ts\"\n\nimport \"./ForgotPassword.vue?vue&type=style&index=0&id=19baa9b4&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-19baa9b4\"\n\nexport default script","\r\n \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\">\r\n {{ errorMessage }}\r\n
\r\n0\">\r\n {{ successMessage }}\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ $t(\"Offers:Heading\") }}
\r\n\r\n \r\n {{ $t(\"Offers:DeleteOrderButtonText\") }}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n \r\n \r\n #{{ order.offerNumber }} {{ order.offerName }}\r\n {{\r\n getUserOrderSharedText(order.userEmailAddress)\r\n }}\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 { CalculateCurtainDropsApiOutput } from \"./configuratormodels\";\r\n\r\nexport interface Order {\r\n id: string;\r\n offerName: string;\r\n offerNumber: number;\r\n customerOrderNumber: string;\r\n creationTimeFormatted: string;\r\n offerSentToCustomerAtFormatted: string;\r\n note: string;\r\n userEmailAddress: string;\r\n orderTotalExclVat: Price;\r\n orderTotalDiscountAmount: Price;\r\n orderTotalNetAmount: Price;\r\n orderTotalInclVatAndFreightCost: Price;\r\n orderVat: Price;\r\n freightCost: Price;\r\n ecomBasketId: string;\r\n currencyCode: string;\r\n status: OrderStatus;\r\n folder: Folder;\r\n folders: Map\r\n
\r\n \r\n {{ $t(\"Offers:Heading\") }}
\r\n\r\n \r\n \r\n {{ $t(\"Offers:DeleteCancelText\") }}\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n\r\n\r\n\r\n","import { getStoreBuilder, BareActionContext } from \"vuex-typex\";\r\nimport { RootState } from \"./index\";\r\nimport { Folder, Marking, Order } from \"@/models/ordermodels\";\r\n\r\nexport interface OrderState {\r\n order: Order | null;\r\n folder: Folder | null;\r\n marking: Marking | null;\r\n};\r\n\r\nconst initialState: OrderState = {\r\n order: null,\r\n folder: null,\r\n marking: null,\r\n};\r\n\r\nconst store = getStoreBuilder{{ order.offerName }}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n ![\"x\"](\"../../assets/icons/close.svg\")
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n {{ filter.name }}\r\n
\r\n {{ $t(\"FabricSelector:Header\") }}
\r\n- \r\n
- \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \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 { Vue, Options } from \"vue-class-component\";\r\nimport { Prop, Watch } from \"vue-property-decorator\";\r\nimport { StormService } from \"@/axios/stormservice\";\r\nimport { ProductModel } from \"@/models/stormmodels\";\r\nimport { OrderLine } from \"@/models/ordermodels\";\r\n\r\n@Options({\r\n emits: [\r\n \"select-variant\"\r\n ]\r\n})\r\nexport default class VariantSelector extends Vue {\r\n\r\n @Prop()\r\n protected product!: ProductModel;\r\n\r\n @Prop()\r\n protected orderLine!: OrderLine;\r\n\r\n @Prop()\r\n protected isNextButtonEnabled!: boolean;\r\n\r\n @Watch(\"product\")\r\n protected async watchProductChange(product: ProductModel): Promise\r\n \r\n \r\n \r\n ![]()
\r\n \r\n
\r\n\r\n \r\n {{ variant.color }} {{ variant.width }} cm\r\n
\r\n \r\n
\r\n\r\n {{ $t(\"ConfiguratorEditor:Heading\") }}
\r\n\r\n {{ selectedVariant?.name }} {{ selectedVariant?.width }} cm\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ $t(\"ConfiguratorEditor:OutputHeading\") }}\r\n
\r\n\r\n \r\n {{ $t(\"ConfiguratorEditor:OutputWidthLabel\") }}\r\n {{ $filters.roundDecimals(curtainDrop.finishedWidthPerCurtainDrop) }}\r\n \r\n\r\n \r\n {{ $t(\"ConfiguratorEditor:OutputHeightLabel\") }}\r\n {{ $filters.roundDecimals(curtainDrop.finishedHeightPerCurtainDrop) }}\r\n \r\n\r\n \r\n {{ curtainDrop.quantity }} {{ $t(\"Marking:PiecesShort\") }}\r\n \r\n\r\n {{ getCurtainPriceText(curtainDrop) }}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {{ $t(\"ConfiguratorEditor:totalWidthCoveredCMLabel\") }}\r\n {{ $filters.roundDecimals(calculatedCurtainDrops.totalWidthCovered) + \" cm\" }}\r\n
\r\n \r\n {{ $t(\"ConfiguratorEditor:totalFabricLengthNeededCMLabel\") }}\r\n {{ $filters.roundDecimals(calculatedCurtainDrops.totalFabricLengthNeeded) + \" cm\" }}\r\n
\r\n 0\">\r\n {{ $t(\"ConfiguratorEditor:underHemCMLabel\") }}\r\n {{ $filters.roundDecimals(calculatedCurtainDrops.underHem - 2) + \" cm\" }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ $t(\"ConfiguratorEditor:Quantity\") }}\r\n
\r\n\r\n {{ errorMessages }}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import { Options, Vue } from \"vue-class-component\";\r\nimport { OrderService } from \"@/axios/orderservice\";\r\nimport SideImage from \"@/components/sideImage/SideImage.vue\";\r\nimport GoBack from \"@/components/goBack/GoBack.vue\";\r\nimport { UserFriendlyError } from \"@/models/errormodels\";\r\n\r\n@Options({\r\n name:\"CreateOrder\",\r\n components:{\r\n SideImage,\r\n GoBack,\r\n },\r\n computed: {\r\n isComplete() {\r\n return this.offerName !== '' && !this.offerSaving;\r\n }\r\n }\r\n})\r\nexport default class CreateOrder extends Vue {\r\n success: boolean = false;\r\n error: boolean = false;\r\n offerName: string = \"\";\r\n note: string = \"\";\r\n offerSaving: boolean = false;\r\n\r\n async submit(): Promise\r\n
\r\n \r\n
\r\n {{ $t(\"CreateOrder:Heading\") }}
\r\n \r\n \r\n\r\n \r\n {{ $t(\"CreateOrder:Button\") }}\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { defineComponent, ref } from \"vue\";\r\nimport { useRoute, useRouter, onBeforeRouteUpdate } from \"vue-router\"\r\nimport { OrderStore } from \"@/store/orderstate\";\r\nimport { Order, Folder } from \"@/models/ordermodels\";\r\nimport { OrderService } from \"@/services/OrderService\";\r\nimport { RouteParams } from \"@/router/RouteParams\";\r\n\r\nexport default defineComponent({\r\n\r\n name: \"Folder\",\r\n\r\n computed: {\r\n isComplete(): boolean {\r\n return this.markingName !== '' && !this.markingSaving;\r\n }\r\n },\r\n\r\n setup() {\r\n if (!OrderStore.order) {\r\n throw \"Order not found\";\r\n }\r\n\r\n const route = useRoute();\r\n const router = useRouter();\r\n const getFolder = (id: string): Folder => {\r\n const folder = order.value.folders.get(id);\r\n if (!folder) {\r\n throw `Folder ${id} not found`;\r\n }\r\n return folder;\r\n };\r\n const order = ref\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n {{ $t(\"Marking:CreateMarkingHeading\") }}
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import { computed, defineComponent, ref } from \"vue\";\r\nimport { useRoute, useRouter, onBeforeRouteUpdate } from \"vue-router\"\r\nimport { OrderStore } from \"@/store/orderstate\";\r\nimport { Order, Folder } from \"@/models/ordermodels\";\r\nimport { OrderService } from \"@/services/OrderService\";\r\nimport { RouteParams } from \"@/router/RouteParams\";\r\n\r\nexport default defineComponent({\r\n\r\n name: \"Folder\",\r\n\r\n setup() {\r\n const route = useRoute();\r\n const router = useRouter();\r\n const getFolder = (id: string): Folder => {\r\n const folder = order.value.folders.get(id);\r\n if (!folder) {\r\n throw `Folder ${id} not found`;\r\n }\r\n return folder;\r\n };\r\n const order = computed\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ $t(\"Folder:CreateFolderHeading\") }}
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n {{ folder.name }}
\r\n {{ folderSize > 0 ? folderSize + ` ${$t('FolderTile:FolderObjects')}` : $t('FolderTile:EmptyFolder') }}\r\n\r\n
\r\n \r\n
\r\n \r\n {{ folder.name }}\r\n
\r\n \r\n {{ folderSize }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{\r\n markingSummary.productName\r\n }}\r\n {{ $t(\"ConfiguratorEditor:OutputWidthLabel\") }}\r\n {{ $filters.roundDecimals(c.finishedWidthPerCurtainDrop) }} x {{ $t(\"ConfiguratorEditor:OutputHeightLabel\") }}\r\n {{\r\n $filters.roundDecimals(c.finishedHeightPerCurtainDrop)\r\n }} {{ c.quantity }} {{ $t(\"Marking:PiecesShort\") }}\r\n {{ markingSummary.sewingType }}\r\n {{\r\n markingSummary.price.formatted\r\n }}\r\n
\r\n \r\n \r\n \r\n {{ markingSummary.markingName }}\r\n
\r\n \r\n \r\n \r\n {{ markingSummary.productName }}\r\n \r\n \r\n \r\n {{ $t(\"ConfiguratorEditor:OutputWidthLabel\") }}\r\n {{\r\n $filters.roundDecimals(markingSummary.totalFinishedWidth)\r\n }}\r\n x {{ $t(\"ConfiguratorEditor:OutputHeightLabel\") }}\r\n {{ $filters.roundDecimals(markingSummary.finishedHeight) }} \r\n {{ markingSummary.quantity }} {{ $t(\"Marking:PiecesShort\") }}\r\n \r\n \r\n {{\r\n markingSummary.sewingType\r\n }}\r\n {{\r\n markingSummary.price.formatted\r\n }}\r\n
\r\n \r\n \r\n ![]()
\r\n \r\n
\r\n \r\n \r\n- \r\n
\r\n \r\n ![\"\"](\"../assets/icons/folder.svg\")
\r\n \r\n {{ folder.name }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ folder.name }}\r\n \r\n \r\n \r\n \r\n - \r\n
- \r\n
\r\n \r\n
- \r\n
\r\n
\r\n \r\n ![\"\"](\"../assets/icons/marking.svg\")
\r\n \r\n {{ marking.name }}\r\n \r\n
\r\n\r\n \r\n {{ marking.name }}\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import { BareActionContext, getStoreBuilder } from \"vuex-typex\";\r\nimport { RootState } from \"./index\";\r\n\r\nexport interface ChangeState {\r\n editMode: boolean;\r\n markings: SelectedItem[];\r\n folders: SelectedItem[];\r\n}\r\n\r\nexport interface SelectedItem {\r\n id: string;\r\n name: string;\r\n}\r\n\r\nexport interface CheckboxState extends SelectedItem {\r\n checked: boolean\r\n}\r\n\r\nconst initialState: ChangeState = {\r\n editMode: false,\r\n markings: [],\r\n folders: []\r\n}\r\n\r\nconst store = getStoreBuilder\r\n
\r\n \r\n \r\n \r\n \r\n {{ marking.name }}\r\n \r\n ≣ \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ marking.name }}\r\n \r\n ≣ \r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n \r\n\r\n\r\n\r\n {{ getSewingTypeName(line.curtainData.sewingType) }}\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {{ $t(\"PunchoutWaitingMessage\") }}
\r\n {{ errorMessage }}
\r\n\r\n\r\n\r\n","import { Options, Vue } from \"vue-class-component\";\r\nimport { AccountService } from \"@/axios/accountservice\";\r\nimport { PunchoutLogin } from \"@/models/accountmodels\";\r\nimport { AccountStore } from \"@/store/accountstate\";\r\nimport { Guid } from \"guid-typescript\";\r\nimport { UserFriendlyError } from \"@/models/errormodels\";\r\n\r\n@Options({})\r\nexport default class Punchout extends Vue {\r\n\r\n protected errorMessage = \"\";\r\n protected sessionID = \"\";\r\n\r\n created(): void {\r\n this.sessionID = (this.$route.query.sessionID || \"\").toString();\r\n if (!Guid.isGuid(this.sessionID)) {\r\n this.errorMessage = this.$t(\"InvalidPunchoutSession\");;\r\n return;\r\n }\r\n this.tryPunchout(this.sessionID);\r\n }\r\n\r\n protected isShowLoading(): boolean {\r\n return !this.errorMessage;\r\n }\r\n\r\n protected tryPunchout(sessionId: string): void {\r\n const model: PunchoutLogin = {\r\n sessionID: sessionId\r\n };\r\n this.errorMessage = \"\";\r\n AccountService.punchoutLogin(model).then((data) => {\r\n AccountStore.saveUser(data.currentUser);\r\n AccountStore.saveToken(data.token);\r\n const query = this.$route.query;\r\n if (query && query.redirect) {\r\n this.$router.push({ path: query.redirect as string });\r\n } else {\r\n this.$router.push({ name: \"orders\" });\r\n }\r\n }, (details: UserFriendlyError) => {\r\n this.errorMessage = details.message;\r\n });\r\n }\r\n}\r\n","import { render } from \"./Punchout.vue?vue&type=template&id=08b669fc\"\nimport script from \"./Punchout.ts?vue&type=script&lang=ts\"\nexport * from \"./Punchout.ts?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import axios from \"./index\";\r\nimport { CreateMarkingImage } from \"@/models/imagemodels\";\r\nimport { MarkingClient } from \"./markingclient\";\r\n\r\nexport const ImageService = {\r\n get imageBaseUrl() {\r\n return process.env.VUE_APP_API_BASE_URL + \"/api/app/image/\";\r\n },\r\n async createMarkingImage(image: CreateMarkingImage): Promise\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{$t(\"MarkingImageUpload:Header\")}}
\r\n \r\n\r\n {{ $t(message) }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ marking.name }}
\r\n\r\n {{\r\n images.length > 0\r\n ? images.length + ` ${$t(\"FolderTile:FolderObjects\")}`\r\n : $t(\"FolderTile:EmptyFolder\")\r\n }}\r\n
\r\n\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n {{ image.name }}
\r\n{{ image.note }}
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { defineComponent, ref, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport Swal from \"sweetalert2\";\r\nimport { MarkingImage } from \"@/models/ordermodels\";\r\nimport { OrderService } from \"@/services/OrderService\";\r\nimport Image from \"@/components/Image.vue\";\r\n\r\nexport default defineComponent({\r\n components: {\r\n Image\r\n },\r\n props: {\r\n image: {\r\n type: Object as () => MarkingImage,\r\n required: true\r\n }\r\n },\r\n emits: [\"update\", \"delete\", \"close\"],\r\n setup(props, { emit }) {\r\n const translate = useI18n().t;\r\n const editing = ref(false);\r\n const draft = ref({ ...props.image });\r\n\r\n function edit() {\r\n editing.value = !editing.value;\r\n }\r\n\r\n function cancel() {\r\n draft.value = { ...props.image };\r\n editing.value = false;\r\n }\r\n\r\n function close() {\r\n emit(\"close\");\r\n }\r\n\r\n async function saveImage() {\r\n try {\r\n await OrderService.updateMarkingImage(draft.value);\r\n emit(\"update\", draft.value);\r\n } catch (error) {\r\n console.error(error);\r\n emit(\"update\");\r\n } finally {\r\n editing.value = false;\r\n }\r\n };\r\n\r\n async function deleteImage() {\r\n try {\r\n editing.value = false;\r\n const deletionRequest = await Swal.fire({\r\n title: translate(\"MarkingImageUpdate:DeleteImageConfirmTitle\"),\r\n html: translate(\"MarkingImageUpdate:DeleteImageConfirmBody\"),\r\n showCancelButton: true,\r\n focusCancel: true,\r\n confirmButtonText: translate(\"MarkingImageUpdate:DeleteImageConfirmButton\"),\r\n confirmButtonAriaLabel: translate(\"MarkingImageUpdate:DeleteImageConfirmButton\"),\r\n cancelButtonText: translate(\"MarkingImageUpdate:DeleteImageConfirmCancelButton\"),\r\n cancelButtonAriaLabel: translate(\"MarkingImageUpdate:DeleteImageConfirmCancelButton\")\r\n });\r\n if (deletionRequest.isConfirmed) {\r\n await OrderService.deleteMarkingImage(props.image.id as string);\r\n emit(\"delete\", draft.value.id as string);\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n emit(\"delete\");\r\n } finally {\r\n editing.value = false;\r\n }\r\n }\r\n\r\n watch(() => props.image, (image) => {\r\n draft.value = { ...image };\r\n });\r\n\r\n return {\r\n draft: draft.value,\r\n edit,\r\n cancel,\r\n save: saveImage,\r\n deleteImage,\r\n close,\r\n editing,\r\n }\r\n }\r\n});\r\n","import { render } from \"./EditImage.vue?vue&type=template&id=04b798b2&scoped=true\"\nimport script from \"./EditImage.ts?vue&type=script&lang=ts\"\nexport * from \"./EditImage.ts?vue&type=script&lang=ts\"\n\nimport \"./EditImage.vue?vue&type=style&index=0&id=04b798b2&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-04b798b2\"\n\nexport default script","import { Options, Vue } from \"vue-class-component\";\r\nimport { OrderStore } from \"@/store/orderstate\";\r\nimport { Order, OrderStatus } from \"@/models/ordermodels\";\r\nimport FolderList from \"./FolderList.vue\";\r\nimport FolderTreeView from \"./FolderTreeView.vue\";\r\nimport FolderContextMenu from \"./FolderContextMenu.vue\";\r\nimport MarkingContextMenu from \"./MarkingContextMenu.vue\";\r\nimport GoBack from '@/components/goBack/GoBack.vue';\r\nimport { Meta } from \"@/router\";\r\nimport FabricTreeView from \"./FabricTreeView.vue\";\r\nimport { ChangeStore } from \"@/store/changestate\";\r\nimport { OrderService } from \"@/services/OrderService\";\r\nimport Swal from \"sweetalert2\";\r\n\r\n@Options({\r\n components: {\r\n FolderList,\r\n FolderTreeView,\r\n FolderContextMenu,\r\n MarkingContextMenu,\r\n GoBack,\r\n FabricTreeView\r\n }\r\n})\r\nexport default class OrderSidebar extends Vue {\r\n\r\n selectedItem: MenuItemType = MenuItemType.Unknown;\r\n menuItems!: MenuItem[];\r\n showOverlay: boolean = false;\r\n get editMode(): boolean { return ChangeStore.editMode; };\r\n get disabledEditMode(): boolean {\r\n return (ChangeStore.markings.length === 0 && ChangeStore.folders.length == 0) || (ChangeStore.markings.length > 0 && ChangeStore.folders.length > 0) || ChangeStore.markings.length > 1 || ChangeStore.folders.length > 1\r\n };\r\n\r\n get disabledDeleteBtn(): boolean {\r\n return (ChangeStore.markings.length === 0 && ChangeStore.folders.length == 0);\r\n };\r\n\r\n created(): void {\r\n const metaSideBar = (this.$route.meta as Meta).orderSideBar;\r\n if (metaSideBar != null && metaSideBar !== MenuItemType.Unknown) {\r\n this.selectedItem = metaSideBar;\r\n }\r\n\r\n this.menuItems = [\r\n { type: MenuItemType.Markings, text: this.$t(\"MarkingMenu:Markings\") },\r\n { type: MenuItemType.Fabrics, text: this.$t(\"MarkingMenu:Fabrics\") },\r\n { type: MenuItemType.Images, text: this.$t(\"MarkingMenu:Images\") },\r\n ];\r\n }\r\n\r\n get hideOnMobile(): boolean {\r\n return !!this.$route.meta.hideSideBar;\r\n }\r\n\r\n get menuItemType(): typeof MenuItemType {\r\n return MenuItemType;\r\n }\r\n\r\n get order(): Order {\r\n const order = OrderStore.order;\r\n if (order == null) {\r\n throw \"Order not found\";\r\n }\r\n return order;\r\n }\r\n\r\n get getPreviewOrderRouteName(): string {\r\n return this.order.status === OrderStatus.Initiated\r\n ? \"previewOrderInit\"\r\n : \"previewOrderFinished\";\r\n }\r\n\r\n get orderPreviewIsEnabled(): boolean {\r\n return this.order.markings.size > 0;\r\n }\r\n\r\n goBack(): void {\r\n ChangeStore.clearState();\r\n }\r\n\r\n select(item: MenuItemType): void {\r\n this.selectedItem = item;\r\n }\r\n\r\n isSelected(item: MenuItemType): boolean {\r\n return this.selectedItem == item;\r\n }\r\n\r\n handleContextClick(value: boolean): void {\r\n this.showOverlay = value;\r\n }\r\n\r\n toggleEdit(): void {\r\n ChangeStore.saveEditMode(!ChangeStore.editMode);\r\n }\r\n\r\n async duplicateSelected(): Promise\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ draft.name }}
\r\n{{ draft.note }}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \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 { AccountService } from \"@/axios/accountservice\";\r\nimport { AccountPassword, CurrentUser, Token } from \"@/models/accountmodels\";\r\nimport { UserFriendlyError } from \"@/models/errormodels\";\r\nimport { AccountStore } from \"@/store/accountstate\";\r\nimport { Options, Vue } from \"vue-class-component\";\r\nimport SideImage from '@/components/sideImage/SideImage.vue';\r\nimport GoBack from '@/components/goBack/GoBack.vue';\r\n\r\n@Options({\r\n name:'ChangePassword',\r\n components:{\r\n SideImage,\r\n GoBack\r\n }\r\n})\r\n\r\nexport default class ChangePassword extends Vue{\r\n protected password = \"\";\r\n protected passwordConfirm = \"\";\r\n protected currentPassword = \"\";\r\n protected errorMessage = \"\";\r\n protected successMessage = \"\";\r\n\r\n protected get currentUser(): CurrentUser | null {\r\n return AccountStore.currentUser;\r\n }\r\n protected set currentUser(user: CurrentUser | null) {\r\n AccountStore.saveUser(user);\r\n }\r\n protected get currentToken(): Token | null {\r\n return AccountStore.currentToken;\r\n }\r\n protected set currentToken(token: Token | null) {\r\n AccountStore.saveToken(token);\r\n }\r\n \r\n protected onChangePassword(): void {\r\n this.errorMessage = \"\";\r\n this.successMessage = \"\";\r\n const model: AccountPassword = {\r\n currentPassword: this.currentPassword,\r\n password: this.password,\r\n passwordConfirm: this.passwordConfirm\r\n };\r\n AccountService.changePassword(model).then(() => {\r\n this.successMessage = this.$t(\"Manage:PasswordChanged\");\r\n\r\n this.currentPassword = \"\";\r\n this.password = \"\";\r\n this.passwordConfirm = \"\";\r\n \r\n (this.$refs.form as HTMLFormElement).resetForm();\r\n }, (details: UserFriendlyError) => {\r\n if (details.status === 302) {\r\n this.errorMessage = this.$t(\"Manage:Unauthorized\");\r\n } else {\r\n this.errorMessage = details.message;\r\n }\r\n });\r\n }\r\n\r\n\r\n}\r\n","import { render } from \"./ChangePassword.vue?vue&type=template&id=4a7721c0&scoped=true\"\nimport script from \"./ChangePassword.ts?vue&type=script&lang=ts\"\nexport * from \"./ChangePassword.ts?vue&type=script&lang=ts\"\n\nimport \"./ChangePassword.vue?vue&type=style&index=0&id=4a7721c0&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4a7721c0\"\n\nexport default script","\r\n \r\n
\r\n \r\n \r\n {{ $t(\"Manage:ChangeAccountDetailsHeader\") }}\r\n \r\n \r\n
\r\n 0\">\r\n {{ errorMessage }}\r\n
\r\n0\">\r\n {{ successMessage }}\r\n
\r\n\r\n \r\n \r\n {{ $t(\"EditOffer:UpdateOrder\") }}\r\n \r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n","import { defineComponent, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\"\r\nimport { OrderStore } from \"@/store/orderstate\";\r\nimport { Order } from \"@/models/ordermodels\";\r\nimport { OrderService } from \"@/services/OrderService\";\r\nimport GoBack from '../../components/goBack/GoBack.vue'\r\n\r\nexport default defineComponent({\r\n\r\n components: { GoBack },\r\n\r\n setup() {\r\n if (!OrderStore.order) {\r\n throw \"Order not found\";\r\n }\r\n\r\n const router = useRouter();\r\n const order = reactive\r\n \r\n
\r\n \r\n
\r\n {{ $t(\"EditOrder:OrderSettings\") }}
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ![\"x\"](\"~@/assets/icons/close.svg\")
\r\n \r\n \r\n \r\n ![\"\"]()
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n ![]()
\r\n
\r\n \r\n {{ variant.color }} \r\n {{ variant.width }} cm\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ $t(\"PreviewOrder:EditOrder\") }}\r\n \r\n\r\n \r\n \r\n {{ $t(\"PreviewOrder:AddDeliveryAddress\") }}\r\n \r\n\r\n \r\n \r\n {{ $t(\"PreviewOrder:CopyToNewOrder\") }}\r\n \r\n
\r\n \r\n {{ translate(\"PreviewOrder:HeaderWhenOrderPlaced\") }}\r\n
\r\n\r\n
\r\n\r\n \r\n {{ translate(\"PreviewOrder:HeaderWhenInitiated\") }}\r\n
\r\n\r\n {{\r\n `${translate(\"PreviewOrder:OrderNumber\")}: ${order.offerNumber}`\r\n }}\r\n
\r\n \r\n {{\r\n `${translate(\"PreviewOrder:CustomerOrderNumber\")}: ${order.customerOrderNumber}`\r\n }}\r\n
\r\n \r\n {{\r\n `${translate(\"PreviewOrder:OrderDate\")}: ${\r\n order.offerSentToCustomerAtFormatted\r\n }`\r\n }}\r\n
\r\n - \r\n
\r\n
\r\n\r\n - \r\n
- \r\n {{ translate(\"PreviewOrder:OrderTotalNetAmountLabel\") }}: \r\n {{ order.orderTotalNetAmount.formatted }} \r\n \r\n
- \r\n \r\n {{ translate(\"PreviewOrder:OrderTotalDiscountAmountLabel\") }}:\r\n \r\n {{ order.orderTotalDiscountAmount.formatted }} \r\n \r\n
- \r\n {{ translate(\"PreviewOrder:FreightCost\") }}: \r\n {{ order.freightCost.formatted }} \r\n \r\n
- \r\n \r\n {{ translate(\"PreviewOrder:OrderTotalExclVat\") }}:\r\n \r\n {{ order.orderTotalExclVat.formatted }}\r\n \r\n
- \r\n {{ translate(\"PreviewOrder:OrderVat\") }}: \r\n {{ order.orderVat.formatted }} \r\n \r\n
- \r\n \r\n {{\r\n translate(\"PreviewOrder:OrderTotalInclVatAndFreightCost\")\r\n }}:\r\n \r\n \r\n {{ order.orderTotalInclVatAndFreightCost.formatted }}\r\n \r\n \r\n
\r\n {{ errorMessage }}\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n{{ emailSendResponseText }}
\r\n \r\n {{ translate(\"OrderPdf:SendEmailSuccessOfferNumberText\")\r\n }}{{ order.offerNumber }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ folder.name }}
\r\n- \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 { computed, defineComponent, ref } from \"vue\";\r\nimport { Marking, Order, OrderLine } from \"@/models/ordermodels\";\r\nimport { OrderStore } from \"@/store/orderstate\";\r\nimport { CurtainOrientationType, SewingType } from \"@/models/configuratormodels\";\r\nimport { useI18n } from \"vue-i18n\";\r\n\r\nexport default defineComponent({\r\n\r\n name: \"PreviewOrderMarkingView\",\r\n\r\n props: {\r\n marking: {\r\n type: Object as () => Marking,\r\n required: true\r\n },\r\n },\r\n\r\n methods: {\r\n toggleTable(_: MouseEvent, toggle?: boolean) {\r\n if (toggle === undefined) {\r\n this.active = !this.active\r\n } else {\r\n this.active = toggle;\r\n }\r\n },\r\n },\r\n\r\n setup(props) {\r\n\r\n const translate = useI18n().t;\r\n const active = ref\r\n \r\n \r\n \r\n \r\n {{ orderLine.curtainData.totalCurtainDropQuantity }}\r\n {{ translate(\"PreviewOrder:CurtainDropsListHeadingQtyMain\") }} \r\n \r\n 1\">\r\n x {{orderLine.markingQuantity}} {{translate(\"Marking:PiecesShort\")}}\r\n \r\n \r\n x 1 {{translate(\"Marking:PiecesShort\")}}\r\n \r\n \r\n \r\n {{\r\n translate(\"PreviewOrder:CurtainDropsListHeadingFinishedHeight\")\r\n }}\r\n \r\n \r\n \r\n \r\n {{\r\n translate(\"PreviewOrder:CurtainDropsListHeadingFinishedWidth\")\r\n }}\r\n \r\n \r\n \r\n {{ orderLine.price.formatted }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ $filters.roundDecimals(curtainDrop.finishedHeightPerCurtainDrop) }}\r\n \r\n \r\n {{ $filters.roundDecimals(curtainDrop.finishedWidthPerCurtainDrop) }}\r\n \r\n \r\n {{ curtainDrop.pricePerCurtainDrop.formatted }}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {{ marking.name }}
\r\n\r\n \r\n
\r\n {{ orderLine.productName }}
\r\n \r\n {{ getSewingTypeName(orderLine.curtainData.sewingType) }}\r\n {{ getOrientationName(orderLine.curtainData.orientation) }}\r\n
\r\n \r\n {{ getUnderHemName(orderLine.curtainData.underHem) }}\r\n
\r\n \r\n \r\n ![]()
\r\n
\r\n {{ getItemText(index, curtainDrop.quantity, orderLine.curtainData.curtainDrops[0].quantity)}}
\r\n {{translate(\"ConfiguratorEditor:OutputWidthLabel\")}} {{ $filters.roundDecimals(curtainDrop.finishedWidthPerCurtainDrop) }} x {{translate(\"ConfiguratorEditor:OutputHeightLabel\")}} {{ $filters.roundDecimals(curtainDrop.finishedHeightPerCurtainDrop)}}
\r\n \r\n
\r\n
{{ $t(\"OrderSearch:Label\") }}
\r\n \r\n\r\n \r\n \r\n