Add basic per-item discount support for custorders

tailbone/templates/custorders/configure.mako

@@ -88,6 +88,15 @@
       </b-checkbox>
     </b-field>
 
+    <b-field>
+      <b-checkbox name="rattail.custorders.allow_item_discounts"
+                  v-model="simpleSettings['rattail.custorders.allow_item_discounts']"
+                  native-value="true"
+                  @input="settingsNeedSaved = true">
+        Allow per-item discounts
+      </b-checkbox>
+    </b-field>
+
   </div>
 </%def>
 

tailbone/templates/custorders/create.mako

@@ -805,7 +805,21 @@
                       </b-field>
 
                       <b-field grouped>
-                        <b-field label="Total Price">
+                        % if allow_item_discounts:
+                            <b-field label="Discount" horizontal>
+                              <div class="level">
+                                <div class="level-item">
+                                      <numeric-input v-model="productDiscountPercent"
+                                                     style="width: 5rem;">
+                                      </numeric-input>
+                                </div>
+                                <div class="level-item">
+                                  <span>&nbsp;%</span>
+                                </div>
+                              </div>
+                            </b-field>
+                        % endif
+                        <b-field label="Total Price" horizontal expanded>
                           <span :class="productSalePriceDisplay ? 'has-background-warning': null">
                             {{ getItemTotalPriceDisplay() }}
                           </span>
@@ -981,6 +995,12 @@
                   </span>
                 </b-table-column>
 
+                % if allow_item_discounts:
+                    <b-table-column label="Discount">
+                      {{ props.row.discount_percent }}{{ props.row.discount_percent ? " %" : "" }}
+                    </b-table-column>
+                % endif
+
                 <b-table-column label="Total">
                   <span
                     % if product_price_may_be_questionable:
@@ -1099,6 +1119,7 @@
                 items: ${json.dumps(order_items)|n},
                 editingItem: null,
                 showingItemDialog: false,
+                itemDialogSaving: false,
                 itemDialogTabIndex: 0,
                 pastItemsShowDialog: false,
                 pastItemsLoading: false,
@@ -1133,6 +1154,10 @@
                 productPriceNeedsConfirmation: false,
                 % endif
 
+                % if allow_item_discounts:
+                    productDiscountPercent: null,
+                % endif
+
                 pendingProduct: {},
                 departmentOptions: ${json.dumps(department_options)|n},
 
@@ -1314,6 +1339,9 @@
             },
 
             itemDialogSaveDisabled() {
+                if (this.itemDialogSaving) {
+                    return true
+                }
                 if (this.productIsKnown) {
                     if (!this.productUUID) {
                         return true
@@ -1330,6 +1358,9 @@
             },
 
             itemDialogSaveButtonText() {
+                if (this.itemDialogSaving) {
+                    return "Working, please wait..."
+                }
                 return this.editingItem ? "Update Item" : "Add Item"
             },
 
@@ -1723,6 +1754,11 @@
                 if (basePrice) {
                     let totalPrice = basePrice * this.productQuantity
                     if (totalPrice) {
+                        % if allow_item_discounts:
+                            if (this.productDiscountPercent) {
+                                totalPrice *= (100 - this.productDiscountPercent) / 100
+                            }
+                        % endif
                         totalPrice = totalPrice.toFixed(2)
                         return "$" + totalPrice
                     }
@@ -1790,6 +1826,10 @@
                 this.productPriceNeedsConfirmation = false
                 % endif
 
+                % if allow_item_discounts:
+                    this.productDiscountPercent = null
+                % endif
+
                 this.itemDialogTabIndex = 0
                 this.showingItemDialog = true
                 this.$nextTick(() => {
@@ -1882,6 +1922,10 @@
                 this.productUnitChoices = row.order_uom_choices
                 this.productUOM = row.order_uom
 
+                % if allow_item_discounts:
+                    this.productDiscountPercent = row.discount_percent
+                % endif
+
                 this.itemDialogTabIndex = 1
                 this.showingItemDialog = true
             },
@@ -1992,6 +2036,7 @@
             },
 
             itemDialogSave() {
+                this.itemDialogSaving = true
 
                 let params = {
                     product_is_known: this.productIsKnown,
@@ -2002,6 +2047,10 @@
                     order_uom: this.productUOM,
                 }
 
+                % if allow_item_discounts:
+                    params.discount_percent = this.productDiscountPercent
+                % endif
+
                 if (this.productIsKnown) {
                     params.product_uuid = this.productUUID
                 } else {
@@ -2032,6 +2081,7 @@
                     // also update the batch total price
                     this.batchTotalPriceDisplay = response.data.batch.total_price_display
 
+                    this.itemDialogSaving = false
                     this.showingItemDialog = false
                 })
             },