![](\"/terminal/img/scan.png\")
\" + SP.Localize(\"sentance_new_sender\") + \"?\", keyword)\r\n }\r\n }\r\n\r\n hide_all_page() {\r\n this.home_menu.style.display = \"none\";\r\n this.stock_menu.style.display = \"none\";\r\n this.po_menu.style.display = \"none\";\r\n this.sender_menu.style.display = \"none\";\r\n this.reference_menu.style.display = \"none\";\r\n this.location_menu.style.display = \"none\";\r\n\r\n }\r\n\r\n open_home_menu() {\r\n this.hide_all_page();\r\n this.container.style.display = \"block\";\r\n this.home_menu.style.display = \"block\";\r\n }\r\n\r\n open_stock_menu() {\r\n if (this.stockButtons.length == 1) {\r\n this.stockButtons[0].click();\r\n return;\r\n }\r\n\r\n this.hide_all_page();\r\n this.container.style.display = \"block\";\r\n this.stock_menu.style.display = \"block\";\r\n }\r\n\r\n async search_purchace_orders(word: string) {\r\n var paType = this.result_arrival_type == SP.ArrivalType.Standard ? SP.PurchaseOrderType.PurchaseOrder : SP.PurchaseOrderType.ReturnOrder;\r\n var purchaseOrders = await SP.Data.PurchaseOrder.getPurchaseOrders(this.result_customer, paType, SP.PurchaseOrderState.Ordered, word);\r\n\r\n this.po_suggestion_container.innerHTML = \"\";\r\n for (let i = 0; i < purchaseOrders.length; i++) {\r\n await this.addPurchaseOrder(purchaseOrders[i], true);\r\n }\r\n }\r\n\r\n async open_po_menu() {\r\n //dont look for arrivals if not Standard/Return\r\n if (this.result_arrival_type != SP.ArrivalType.Return && this.result_arrival_type != SP.ArrivalType.Standard) return this.open_sender_menu();\r\n\r\n\r\n await this.search_purchace_orders(\"\");\r\n if (this.purchaseOrderButtons.length == 0) return this.open_sender_menu();\r\n\r\n //auto click to sender if none\r\n\r\n this.hide_all_page();\r\n this.container.style.display = \"block\";\r\n this.po_menu.style.display = \"block\";\r\n }\r\n\r\n async open_location_menu(locations: SP.purchaeOrderLocationInfo[]) {\r\n\r\n\r\n //clear container\r\n this.locations_container.innerHTML = \"\";\r\n\r\n\r\n\r\n //add buttons\r\n for (var i = 0; i < locations.length; i++) {\r\n var loc = locations[i];\r\n this.addLocationButton(loc.location, loc.location, loc.totalQty, loc.deliveredQty);\r\n }\r\n\r\n this.hide_all_page();\r\n this.container.style.display = \"block\";\r\n this.location_menu.style.display = \"block\";\r\n }\r\n\r\n open_sender_menu() {\r\n this.sender_input.value = \"\";\r\n\r\n //skip sender menu for RMA\r\n if (this.result_arrival_type != SP.ArrivalType.Standard) {\r\n this.open_reference_menu();\r\n return;\r\n }\r\n\r\n this.hide_all_page();\r\n this.container.style.display = \"block\";\r\n this.sender_menu.style.display = \"block\";\r\n this.load_senders(this.result_customer);\r\n }\r\n\r\n open_reference_menu() {\r\n this.customer_name_input.value = \"\";\r\n this.reference_number_input.value = \"\";\r\n this.sender_reference_number_input.value = \"\";\r\n\r\n\r\n\r\n //auto fill the reference if purchase order\r\n if (this.result_purchase_order) {\r\n this.result_reference = this.result_purchase_order.referenceNo;\r\n this.reference_number_input.value = this.result_reference;\r\n this.sender_reference_number_input.focus();\r\n }\r\n\r\n\r\n if (this.result_arrival_type == SP.ArrivalType.Audit) {\r\n var date = new Date();\r\n this.reference_number_input.value = \"Audit \" + date.getDate().toString().padStart(2, \"0\") + \"-\" + (date.getMonth() + 1).toString().padStart(2, \"0\") + \"-\" + date.getFullYear() + \" \" + date.getHours().toString().padStart(2, \"0\") + \":\" + date.getMinutes().toString().padStart(2, \"0\") + \":\" + date.getSeconds().toString().padStart(2, \"0\");\r\n }\r\n\r\n if (this.result_arrival_type == SP.ArrivalType.InternalReturn) {\r\n var date = new Date();\r\n this.reference_number_input.value = \"Internal \" + date.getDate().toString().padStart(2, \"0\") + \"-\" + (date.getMonth() + 1).toString().padStart(2, \"0\") + \"-\" + date.getFullYear() + \" \" + date.getHours().toString().padStart(2, \"0\") + \":\" + date.getMinutes().toString().padStart(2, \"0\") + \":\" + date.getSeconds().toString().padStart(2, \"0\");\r\n }\r\n\r\n if (this.result_arrival_type == SP.ArrivalType.Standard) {\r\n this.reference_number_input.focus();\r\n }\r\n\r\n if (this.result_arrival_type == SP.ArrivalType.Return) {\r\n this.customer_name_input.focus();\r\n }\r\n\r\n this.hide_all_page();\r\n this.container.style.display = \"block\";\r\n this.customer_name_container.style.display = this.result_arrival_type == SP.ArrivalType.Return ? \"block\" : \"none\";\r\n this.reference_menu.style.display = \"block\";\r\n }\r\n\r\n clear() {\r\n //clear home buttons\r\n this.front_po_suggestion_container.innerHTML = \"\";\r\n this.result_barcode = null;\r\n this.result_sender = null;\r\n this.result_reference = null;\r\n this.result_customer = null;\r\n this.result_purchase_order = null;\r\n this.result_arrival_type = null;\r\n this.container.style.display = \"none\";\r\n this.home_menu.style.display = \"none\";\r\n this.error.style.display = \"none\";\r\n this.purchaseOrderButtons = [];\r\n }\r\n\r\n async init() {\r\n if (this.initialized) return;\r\n\r\n var all_customers = await SP.Data.Customer.getCustomerInfos();\r\n\r\n for (let i = 0; i < all_customers.length; i++) {\r\n this.addCustomerButton(all_customers[i]);\r\n }\r\n\r\n this.initialized = true;\r\n }\r\n\r\n async open(barcode: string) {\r\n this.front_po_suggestion_container.innerHTML = \"\";\r\n\r\n await this.init();\r\n\r\n this.clear();\r\n\r\n this.result_barcode = barcode;\r\n if (barcode) {\r\n //var PurchaseOrders = await SP.Data.PurchaseOrder.getPurchaseOrders(this.result_customer, null, SP.PurchaseOrderState.Ordered, barcode);\r\n var PurchaseOrders = await SP.Data.PurchaseOrder.getBarcodeSearch(barcode);\r\n for (let i = 0; i < PurchaseOrders.length; i++) {\r\n await this.addPurchaseOrder(PurchaseOrders[i], false);\r\n }\r\n }\r\n //show suggestion container and home screen\r\n this.open_home_menu();\r\n }\r\n\r\n close() {\r\n this.container.style.display = \"none\";\r\n }\r\n\r\n purchaseOrderButtons: HTMLElement[] = [];\r\n\r\n async addPurchaseOrder(po: SP.purchaseOrderInfo, stock_list: boolean = false) {\r\n console.log(po, stock_list);\r\n var ci = await SP.Data.Customer.getCustomerInfo(po.customerId, true);\r\n\r\n\r\n var c = document.createElement(\"div\");\r\n if (stock_list) this.po_suggestion_container.appendChild(c);\r\n else this.front_po_suggestion_container.appendChild(c)\r\n c.classList.add(\"btn\", \"noselect\");\r\n\r\n\r\n if (!stock_list) {\r\n c.innerHTML = `${po.purchaseOrderType == SP.PurchaseOrderType.PurchaseOrder ? \"Purchase Order Arrival\" : \"Return Order Arrival\"}
${description}
\r\n ${o.itemInfo?.sku ?? \"\"}\r\n${o.qty}
\r\n\" + info.toteName;\r\n this.container.style.backgroundColor = info.toteColor;\r\n\r\n var now = new Date();\r\n var triggerDate = new Date((info.orderDeadline * 1000) - (1000 * 60 * 60 * 3));\r\n var endTriggerDate = new Date((info.orderDeadline * 1000) + (1000 * 60 * 60 * 1));\r\n var show = triggerDate < now && now < endTriggerDate;\r\n // Hours part from the timestamp\r\n\r\n\r\n if (info?.blockPacker) {\r\n var dl_container = this.container.appendChild(document.createElement(\"span\"));\r\n dl_container.classList.add(\"deadline\");\r\n dl_container.innerHTML = SP.Localize(\"word_blocked\");\r\n }\r\n\r\n if (info?.warningInfo) {\r\n var dl_container = this.container.appendChild(document.createElement(\"span\"));\r\n dl_container.classList.add(\"deadline\");\r\n dl_container.innerHTML = info.warningInfo;\r\n }\r\n else if (show) {\r\n if (info) {\r\n var deadline = new Date(info.orderDeadline * 1000);\r\n var hours = deadline.getHours();\r\n var minutes = \"0\" + deadline.getMinutes();\r\n var formattedTime = hours + ':' + minutes.substr(-2);\r\n var dl_container = this.container.appendChild(document.createElement(\"span\"));\r\n dl_container.classList.add(\"deadline\");\r\n dl_container.innerHTML = formattedTime;\r\n }\r\n }\r\n\r\n \r\n\r\n\r\n\r\n\r\n }\r\n\r\n load(info: SP.ToteInfo) {\r\n //order details?\r\n\r\n //this.info = info;\r\n //container.innerHTML = info.toteName;\r\n //container.style.backgroundColor = info.toteColor;\r\n }\r\n\r\n\r\n setParent(elm: HTMLElement) {\r\n if (this.parent == elm) return;\r\n if (this.parent) container.remove();\r\n this.parent = elm;\r\n this.parent.appendChild(this.container);\r\n }\r\n }\r\n\r\n export class OrderHistoryItem {\r\n container = document.createElement(\"div\");\r\n tote = document.createElement(\"div\");\r\n info: SP.HistoryShipmentInfo;\r\n parent: HTMLElement;\r\n constructor(info: SP.HistoryShipmentInfo) {\r\n this.info = info;\r\n this.container.innerHTML = \"\" + info.customer + \"\" + info.toteName;\r\n this.tote.style.backgroundColor = info.toteColor;\r\n this.tote.style.float = \"left\";\r\n this.tote.classList.add(\"tote_box\");\r\n this.container.prepend(this.tote);\r\n\r\n\r\n this.container.addEventListener(\"click\", () => {\r\n OID.load(this.info.id);\r\n })\r\n }\r\n\r\n }\r\n\r\n export class App_Pack_Tote_List extends AppBase {\r\n static Instance: App_Pack_Tote_List;\r\n ptl_info = document.getElementById(\"ptl_info\");\r\n ptl_headline = document.getElementById(\"ptl_headline\");\r\n ptl_error = document.getElementById(\"ptl_error\");\r\n ptl_totes = document.getElementById(\"ptl_totes\");\r\n ptl_pending = document.getElementById(\"ptl_pending\");\r\n ptl_history = document.getElementById(\"ptl_history\");\r\n ptl_history_button = document.getElementById(\"ptl_history_button\");\r\n ptl_totes_content = document.getElementById(\"ptl_totes_content\");\r\n ptl_trolly_content = document.getElementById(\"ptl_trolly_content\");\r\n ptl_pending_content = document.getElementById(\"ptl_pending_content\");\r\n ptl_history_content = document.getElementById(\"ptl_history_content\");\r\n ptl_search = document.getElementById(\"ptl_search\") as HTMLInputElement;\r\n totes: { [id: number]: ToteBox } = {};\r\n bound = false;\r\n\r\n constructor() {\r\n super(\"app_pack_tote_list\");\r\n App_Pack_Tote_List.Instance = this;\r\n\r\n\r\n this.ptl_history_button.addEventListener(\"click\", () => {\r\n var visible = this.ptl_history.style.display == \"block\";\r\n this.ptl_history.style.display = visible ? \"none\" : \"block\";\r\n this.ptl_totes.style.display = visible ? \"block\" : \"none\";\r\n\r\n if (visible)\r\n this.ptl_history_button.querySelector(\".fa-solid\").setAttribute(\"class\", \"fa-solid fa-clock-rotate-left\");\r\n else\r\n this.ptl_history_button.querySelector(\".fa-solid\").setAttribute(\"class\", \"fa-solid fa-inbox\");\r\n });\r\n\r\n let to: any = null;\r\n this.ptl_search.addEventListener(\"keyup\", () => {\r\n clearTimeout(to);\r\n to = setTimeout(() => {\r\n this.load(this.ptl_search.value);\r\n }, 500);\r\n });\r\n }\r\n\r\n async onOpen() {\r\n this.ptl_search.value = \"\";\r\n\r\n //bind events and groups\r\n if (!this.bound) {\r\n this.bound = true;\r\n barcodeListener.on(\"t\", this.scanTote, this);\r\n barcodeListener.on(\"tr\", this.setTrolley, this);\r\n barcodeListener.on(null, this.scanBarcode, this);\r\n }\r\n\r\n await this.load('');\r\n\r\n }\r\n\r\n async onClose() {\r\n if (this.bound) {\r\n this.bound = false;\r\n barcodeListener.off(\"t\", this.scanTote);\r\n barcodeListener.off(\"tr\", this.setTrolley);\r\n barcodeListener.off(null, this.scanBarcode);\r\n }\r\n this.reset();\r\n }\r\n\r\n async load(keyword: string) {\r\n this.reset();\r\n let active = await SP.Data.Tote.getActiveToteInfos(keyword);\r\n\r\n active.sort((a, b) => {\r\n\r\n if (App_Settings.terminalSettings.tote_sorting == \"picklist\") {\r\n let listSort = a.pickListId > b.pickListId ? 1 : a.pickListId < b.pickListId ? -1 : 0;\r\n if (listSort != 0) return listSort;\r\n }\r\n\r\n let groupSort = a.toteGroupName.localeCompare(b.toteGroupName);\r\n if (groupSort != 0) return groupSort;\r\n\r\n return a.toteId - b.toteId;\r\n });\r\n\r\n\r\n let history = await SP.Data.Shipment.getHistoryShipmentInfo(\"\", keyword);\r\n active.forEach(t => this.updateInfo(t));\r\n history.forEach(t => this.addHistory(t));\r\n\r\n this.setTrolley(this.trolleyId);\r\n }\r\n\r\n historyDictionary: { [id: string]: OrderHistoryItem } = {};\r\n\r\n addHistory(info: SP.HistoryShipmentInfo) {\r\n let current = new OrderHistoryItem(info);\r\n this.ptl_history_content.appendChild(current.container);\r\n this.historyDictionary[current.info.id] = current;\r\n }\r\n\r\n showAllButton: HTMLElement;\r\n showAllButtonLabel: HTMLElement;\r\n\r\n updateInfo(info: SP.ToteInfo) {\r\n var current = this.totes[info.toteId];\r\n\r\n if (!current) {\r\n current = new ToteBox(info);\r\n current.container.addEventListener(\"click\", () => {\r\n App_Pack_Tote_List.Instance.scanTote(info.toteId.toString(), true);\r\n })\r\n this.totes[info.toteId] = current;\r\n }\r\n\r\n current.load(info);\r\n var parent = this.ptl_totes_content;\r\n\r\n\r\n if (info.trolleyId) {\r\n parent = this.trolleyContainers[info.trolleyId];\r\n if (parent == null) {\r\n var elm = document.createElement(\"div\");\r\n elm.innerHTML = `${this.order.orderNo} - ${App_Return.instance.currentCustomer.customerName}
\r\n${SP.Localize(\"sentance_reference_no\")}:
\r\n${this.order.referenceNo}
\r\n\r\n${SP.Localize(\"word_name\")}:
\r\n${this.order.recipient.name}
\r\n${SP.Localize(\"sentance_no_return_shipments_was_found\")}
\r\n\r\n${SP.Localize(\"sentance_shipment_no\")}: ${shipment.shipmentNo}
\r\n${SP.Localize(\"word_state\")}: ${shipmentState}
\r\n${line.orderLine.itemInfo.description}
\r\nSku: ${line.orderLine.itemInfo.sku}
\r\n${line.returnInfo.returnedQty} / ${line.qty}
\r\n${this.order.orderNo} - ${App_Return.instance.currentCustomer.customerName}
\r\n${SP.Localize(\"word_name\")}:
\r\n${name}
\r\n| Package: | \" + this.current.package.trackingNumber + \" |
| Sorting: | \" + this.current.sortingZone.name + \" |
| Pallet: | \" + this.current.collectionId + \" |
${order.referenceNo}
\r\n ${order.orderNo}\r\n ${customer.customerName}\r\n${order.referenceNo} - ${customerName}
\r\n ${order.orderNo}\r\n \r\n
\"\r\n this.tote_menu.append(this.tote_placeholder);\r\n\r\n \r\n }\r\n\r\n clearTotes() {\r\n this.tote_container.innerHTML = \"\";\r\n this.tote_ids = [];\r\n this.tote_placeholder.style.display = \"block\";\r\n }\r\n\r\n async openWithTotes(toteIds: number[], stockId: string, cb: (placementInfo: SP.StockPlacement) => void) {\r\n this.clearTotes();\r\n //this.tote_ids = toteIds;\r\n\r\n await super.open(stockId, null, cb);\r\n\r\n var toteInfos = await SP.Data.Tote.getToteInfos(toteIds, false);\r\n toteInfos.forEach(ti => this.addTote(ti));\r\n\r\n }\r\n\r\n\r\n addTote(t: SP.ToteInfo) {\r\n if (this.tote_ids.indexOf(t.toteId) != -1) return;\r\n\r\n this.tote_ids.push(t.toteId);\r\n var box = new ToteBox(t);\r\n box.container.addEventListener(\"click\", () => {\r\n console.log(\"removing tote \" + t.toteId);\r\n this.tote_ids.splice(this.tote_ids.indexOf(t.toteId), 1);\r\n box.container.remove();\r\n if (!this.tote_ids.length) this.tote_placeholder.style.display = \"block\";\r\n });\r\n\r\n\r\n this.tote_container.append(box.container);\r\n this.tote_placeholder.style.display = \"none\";\r\n\r\n\r\n\r\n }\r\n\r\n\r\n close() {\r\n super.close();\r\n this.clear();\r\n this.container.style.display = \"none\";\r\n }\r\n\r\n scanTote(toteId: string) {\r\n SP.Data.Tote.getToteInfo(toteId, false).then((t) => {\r\n if (t) {\r\n this.addTote(t);\r\n }\r\n else {\r\n SP.alertX(\"tote not found!\");\r\n }\r\n });\r\n return false;\r\n }\r\n }\r\n}","/// 1/4
\r\n\r\n${SP.Localize(\"sentence_scan_or_type_serial_number\")}
\r\n \r\n \r\n