solidus_backend_devise_token_auth 2.8.0.alpha.2

data/app/assets/javascripts/spree/backend/variant_autocomplete.js

@@ -0,0 +1,54 @@
+(function() {
+  var variantTemplate = HandlebarsTemplates["variants/autocomplete"];
+
+  var formatVariantResult = function(variant) {
+    return variantTemplate({
+      variant: variant
+    });
+  };
+
+  $.fn.variantAutocomplete = function(searchOptions) {
+    if (searchOptions == null) {
+      searchOptions = {};
+    }
+    this.select2({
+      placeholder: Spree.translations.variant_placeholder,
+      minimumInputLength: 3,
+      initSelection: function(element, callback) {
+        Spree.ajax({
+          url: Spree.routes.variants_api + "/" + element.val(),
+          success: callback
+        });
+      },
+      ajax: {
+        url: Spree.routes.variants_api,
+        datatype: "json",
+        quietMillis: 500,
+        data: function(term, page) {
+          var searchData = {
+            q: {
+              product_name_or_sku_cont: term
+            },
+          };
+          return _.extend(searchData, searchOptions);
+        },
+
+        results: function(data, page) {
+          window.variants = data["variants"];
+          return {
+            results: data["variants"]
+          };
+        }
+      },
+
+      formatResult: formatVariantResult,
+      formatSelection: function(variant, container, escapeMarkup) {
+        if (variant.options_text) {
+          return Select2.util.escapeMarkup(variant.name + " (" + variant.options_text + ")");
+        } else {
+          return Select2.util.escapeMarkup(variant.name);
+        }
+      }
+    });
+  };
+})();

data/app/assets/javascripts/spree/backend/views/calculators/tiered.js

@@ -0,0 +1,54 @@
+Spree.Views.Calculators.Tiered = Backbone.View.extend({
+  initialize: function() {
+    this.calculatorName = this.$('.js-tiers').data('calculator');
+    this.tierFieldsTemplate = HandlebarsTemplates["promotions/calculators/fields/" + this.calculatorName];
+    this.originalTiers = this.$('.js-tiers').data('original-tiers');
+    this.formPrefix = this.$('.js-tiers').data('form-prefix');
+
+    for (var base in this.originalTiers) {
+      var value = this.originalTiers[base];
+      this.$('.js-tiers').append(
+        this.tierFieldsTemplate({
+          baseField: {
+            value: base
+          },
+          valueField: {
+            name: this.tierInputName(base),
+            value: value
+          }
+        })
+      );
+    }
+  },
+
+  events: {
+    'click .js-add-tier': 'onAdd',
+    'click .js-remove-tier': 'onRemove',
+    'change .js-base-input': 'onChange'
+  },
+
+  tierInputName: function(base) {
+    return this.formPrefix + "[calculator_attributes][preferred_tiers][" + base + "]";
+  },
+
+  onAdd: function(event) {
+    event.preventDefault();
+    this.$('.js-tiers').append(
+      this.tierFieldsTemplate({
+        valueField: {
+          name: null
+        }
+      })
+    );
+  },
+
+  onRemove: function(event) {
+    event.preventDefault();
+    $(event.target).parents('.tier').remove();
+  },
+
+  onChange: function(event) {
+    var valueInput = $(event.target).parents('.tier').find('.js-value-input');
+    valueInput.attr('name', this.tierInputName($(event.target).val()));
+  }
+});

data/app/assets/javascripts/spree/backend/views/cart/add_line_item_button.js

@@ -0,0 +1,19 @@
+Spree.Views.Cart.AddLineItemButton = Backbone.View.extend({
+  initialize: function() {
+    this.listenTo(this.collection, 'update', this.render);
+    this.render();
+  },
+
+  events: {
+    "click": "onClick"
+  },
+
+  onClick: function() {
+    this.collection.push({});
+  },
+
+  render: function() {
+    var isNew = function(item) { return item.isNew() };
+    this.$el.prop("disabled", !this.collection.length || this.collection.some(isNew));
+  }
+});

data/app/assets/javascripts/spree/backend/views/cart/line_item_row.js

@@ -0,0 +1,89 @@
+Spree.Views.Cart.LineItemRow = Backbone.View.extend({
+  tagName: 'tr',
+  className: 'line-item',
+
+  initialize: function(options) {
+    this.listenTo(this.model, "change", this.render);
+    this.editing = options.editing || this.model.isNew();
+  },
+
+  events: {
+    'click .edit-line-item': 'onEdit',
+    'click .cancel-line-item': 'onCancel',
+    'click .save-line-item': 'onSave',
+    'submit form': 'onSave',
+    'click .delete-line-item': 'onDelete',
+    'change .js-select-variant': 'onChangeVariant',
+  },
+
+  onEdit: function(e) {
+    e.preventDefault()
+    this.editing = true
+    this.render()
+  },
+
+  onCancel: function(e) {
+    e.preventDefault();
+    if (this.model.isNew()) {
+      this.remove();
+      this.model.destroy();
+    } else {
+      this.editing = false;
+      this.render();
+    }
+  },
+
+  validate: function () {
+    this.$('[name=quantity]').toggleClass('error', !this.$('[name=quantity]').val());
+    this.$('.select2-container').toggleClass('error', !this.$('[name=variant_id]').val());
+
+    return !this.$('.select2-container').hasClass('error') && !this.$('[name=quantity]').hasClass('error')
+  },
+
+  onSave: function(e) {
+    e.preventDefault()
+    if(!this.validate()) {
+      return;
+    }
+    var attrs = {
+      quantity: parseInt(this.$('input.line_item_quantity').val())
+    }
+    if (this.model.isNew()) {
+      attrs['variant_id'] = this.$("[name=variant_id]").val()
+    }
+    var model = this.model;
+    this.model.save(attrs, {
+      patch: true,
+      success: function() {
+        model.order.advance()
+      }
+    });
+    this.editing = false;
+    this.render();
+  },
+
+  onDelete: function(e) {
+    e.preventDefault()
+    if(!confirm(Spree.translations.are_you_sure_delete)) {
+      return;
+    }
+    this.remove()
+    var model = this.model;
+    this.model.destroy({
+      success: function() {
+        model.order.advance()
+      }
+    })
+  },
+
+  render: function() {
+    var html = HandlebarsTemplates['orders/line_item']({
+      line_item: this.model.toJSON(),
+      editing: this.editing,
+      isNew: this.model.isNew(),
+      noCancel: this.model.isNew() && this.model.collection.length == 1
+    });
+    this.$el.html(html);
+    this.$("[name=variant_id]").variantAutocomplete({ suppliable_only: true });
+  }
+});

data/app/assets/javascripts/spree/backend/views/cart/line_item_table.js

@@ -0,0 +1,11 @@
+Spree.Views.Cart.LineItemTable = Backbone.View.extend({
+  initialize: function() {
+    this.listenTo(this.collection, 'add', this.add);
+  },
+
+  add: function(line_item) {
+    var view = new Spree.Views.Cart.LineItemRow({model: line_item});
+    view.render();
+    this.$el.append(view.el);
+  }
+});

data/app/assets/javascripts/spree/backend/views/images/upload_progress.js

@@ -0,0 +1,48 @@
+Spree.Views.Images.UploadProgress = Backbone.View.extend({
+  tagName: "div",
+
+  // Cache the template function for a single item.
+  template: HandlebarsTemplates["products/upload_progress"],
+
+  initialize: function() {
+    this.listenTo(this.model, 'change:progress', this.updateProgressBar);
+    this.listenTo(this.model, 'change', this.render);
+    this.listenTo(this.model, 'destroy', this.remove);
+  },
+
+  events: {
+    "clear" : "clear"
+  },
+
+  className: 'col-sm-6 col-md-4 mb-3',
+
+  attributes: function() {
+    return {
+      "data-upload-id": this.model.cid
+    }
+  },
+
+  render: function() {
+    // Skip progress bar update for better performance
+    var changedAttrs = Object.keys(this.model.changed);
+    if(changedAttrs.length === 1 && changedAttrs[0] == 'progress') return this;
+
+    this.el.innerHTML = this.template(this.model.toJSON());
+    this.updateProgressBar();
+    return this;
+  },
+
+  updateProgressBar: function() {
+    var progressBar = this.el.querySelector('.progress-bar');
+    var percent = this.model.get('progress');
+    progressBar.setAttribute('aria-valuenow', percent);
+    progressBar.style.width = percent + '%';
+    progressBar.innerHTML = percent + '%';
+    return this;
+  },
+
+  // Remove the item, destroy the model
+  clear: function() {
+    this.model.destroy();
+  }
+});

data/app/assets/javascripts/spree/backend/views/images/upload_zone.js

@@ -0,0 +1,39 @@
+Spree.Views.Images.UploadZone = Backbone.View.extend({
+  events: {
+    "dragover" : "onDragOver",
+    "dragleave" : "onDragLeave",
+    "drop" : "onDrop",
+    'change input[type="file"]' : "onFileBrowserSelect"
+  },
+
+  upload: function(file) {
+    var progressModel = new Spree.Models.ImageUpload({file: file});
+
+    this.collection.add(progressModel);
+
+    progressModel.previewFile();
+    progressModel.uploadFile();
+  },
+
+  dragClass: 'with-images',
+
+  onDragOver: function(e) {
+    this.el.classList.add(this.dragClass);
+    e.preventDefault();
+  },
+
+  onDragLeave: function() {
+    this.el.classList.remove(this.dragClass);
+  },
+
+  onDrop: function(e) {
+    this.el.classList.remove(this.dragClass);
+    e.preventDefault();
+
+    _.each(e.originalEvent.dataTransfer.files, this.upload, this);
+  },
+
+  onFileBrowserSelect: function(e) {
+    _.each(e.target.files, this.upload, this);
+  }
+});

data/app/assets/javascripts/spree/backend/views/index.js

@@ -0,0 +1,25 @@
+//= require 'spree/backend/views/calculators/tiered'
+//= require 'spree/backend/views/cart/add_line_item_button'
+//= require 'spree/backend/views/cart/line_item_row'
+//= require 'spree/backend/views/cart/line_item_table'
+//= require 'spree/backend/views/images/upload_zone'
+//= require 'spree/backend/views/images/upload_progress'
+//= require 'spree/backend/views/order/address'
+//= require 'spree/backend/views/order/details_adjustments'
+//= require 'spree/backend/views/order/details_total'
+//= require 'spree/backend/views/order/customer_details'
+//= require 'spree/backend/views/order/customer_select'
+//= require 'spree/backend/views/order/shipment_tracking'
+//= require 'spree/backend/views/order/shipping_method'
+//= require 'spree/backend/views/order/summary'
+//= require 'spree/backend/views/state_select'
+//= require 'spree/backend/views/stock/add_stock_item'
+//= require 'spree/backend/views/stock/edit_stock_item_row'
+//= require 'spree/backend/views/zones/form'
+//= require 'spree/backend/views/number_with_currency'
+//= require 'spree/backend/views/payment/new'
+//= require 'spree/backend/views/payment/payment_row'
+//= require 'spree/backend/views/payment/edit_credit_card'
+//= require 'spree/backend/views/promotions/option_values_rule'
+//= require 'spree/backend/views/tables/editable_table'
+//= require 'spree/backend/views/tables/editable_table_row'

data/app/assets/javascripts/spree/backend/views/number_with_currency.js

@@ -0,0 +1,31 @@
+Spree.Views.NumberWithCurrency = Backbone.View.extend({
+  events: {
+    'change input,select': "render"
+  },
+
+  initialize: function() {
+    this.$currencySelector = this.$('.number-with-currency-select');
+  },
+
+  getCurrency: function() {
+    if (this.$currencySelector.length) {
+      return this.$currencySelector.find('option:selected').val();
+    } else {
+      return this.$('[data-currency]').data("currency");
+    }
+  },
+
+  getCurrencySymbol: function() {
+    var currency = this.getCurrency();
+    if (currency) {
+      var currencyInfo = Spree.currencyInfo[currency];
+      return currencyInfo[0];
+    } else {
+      return '';
+    }
+  },
+
+  render: function() {
+    this.$('.number-with-currency-symbol').text(this.getCurrencySymbol());
+  }
+});

data/app/assets/javascripts/spree/backend/views/order/address.js

@@ -0,0 +1,48 @@
+Spree.Views.Order.Address = Backbone.View.extend({
+  initialize: function(options) {
+    // read initial values from page
+    this.onChange();
+
+    this.render();
+    this.listenTo(this.model, "change", this.render);
+
+    this.stateSelect =
+      new Spree.Views.StateSelect({
+        model: this.model,
+        el: this.$el
+      });
+  },
+
+  events: {
+    "change": "onChange",
+  },
+
+  onChange: function() {
+    this.model.set(this.getValues())
+  },
+
+  eachField: function(callback){
+    var view = this;
+    var fields = ["firstname", "lastname", "company", "address1", "address2",
+      "city", "zipcode", "phone", "country_id"];
+    _.each(fields, function(field) {
+      var el = view.$('[name$="[' + field + ']"]');
+      if (el.length) callback(field, el);
+    });
+  },
+
+  getValues: function() {
+    var attributes = {};
+    this.eachField(function(name, el) {
+      attributes[name] = el.val();
+    });
+    return attributes;
+  },
+
+  render: function() {
+    var model = this.model;
+    this.eachField(function(name, el) {
+      el.val(model.get(name))
+    })
+  }
+});

data/app/assets/javascripts/spree/backend/views/order/customer_details.js

@@ -0,0 +1,67 @@
+Spree.Views.Order.CustomerDetails = Backbone.View.extend({
+  initialize: function() {
+    this.billAddressView =
+      new Spree.Views.Order.Address({
+        model: this.model.get("bill_address"),
+        el: this.$('.js-billing-address')
+      });
+
+    this.shipAddressView =
+      new Spree.Views.Order.Address({
+        model: this.model.get("ship_address"),
+        el: this.$('.js-shipping-address')
+      });
+
+    this.customerSelectView =
+      new Spree.Views.Order.CustomerSelect({
+        el: this.$('#customer_search')
+      });
+    this.listenTo(this.customerSelectView, "select", this.onSelectCustomer);
+
+    this.onGuestCheckoutChanged();
+    this.onChange();
+
+    this.listenTo(this.model, "change", this.render)
+    this.render()
+  },
+
+  events: {
+    "click #guest_checkout_true": "onGuestCheckoutChanged",
+    "click #order_use_billing": "onChange",
+    "change #order_email": "onChange"
+  },
+
+  onGuestCheckoutChanged: function() {
+    if(this.$('#guest_checkout_true').is(':checked')) {
+      this.model.set({user_id: null})
+    }
+  },
+
+  onChange: function() {
+    this.model.set({
+      use_billing: this.$('#order_use_billing').is(':checked'),
+      email: this.$("#order_email").val()
+    })
+  },
+
+  onSelectCustomer: function(customer) {
+    this.model.set({
+      email: customer.email,
+      user_id: customer.id,
+      bill_address: customer.bill_address
+    })
+  },
+
+  render: function() {
+    var user_id = this.model.get("user_id") || $("#user_id").val()
+    this.$("#user_id").val(user_id);
+    this.$('#guest_checkout_true')
+      .prop("checked", !user_id);
+    this.$('#guest_checkout_false')
+      .prop("checked", !!user_id)
+      .prop("disabled", !user_id);
+
+    this.$('#shipping').toggleClass("hidden", !!this.model.get("use_billing"));
+    this.$('#order_email').val(this.model.get("email"))
+  }
+})

data/app/assets/javascripts/spree/backend/views/order/customer_select.js

@@ -0,0 +1,54 @@
+Spree.Views.Order.CustomerSelect = Backbone.View.extend({
+  initialize: function() {
+    this.render();
+  },
+
+  events: {
+    "select2-selecting": "onSelect"
+  },
+
+  onSelect: function(e) {
+    var customer = e.choice;
+    this.trigger("select", customer)
+  },
+
+  render: function() {
+    var customerTemplate = HandlebarsTemplates['orders/customer_details/autocomplete'];
+
+    var formatCustomerResult = function(customer) {
+      return customerTemplate({
+        customer: customer,
+        bill_address: customer.bill_address,
+        ship_address: customer.ship_address
+      })
+    }
+
+    this.$el.select2({
+      placeholder: Spree.translations.choose_a_customer,
+      ajax: {
+        url: Spree.routes.users_api,
+        datatype: 'json',
+        data: function(term, page) {
+          return {
+            q: {
+              m: 'or',
+              email_start: term,
+              addresses_firstname_start: term,
+              addresses_lastname_start: term
+            }
+          }
+        },
+        results: function(data, page) {
+          return {
+            results: data.users,
+            more: data.current_page < data.pages
+          }
+        }
+      },
+      formatResult: formatCustomerResult,
+      formatSelection: function (customer) {
+        return Select2.util.escapeMarkup(customer.email);
+      }
+    })
+  }
+});

data/app/assets/javascripts/spree/backend/views/order/details_adjustments.js

@@ -0,0 +1,39 @@
+Spree.Views.Order.DetailsAdjustments = Backbone.View.extend({
+  initialize: function() {
+    this.listenTo(this.model, "change", this.render);
+    this.render()
+  },
+
+  adjustmentTotals: function() {
+    var totals = {};
+    var collection = this.collection ? this.collection.chain() : _.chain([this.model]);
+    collection
+      .map(function(item){ return item.get("adjustments") || [] })
+      .flatten(true)
+      .each(function(adjustment){
+        var label = adjustment.label;
+
+        /* Fixme: because this is done in JS, we only have floating point math */
+        totals[label] = (totals[label] || 0);
+        totals[label] += Number(adjustment.amount);
+      });
+    return totals;
+  },
+
+  render: function() {
+    var model = this.model;
+    var tbody = this.$('tbody');
+    var adjustmentTotals = this.adjustmentTotals()
+
+    tbody.empty();
+    _.each(adjustmentTotals, function(amount, label) {
+       var html = HandlebarsTemplates["orders/details_adjustment_row"]({
+         label: label,
+         amount: Spree.formatMoney(amount, model.get("currency"))
+       });
+       tbody.append(html);
+    });
+
+    this.$el.toggleClass("hidden", _.isEmpty(adjustmentTotals));
+  }
+})

data/app/assets/javascripts/spree/backend/views/order/details_total.js

@@ -0,0 +1,12 @@
+Spree.Views.Order.DetailsTotal = Backbone.View.extend({
+  initialize: function() {
+    this.listenTo(this.model, "change", this.render);
+    this.render()
+  },
+
+  render: function() {
+    var lineItemCount = this.model.get("line_items").length
+    this.$el.toggleClass('hidden', !lineItemCount)
+    this.$('.order-total').text(this.model.get("display_total"))
+  }
+})

data/app/assets/javascripts/spree/backend/views/order/shipment_tracking.js

@@ -0,0 +1,46 @@
+Spree.Views.Order.ShipmentTracking = Backbone.View.extend({
+  tagName: 'tr',
+  className: 'edit-tracking',
+
+  events: {
+    "click .js-edit":   "onEdit",
+    "click .js-save":   "onSave",
+    "submit form":      "onSave",
+    "click .js-cancel": "onCancel",
+  },
+
+  initialize: function(options) {
+    this.render();
+  },
+
+  onEdit: function(event) {
+    this.editing = true;
+    this.render();
+  },
+
+  onSave: function(event) {
+    this.editing = false;
+    this.model.save({
+      tracking: this.$('input[type="text"]').val()
+    }, {
+      patch: true
+    });
+    this.render();
+
+    return false;
+  },
+
+  onCancel: function(event) {
+    this.editing = false;
+    this.render();
+  },
+
+  render: function() {
+    var html = HandlebarsTemplates['orders/shipment_tracking']({
+      editing: this.editing,
+      tracking: this.model.get("tracking"),
+    });
+
+    this.$el.html(html);
+  }
+});