solidus_backend_devise_token_auth 2.8.0.alpha.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 15b799ab70cdffb620533fc02a679b785d82ead0ea39326e8bd842e6bd0db526
+  data.tar.gz: e644301bc42d31006f5ba37fe2aec843eca236e14fa95f5b98e4294aa58b1403
+SHA512:
+  metadata.gz: 17f444dd38567b15ed22c5364f628eaa6b9024aab8fc564f32e7837bbe2ec9772f6a8b39b5021680af7aa132236dfd2f8f06fca185da601326071582dfd3d881
+  data.tar.gz: 9ffafa666c335265c47b5d719463d15d8f5b90402003fa2596887b1dd940d1d47143a06fddac9c36f674a2c2ba5a53a023d5127cea5b4f2cb7fd3b5844621933

data/.eslintrc

@@ -0,0 +1,21 @@
+{
+  "rules": {
+    "no-unused-vars": ["error", { "vars": "all", "args": "none" }],
+    "linebreak-style": ["error", "unix"]
+  },
+  "env": {
+    "es6": false,
+    "browser": true,
+    "jquery": true
+  },
+  "globals": {
+    "Spree": true,
+    "Backbone": true,
+    "HandlebarsTemplates": true,
+    "_": true,
+    "Select2": true,
+    "show_flash": true,
+    "update_state": true,
+  },
+  "extends": "eslint:recommended"
+}

data/README.md

@@ -0,0 +1,42 @@
+# solidus\_backend
+
+Backend contains the controllers, views, and assets making up the admin interface of Solidus.
+
+## Assets
+
+### JavaScript
+
+Can be found in [app/assets/javascripts/spree/backend/](./app/assets/javascripts/spree/backend/)
+
+Our scripts are written in a mix of CoffeeScript and JavaScript (ES5). We can't
+easily use a transpiler for ECMAScript >= 6 without adding additional steps for
+applications using solidus\_admin.
+
+Though we have existing CoffeeScript files, any new files should be in
+JavaScript (ES5).
+
+### Stylesheets
+
+Can be found in [app/assets/stylesheets/spree/backend/](./app/assets/stylesheets/spree/backend/)
+
+The stylesheets are written in SCSS and include all of [Bourbon](http://bourbon.io/docs/) and [Bootstrap 4 alpha](http://v4-alpha.getbootstrap.com/).
+
+When running the application there is a styleguide available at:
+
+```
+/admin/style_guide
+```
+
+## Testing
+
+Run the tests
+
+```bash
+bundle exec rspec
+```
+
+Run the JavaScript tests (must have [ChromeDriver](https://sites.google.com/a/chromium.org/chromedriver/) installed)
+
+```bash
+bundle exec teaspoon
+```

data/Rakefile

@@ -0,0 +1,52 @@
+# frozen_string_literal: true
+
+require 'rubygems'
+require 'rake'
+require 'rake/testtask'
+require 'rspec/core/rake_task'
+
+require 'solidus_backend'
+require 'spree/testing_support/dummy_app/rake_tasks'
+
+RSpec::Core::RakeTask.new
+task default: [:spec, 'spec:js']
+
+DummyApp::RakeTasks.new(
+  gem_root: File.expand_path(__dir__),
+  lib_name: 'solidus_backend'
+)
+
+task :teaspoon do
+  require 'teaspoon'
+  Rake::Task['dummy_environment'].invoke
+  require "teaspoon/console"
+
+  options = {
+    files: ENV["files"].nil? ? [] : ENV["files"].split(","),
+    suite: ENV["suite"],
+    coverage: ENV["coverage"],
+    driver_options: ENV["driver_options"],
+  }
+
+  options.delete_if { |_k, v| v.nil? }
+
+  abort("rake teaspoon failed") if Teaspoon::Console.new(options).failures?
+end
+
+desc "Run javascript specs"
+task 'spec:js' => :teaspoon
+
+namespace :teaspoon do
+  task :server do
+    require 'teaspoon'
+    Rake::Task['dummy_environment'].invoke
+    require 'teaspoon/server'
+
+    server = Teaspoon::Server.new
+    server.start
+    puts "#{server.url}/teaspoon"
+    sleep
+  end
+end
+
+task test_app: 'db:reset'

data/app/assets/config/solidus_backend_manifest.js

@@ -0,0 +1,6 @@
+//= link_tree ../images
+
+//= link spree/backend/all.js
+//= link spree/backend/all.css
+
+//= link solidus_admin/select2_locales

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

@@ -0,0 +1,23 @@
+//= require 'spree/backend/views/state_select'
+
+Spree.ready(function() {
+  "use strict";
+
+  _.each(document.querySelectorAll('.js-addresses-form'), function(el) {
+    var countrySelect = el.querySelector('.js-country_id');
+    var model = new Backbone.Model({
+      country_id: countrySelect.value
+    });
+
+    countrySelect.addEventListener('change', function() {
+      model.set({
+        country_id: countrySelect.value
+      });
+    });
+
+    new Spree.Views.StateSelect({
+      el: el,
+      model: model
+    });
+  });
+});

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

@@ -0,0 +1,25 @@
+Spree.ready(function() {
+  $('[data-hook=adjustments_new_coupon_code] #add_coupon_code').click(function() {
+    if ($("#coupon_code").val().length === 0) {
+      return;
+    }
+
+    Spree.ajax({
+      type: 'PUT',
+      url: Spree.routes.apply_coupon_code(window.order_number),
+      data: {
+        coupon_code: $("#coupon_code").val(),
+      },
+      success: function() {
+        window.location.reload();
+      },
+      error: function(msg) {
+        if (msg.responseJSON["error"]) {
+          show_flash('error', msg.responseJSON["error"]);
+        } else {
+          show_flash('error', "There was a problem adding this coupon code.");
+        }
+      }
+    });
+  });
+});

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

@@ -0,0 +1,136 @@
+//= require_self
+//= require spree/backend/handlebars_extensions
+//= require spree/backend/variant_autocomplete
+//= require spree/backend/taxon_autocomplete
+//= require spree/backend/option_type_autocomplete
+//= require spree/backend/user_picker
+//= require spree/backend/product_picker
+//= require spree/backend/option_value_picker
+//= require spree/backend/taxons
+//= require spree/backend/highlight_negative_numbers
+
+/**
+This is a collection of javascript functions and whatnot
+under the spree namespace that do stuff we find helpful.
+Hopefully, this will evolve into a propper class.
+**/
+
+Spree.ready(function() {
+  // Highlight hovered table column
+  $('table').on("mouseenter", 'td.actions a, td.actions button', function(){
+    var tr = $(this).closest('tr');
+    var klass = 'highlight action-' + $(this).data('action')
+    tr.addClass(klass)
+
+    var observer = new MutationObserver(function(mutations) {
+      tr.removeClass(klass);
+      this.disconnect();
+    });
+    observer.observe(tr.get(0), { childList: true });
+
+    // Using .one() instead of .on() prevents multiple callbacks to be attached
+    // to this event if mouseentered multiple times.
+    $(this).one("mouseleave", function() {
+      tr.removeClass(klass);
+      observer.disconnect();
+    });
+  });
+});
+
+
+$.fn.visible = function(cond) { this[cond ? 'show' : 'hide' ]() };
+
+// Apply to individual radio button that makes another element visible when checked
+$.fn.radioControlsVisibilityOfElement = function(dependentElementSelector){
+  if(!this.get(0)){ return  }
+  var showValue = this.get(0).value;
+  var radioGroup = $("input[name='" + this.get(0).name + "']");
+  radioGroup.each(function(){
+    $(this).click(function(){
+      $(dependentElementSelector).visible(this.checked && this.value == showValue)
+    });
+    if(this.checked){ this.click() }
+  });
+}
+
+Spree.ready(function(){
+  var uniqueId = 1;
+  $('.spree_add_fields').click(function() {
+    var target = $(this).data("target");
+    var new_table_row = $(target + ' tr:visible:last').clone();
+    var new_id = new Date().getTime() + (uniqueId++);
+    new_table_row.find("input, select").each(function () {
+      var el = $(this);
+      el.val("");
+      // Replace last occurrence of a number
+      el.prop("id", el.prop("id").replace(/\d+(?=[^\d]*$)/, new_id))
+      el.prop("name", el.prop("name").replace(/\d+(?=[^\d]*$)/, new_id))
+    })
+    // When cloning a new row, set the href of all icons to be an empty "#"
+    // This is so that clicking on them does not perform the actions for the
+    // duplicated row
+    new_table_row.find("a").each(function () {
+      var el = $(this);
+      el.prop('href', '#');
+    })
+    $(target).prepend(new_table_row);
+  })
+
+  $('body').on('click', '.delete-resource', function() {
+    var el = $(this);
+    if (confirm(el.data("confirm"))) {
+      Spree.ajax({
+        type: 'POST',
+        url: $(this).prop("href"),
+        data: {
+          _method: 'delete',
+        },
+        dataType: 'script',
+        success: function(response) {
+          el.parents("tr").fadeOut('hide', function() {
+            $(this).remove();
+          });
+        },
+        error: function(response, textStatus, errorThrown) {
+          show_flash('error', response.responseText);
+        }
+      });
+    }
+    return false;
+  });
+
+  $('body').on('click', 'a.spree_remove_fields', function() {
+    var el = $(this);
+    el.prev("input[type=hidden]").val("1");
+    el.closest(".fields").hide();
+    if (el.prop("href").substr(-1) == '#') {
+      el.parents("tr").fadeOut('hide');
+    }else if (el.prop("href")) {
+      Spree.ajax({
+        type: 'POST',
+        url: el.prop("href"),
+        data: {
+          _method: 'delete',
+        },
+        success: function(response) {
+          el.parents("tr").fadeOut('hide');
+        },
+        error: function(response, textStatus, errorThrown) {
+          show_flash('error', response.responseText);
+        }
+
+      })
+    }
+    return false;
+  });
+
+  window.Spree.advanceOrder = function() {
+    Spree.ajax({
+      type: "PUT",
+      async: false,
+      url: Spree.routes.checkouts_api + "/" + window.order_number + "/advance"
+    }).done(function() {
+      window.location.reload();
+    });
+  }
+});

data/app/assets/javascripts/spree/backend/backbone-overrides.js

@@ -0,0 +1,25 @@
+Backbone.ajax = Spree.ajax;
+
+Backbone._sync = Backbone.sync;
+
+Backbone.sync = function(method, model, options) {
+  var beforeSend = options.beforeSend;
+  options.beforeSend = function(xhr) {
+    var token = $('meta[name="csrf-token"]').attr('content');
+    if (token) {
+      xhr.setRequestHeader('X-CSRF-Token', token);
+    }
+    if (beforeSend) {
+      return beforeSend.apply(this, arguments);
+    }
+  };
+
+  if (options.data == null && model && model.paramRoot && (method === 'create' || method === 'update' || method === 'patch')) {
+    options.contentType = "application/json";
+    var data = {};
+    data[model.paramRoot] = model.toJSON(options);
+    options.data = JSON.stringify(data);
+  }
+
+  return Backbone._sync(method, model, options);
+};

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

@@ -0,0 +1,26 @@
+Spree.CalculatorEditView = Backbone.View.extend({
+  events: {
+    "change .js-calculator-type": "render",
+  },
+
+  initialize: function() {
+    this.render();
+  },
+
+  render: function() {
+    var selected_class = this.$('.js-calculator-type option:selected').val();
+    this.$('.js-calculator-preferences').each(function() {
+      var selected = ($(this).data('calculator-type') === selected_class);
+      $(this).find(':input').prop("disabled", !selected);
+      $(this).toggle(selected);
+    });
+  }
+})
+
+Spree.ready(function() {
+  $('.js-calculator-fields').each(function() {
+    new Spree.CalculatorEditView({
+      el: this
+    });
+  });
+});

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

@@ -0,0 +1,12 @@
+Spree.ready(function() {
+  if($(".js-customer-details").length) {
+    var order = new Spree.Models.Order({
+      bill_address: {},
+      ship_address: {}
+    });
+    new Spree.Views.Order.CustomerDetails({
+      el: $(".js-customer-details"),
+      model: order
+    });
+  }
+});

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

@@ -0,0 +1,3 @@
+//= require spree/backend/collections/line_items
+//= require spree/backend/collections/shipments
+//= require spree/backend/collections/states

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

@@ -0,0 +1,9 @@
+//= require spree/backend/models/line_item
+
+Spree.Collections.LineItems = Backbone.Collection.extend({
+  model: Spree.Models.LineItem,
+
+  url: function () {
+    return this.parent.url() + "/line_items";
+  }
+})

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

@@ -0,0 +1,6 @@
+//= require spree/backend/routes
+//= require spree/backend/models/shipment
+
+Spree.Collections.Shipments = Backbone.Collection.extend({
+  model: Spree.Models.Shipment
+})

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

@@ -0,0 +1,13 @@
+Spree.Collections.States = Backbone.Collection.extend({
+  initialize: function (models, options) {
+    this.country_id = options.country_id
+  },
+
+  url: function () {
+    return Spree.routes.states_search + "?country_id=" + this.country_id
+  },
+
+  parse: function(resp, options) {
+    return resp.states;
+  }
+})

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

@@ -0,0 +1,5 @@
+Spree.ready(function() {
+  $('.inline-editable-table tr').each(function() {
+    Spree.Views.Tables.EditableTable.add($(this));
+  });
+});

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

@@ -0,0 +1,12 @@
+Spree.initNumberWithCurrency = function() {
+  $('.js-number-with-currency').each(function() {
+    var view = new Spree.Views.NumberWithCurrency({
+      el: this,
+    });
+    view.render();
+  });
+}
+
+Spree.ready(function() {
+  Spree.initNumberWithCurrency()
+})

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

@@ -0,0 +1,29 @@
+//= require solidus_admin/Sortable
+
+Spree.ready(function() {
+  var sortable_tables = document.querySelectorAll('table.sortable');
+
+  _.each(sortable_tables, function(table) {
+    var url = table.getAttribute('data-sortable-link');
+    var tbody = table.querySelector('tbody');
+    var sortable = Sortable.create(tbody,{
+      handle: ".handle",
+      onEnd: function(e) {
+        var positions = {};
+        _.each(e.to.querySelectorAll('tr'), function(el, index) {
+          var idAttr = el.id;
+          if (idAttr) {
+            var objId = idAttr.split('_').slice(-1);
+            positions['positions['+objId+']'] = index + 1;
+          }
+        });
+        Spree.ajax({
+          type: 'POST',
+          dataType: 'json',
+          url: url,
+          data: positions,
+        });
+      }
+    });
+  });
+});

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

@@ -0,0 +1,67 @@
+/* global Tabs */
+
+Tabs = (function() {
+  function Tabs(el) {
+    _.bindAll(this, 'overflowTabs');
+
+    this.el = el;
+    this.tabs = this.el.querySelectorAll("li:not(.tabs-dropdown)")
+
+    /* <li class='tabs-dropdown'><a href='#'></a><ul></ul></li> */
+    this.dropdown = document.createElement('li');
+    this.dropdown.classList.add('tabs-dropdown');
+    this.dropdown.appendChild(document.createElement('a'));
+    this.dropdownList = document.createElement('ul');
+    this.dropdown.appendChild(this.dropdownList);
+
+    this.el.appendChild(this.dropdown);
+
+    this.tabWidths = _.map(this.tabs, function(tab) {
+      return tab.offsetWidth;
+    });
+    this.totalTabsWidth = this.tabWidths.reduce(function(previousValue, currentValue) {
+      return previousValue + currentValue;
+    });
+
+    window.addEventListener("resize", this.overflowTabs);
+    this.overflowTabs();
+  }
+
+  Tabs.prototype.overflowTabs = function() {
+    var containerWidth = this.el.offsetWidth;
+    var dropdownWidth = this.dropdown.offsetWidth;
+
+    for (var i = 0; i < this.tabs.length; i++) {
+      var tab = this.tabs[i];
+      tab.parentNode.removeChild(tab);
+    }
+
+    if (this.totalTabsWidth < containerWidth) {
+      this.el.classList.remove("tabs-overflowed");
+    } else {
+      this.el.classList.add("tabs-overflowed");
+      remainingWidth -= dropdownWidth;
+    }
+
+    var remainingWidth = containerWidth;
+    for (var i = 0; i < this.tabs.length; i++) {
+      remainingWidth -= this.tabWidths[i];
+      var tab = this.tabs[i];
+      if (remainingWidth >= 0) {
+        tab.classList.remove("in-dropdown");
+        this.el.insertBefore(tab, this.dropdown);
+      } else {
+        tab.classList.add("in-dropdown");
+        this.dropdownList.appendChild(tab);
+      }
+    }
+  };
+
+  return Tabs;
+})();
+
+window.addEventListener('load', function() {
+  _.each(document.querySelectorAll('.tabs'), function(el) {
+    new Tabs(el);
+  });
+});

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

@@ -0,0 +1,33 @@
+Spree.ready(function(){
+  $('body').popover({selector: '.hint-tooltip', html: true, trigger: 'hover', placement: 'top'});
+
+  $('body').tooltip({selector: '.with-tip'});
+
+  /*
+   * Poll tooltips to hide them if they are no longer being hovered.
+   *
+   * This is necessary to fix tooltips hanging around after their attached
+   * element has been removed from the DOM (and will therefore receive no
+   * mouseleave event). This may be unnecessary in a future version of
+   * bootstrap, which intends to solve this using MutationObserver.
+   */
+  var removeDesyncedTooltip = function(tooltip) {
+    var interval = setInterval(function(){
+      if(!$(tooltip.element).is(":hover")) {
+        tooltip.dispose();
+        clearInterval(interval);
+      }
+    }, 200);
+    $(tooltip.element).on('hidden.bs.tooltip', function(){
+      clearInterval(interval);
+    });
+  };
+
+  $('body').on('inserted.bs.tooltip', function(e){
+    var $target = $(e.target);
+    var tooltip = $target.data('bs.tooltip');
+    removeDesyncedTooltip(tooltip);
+    var $tooltip = $("#" + $target.attr("aria-describedby"));
+    $tooltip.addClass("action-" + $target.data("action"));
+  });
+});

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

@@ -0,0 +1,55 @@
+'use strict';
+
+Spree.ready(function(){
+  flatpickr.localize({
+    weekdays: {
+      shorthand: Spree.t('abbr_day_names')
+    },
+    months: {
+      longhand: Spree.t('month_names')
+    }
+  });
+
+  $('.datepicker').flatpickr({
+    allowInput: true
+  });
+
+  // Handle range dates
+  if ($('.date-range-filter .datepicker-from, .date-range-filter .datepicker-to').length) {
+    // Returns a callback for flatpickr onChange event which updates the
+    // respective range extremity flatpickr instance in order to have
+    // the left range extremity lower or equal to the right range extremity.
+    // This is accomplished swapping the range extremities when they are in the
+    // wrong order.
+    var swapDates = function($other, otherInstance, compareDates) {
+      return function(selectedDates, dateStr, instance) {
+        var date = instance.parseDate(dateStr);
+        var otherDateStr = $other.val();
+        var otherDate = instance.parseDate(otherDateStr);
+
+        if (date && otherDate && compareDates(date, otherDate)) {
+          instance.setDate(otherDate);
+          otherInstance.setDate(date);
+        }
+      }
+    }
+
+    var $left = $('.date-range-filter .datepicker-from');
+    var $right = $('.date-range-filter .datepicker-to');
+    var leftInstance = $left[0]._flatpickr;
+    var rightInstance = $right[0]._flatpickr;
+    var leftSwapDates = swapDates($right, rightInstance, function(date, otherDate) {
+      return date > otherDate
+    })
+    var rightSwapDates = swapDates($left, leftInstance, function(date, otherDate) {
+      return date < otherDate
+    })
+
+    leftInstance.config.onChange.push(leftSwapDates);
+    rightInstance.config.onChange.push(rightSwapDates);
+
+    // Execute swap dates check in order to correct possible wrong order at page
+    // load
+    leftSwapDates(null, $left.val(), leftInstance);
+  }
+});

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

@@ -0,0 +1,37 @@
+Spree.ready(function() {
+  var appendAuthHeaders = function(xhr, settings) {
+    for (var key in Spree.accessTokenData) {
+      xhr.setRequestHeader(key, Spree.accessTokenData[key]);
+    }
+  };
+
+  var updateAuthCredentials = function(ev, xhr, settings) {
+    $("#progress").hide();
+
+    var newHeaders = {};
+
+    // set flag to ensure that we don't accidentally nuke the headers
+    // if the response tokens aren't sent back from the API
+    var blankHeaders = true;
+
+    Spree.accessTokenKeys.forEach(function(key) {
+      newHeaders[key] = xhr.getResponseHeader(key);
+
+      if(newHeaders[key])
+        blankHeaders = false;
+    });
+
+    if(blankHeaders) return;
+
+    for(var key in newHeaders) {
+      Spree.accessTokenData[key] = newHeaders[key];
+    }
+
+  };
+
+  // intercept requests to the API, append auth headers
+  $.ajaxSetup({ beforeSend: appendAuthHeaders });
+
+  // update auth creds after each request to the API
+  $(document).ajaxComplete(updateAuthCredentials);
+});