solidus_backend_devise_token_auth 2.8.0.alpha.2

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

@@ -0,0 +1,57 @@
+Spree.Views.Order.ShippingMethod = Backbone.View.extend({
+  tagName: 'tr',
+  className: 'edit-shipping-method',
+
+  events: {
+    "click .js-edit":   "onEdit",
+    "click .js-save":   "onSave",
+    "submit form":      "onSave",
+    "click .js-cancel": "onCancel"
+  },
+
+  initialize: function(options) {
+    this.shippingMethodId = this.model.get('selected_shipping_rate').get('shipping_method_id');
+    this.shippingRates = new Backbone.Collection();
+    this.render();
+  },
+
+  onEdit: function(event) {
+    this.editing = true;
+    this.shippingRates = this.model.estimatedRates();
+    this.listenTo(this.shippingRates, "sync", this.render);
+    this.render();
+  },
+
+  onSave: function(event) {
+    this.editing = false;
+    this.shippingMethodId = this.$('select').val();
+    this.shippingRates = new Backbone.Collection();
+    this.model.selectShippingMethodId(this.shippingMethodId, {
+      success: function() {
+        window.location.reload();
+      }
+    });
+    this.render();
+
+    return false;
+  },
+
+  onCancel: function(event) {
+    this.editing = false;
+    this.shippingRates = new Backbone.Collection();
+    this.render();
+  },
+
+  render: function() {
+    var html = HandlebarsTemplates['orders/shipping_method']({
+      editing: this.editing,
+      order: this.model.collection.parent.toJSON(),
+      shipment: this.model.toJSON(),
+      selected_shipping_rate: this.model.get("selected_shipping_rate").toJSON(),
+      shipping_rates: this.shippingRates.toJSON()
+    });
+
+    this.$el.html(html);
+    this.$('select').val(this.shippingMethodId);
+  }
+})

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

@@ -0,0 +1,36 @@
+Spree.Views.Order.Summary = Backbone.View.extend({
+  initialize: function () {
+    this.listenTo(this.model, "change", this.render);
+    this.render()
+  },
+
+  render: function () {
+    this.$('dd.order-state').html(this.renderState('order_state', this.model.get("state")))
+
+    this.$("#item_total").text(this.model.get("display_item_total"));
+    this.$("#order_total").text(this.model.get("display_total"));
+
+    this.$('.order-shipment_total').toggleClass("hidden", !Number(this.model.get("ship_total")))
+    this.$('dd.order-shipment_total').text(this.model.get("display_ship_total"))
+
+    this.$('.order-included_tax_total').toggleClass("hidden", !Number(this.model.get("included_tax_total")))
+    this.$('dd.order-included_tax_total').text(this.model.get("display_included_tax_total"))
+
+    this.$('.order-additional_tax_total').toggleClass("hidden", !Number(this.model.get("additional_tax_total")))
+    this.$('dd.order-additional_tax_total').text(this.model.get("display_additional_tax_total"))
+
+    this.$('.order-shipment_state').toggleClass("hidden", !this.model.get("completed_at"))
+    this.$('dd.order-shipment_state').html(this.renderState('shipment_states', this.model.get("shipment_state")))
+
+    this.$('.order-payment_state').toggleClass("hidden", !this.model.get("completed_at"))
+    this.$('dd.order-payment_state').html(this.renderState('payment_states', this.model.get("payment_state")))
+  },
+
+  renderState: function(translation_key, value) {
+    var state_name = Spree.translations[translation_key][value] || value;
+    return $('<span>')
+      .addClass('state')
+      .addClass(value)
+      .text(state_name);
+  }
+});

data/app/assets/javascripts/spree/backend/views/payment/edit_credit_card.js

@@ -0,0 +1,23 @@
+//= require jquery.payment
+Spree.Views.Payment.EditCreditCard = Backbone.View.extend({
+  initialize: function() {
+    this.$(".cardNumber").payment('formatCardNumber');
+    this.$(".cardExpiry").payment('formatCardExpiry');
+    this.$(".cardCode").payment('formatCardCVC');
+
+    this.render()
+  },
+
+  events: {
+    'change [name=card]': 'render',
+    'change .cardNumber': 'render'
+  },
+
+  render: function() {
+    var isNew = (this.$('[name=card]:checked').val() === 'new') || (this.$('[name=card]').length == 0);
+    this.$('.js-new-credit-card-form').toggleClass('hidden', !isNew)
+    this.$('.js-new-credit-card-form :input').prop('disabled', !isNew)
+
+    this.$(".ccType").val($.payment.cardType(this.$('.cardNumber').val()))
+  }
+})

data/app/assets/javascripts/spree/backend/views/payment/new.js

@@ -0,0 +1,25 @@
+Spree.Views.Payment.New = Backbone.View.extend({
+  initialize: function() {
+    this.onSelectMethod()
+  },
+
+  events: {
+    'change [name="payment[payment_method_id]"]': 'onSelectMethod',
+    'change .cardNumber': 'onChangeCard'
+  },
+
+  onSelectMethod: function(e) {
+    this.selectedId = parseInt(this.$('input[name="payment[payment_method_id]"]:checked').val())
+    this.render();
+  },
+
+  render: function() {
+    var view = this;
+    this.$('.payment-method-settings .payment-methods').each(function() {
+      var $method = $(this);
+      var selected = $method.data("payment-method-id") === view.selectedId;
+      $method.toggleClass('hidden', !selected);
+      $method.find(':input').prop('disabled', !selected);
+    });
+  }
+});

data/app/assets/javascripts/spree/backend/views/payment/payment_row.js

@@ -0,0 +1,36 @@
+Spree.Views.Payment.PaymentRow = Backbone.View.extend({
+  events: {
+    "click .js-edit": "onEdit",
+    "click .js-save": "onSave",
+    "submit form": "onSave",
+    "click .js-cancel": "onCancel"
+  },
+
+  onEdit: function(e) {
+    e.preventDefault();
+    this.$el.addClass("editing");
+  },
+
+  onCancel: function(e) {
+    e.preventDefault();
+    this.$el.removeClass("editing");
+  },
+
+  onSave: function(e) {
+    var view = this;
+    var amount = this.$(".js-edit-amount").val();
+    var options = {
+      success: function(model, response, options) {
+        view.$(".js-display-amount").text(model.attributes.display_amount);
+        view.$el.removeClass("editing");
+      },
+      error: function(model, response, options) {
+        show_flash('error', response.responseJSON.error);
+      }
+    };
+    e.preventDefault();
+    this.model.save({
+      amount: amount
+    }, options);
+  }
+});

data/app/assets/javascripts/spree/backend/views/promotions/option_values_rule.js

@@ -0,0 +1,79 @@
+Spree.Views.Promotions.OptionValuesRuleRow = Backbone.View.extend({
+  optionValueTemplate: HandlebarsTemplates['promotions/rules/option_values'],
+
+  events: {
+    'click .js-remove-promo-rule-option-value': 'onRemove',
+    'change .js-promo-rule-option-value-product-select': 'onSelectProduct'
+  },
+
+  initialize: function(options) {
+    this.productId = options.productId;
+    this.values = options.values;
+    this.paramPrefix = options.paramPrefix;
+  },
+
+  render: function() {
+    this.$el.html(
+      this.optionValueTemplate({
+        productSelect: { value: this.productId },
+        optionValuesSelect: { value: this.values },
+        paramPrefix: this.paramPrefix
+      })
+    );
+
+    this.$('.js-promo-rule-option-value-product-select').productAutocomplete({multiple: false});
+
+    // Note: This doesn't work. This always selects the first product select on the page.
+    // optionValueAutocomplete also doesn't work, so this cancels out.
+    this.$('.js-promo-rule-option-value-option-values-select').optionValueAutocomplete({productSelect: '.js-promo-rule-option-value-product-select'})
+
+    if(this.productId == null) {
+      this.$('.js-promo-rule-option-value-option-values-select').prop('disabled', true);
+    }
+  },
+
+  onSelectProduct: function(e) {
+    this.productId = this.$('input.js-promo-rule-option-value-product-select').val();
+    this.render();
+  },
+
+  onRemove: function(e) {
+    this.remove();
+  },
+});
+
+Spree.Views.Promotions.OptionValuesRule = Backbone.View.extend({
+  initialize: function() {
+    _.bindAll(this, 'addOptionValue')
+    this.$optionValues = this.$('.js-promo-rule-option-values');
+    this.paramPrefix = this.$('.param-prefix').data('param-prefix');
+
+    var originalOptionValues = this.$optionValues.data('original-option-values')
+    if ($.isEmptyObject(originalOptionValues)) {
+      this.addOptionValue(null, null);
+    } else {
+      $.each(originalOptionValues, this.addOptionValue);
+    }
+  },
+
+  events: {
+    'click .js-add-promo-rule-option-value': 'onAdd'
+  },
+
+  addOptionValue: function(product, values) {
+    var row = new Spree.Views.Promotions.OptionValuesRuleRow({
+      productId: product,
+      values: values,
+      paramPrefix: this.paramPrefix
+    });
+
+    this.$optionValues.append(row.el);
+
+    row.render();
+  },
+
+  onAdd: function(e) {
+    e.preventDefault();
+    this.addOptionValue(null, null);
+  },
+});

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

@@ -0,0 +1,71 @@
+Spree.Views.StateSelect = Backbone.View.extend({
+  initialize: function() {
+    this.states = {} // null object
+
+    this.$state_select = this.$('.js-state_id');
+    this.$state_input = this.$('.js-state_name');
+
+    // read initial values from page
+    this.model.set({
+      state_name: this.$state_input.val(),
+      state_id: this.$state_select.val()
+    })
+
+    this.updateStates();
+    this.listenTo(this.model, 'change:country_id', this.updateStates)
+    this.render();
+  },
+
+  events: {
+    "change .js-state_name": "onChange",
+    "change .js-state_id": "onChange",
+  },
+
+  onChange: function() {
+    this.model.set({
+      state_name: this.$state_input.val(),
+      state_id: this.$state_select.val()
+    })
+  },
+
+  updateStates: function() {
+    this.stopListening(this.states);
+    var country_id = this.model.get("country_id");
+    if (country_id) {
+      this.states = Spree.Views.StateSelect.stateCache(country_id);
+      this.listenTo(this.states, "sync", this.render);
+    }
+    this.render();
+  },
+
+  render: function() {
+    this.$state_select.empty().hide().prop('disabled', true);
+    this.$state_input.hide().prop('disabled', true);
+
+    if (!this.model.get('country_id') || !this.states.fetched) {
+      this.$state_select.show();
+    } else if (this.states.length) {
+      var $state_select = this.$state_select;
+      this.states.each(function(state) {
+        $state_select.append(
+          $('<option>').prop('value', state.id).text(state.get("name"))
+        );
+      })
+      this.$state_select.val(this.model.get("state_id"))
+      this.$state_select.show().prop("disabled", false);
+    } else {
+      this.$state_input.show().prop('disabled', false);
+    }
+  }
+})
+
+Spree.Views.StateSelect.stateCache = _.memoize(function(country_id) {
+  var states = new Spree.Collections.States([], {country_id: country_id})
+  states.fetched = false;
+  states.fetch({
+    success: function() {
+      states.fetched = true;
+    }
+  });
+  return states;
+});

data/app/assets/javascripts/spree/backend/views/stock/add_stock_item.js

@@ -0,0 +1,74 @@
+Spree.Views.Stock.AddStockItem = Backbone.View.extend({
+  initialize: function() {
+    this.$countInput = this.$("[name='count_on_hand']");
+    this.$locationSelect = this.$("[name='stock_location_id']");
+    this.$backorderable = this.$("[name='backorderable']");
+  },
+
+  events: {
+    "click .submit": "onSubmit",
+    "submit form": "onSubmit",
+    'input [name="count_on_hand"]': "onChange",
+    'change [name="stock_location_id"]': "onChange",
+    'click [name="backorderable"]': "onChange"
+  },
+
+  validate: function() {
+    this.$locationSelect.toggleClass('error', !this.$locationSelect.val());
+    this.$countInput.toggleClass('error', !this.$countInput.val());
+    return this.$locationSelect.hasClass('error') || this.$countInput.hasClass('error');
+  },
+
+  onChange: function (event) {
+    var $target = $(event.target)
+    if ($target.val() !== '') $target.removeClass('error');
+    this.$el.addClass('changed');
+  },
+
+  onSuccess: function() {
+    var selectedStockLocationOption = this.$locationSelect.find('option:selected');
+    var stockLocationName = selectedStockLocationOption.text().trim();
+    selectedStockLocationOption.remove();
+    var editView = new Spree.Views.Stock.EditStockItemRow({
+      model: this.model,
+      stockLocationName: stockLocationName
+    });
+    editView.$el.insertBefore(this.$el);
+    editView.$el.addClass('stock-item-edit-row');
+    this.model = new Spree.Models.StockItem({
+      variant_id: this.model.get('variant_id'),
+      stock_location_id: this.model.get('stock_location_id')
+    });
+    if (this.$locationSelect.find('option').length === 1) { // blank value
+      this.remove();
+    } else {
+      this.$locationSelect.select2();
+      this.$countInput.val("");
+      this.$backorderable.prop("checked", false);
+    }
+
+    show_flash("success", Spree.translations.created_successfully);
+  },
+
+  onError: function(model, response, options) {
+    show_flash("error", response.responseText);
+  },
+
+  onSubmit: function(ev) {
+    ev.preventDefault();
+    if (this.validate()) {
+      return;
+    }
+    this.model.set({
+      backorderable: this.$backorderable.prop("checked"),
+      count_on_hand: this.$countInput.val(),
+      stock_location_id: this.$locationSelect.val()
+    });
+    var options = {
+      success: this.onSuccess.bind(this),
+      error: this.onError.bind(this)
+    };
+    this.$el.removeClass('changed');
+    this.model.save(null, options);
+  }
+});

data/app/assets/javascripts/spree/backend/views/stock/edit_stock_item_row.js

@@ -0,0 +1,90 @@
+Spree.Views.Stock.EditStockItemRow = Backbone.View.extend({
+  tagName: 'tr',
+
+  initialize: function(options) {
+    this.stockLocationName = options.stockLocationName;
+    this.negative = this.model.attributes.count_on_hand < 0;
+    this.previousAttributes = _.clone(this.model.attributes);
+    this.listenTo(this.model, 'sync', this.onSuccess);
+    this.render();
+  },
+
+  events: {
+    "click .submit": "onSubmit",
+    "submit form": "onSubmit",
+    "click .cancel": "onCancel",
+    'input [name="count_on_hand"]': "countOnHandChanged"
+  },
+
+  template: HandlebarsTemplates['stock_items/stock_location_stock_item'],
+
+  render: function() {
+    var renderAttr = {
+      stockLocationName: this.stockLocationName,
+      editing: this.editing,
+      negative: this.negative
+    };
+    _.extend(renderAttr, this.model.attributes);
+    this.$el.attr("data-variant-id", this.model.get('variant_id'));
+    this.$el.html(this.template(renderAttr));
+    this.$count_on_hand_display = this.$('.count-on-hand-display');
+    return this;
+  },
+
+  onEdit: function(ev) {
+    ev.preventDefault();
+    this.render();
+  },
+
+  onCancel: function(ev) {
+    ev.preventDefault();
+    this.model.set(this.previousAttributes);
+    this.$el.removeClass('changed');
+    this.render();
+  },
+
+  countOnHandChanged: function(ev) {
+    var diff = parseInt(ev.currentTarget.value), newCount;
+    if (isNaN(diff)) diff = 0;
+    newCount = this.previousAttributes.count_on_hand + diff;
+    ev.preventDefault();
+    // Do not allow negative stock values
+    if (newCount < 0) {
+      ev.currentTarget.value = -1 * this.previousAttributes.count_on_hand;
+      this.$count_on_hand_display.text(0);
+    } else {
+      this.model.set("count_on_hand", newCount);
+      this.$count_on_hand_display.text(newCount);
+    }
+    this.$el.toggleClass('changed', diff !== 0);
+  },
+
+  onSuccess: function() {
+    this.$el.removeClass('changed');
+    this.previousAttributes = _.clone(this.model.attributes);
+    this.render();
+    this.$('[name="count_on_hand"]').focus();
+  },
+
+  onError: function(model, response, options) {
+    show_flash("error", response.responseText);
+  },
+
+  onSubmit: function(ev) {
+    ev.preventDefault();
+    var backorderable = this.$('[name=backorderable]').prop("checked");
+    var countOnHand = parseInt(this.$("input[name='count_on_hand']").val(), 10);
+
+    this.model.set({
+      count_on_hand: countOnHand,
+      backorderable: backorderable
+    });
+    var options = {
+      success: function() {
+        show_flash("success", Spree.translations.updated_successfully);
+      },
+      error: this.onError.bind(this)
+    };
+    this.model.save({}, options);
+  }
+});

data/app/assets/javascripts/spree/backend/views/tables/editable_table.js

@@ -0,0 +1,15 @@
+Spree.Views.Tables.EditableTable = {
+  add: function($el) {
+    return new Spree.Views.Tables.EditableTableRow({
+      el: $el
+    });
+  },
+
+  append: function(html) {
+    var $row = $(html);
+    $('#images-table').removeClass('hidden').find('tbody').append($row);
+    $row.find('.select2').select2();
+    $('.no-objects-found').hide();
+    return this.add($row);
+  }
+};

data/app/assets/javascripts/spree/backend/views/tables/editable_table_row.js

@@ -0,0 +1,61 @@
+Spree.Views.Tables.EditableTableRow = Backbone.View.extend({
+  events: {
+    "select2-open": "onEdit",
+    "focus input": "onEdit",
+    "click [data-action=save]": "onSave",
+    "click [data-action=cancel]": "onCancel",
+    'keyup input': 'onKeypress'
+  },
+
+  onEdit: function(e) {
+    if (this.$el.hasClass('editing')) {
+      return;
+    }
+    this.$el.addClass('editing');
+    this.$el.find('input, select').each(function() {
+      var $input = $(this);
+      $input.data('original-value', $input.val());
+    });
+  },
+
+  onCancel: function(e) {
+    e.preventDefault();
+    this.$el.removeClass("editing");
+    this.$el.find('input, select').each(function() {
+      var $input = $(this);
+      var originalValue = $input.data('original-value');
+      $input.val(originalValue).change();
+    });
+  },
+
+  onSave: function(e) {
+    e.preventDefault();
+    var view = this;
+    Spree.ajax(this.$el.find('.actions [data-action=save]').attr('href'), {
+      data: this.$el.find('select, input').serialize(),
+      dataType: 'json',
+      method: 'put',
+      success: function(response) {
+        view.$el.removeClass("editing");
+      },
+      error: function(response) {
+        show_flash('error', response.responseJSON.error);
+      }
+    });
+  },
+
+  ENTER_KEY: 13,
+  ESC_KEY: 27,
+
+  onKeypress: function(e) {
+    var key = e.keyCode || e.which;
+    switch (key) {
+      case this.ENTER_KEY:
+        this.onSave(e);
+        break;
+      case this.ESC_KEY:
+        this.onCancel(e);
+        break;
+    }
+  }
+});

data/app/assets/javascripts/spree/backend/views/zones/form.js

@@ -0,0 +1,16 @@
+Spree.Views.Zones.Form = Backbone.View.extend({
+  events: {
+    'click [name="zone[kind]"]': 'render'
+  },
+
+  render: function() {
+    var kind = this.$('[name="zone[kind]"]:checked').val() || 'state';
+    this.$('[name="zone[kind]"]').val([kind]);
+
+    $('#state_members').toggleClass('hidden', kind !== 'state');
+    $('#state_members :input').prop('disabled', kind !== 'state');
+
+    $('#country_members').toggleClass('hidden', kind !== 'country');
+    $('#country_members :input').prop('disabled', kind !== 'country');
+  }
+})

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

@@ -0,0 +1,8 @@
+Spree.ready(function(){
+  if($('.js-zones-form').length) {
+    var view = new Spree.Views.Zones.Form({
+      el: $('.js-zones-form')
+    });
+    view.render()
+  }
+});

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

@@ -0,0 +1,66 @@
+//= require solidus_admin/bind-polyfill
+//= require handlebars
+//= require jquery
+//= require jquery_ujs
+//= require jquery.sticky-kit.min
+//= require solidus_admin/select2
+//= require solidus_admin/underscore
+//= require solidus_admin/backbone
+//= require solidus_admin/backbone-nested-models
+//= require solidus_admin/popover
+//= require solidus_admin/bootstrap
+//= require solidus_admin/flatpickr/flatpickr
+//= require prism
+//= require spree
+//
+//= require spree/backend/namespaces
+//= require spree/backend/translation
+//= require spree/backend/backbone-overrides
+//= require spree/backend/format_money
+//
+//= require spree/backend/templates
+//= require spree/backend/models
+//= require spree/backend/collections
+//= require spree/backend/views
+//
+//= require spree/backend/addresses
+//= require spree/backend/adjustments
+//= require spree/backend/admin
+//= require spree/backend/calculator
+//= require spree/backend/checkouts/edit
+//= require spree/backend/components/number_with_currency
+//= require spree/backend/components/tabs
+//= require spree/backend/components/tooltips
+//= require spree/backend/components/editable_table
+//= require spree/backend/components/sortable_table
+//= require spree/backend/datepicker
+//= require spree/backend/flash
+//= require spree/backend/gateway
+//= require spree/backend/handlebars_extensions
+//= require spree/backend/images/index
+//= require spree/backend/images/upload
+//= require spree/backend/locale_selection
+//= require spree/backend/navigation
+//= require spree/backend/option_type_autocomplete
+//= require spree/backend/option_value_picker
+//= require spree/backend/orders
+//= require spree/backend/payments/edit
+//= require spree/backend/payments/new
+//= require spree/backend/product_picker
+//= require spree/backend/progress
+//= require spree/backend/devise_token_auth
+//= require spree/backend/promotions
+//= require spree/backend/promotions/activation
+//= require spree/backend/returns/return_item_selection
+//= require spree/backend/routes
+//= require spree/backend/shipments
+//= require spree/backend/spree-select2
+//= require spree/backend/stock_management
+//= require spree/backend/store_credits
+//= require spree/backend/style_guide
+//= require spree/backend/taxon_autocomplete
+//= require spree/backend/taxonomy
+//= require spree/backend/taxons
+//= require spree/backend/user_picker
+//= require spree/backend/variant_autocomplete
+//= require spree/backend/zone