trestle 0.8.3 → 0.8.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 64b62775f02866abaf0937d6a4e0bec5d86a1a31
-  data.tar.gz: 7707fa64f42e4c771721b9c306c143ce2614e18f
+  metadata.gz: 1f07f2d3328a13c6ac319c7e04b8926a0dc09660
+  data.tar.gz: a8adb65b4c3bd295c5e80397fba9c8968d08febd
 SHA512:
-  metadata.gz: a7bed2fddf9f950463693e7ec502aaf08439240a27075e61d2fc575381e165da4b0c407406d4a02990524c37ea9ce730a76886bea2c57ebee03b0ab935d34b51
-  data.tar.gz: c0dcd718a1bb3ac020924d09bd99f1658da42c7b53122af829822837a1a0c1631bfc942bb6a274d4301e7de5b4e90d00ad32cb242c30485abf88450ba3186dab
+  metadata.gz: 9d565ea8bd72cca11c5eb2de1ea72332e8980093e5f4147f598f64958ee82b3f1799de37dc7c2c99b68cbb773821454ee62c5230b4ba55bdc50828e516dc347e
+  data.tar.gz: da2e9069173f7fa34f0af87c392af4b00dc9ea5b9b42eb2e6cb3c2df536065bd9648b5482043260c748e919fa735127d3fafb32537e523fe356da52765d7221a

data/.gitignore

@@ -1,6 +1,7 @@
 /.bundle/
 /.yardoc
 /Gemfile.lock
+/gemfiles/*.lock
 /_yardoc/
 /coverage/
 /doc/
@@ -11,4 +12,7 @@
 /sandbox/*.sqlite3-journal
 /sandbox/log/*.log
 /sandbox/tmp/
+/spec/dummy/db/*.sqlite3
+/spec/dummy/*.sqlite3-journal
 /spec/dummy/log/*.log
+/spec/dummy/tmp/*

data/.travis.yml

@@ -1,4 +1,13 @@
 language: ruby
+
+before_install:
+  - gem install bundler
+
 rvm:
   - 2.4.1
-before_install: gem install bundler
+
+gemfile:
+  - gemfiles/rails-4.2.gemfile
+  - gemfiles/rails-5.0.gemfile
+  - gemfiles/rails-5.1.gemfile
+  - gemfiles/rails-edge.gemfile

data/Gemfile

@@ -6,6 +6,10 @@ gemspec
 group :test do
   gem 'coveralls', require: false
   gem 'simplecov', require: false
+
+  gem 'capybara'
+  gem 'capybara-selenium'
+  gem 'selenium-webdriver'
 end
 
 gem 'haml'

data/README.md

@@ -92,6 +92,7 @@ The following plugins are currently available:
 | *trestle-auth* | User authentication plugin | https://github.com/TrestleAdmin/trestle-auth |
 | *trestle-search* | Search plugin | https://github.com/TrestleAdmin/trestle-search |
 | *trestle-tinymce* | TinyMCE (WYSIWYG editor) integration | https://github.com/TrestleAdmin/trestle-tinymce |
+| *trestle-simplemde* | SimpleMDE (Markdown editor) integration | https://github.com/TrestleAdmin/trestle-simplemde |
 
 
 ## License

data/app/assets/javascripts/trestle/admin.js

@@ -0,0 +1,24 @@
+//= require trestle/jquery
+//= require trestle/jquery_ujs
+//= require trestle/bootstrap
+//= require trestle/bootstrap-confirmation
+//= require trestle/magnific-popup
+//= require trestle/flatpickr
+//= require trestle/select2
+//
+//= require_self
+//
+//= require_tree ./core
+//= require_tree ./components
+//
+//= require trestle/custom
+
+var Trestle = {
+  // Is Turbolinks enabled?
+  turbolinks: typeof(Turbolinks) !== 'undefined' && Turbolinks.supported,
+
+  // Store for i18n translations used within JS
+  i18n: {}
+};
+
+window.Trestle = Trestle;

data/app/assets/javascripts/trestle/components/_confirmation.js

@@ -0,0 +1,23 @@
+Trestle.ready(function() {
+  // This must be bound to an element beneath document so
+  // that it is fired before any jquery_ujs events.
+  var root = $('body');
+
+  // Ensure it is only initialized once
+  if (root.data('bs.confirmation')) return;
+
+  root.confirmation({
+    rootSelector:   'body',
+    selector:       '[data-toggle="confirm-delete"]',
+    singleton:      true,
+    popout:         true,
+    title:          Trestle.i18n['admin.confirmation.title'] || 'Are you sure?',
+    btnOkIcon:      '',
+    btnOkClass:     'btn-danger',
+    btnOkLabel:     Trestle.i18n['admin.confirmation.delete'] || 'Delete',
+    btnCancelIcon:  '',
+    btnCancelClass: 'btn-default',
+    btnCancelLabel: Trestle.i18n['admin.confirmation.cancel'] || 'Cancel',
+    copyAttributes: ''
+  });
+});

data/app/assets/javascripts/trestle/components/_datepicker.js

@@ -0,0 +1,22 @@
+Trestle.init(function(e, root) {
+  $(root).find('input[type="date"][data-picker="true"]').flatpickr({
+    allowInput: true,
+    altInput:   true,
+    altFormat:  "m/d/Y",
+  });
+
+  $(root).find('input[type="datetime"][data-picker="true"], input[type="datetime-local"][data-picker="true"]').flatpickr({
+    enableTime: true,
+    allowInput: true,
+    altInput:   true,
+    altFormat:  "m/d/Y h:i K",
+  });
+
+  $(root).find('input[type="time"][data-picker="true"]').flatpickr({
+    enableTime: true,
+    noCalendar: true,
+    allowInput: true,
+    altInput:   true,
+    altFormat:  "h:i K"
+  });
+});

data/app/assets/javascripts/trestle/components/_dialog.js

@@ -0,0 +1,107 @@
+Trestle.Dialog = function() {
+  this.el = Trestle.Dialog.getElement();
+};
+
+Trestle.Dialog.TEMPLATE =
+  '<div id="dialog" class="modal fade" tabindex="-1">' +
+    '<div class="modal-dialog">' +
+      '<div class="modal-content" data-context></div>' +
+    '</div>' +
+  '</div>';
+
+Trestle.Dialog.getElement = function() {
+  var el = $('#dialog');
+
+  if (el.length == 0) {
+    el = $(Trestle.Dialog.TEMPLATE).appendTo('body');
+
+    el.modal({ show: false });
+
+    // Remove dialog elements once hidden
+    el.on('hidden.bs.modal', function() {
+      el.remove();
+    });
+
+    // Set X-Trestle-Dialog header on AJAX requests initiated from the dialog
+    el.on('ajax:beforeSend', '[data-remote]', function(e, xhr, options) {
+      xhr.setRequestHeader("X-Trestle-Dialog", true);
+    });
+  }
+
+  return el;
+};
+
+Trestle.Dialog.prototype.load = function(url) {
+  var dialog = this;
+
+  dialog.show();
+  dialog.setLoading(true);
+
+  $.ajax({
+    url: url,
+    dataType: 'html',
+    headers: {
+      "X-Trestle-Dialog": true
+    },
+    complete: function() {
+      dialog.setLoading(false);
+    },
+    success: function(content) {
+      dialog.setContent(content);
+    },
+    error: function(xhr, status, error) {
+      dialog.showError(error);
+    }
+  });
+};
+
+Trestle.Dialog.prototype.setLoading = function(loading) {
+  if (loading) {
+    this.el.addClass('loading');
+  } else {
+    this.el.removeClass('loading');
+  }
+}
+
+Trestle.Dialog.prototype.setContent = function(content) {
+  this.el.find('.modal-content').html(content);
+  $(Trestle).trigger('init', this.el);
+};
+
+Trestle.Dialog.prototype.showError = function(error) {
+  this.el.addClass('error');
+
+  var container = this.el.find('.modal-content').empty();
+
+  var errorMessage = Trestle.i18n['trestle.dialog.error'] || 'The request could not be completed.';
+
+  $('<div class="modal-header">')
+    .append('<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>')
+    .append('<h4 class="modal-title"></h4>').find('h4').text(error || errorMessage).end()
+    .appendTo(container);
+
+  $('<div class="modal-body">')
+    .append('<p>').find('p').text(errorMessage).end()
+    .appendTo(container);
+
+  $('<div class="modal-footer">')
+    .append('<button type="button" class="btn btn-default" data-dismiss="modal" aria-label="OK">').find('button').text(Trestle.i18n['admin.buttons.ok'] || 'OK').end()
+    .appendTo(container);
+};
+
+Trestle.Dialog.prototype.show = function() {
+  this.el.modal('show');
+};
+
+Trestle.Dialog.prototype.hide = function() {
+  this.el.modal('hide');
+};
+
+$(document).on('click', '[data-behavior="dialog"]', function(e) {
+  e.preventDefault();
+
+  var url = $(this).data('url') || $(this).attr('href');
+
+  var dialog = new Trestle.Dialog();
+  dialog.load(url);
+});

data/app/assets/javascripts/trestle/components/_errors.js

@@ -0,0 +1,11 @@
+// Add error indicators to tabs
+Trestle.init(function(e, root) {
+  $(root).find('.tab-pane').each(function() {
+    var errorCount = $(this).find('.has-error').length;
+
+    if (errorCount > 0) {
+      var indicator = $("<span>").addClass('label label-danger label-pill').text(errorCount);
+      $(".nav-tabs a[href='#" + $(this).attr('id') + "']").append(indicator);
+    }
+  });
+});

data/app/assets/javascripts/trestle/components/_form.js

@@ -0,0 +1,48 @@
+// Prevent enter key from submitting the form
+$(document).on('keypress', 'form[data-behavior="trestle-form"] :input:not(textarea):not([type=submit])', function(e) {
+  if (e.keyCode == 13) {
+    e.preventDefault();
+  }
+});
+
+Trestle.init(function(e, root) {
+  var form = $(root).find('form[data-behavior="trestle-form"]');
+
+  form
+    .on('ajax:complete', function(e, xhr, status) {
+      // Find the parent context and replace content
+      var context = $(this).closest('[data-context]');
+      context.html(xhr.responseText);
+
+      // Initialize replaced elements within the context
+      $(Trestle).trigger('init', context);
+
+      // Focus the correct tab
+      Trestle.focusActiveTab();
+    })
+    .on('ajax:success', function(e, data, status, xhr) {
+      var context = $(this).closest('[data-context]');
+      var location = xhr.getResponseHeader("X-Trestle-Location");
+
+      if (location) {
+        // Update the URL in the browser and context
+        history.replaceState({}, "", location);
+        context.data('context', location);
+      }
+
+      // Refresh the main context
+      if (!context.hasClass('app-main')) {
+        Trestle.refreshMainContext();
+      }
+    });
+
+  // Loading indicator
+  form.find(':submit').click(function() {
+    var button = $(this);
+
+    // Delay to ensure form is still submitted
+    setTimeout(function() {
+      button.prop('disabled', true).addClass('loading');
+    }, 1);
+  });
+});

data/app/assets/javascripts/trestle/components/_gallery.js

@@ -0,0 +1,27 @@
+Trestle.init(function(e, root) {
+  $(root).find('[data-behavior~="zoom"]').magnificPopup({
+    type: 'image',
+    closeOnContentClick: false,
+    closeBtnInside: false,
+    mainClass: 'mfp-with-zoom mfp-img-mobile',
+    zoom: {
+      enabled: true,
+      duration: 150
+    }
+  });
+
+  $(root).find('[data-behavior~="gallery"]').magnificPopup({
+    delegate: 'a',
+    type: 'image',
+    closeOnContentClick: false,
+    closeBtnInside: false,
+    mainClass: 'mfp-with-zoom mfp-img-mobile',
+    gallery: {
+      enabled: true
+    },
+    zoom: {
+      enabled: true,
+      duration: 150
+    }
+  });
+});

data/app/assets/javascripts/trestle/components/_select.js

@@ -0,0 +1,11 @@
+Trestle.init(function(e, root) {
+  $(root).find('select[data-enable-select2]').each(function() {
+    $(this).select2({
+      theme: 'bootstrap',
+      containerCssClass: ':all:',
+      dropdownCssClass: function(el) {
+        return el[0].className.replace(/\s*form-control\s*/, '');
+      }
+    });
+  });
+});

data/app/assets/javascripts/trestle/components/_sidebar.js

@@ -0,0 +1,75 @@
+Trestle.ready(function() {
+  var sidebar = $('.app-sidebar');
+
+  // Toggle mobile navigation using menu button
+
+  sidebar.find('.navbar-toggle').on('click', function(e) {
+    e.preventDefault();
+
+    $('.app-wrapper').addClass('animate');
+    $('body').toggleClass('mobile-nav-expanded');
+  });
+
+  $('.app-wrapper').on('transitionend webkitTransitionEnd', function() {
+    $(this).removeClass('animate');
+  });
+
+
+  // Interacting outside of the sidebar closes the navigation
+
+  $('.app-wrapper').on('click touchstart', function(e) {
+    var navExpanded = $('body').hasClass('mobile-nav-expanded');
+
+    var clickInHeader = $(e.target).closest('.app-header').length;
+    var clickInSidebar = $(e.target).closest('.app-sidebar').length;
+
+    if (navExpanded && !clickInHeader && !clickInSidebar) {
+      e.stopPropagation();
+      e.preventDefault();
+
+      $('.app-wrapper').addClass('animate');
+      $('body').removeClass('mobile-nav-expanded');
+    }
+  });
+
+
+  // Toggle sidebar expand/collapse
+
+  sidebar.find('.toggle-sidebar').on('click', function(e) {
+    e.preventDefault();
+
+    if (sidebar.hasClass('expanded') || sidebar.hasClass('collapsed')) {
+      sidebar.removeClass('expanded').removeClass('collapsed');
+      Trestle.cookie.delete("trestle:sidebar");
+    } else if ($(document).width() >= 1200) {
+      sidebar.addClass('collapsed');
+      Trestle.cookie.set("trestle:sidebar", "collapsed");
+    } else if ($(document).width() >= 768) {
+      sidebar.addClass('expanded');
+      Trestle.cookie.set("trestle:sidebar", "expanded");
+    }
+  });
+
+
+  // Toggle navigation groups
+
+  sidebar.find('.nav-header a').on('click', function(e) {
+    e.preventDefault();
+
+    $(this).closest('ul').toggleClass('collapsed');
+
+    var collapsed = sidebar.find('.collapsed .nav-header a').map(function() {
+      return $(this).attr('href').replace(/^#/, '');
+    }).toArray();
+
+    Trestle.cookie.set("trestle:navigation:collapsed", collapsed.join(","))
+  });
+
+
+  // Scroll sidebar to active item
+
+  var active = sidebar.find('.active');
+  if (active.length) {
+    sidebar.find('.app-sidebar-inner').scrollTop(active.offset().top - 100);
+  }
+});

data/app/assets/javascripts/trestle/components/_table.js

@@ -0,0 +1,21 @@
+$(document).on('click', 'tr[data-url]:not([data-behavior="dialog"])', function(e) {
+  var row = $(e.currentTarget);
+
+  if (row.data('url') == 'auto') {
+    var url = row.find('td:not(.actions) a:first').attr('href');
+  } else {
+    var url = row.data('url');
+  }
+
+  if (url) {
+    if (e.metaKey || e.ctrlKey) {
+      window.open(url, '_blank');
+    } else {
+      Trestle.visit(url);
+    }
+  }
+});
+
+$(document).on('click', 'tr[data-url] a', function(e) {
+  e.stopPropagation();
+});

data/app/assets/javascripts/trestle/components/_tabs.js

@@ -0,0 +1,24 @@
+Trestle.init(function(e, root) {
+  $(root).find("a[data-toggle='tab']").on('shown.bs.tab', function(e) {
+    var hash = $(this).attr("href");
+
+    if (hash.substr(0, 1) == "#") {
+      history.replaceState({ turbolinks: {} }, "", "#!" + hash.substr(1));
+    }
+  });
+});
+
+Trestle.focusActiveTab = function() {
+  if (location.hash.substr(0, 2) == "#!") {
+    // Focus on active tab from URL
+    $("a[data-toggle='tab'][href='#" + location.hash.substr(2) + "']").tab("show");
+  } else if ($(".tab-pane:has(.has-error)").length) {
+    // Focus on first tab with errors
+    var pane = $(".tab-pane:has(.has-error)").first();
+    $("a[data-toggle='tab'][href='#" + pane.attr("id") + "']").tab("show");
+  }
+};
+
+Trestle.ready(function() {
+  Trestle.focusActiveTab();
+});

data/app/assets/javascripts/trestle/components/_tooltips.js

@@ -0,0 +1,3 @@
+Trestle.init(function(e, root) {
+  $(root).find('[data-toggle="tooltip"]').tooltip();
+});

data/app/assets/javascripts/trestle/core/_contexts.js

@@ -0,0 +1,13 @@
+Trestle.refreshContext = function(context) {
+  var url = context.data('context');
+
+  $.get(url, function(data) {
+    context.html(data);
+    $(Trestle).trigger('init', context);
+  });
+};
+
+Trestle.refreshMainContext = function() {
+  var context = $('.app-main[data-context]');
+  Trestle.refreshContext(context);
+};

data/app/assets/javascripts/trestle/core/_cookies.js

@@ -0,0 +1,24 @@
+Trestle.cookie = {
+  get: function(name) {
+    name += '=';
+
+    var cookies = document.cookie.split(/;\s*/)
+
+    for (i = cookies.length - 1; i >= 0; i--) {
+      if (!cookies[i].indexOf(name)) {
+        var value = cookies[i].replace(name, '');
+        return decodeURIComponent(value);
+      }
+    }
+
+    return "";
+  },
+
+  set: function(name, value) {
+    document.cookie = name + "=" + encodeURIComponent(value) + "; path=/";
+  },
+
+  delete: function(name) {
+    document.cookie = name + "=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+  }
+};

data/app/assets/javascripts/trestle/core/_events.js

@@ -0,0 +1,39 @@
+// The ready function sets up a callback to run on each page load.
+//
+//     Trestle.ready(function() {
+//       ...
+//     });
+//
+Trestle.ready = function(callback) {
+  $(Trestle).on('load', callback);
+};
+
+// The init function sets up a callback to run on each page load, as well as when elements are added to the page
+// dynamically (e.g. via a modal). It is used to initialize dynamic elements such as date pickers, although it is
+// preferable if they can be set up using event delegation on the document element.
+//
+// The callback is triggered with the applicable root/container element as the second argument.
+//
+//     Trestle.init(function(e, root) {
+//       $(root).find('...');
+//     });
+//
+Trestle.init = function(callback) {
+  $(Trestle).on('init', callback);
+};
+
+// Initialize all elements within the document on page load.
+Trestle.ready(function() {
+  $(Trestle).trigger('init', document);
+});
+
+// Trigger the page load events.
+if (Trestle.turbolinks) {
+  $(document).on('turbolinks:load', function() {
+    $(Trestle).trigger("load");
+  });
+} else {
+  $(document).ready(function() {
+    $(Trestle).trigger("load");
+  });
+}

data/app/assets/javascripts/trestle/core/_visit.js

@@ -0,0 +1,10 @@
+// The visit function is used to direct the user to the given URL. It is provided as an abstraction as the redirection
+// is handled differently depending on whether or not Turbolinks is enabled.
+//
+//     Trestle.visit("/admin/pages");
+//
+if (Trestle.turbolinks) {
+  Trestle.visit = function(url) { Turbolinks.visit(url); };
+} else {
+  Trestle.visit = function(url) { document.location = url; };
+}

data/app/assets/javascripts/trestle/custom.js

@@ -0,0 +1,4 @@
+// This file is left as an extension point for user customization.
+//
+// It will be overridden by the similarly named file within
+// the app/assets folder of the Rails application.

data/app/assets/stylesheets/trestle/components/_alerts.scss

@@ -22,6 +22,10 @@
     margin-bottom: 0;
   }
 
+  a {
+    color: white;
+  }
+
   @include mobile {
     padding: 5px 10px;
 
@@ -57,3 +61,27 @@
     }
   }
 }
+
+.toggle-debug-errors {
+  &:hover, &:focus {
+    text-decoration: none;
+  }
+
+  &:after {
+    @extend .ion;
+    content: $ionicon-var-chevron-down;
+    font-size: 10px;
+    margin-left: 5px;
+  }
+}
+
+.debug-errors {
+  overflow: hidden;
+
+  ul {
+    list-style: none;
+    margin: 5px 0 0 0;
+    padding: 0 0 0 5px;
+    border-left: 4px solid rgba(white, 0.25);
+  }
+}

data/app/assets/stylesheets/trestle/components/_buttons.scss

@@ -1,6 +1,15 @@
 .btn {
   border: none;
   box-shadow: none;
+
+  &.loading {
+    &::before {
+      @extend .fa;
+      @extend .fa-spin;
+      content: $fa-var-spinner;
+      margin-right: 10px;
+    }
+  }
 }
 
 .btn-delete {