diff --git a/tailbone/templates/custorders/create.mako b/tailbone/templates/custorders/create.mako
index 86a5e804..399c1a6b 100644
--- a/tailbone/templates/custorders/create.mako
+++ b/tailbone/templates/custorders/create.mako
@@ -532,8 +532,9 @@
Product
+ :product="selectedProduct"
+ @selected="productLookupSelected"
+ autocomplete-url="${url(f'{route_prefix}.product_autocomplete')}">
diff --git a/tailbone/templates/products/lookup.mako b/tailbone/templates/products/lookup.mako
index 42ee0742..4e8c3a8b 100644
--- a/tailbone/templates/products/lookup.mako
+++ b/tailbone/templates/products/lookup.mako
@@ -6,9 +6,9 @@
-
+
-
- {{ selectedProduct.full_description }}
+ {{ product.full_description }}
Full Lookup
-
View Product
@@ -209,9 +209,13 @@
const TailboneProductLookup = {
template: '#tailbone-product-lookup-template',
props: {
- selectedProduct: {
+ product: {
type: Object,
},
+ autocompleteUrl: {
+ type: String,
+ default: '${url('products.autocomplete')}',
+ },
},
data() {
return {
@@ -238,7 +242,7 @@
methods: {
focus() {
- if (!this.selectedProduct) {
+ if (!this.product) {
this.$refs.productAutocomplete.focus()
}
},
@@ -269,8 +273,7 @@
}
// and perform the search
- let url = '${url(f'{route_prefix}.product_autocomplete')}'
- this.$http.get(url + '?term=' + encodeURIComponent(entry))
+ this.$http.get(this.autocompleteUrl + '?term=' + encodeURIComponent(entry))
.then(({ data }) => {
this.autocompleteOptions = data
}).catch((error) => {
@@ -283,6 +286,8 @@
this.$emit('selected', {
uuid: option.value,
full_description: option.label,
+ url: option.url,
+ image_url: option.image_url,
})
},
diff --git a/tailbone/templates/products/pending/view.mako b/tailbone/templates/products/pending/view.mako
index 2b9852d9..e3740c71 100644
--- a/tailbone/templates/products/pending/view.mako
+++ b/tailbone/templates/products/pending/view.mako
@@ -1,5 +1,11 @@
## -*- coding: utf-8; -*-
<%inherit file="/master/view.mako" />
+<%namespace name="product_lookup" file="/products/lookup.mako" />
+
+<%def name="render_this_page_template()">
+ ${parent.render_this_page_template()}
+ ${product_lookup.tailbone_product_lookup_template()}
+%def>
<%def name="object_helpers()">
${parent.object_helpers()}
@@ -43,12 +49,13 @@
${instance.full_description}
-
-
+
+
+ ${h.hidden('product_uuid', **{':value': 'resolveProductUUID'})}