\\n
\\n\\n \\n \\n \\n \\n
\\n ${'pages.cart.fields.transport-options' & t}
\\n\\n \\n \\n \\n \\n
\\n \\n ${getTransportName(transportId)}
\\n\\n
\\n \\n\\n\";","import { IParentItem } from 'domain/Base/IParentItem';\nimport { bindable } from 'aurelia-framework';\n\nexport class AccordionCustomElement {\n @bindable list: IParentItem[];\n @bindable parentId: number;\n @bindable clickFunction: any;\n @bindable filter: string | undefined;\n\n click(item: IParentItem) {\n this.clickFunction({ item: item });\n }\n\n getClass(item: IParentItem): string {\n let classes = \"\";\n\n if (!item.children || !item.children.length) {\n classes += \"accordion-child\";\n\n if (this.filter)\n classes += \" matching-item\";\n }\n\n return classes;\n }\n}\n","module.exports = \"\\n\\n ${'pages.cart.fields.transport-address' & t}
\\n\\n
\\n \\n \\n
\\n \\n
\\n\\n\\n\";","import { bindable } from 'aurelia-framework';\n\nexport class LoadingCustomElement {\n @bindable error: boolean;\n @bindable errorTitle: string;\n @bindable errorDetails: string;\n @bindable errorDetailsClass: string;\n\n @bindable notFound: boolean;\n @bindable notFoundTitle: string;\n @bindable notFoundDetails: string;\n @bindable notFoundDetailsClass: string;\n}\n","module.exports = \"\\n\\n \\n
\\n \\n \\n
\\n\\n
\\n \\n
\\n \\n
\\n\\n \\n \\n
\\n ${errorTitle}
\\n${errorDetails}
\\n\\n
\\n\\n \\n
\\n ${notFoundTitle}
\\n${notFoundDetails}
\\n\\n \\n
\\n \\n\\n\\n\";","import { LogManager } from 'aurelia-framework';\nimport { bindable } from 'aurelia-framework';\n\nexport var log = LogManager.getLogger('app.components.pager');\n\nexport class PagerCustomElement {\n @bindable currentPage: number = 1;\n @bindable lastPage: number = 1;\n\n // the number of first and last pages to be displayed\n @bindable extremePagesLimit: number = 2;\n // the number of pages that are displayed around the active page\n @bindable nearbyPagesLimit: number = 2;\n}\n","module.exports = \"\\n\\n \\n\\n\\n\";","import { IParentItem } from \"domain/Base/IParentItem\";\nimport { bindable } from \"aurelia-framework\";\n\nexport class SimpleTreeCustomElement {\n @bindable list: IParentItem[];\n @bindable depth: number = 0;\n @bindable clickFunction: any;\n\n handleToggleClick(event: Event, item: IParentItem) {\n event.preventDefault();\n event.stopPropagation();\n this.toggle(item);\n }\n\n handleItemClick(event: Event, item: IParentItem) {\n event.preventDefault();\n event.stopPropagation();\n this.click(item);\n }\n\n toggle(item: any) {\n item._expanded = !item._expanded;\n }\n\n click(item: IParentItem) {\n if (this.clickFunction) {\n this.clickFunction({ item: item });\n }\n }\n}\n","module.exports = \"\\n - 0 ? '1rem' : '0'}\\\">\\n
- \\n \\n
\\n ${message}\\n \\n
\\n \\n \\n\\n
\\n\\n\";","import { autoinject, LogManager, bindable } from \"aurelia-framework\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { Router } from \"aurelia-router\";\nimport { I18N } from \"aurelia-i18n\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { IProduct } from \"domain/Product/IProduct\";\nimport { CartProductService } from \"services/cart/cart-product-service\";\nimport { TKEvent } from \"utils/enums/TKEvent\";\nimport { AppConfig } from \"app-config\";\nimport { ICartProduct } from \"domain/Cart/ICartProduct\";\nimport { IStockItem } from \"domain/Product/IStockItem\";\n\nexport const log = LogManager.getLogger(\"app.components.add-to-cart\");\n\n@autoinject\nexport class AddToCartCustomElement {\n @bindable product: IProduct;\n productCode: string;\n\n constructor(\n private cartProductService: CartProductService,\n private eventAggregator: EventAggregator,\n private router: Router,\n private appConfig: AppConfig,\n private i18n: I18N,\n ) {}\n\n getUniqueProductId(product: ICartProduct) {\n return `${product.code}-${product.cartProductId || product.quantity || 0}`;\n }\n\n addToCart(product: ICartProduct) {\n const addToCartButton = document.getElementById(\n \"addToCart-\" + this.getUniqueProductId(product),\n ) as HTMLButtonElement;\n addToCartButton.disabled = true;\n\n this.cartProductService\n .post(this.getRequestData(product))\n .then(() => {\n Utils.showSuccessToast(this.i18n.tr(\"components.products.messages.added-to-cart\"));\n\n this.eventAggregator.publish(TKEvent.cartProductsChanged);\n })\n .catch(() => {\n Utils.showErrorToast(log, this.i18n.tr(\"components.products.errors.add-to-cart\"));\n })\n .finally(() => {\n addToCartButton.disabled = false;\n });\n }\n\n getRequestData(product: ICartProduct): any {\n const data = {\n id: product.id,\n foundBy: product.foundBy,\n code: product.code,\n quantity: parseInt(product.toCartQuantity ?? \"1\"),\n warehouseId: product.selectedStock?.warehouse?.id ?? product.warehouseId ?? 0,\n } as any;\n\n if (product.selectedStock?.warehouse?.isExternal || product.externalWarehouseId) {\n data.warehouseId = 0;\n data.externalWarehouseId = product.selectedStock?.warehouse?.id ?? product.externalWarehouseId;\n }\n\n return data;\n }\n\n otherStockWarningNeeded(stockItem: IStockItem, warehouseId: number) {\n if (!warehouseId) return false;\n if (stockItem && stockItem.warehouse.isExternal) return true;\n\n const userWarehouseId = this.appConfig.userSettings.warehouseId;\n const isCentralWarehouse = warehouseId === 1;\n const isMustamaeWarehouse = warehouseId === 3;\n\n return warehouseId !== userWarehouseId && !isCentralWarehouse && !isMustamaeWarehouse;\n }\n}\n","module.exports = \"\\n \\n ${'pages.category.filters.header' & t}\\n\\n \\n\\n
\\n\\n \\n \\n\\n \\n
\\n \\n \\n \\n \\n \\n
\\n \\n
\\n\\n \\n \\n ${'components.products.buttons.add-to-cart' & t}\\n \\n \\n ${'components.products.buttons.add-to-cart' & t}\\n \\n
\\n \\n \\n
\\n \\n\\n \\n
\\n \\n\\n\";","import { IProduct } from 'domain/Product/IProduct';\nimport { observable } from 'aurelia-framework';\nimport { LogManager } from 'aurelia-framework';\nimport { bindable } from 'aurelia-framework';\n\nexport var log = LogManager.getLogger('app.components.gallery');\n\nexport class GalleryCustomElement {\n @bindable @observable products: IProduct[];\n}\n","module.exports = \"\\n\\n \\n\\n\\n\";","import { autoinject, observable, bindable, LogManager } from 'aurelia-framework';\nimport { I18N } from 'aurelia-i18n';\nimport { Utils } from 'utils/helpers/utils';\nimport { IPrice } from 'domain/Product/IPrice';\nimport { PriceType } from 'utils/enums/PriceType';\n\nexport const log = LogManager.getLogger('app.components.price');\n\n@autoinject\nexport class PriceCustomElement {\n @bindable @observable prices: IPrice[];\n @bindable displayPrice: number | null;\n\n constructor(\n private i18n: I18N\n ) {}\n\n // #region MAIN\n\n pricesChanged() {\n if (this.prices == null)\n Utils.showErrorToast(log, this.i18n.tr('components.price.errors.load'));\n }\n \n hasAmountDependentPrice(prices: IPrice[]) {\n for (const price of prices) {\n switch (price.type) {\n case PriceType.AmountDiscount:\n return true;\n case PriceType.AmountDiscountList:\n return true;\n }\n }\n return false;\n }\n\n // #endregion\n}\n","module.exports = \"\\n \\n \\n\\n
\\n\\n \\n \\n \\n ![]()
\\n \\n
\\n\\n \\n \\n ${info[0]}: ${info[1]}
\\n \\n \\n ${'components.products.headers.ean' & t}:\\n ${product.ean}
\\n \\n ${'components.products.headers.in-package' & t}:\\n ${product.inPackage}\\n \\n
\\n \\n \\n \\n ${'components.products.headers.ean' & t}:\\n ${product.ean}
\\n \\n ${'components.products.headers.in-package' & t}:\\n ${product.inPackage}\\n \\n
- \\n
- \\n \\n ${document[0]}\\n \\n \\n
\\n ${'components.products.headers.oe-numbers' & t}\\n \\n \\n
\\n\\n \\n \\n \\n ${'components.products.headers.fits-cars' & t}\\n \\n \\n \\n
\\n \\n \\n
\\n \\n \\n \\n ${'components.products.headers.fits-cars' & t}\\n \\n \\n
\\n\\n \\n
\\n\\n \\n
\\n \\n \\n \\n \\n
\\n\\n\";","import { I18N } from \"aurelia-i18n\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { CategoryService } from \"services/product/category-service\";\nimport { AppConfig } from \"app-config\";\nimport { Router, NavigationInstruction, PipelineResult } from \"aurelia-router\";\nimport { IParentItem } from \"domain/Base/IParentItem\";\nimport { LogManager, autoinject } from \"aurelia-framework\";\nimport $ from \"jquery\";\nimport \"bootstrap\";\n\nexport const log = LogManager.getLogger(\"app.search.categories\");\n\n@autoinject\nexport class Categories {\n // Cache\n categories: IParentItem[];\n\n constructor(\n private router: Router,\n private eventAggregator: EventAggregator,\n private appConfig: AppConfig, // used by HTML\n private categoryService: CategoryService,\n private i18n: I18N,\n ) {}\n\n // called only once: when the site is opened (and the user probably isn't logged in yet)\n activate() {\n // If user is already logged in, but refreshed the page\n if (this.appConfig.isLoggedIn) this.loadCategoryMenu();\n\n // attached() was too late, the \"router:navigation:success\" event had already been fired\n this.eventAggregator.subscribe(\n \"router:navigation:success\",\n (event: { instruction: NavigationInstruction; result: PipelineResult }) => {\n const currentRoute = event.instruction.config.name;\n if (!currentRoute) return;\n\n // Run only after successful login\n if (this.appConfig.isLoggedIn && this.categories === undefined) this.loadCategoryMenu();\n },\n );\n }\n\n // #region LOAD\n\n loadCategoryMenu() {\n this.categoryService\n .fetchCategories()\n .then(result => {\n this.categories = result;\n this.positionSubmenu();\n })\n .catch(error => Utils.showErrorToast(log, Utils.getErrorMessage(error, this.i18n)));\n }\n\n // #endregion\n\n // #region ACTIONS\n\n openCategory(category: IParentItem) {\n let id = category.id;\n\n if (id == 6 || id == 7 || id == 8 || id == 10) {\n // Car categories\n this.router.navigateToRoute(\"categoryManufacturers\", { categoryId: category.id });\n return;\n }\n\n if (id == 54)\n // 54 is alias for 10\n id = 10;\n\n this.router.navigateToRoute(\"categoryProducts\", {\n categoryId: id,\n page: 1,\n });\n }\n\n // #endregion\n\n // #region HELPERS\n\n positionSubmenu() {\n $(() => {\n function position(element: JQuery\\n \\n \\n ${'components.products.headers.partner-warehouse' & t}:\\n ${'components.products.headers.factory-warehouse' & t}:\\n \\n ${product.selectedStock.warehouse.name}:\\n ${ product.selectedStock.quantity | stockName:i18n}\\n\\n \\n \\n \\n \\n \\n\\n \\n
\\n\\n \\n \\n\\n \\n
\\n\\n\\n\";","import { TKEvent } from \"utils/enums/TKEvent\";\nimport { SearchType } from \"utils/enums/SearchType\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { AppConfig } from \"app-config\";\nimport { Router, NavigationInstruction, PipelineResult } from \"aurelia-router\";\nimport { LogManager, autoinject, observable } from \"aurelia-framework\";\nimport { Utils } from \"utils/helpers/utils\";\n\nexport const log = LogManager.getLogger(\"app.search.search-bar\");\n\n@autoinject\nexport class SearchBar {\n // Main variables\n @observable query: string;\n @observable type: SearchType;\n page = 1;\n extendedSearch = false;\n\n // Search delay variables\n searchDelayMilliseconds = 500;\n searchTimer: NodeJS.Timeout;\n\n // Other variables\n hasFocus = true;\n\n constructor(\n private router: Router,\n private eventAggregator: EventAggregator,\n private appConfig: AppConfig\n ) {\n this.eventAggregator.subscribeOnce(TKEvent.userSettingsLoaded, () => {\n if (this.type === undefined)\n this.type = this.appConfig.userSettings.defaultSearchLimitation;\n });\n this.eventAggregator.subscribe(\n \"router:navigation:success\",\n (event: {\n instruction: NavigationInstruction;\n result: PipelineResult;\n }) => {\n const currentRoute = event.instruction.config.name;\n const currentParams = event.instruction.params;\n\n this.updateFromRoute(currentRoute, currentParams);\n }\n );\n }\n\n activate() {\n const instruction = this.router.currentInstruction.getAllInstructions()[0];\n this.updateFromRoute(instruction.config.name, instruction.params);\n }\n\n // #region Observables\n\n queryChanged(newQuery: string, oldQuery: string) {\n // value is set from undefined to something for the first time\n if (oldQuery === undefined)\n return;\n\n const query = newQuery.trim();\n clearTimeout(this.searchTimer);\n\n if (query.length == 0) {\n if (this.router.currentInstruction.config.name == \"searchResult\")\n this.router.navigateToRoute(\"home\");\n\n return;\n }\n\n if (query.length < 3)\n return;\n\n this.page = 1; // if the query changes, we want to make sure the page is reset\n this.delayedSearch(query, this.page, this.type, this.extendedSearch);\n }\n\n typeChanged(newType: SearchType, oldType: SearchType) {\n if (oldType === undefined)\n return;\n\n this.delayedSearch(this.query, this.page, newType, this.extendedSearch);\n }\n\n // #endregion\n\n // #region ACTIONS\n\n delayedSearch(query: string, page: number, type: SearchType, extendedSearch: boolean) {\n if (query.length < 3) return;\n\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const that = this;\n clearTimeout(this.searchTimer);\n this.searchTimer = setTimeout(function () {\n that.search(query, page, type, extendedSearch);\n }, this.searchDelayMilliseconds);\n }\n\n search(query: string, page: number, type: SearchType, extendedSearch: boolean) {\n this.router.navigateToRoute(\"searchResult\", {\n query: Utils.encode(query),\n page: page,\n type: type,\n extendedSearch: extendedSearch,\n });\n }\n\n // #endregion\n\n // #region HELPERS\n\n updateFromRoute(currentRoute: string | undefined, currentParams: any) {\n if (!currentRoute)\n return;\n\n if (currentRoute == \"searchResult\" || currentRoute == \"carVehiclesQuery\") {\n this.query = decodeURIComponent(currentParams.query);\n // make sure these are numbers\n this.page = parseInt(currentParams.page ?? \"1\");\n this.type = parseInt(currentParams.type ?? SearchType.All);\n } else {\n this.query = \"\";\n\n if (currentRoute == \"home\") this.hasFocus = true;\n }\n }\n\n // #endregion\n}\n","module.exports = \"\\n \\n
\\n\\n\";","import { I18N } from \"aurelia-i18n\";\nimport { Router } from \"aurelia-router\";\nimport { IRvsOrder } from \"domain/Sale/IRvsOrder\";\nimport { LogManager, autoinject, bindable } from \"aurelia-framework\";\nimport $ from \"jquery\";\nimport \"bootstrap\";\nimport { OrderService } from \"services/sale/order-service\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { TKEvent } from \"utils/enums/TKEvent\";\nimport { Collapse } from \"bootstrap\";\n\nexport const log = LogManager.getLogger(\"app.components.order-list\");\n\n@autoinject\nexport class OrderListCustomElement {\n @bindable orders: IRvsOrder[];\n\n options = {\n showInvoiceId: false,\n showWarehouse: false,\n showTransport: false,\n showAddToCart: true,\n showAddToReturn: true,\n showConvertToCart: true,\n };\n\n constructor(\n private orderService: OrderService,\n private eventAggregator: EventAggregator,\n private router: Router,\n private i18n: I18N\n ) {}\n\n attached() {\n this.orders.forEach((order) => {\n order.originalId = order.originalId.replace(\"*INTERNET*\", \"\");\n });\n }\n\n convertToCart(order: IRvsOrder) {\n this.orderService\n .convertRvsOrderToCart(order.id)\n .then(() => {\n this.eventAggregator.publish(TKEvent.cartProductsChanged);\n Utils.showSuccessToast(\n this.i18n.tr(\"pages.orders.messages.convert-to-cart\")\n );\n })\n .catch((error) =>\n Utils.showErrorToast(\n log,\n Utils.getErrorMessage(error, this.i18n)\n )\n );\n }\n\n toggleProductList(target: HTMLElement, order: IRvsOrder) {\n $(() => {\n // Check if child element was clicked instead\n if (\n $(target).prop(\"tagName\") != \"TD\" &&\n $(target).prop(\"tagName\") != \"TR\"\n )\n return;\n\n const productListElement = document.querySelector(\n `[data-product-list=\"${order.id}\"]`\n );\n if (productListElement)\n new Collapse(productListElement, {\n parent: \"#accordion-order\",\n }).toggle();\n });\n }\n\n canConvertToCart(order: IRvsOrder): boolean {\n return order.products.some((p) => Number(p.amount) > 0);\n }\n}\n","module.exports = \"\\n | ${'pages.orders.headers.number' & t} | \\n${'pages.orders.headers.original-number' & t} | \\n${'pages.orders.headers.comments' & t} | \\n${'pages.orders.headers.total' & t} | \\n\\n ${'components.products.headers.add-to-cart' & t}\\n | \\n
|---|---|---|---|---|
| ${order.id} | \\n${order.originalId} | \\n${order.comment} | \\n\\n ${order.total | currencyFormat}\\n | \\n\\n | \\n
| \\n | \\n
\\n \\n \\n\\n \\n\\n \\n \\n\\n \\n \\n
\\n\\n\";","import { I18N } from \"aurelia-i18n\";\nimport { IWarehouse } from \"domain/Client/IWarehouse\";\nimport { AppConfig } from \"app-config\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { TKEvent } from \"utils/enums/TKEvent\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { Router } from \"aurelia-router\";\nimport { LogManager, autoinject, bindable, observable } from \"aurelia-framework\";\nimport { ICart } from \"domain/Cart/ICart\";\nimport { ReturnService } from \"services/sale/return-service\";\nimport printJS from \"print-js\";\n\nexport const log = LogManager.getLogger(\"app.components.return.index\");\n\n@autoinject\nexport class ReturnIndexCustomElement {\n warehouses: IWarehouse[];\n\n returnCart: ICart;\n error: string;\n\n @observable({ changeHandler: \"queryChanged\" }) searchText = \"\";\n @observable({ changeHandler: \"queryChanged\" }) searchDateFrom = \"\";\n @observable({ changeHandler: \"queryChanged\" }) searchDateTo = \"\";\n\n @bindable comment = \"\";\n\n totalWithoutVat = 0;\n totalVat = 0;\n totalWithVat = 0;\n\n options = {\n showImages: false,\n showEan: false,\n showStock: false,\n showWarehouse: false,\n showReason: true,\n showDisplayPrice: false,\n isReturnCart: true,\n };\n\n constructor(\n private returnService: ReturnService,\n private router: Router,\n private eventAggregator: EventAggregator,\n private appConfig: AppConfig,\n private i18n: I18N\n ) {\n this.eventAggregator.subscribe(TKEvent.cartProductsChanged, () => {\n this.updateTotal();\n });\n this.eventAggregator.subscribe(TKEvent.returnCartChanged, (cart: ICart) => {\n this.returnCart = cart;\n });\n this.eventAggregator.subscribeOnce(TKEvent.userSettingsLoaded, () => {\n this.loadReturn();\n });\n }\n\n attached() {\n if (this.appConfig.userSettings) this.loadReturn();\n }\n\n // #region LISTENERS, OBSERVABLES\n\n updateTotal() {\n if (this.returnCart == undefined || this.returnCart.products == undefined) return;\n\n this.totalWithoutVat = 0;\n\n this.returnCart.products.forEach(p => {\n if (p.finalPrice != null) this.totalWithoutVat += p.finalPrice * p.quantity;\n });\n this.totalWithoutVat = Utils.round(this.totalWithoutVat);\n\n this.totalVat = Utils.round(this.totalWithoutVat * AppConfig.vatRate);\n this.totalWithVat = this.totalWithoutVat + this.totalVat;\n }\n\n queryChanged(newValue: string, oldValue: string) {\n // Required value haven't been set yet\n if (oldValue === undefined) return;\n\n const dateRegex = /^([0-9]{2,4})-([0-1][0-9])-([0-3][0-9])$/;\n\n if (this.searchDateFrom && !this.searchDateFrom.match(dateRegex)) return;\n\n if (this.searchDateTo && !this.searchDateTo.match(dateRegex)) return;\n\n const params = {\n page: 1,\n } as any;\n\n if (this.searchText != \"\") params.query = Utils.encode(this.searchText);\n\n if (this.searchDateFrom != \"\") params.dateFrom = Utils.encode(this.searchDateFrom);\n\n if (this.searchDateTo != \"\") params.dateTo = Utils.encode(this.searchDateTo);\n\n this.router.navigateToRoute(\"invoiceIndex\", params);\n }\n\n // #endregion\n\n // #region LOAD\n\n loadReturn() {\n this.returnService\n .fetchCurrent()\n .then(result => {\n this.returnCart = result;\n\n this.updateTotal();\n })\n .catch(error => (this.error = Utils.getErrorMessage(error, this.i18n)));\n }\n\n // #endregion\n\n // #region ACTIONS\n\n sendReturn() {\n let cancel = false;\n this.returnCart.products.forEach(product => {\n if (cancel) return;\n\n if (!product.comment || !product.comment.trim()) cancel = true;\n });\n\n if (cancel) {\n Utils.showErrorToast(log, this.i18n.tr(\"pages.returns.errors.cart.product-reason-missing\"));\n return;\n }\n\n this.returnService\n .sendReturn(this.comment)\n .then(updatedCart => {\n const returnId = this.returnCart.id;\n\n this.returnCart = updatedCart;\n this.updateTotal();\n this.eventAggregator.publish(TKEvent.returnCartChanged, updatedCart);\n this.eventAggregator.publish(TKEvent.cartProductsChanged);\n this.eventAggregator.publish(TKEvent.returnSent);\n\n if (confirm(this.i18n.tr(\"pages.returns.messages.print-message\")))\n this.printMessage(returnId);\n })\n .catch(() => Utils.showErrorToast(log, this.i18n.tr(\"pages.returns.errors.cart.send\")));\n }\n\n clearReturn() {\n if (!confirm(this.i18n.tr(\"pages.returns.messages.confirm-clear\"))) return;\n\n this.returnService.clearReturnCart().then(() => {\n this.loadReturn();\n this.eventAggregator.publish(TKEvent.cartProductsChanged);\n });\n }\n\n // #endregion\n\n // #region HELPERS\n\n printMessage(id: number) {\n this.returnService.fetchReturnText(id).then(result => {\n printJS({ printable: result, type: \"raw-html\" });\n });\n }\n\n // #endregion\n}\n","module.exports = \"\\n \\n
\\n\\n \\n \\n
\\n\\n \\n\\n \\n \\n ${'pages.returns.fields.total' & t} ${totalWithVat | currencyFormat}\\n \\n
\\n \\n \\n\\n
\\n \\n\\n \\n \\n
\\n \\n \\n \\n
\\n\\n\\n\";","import { EventAggregator } from \"aurelia-event-aggregator\";\nimport { TKEvent } from \"utils/enums/TKEvent\";\nimport { ReturnService } from \"services/sale/return-service\";\nimport { I18N } from \"aurelia-i18n\";\nimport { SearchType } from \"utils/enums/SearchType\";\nimport { AppConfig } from \"app-config\";\nimport { ICart } from \"domain/Cart/ICart\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { LogManager, autoinject, observable } from \"aurelia-framework\";\nimport { Router } from \"aurelia-router\";\nimport $ from \"jquery\";\nimport \"bootstrap\";\nimport printJS from \"print-js\";\nimport { Collapse } from \"bootstrap\";\n\nexport const log = LogManager.getLogger(\"app.components.return.list\");\n\n@autoinject\nexport class ReturnListCustomElement {\n returns: ICart[] | undefined;\n error: string;\n\n @observable({ changeHandler: \"queryChanged\" }) currentPage = 1;\n lastPage = 1;\n\n options = {\n showInvoiceId: true,\n showWarehouse: false,\n showTransport: false,\n showAddToCart: false,\n showAddToReturn: false,\n };\n\n constructor(\n private returnService: ReturnService,\n private router: Router,\n private appConfig: AppConfig, // used by html\n private eventAggregator: EventAggregator,\n private i18n: I18N\n ) {\n this.eventAggregator.subscribeOnce(TKEvent.userSettingsLoaded, () => {\n this.loadReturns();\n });\n this.eventAggregator.subscribe(TKEvent.returnSent, () => {\n this.loadReturns();\n });\n }\n\n attached() {\n if (this.appConfig.userSettings) this.loadReturns();\n }\n\n queryChanged(newValue: number | string, oldValue: number | string) {\n // Required value haven't been set yet\n if (oldValue === undefined) return;\n\n // Clear the old result so the loading icon could activate again\n this.returns = undefined;\n\n // Since navigating to the same route doesn't actually refresh the page\n if (this.appConfig.userSettings) this.loadReturns();\n }\n\n // #region LOAD\n\n loadReturns() {\n this.returnService\n .fetchReturns(this.currentPage)\n .then((result) => {\n this.returns = result.items;\n this.currentPage = result.currentPage;\n this.lastPage = result.lastPage;\n\n this.returns.forEach((returnCart) => {\n // make it UTC ISO8601\n returnCart.closedDateTime = new Date(returnCart.closedDateTime + \"Z\");\n\n returnCart.total = 0;\n returnCart.products.forEach(\n (product) =>\n (returnCart.total += (product.finalPrice ?? 0) * product.quantity)\n );\n });\n\n this.sortedListener();\n Utils.loadSortable();\n })\n .catch((error) => (this.error = Utils.getErrorMessage(error, this.i18n)));\n }\n\n // #endregion\n\n // #region ACTIONS\n\n searchProduct(query: string) {\n this.router.navigateToRoute(\"searchResult\", {\n query: Utils.encode(query),\n page: 1,\n type: SearchType.Precise,\n });\n }\n\n toggleProductList(target: HTMLElement, returnCart: ICart) {\n $(() => {\n // Check if child element was clicked instead\n if (\n $(target).prop(\"tagName\") != \"TD\" &&\n $(target).prop(\"tagName\") != \"TR\"\n )\n return;\n\n const collapseElement = document.querySelector(\n `[data-product-list=\"${returnCart.id}\"]`\n );\n\n if (collapseElement)\n return new Collapse(collapseElement, {\n parent: \"#accordion-invoice\",\n }).toggle();\n });\n }\n\n // #endregion\n\n // #region HELPERS\n\n sortedListener() {\n $(() => {\n $(\".sortable\").on(\"sorted\", function () {\n // Move product list rows along with their parent order row when sorted\n $(this)\n .find(\".product-list-row\")\n .each(function () {\n $(this).insertAfter(\n $(`.return-row[data-return=\"${$(this).attr(\"data-return\")}\"]`)\n );\n });\n });\n });\n }\n\n printMessage(returnCart: ICart) {\n returnCart.loading = true;\n this.returnService\n .fetchReturnText(returnCart.id)\n .then((result) => {\n printJS({ printable: result, type: \"raw-html\" });\n })\n .finally(() => (returnCart.loading = false));\n }\n\n // #endregion\n}\n","module.exports = \"\\n | ${'pages.returns.headers.number' & t} | \\n${'pages.returns.headers.creator' & t} | \\n${'pages.returns.headers.created' & t} | \\n${'pages.returns.headers.comments' & t} | \\n${'pages.returns.headers.total' & t} | \\n\\n |
|---|---|---|---|---|---|
| ${returnCart.id} | \\n${returnCart.creator} | \\n\\n ${returnCart.closedDateTime | datetimeFormat}\\n | \\n${returnCart.comment} | \\n\\n ${returnCart.total | currencyFormat}\\n | \\n\\n \\n ${'pages.returns.buttons.print' & t}\\n \\n | \\n
| \\n \\n \\n | \\n