beyond_canvas 0.16.2.pre → 0.17.0.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0a9c0a0bbb9fdb0af82711770d98bd04570b819e0b07c6b852bb54bf1ddf7cf1
-  data.tar.gz: e2a26c8ec82740147e053c9b673476da0eb888d140ac1232b785868a5e917ab6
+  metadata.gz: d68bb535d2ac13479fbf78d65485f4e4d75008ee76b717263460315c6a68fc8b
+  data.tar.gz: 71d0874d34489a4cf68aaac680865b70668fd95ec5acdb3570e1ac7dee5f5971
 SHA512:
-  metadata.gz: 28b094f776e12fe674f67c36d8279a8fbc307345fbcf08a9d4f4f297a3568a09284bd9b5440b475650ab9a06f73b03e19e1dad668b21c29f4e61a09e0517dd78
-  data.tar.gz: b531f83b2e0ea58260de71f9257d8e5839ca128d5b43059e3fda4080ce5d9c85c520277863a653b2c479a5ca1d37287089914b0b8075f6cb5991914e0bee17ba
+  metadata.gz: 0faf96cabf37ae07a4b4febc069a8b93a257e0341a5b1136dea1735d7d31df93e6c1f007ead4c9d90aa0ddfc28ce7555d672a8562cd4d0cf767c3241b397abe6
+  data.tar.gz: a3f482336565147692c27db3332314d00c290af8ce949028c0d8235f0236ad9d1fa2ea3760ea2b65fa28c26db41ec0d5447af3ce6d9b260f338617bccc89a6fe

data/app/assets/config/beyond_canvas_manifest.js

@@ -1 +1,2 @@
 //= link_directory ../stylesheets .css
+//= link_tree ../images

data/app/assets/images/icons/arrow_right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="arrow-right"><path d="M5 3l3.057-3L20 12 8.057 24 5 21l9-9z"></path></svg>

data/app/assets/images/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" title="dialog.closeButton.title"><path d="M23.954 21.03l-9.184-9.095 9.092-9.174L21.03-.046l-9.09 9.179L2.764.045l-2.81 2.81L9.14 11.96.045 21.144l2.81 2.81 9.112-9.192 9.18 9.1z"></path></svg>

data/app/assets/images/icons/home.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="home-icon"><path d="M12 9.185l7 6.514V22h-3v-5H8v5H5v-6.301l7-6.514zm0-2.732l-9 8.375V24h7v-5h4v5h7v-9.172l-9-8.375zm12 5.695L12 1 0 12.133l1.361 1.465L12 3.73l10.639 9.883L24 12.148z"></path></svg>

data/app/assets/javascripts/beyond_canvas/base.js

@@ -1,255 +1,129 @@
-/*!
- * 
- *    Warning: This file is auto-generated, do not modify. Instead, make your changes in 'app/javascript/beyond_canvas/' and run `yarn build`
- * 
- *    //= require jquery3
- *    //= require_self
- *   
+/*
+ * Warning: This file is auto-generated, do not modify. Instead, make your changes in 'app/javascript/beyond_canvas/' and run `yarn build`
  */
-(function(e, a) { for(var i in a) e[i] = a[i]; }(window, /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 1);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "showSpinner", function() { return showSpinner; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hideSpinner", function() { return hideSpinner; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "disableActionElements", function() { return disableActionElements; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "enableActionElements", function() { return enableActionElements; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "closeAlert", function() { return closeAlert; });
-var SPINNER_ANIMATION_TIMEOUT = 125;
-function showSpinner(button) {
-  // Adjust the width of the button
-  button.width(button.width() + $('.spinner').outerWidth(true)); // Show the spinner
-
-  setTimeout(function () {
-    button.find('.spinner').css('display', 'flex');
-  }, SPINNER_ANIMATION_TIMEOUT);
-}
-function hideSpinner() {
-  $('button[class^="button"]').each(function (_, button) {
-    setTimeout(function () {
-      // Hide the spinner
-      $(button).find('.spinner').hide(); // Adjust the width of the button
-
-      $(button).width($(button).data('oldWidth'));
-    }, SPINNER_ANIMATION_TIMEOUT);
-  });
-}
-function disableActionElements() {
-  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function (_, button) {
-    $(button).addClass('actions--disabled');
-  });
-}
-function enableActionElements() {
-  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function (_, button) {
-    $(button).removeClass('actions--disabled');
-  });
-}
-function closeAlert() {
-  $('.flash').removeClass('flash--shown').delay(700).queue(function () {
-    $(this).remove();
-  });
-}
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(3);
-module.exports = __webpack_require__(0);
-
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-(function ($) {
-  var onDOMReady = function onDOMReady() {
-    $('input[type="file"]').each(function () {
-      var $input = $(this),
-          $label = $(".input__file__text." + $input.attr('id')),
-          labelVal = $label.html();
-      $input.on('change', function (e) {
-        var fileName = '';
-        if (this.files && this.files.length > 1) fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);else if (e.target.value) fileName = e.target.value.split('\\').pop();
-        if (fileName) $label.html("<svg class=\"input__file__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M15 2v5h5v15h-16v-20h11zm1-2h-14v24h20v-18l-6-6z\"/></svg>" + fileName);else $label.html(labelVal);
-      }); // Firefox bug fix
-
-      $input.on('focus', function () {
-        $input.addClass('has-focus');
-      }).on('blur', function () {
-        $input.removeClass('has-focus');
+//= require jquery3
+//= require_self
+
+(function(factory) {
+  typeof define === "function" && define.amd ? define([ "jquery" ], factory) : factory();
+})(function() {
+  "use strict";
+  var SPINNER_ANIMATION_TIMEOUT = 125;
+  var BUTTON_SELECTORS = '[class^="button"]';
+  (function($) {
+    var onDOMReady = function onDOMReady(e) {
+      var inputs = $("input, textarea, select").not(":input[type=button], :input[type=submit], :input[type=reset]");
+      inputs.each(function() {
+        var input = $(this);
+        input.bind("invalid", function(e) {
+          if ($(input).is(":hidden")) {
+            e.preventDefault();
+          }
+          $.restoreActionElements();
+        });
       });
-    });
-  };
-
-  $(document).on('ready page:load turbolinks:load', onDOMReady);
-})(jQuery);
-
-/***/ }),
-/* 3 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXTERNAL MODULE: ./app/javascript/beyond_canvas/initializers/functions.js
-var functions = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./app/javascript/beyond_canvas/initializers/buttons.js
-
-
-(function ($) {
-  var onDOMReady = function onDOMReady() {
-    var inputs = $('input, textarea, select').not(':input[type=button], :input[type=submit], :input[type=reset]');
-    inputs.each(function () {
-      var input = $(this);
-      input.bind('invalid', function (e) {
-        if ($(input).is(':hidden')) {
-          e.preventDefault();
+      $(BUTTON_SELECTORS).each(function() {
+        var button = $(this);
+        button.width(button.width());
+        button.data("oldWidth", button.width());
+        if (button.find(".spinner").length == 0) {
+          button.prepend('\n          <div class="spinner">\n            <div class="bounce1"></div>\n            <div class="bounce2"></div>\n            <div class="bounce3"></div>\n          </div>');
         }
-
-        Object(functions["hideSpinner"])();
-        Object(functions["enableActionElements"])();
+        button.closest("form").on("ajax:success", function() {
+          $.restoreActionElements();
+        }).on("ajax:error", function() {
+          $.restoreActionElements();
+        });
       });
+    };
+    $(document).on("confirm:complete", function() {
+      $.restoreActionElements();
     });
-    $('button[class^="button"]').each(function () {
-      var button = $(this); // Add width attribute and save old width
-
-      button.width(button.width());
-      button.data('oldWidth', button.width()); // Add the spinner
-
-      button.prepend("\n        <div class=\"spinner\">\n          <div class=\"bounce1\"></div>\n          <div class=\"bounce2\"></div>\n          <div class=\"bounce3\"></div>\n        </div>"); // Bind ajax:success and ajax:error to the form the button belongs to
-
-      button.closest('form').on('ajax:success', function () {
-        Object(functions["hideSpinner"])();
-        Object(functions["enableActionElements"])();
-      }).on('ajax:error', function () {
-        Object(functions["hideSpinner"])();
-        Object(functions["enableActionElements"])();
-      });
+    $(document).on("click", BUTTON_SELECTORS, function() {
+      $.disableActionElements();
+      $(this).showSpinner();
     });
-  };
-
-  $(document).on('click', '[class^="button"]', function () {
-    Object(functions["disableActionElements"])();
-    Object(functions["showSpinner"])($(this));
+    $(document).on("ready page:load turbolinks:load", onDOMReady);
+  })(jQuery);
+  $.extend({
+    restoreActionElements: function restoreActionElements() {
+      $(BUTTON_SELECTORS).each(function(_, button) {
+        setTimeout(function() {
+          $(button).find(".spinner").hide();
+          $(button).width($(button).data("oldWidth"));
+        }, SPINNER_ANIMATION_TIMEOUT);
+      });
+      $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
+        $(this).removeClass("actions--disabled");
+      });
+    },
+    disableActionElements: function disableActionElements() {
+      $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
+        $(this).addClass("actions--disabled");
+      });
+    }
   });
-  $(document).on('ready page:load turbolinks:load', onDOMReady);
-})(jQuery);
-// CONCATENATED MODULE: ./app/javascript/beyond_canvas/initializers/flash.js
-
-
-(function ($) {
-  var onDOMReady = function onDOMReady() {
-    $('.flash').each(function () {
-      $(this).css('right', -$(this).width() + 'px');
+  $.fn.extend({
+    showSpinner: function showSpinner() {
+      var button = $(this);
+      button.width(button.width() + $(".spinner").outerWidth(true));
+      setTimeout(function() {
+        button.find(".spinner").css("display", "inline-flex");
+      }, SPINNER_ANIMATION_TIMEOUT);
+    }
+  });
+  (function($) {
+    var onDOMReady = function onDOMReady() {
+      $(".flash").each(function() {
+        $(this).css("right", -$(this).width() + "px");
+      });
+      setTimeout(function() {
+        $(".flash").addClass("flash--shown");
+      }, 100);
+    };
+    $(document).on("click", ".flash", function() {
+      closeAlert();
     });
-    setTimeout(function () {
-      $('.flash').addClass('flash--shown');
-    }, 100);
-  };
-
-  $(document).on('click', '.flash', function () {
-    Object(functions["closeAlert"])();
+    $(document).on("ready page:load turbolinks:load", onDOMReady);
+  })(jQuery);
+  function closeAlert() {
+    $(".flash").removeClass("flash--shown").delay(700).queue(function() {
+      $(this).remove();
+    });
+  }
+  (function($) {
+    var onDOMReady = function onDOMReady() {
+      $('input[type="file"]').each(function() {
+        var $input = $(this), $label = $(".input__file__text." + $input.attr("id")), labelVal = $label.html();
+        $input.on("change", function(e) {
+          var fileName = "";
+          if (this.files && this.files.length > 1) fileName = (this.getAttribute("data-multiple-caption") || "").replace("{count}", this.files.length); else if (e.target.value) fileName = e.target.value.split("\\").pop();
+          if (fileName) $label.html('<svg class="input__file__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2v5h5v15h-16v-20h11zm1-2h-14v24h20v-18l-6-6z"/></svg>' + fileName); else $label.html(labelVal);
+        });
+        $input.on("focus", function() {
+          $input.addClass("has-focus");
+        }).on("blur", function() {
+          $input.removeClass("has-focus");
+        });
+      });
+    };
+    $(document).on("ready page:load turbolinks:load", onDOMReady);
+  })(jQuery);
+  $.extend({
+    displayModal: function displayModal(content, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      $("#modal").find("#modal__content").html(content);
+      $("#modal").css("display", "flex");
+      $.restoreActionElements();
+      $(document).trigger("modal:opened", options["extraEventParameters"]);
+    },
+    closeModal: function closeModal() {
+      $("#modal").find("#modal__content").empty();
+      $("#modal").css("display", "none");
+      $.restoreActionElements();
+      $(document).trigger("modal:closed");
+    }
   });
-  $(document).on('ready page:load turbolinks:load', onDOMReady);
-})(jQuery);
-// EXTERNAL MODULE: ./app/javascript/beyond_canvas/initializers/inputs.js
-var initializers_inputs = __webpack_require__(2);
-
-// CONCATENATED MODULE: ./app/javascript/beyond_canvas/base.js
-
-
-
-
-/***/ })
-/******/ ])));
+});

data/app/assets/stylesheets/beyond_canvas/base.scss

@@ -9,10 +9,12 @@
 @import "utilities/mixins";
 
 @import "components/actions";
+@import "components/breadcrumbs";
 @import "components/buttons";
 @import "components/cards";
 @import "components/comments";
 @import "components/containers";
+@import "components/debug";
 @import "components/flash";
 @import "components/forms";
 @import "components/inputs";
@@ -21,8 +23,13 @@
 @import "components/main";
 @import "components/margins";
 @import "components/markdown";
+@import "components/action_bar";
+@import "components/modals";
 @import "components/notices";
 @import "components/relative";
-@import "components/tables";
+@import "components/sidebar";
 @import "components/spinner";
+@import "components/menu";
+@import "components/tables";
+@import "components/titles";
 @import "components/texts";

data/app/assets/stylesheets/beyond_canvas/components/_action_bar.scss

@@ -0,0 +1,28 @@
+.action_bar {
+  width: 100%;
+  height: $action-bar-height;
+  background-color: $action-bar-background;
+  border-bottom: $action-bar-shadow;
+  padding: 0 25px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+  z-index: 999;
+
+  &--menu {
+    top: $menu-height;
+  }
+
+  &--left {
+    display: flex;
+    justify-content: flex-start;
+  }
+
+  &--right {
+    display: flex;
+    justify-content: flex-end;
+  }
+}