card-mod-bootstrap 0.13.1 → 0.14.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a5be936b33fec952d53bd02083a1aed7204752a67fb5dbeb8a7b2969148b255
-  data.tar.gz: b83639c48d7acfd49b569e65ddd25054c46270a77a62ccde85116eda18d676d2
+  metadata.gz: 7766786b03d19d0bbc8c2087cc9065511739854086ddfebb1d6f1d228ae3c477
+  data.tar.gz: 4882c3e1e49810a8f4fb79eedb3b4118b30932b9c3ba5bea8ec5844005db86ea
 SHA512:
-  metadata.gz: 861b1ccf0545f53988c44858add9efd2620d29b05be4f800083701ba4a42fa0d013b89a28b0983c8f3ff30b298d5de31062c74d42014a2f4232852d4faba2050
-  data.tar.gz: eb8013594b8b4b4711207970bf04df99a105f99478f15634f2b8aabc07dc903010fa3cdf3a3a4c6fe363d20b9f3241c2bc0e3c14d942b0f7e0eb4aa8ced3bf09
+  metadata.gz: af51fdcb6d707332a192bd6b3f864e4cb0ebc6d6890e468f99768ad980772fbc2bc05a291bf52921cd42b1a70713e7b5fc62c7a9ac6869aa000d836cb34e67b2
+  data.tar.gz: 5f89aa1af22b61ab603a3a70ded0a5afea9fba05d57ac130578d17590a0e188c76bc48f0deb915f6c25a040e7fd8b9640b7ffb982e677bd63ed7c5133860c6dc

data/assets/script/bootstrap_modal_decko.js

@@ -0,0 +1,27 @@
+decko.slotReady(function(slot) {
+  slot.find('.modal.fade').on('loaded.bs.modal', function(e) {
+    $(this).trigger('slotReady');
+  });
+  slot.find('[data-toggle=\'modal\']').off("click").on('click', function(e) {
+    var $_this, href, modal_selector;
+    e.preventDefault();
+    e.stopPropagation();
+    $_this = $(this);
+    href = $_this.attr('href');
+    modal_selector = $_this.data('target');
+    $(modal_selector).modal('show');
+    $.ajax({
+      url: href,
+      type: 'GET',
+      success: function(html) {
+        $(modal_selector + ' .modal-content').html(html);
+        return $(modal_selector).trigger('loaded.bs.modal');
+      },
+      error: function(jqXHR, textStatus) {
+        $(modal_selector + ' .modal-content').html(jqXHR.responseText);
+        return $(modal_selector).trigger('loaded.bs.modal');
+      }
+    });
+    return false;
+  });
+});

data/assets/script/manifest.yml

@@ -0,0 +1,13 @@
+bootstrap:
+  items:
+    # full version of select2 is needed to support containerCssClass config option
+    # which we need for select2_bootstrap to work properly
+    - ../../vendor/select2/dist/js/select2.full.min.js
+    - ../../vendor/bootstrap/dist/js/bootstrap.bundle.js
+    - bootstrap_modal_decko.js
+    - script_load_select2.js.coffee
+    - ../../vendor/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js
+    - script_colorpicker.js.coffee
+
+
+

data/assets/script/script_colorpicker.js.coffee

@@ -0,0 +1,3 @@
+decko.slotReady (slot) ->
+  $('[data-toggle="popover"]').popover(html: true)
+  $('.colorpicker-component').colorpicker()

data/assets/script/script_load_select2.js.coffee

@@ -0,0 +1,55 @@
+$.fn.select2.defaults.set("theme", "bootstrap")
+
+decko.slotReady (slot) ->
+  slot.find('select:not(._no-select2)').each (_i) ->
+    decko.initSelect2($(this))
+
+decko.slotDestroy (slot) ->
+  slot.find('select:not(._no-select2)').each (_i) ->
+    $(this).deInitSelect2()
+
+$.extend decko,
+  initSelect2: (elem) ->
+    if elem.length > 1
+      decko.initSelect2($(single_el)) for single_el in elem
+    else
+      opts = { dropdownAutoWidth: "true", containerCssClass: ":all:", width: "auto" }
+
+      elem.attr "id", decko.uniqSelect2Id(elem.attr("id"))
+      if elem.hasClass("tags")
+        opts.tags = "true"
+      if elem.data("minimum-results-for-search")?
+        opts.minimumResultsForSearch = elem.data("minimum-results-for-search")
+      elem.select2(opts)
+
+  uniqSelect2Id: (id) ->
+    return id unless $("[data-select2-id=" + id + "]").length > 0
+    decko.uniqSelect2Id id + "1"
+
+
+$(window).ready ->
+  $('body').on 'select2:select', '._go-to-selected', ->
+    val = $(this).val()
+    if val != ''
+      window.location = decko.path(escape(val))
+
+  $('body').on "select2:select", "._submit-on-select", (event) ->
+      $(event.target).closest('form').submit()
+
+$.fn.extend
+  cloneSelect2: (withDataAndEvents, deepWithDataAndEvents) ->
+    $old = if this.is('select') then this else this.find('select')
+    $old.deInitSelect2()
+    $cloned = this.clone(withDataAndEvents, deepWithDataAndEvents)
+    decko.initSelect2 $old
+    if $cloned.is('select')
+      decko.initSelect2 $cloned
+    else
+      decko.initSelect2 $cloned.find('select')
+    $cloned
+
+  deInitSelect2: ->
+    return unless @attr "data-select2-id"
+    @select2 "destroy"
+    @removeAttr "data-select2-id"
+    @find("option").removeAttr "data-select2-id"

data/assets/style/bootstrap_colorpicker.scss

@@ -0,0 +1,272 @@
+/*!
+ * Bootstrap Colorpicker v2.5.2
+ * https://itsjavi.com/bootstrap-colorpicker/
+ *
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
+ *
+ */
+
+@mixin bgImg($imgBase64) {
+  background-image: url("#{$imgBase64}");
+}
+
+@mixin borderRadius($size) {
+  -webkit-border-radius: $size;
+  -moz-border-radius: $size;
+  border-radius: $size;
+}
+
+.colorpicker-saturation {
+  width: 100px;
+  height: 100px;
+  @include bgImg('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC');
+  cursor: crosshair;
+  float: left;
+  i {
+    display: block;
+    height: 5px;
+    width: 5px;
+    border: 1px solid #000;
+    @include borderRadius(5px);
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: -4px 0 0 -4px;
+    b {
+      display: block;
+      height: 5px;
+      width: 5px;
+      border: 1px solid #fff;
+      @include borderRadius(5px);
+    }
+  }
+}
+
+.colorpicker-hue,
+.colorpicker-alpha {
+  width: 15px;
+  height: 100px;
+  float: left;
+  cursor: row-resize;
+  margin-left: 4px;
+  margin-bottom: 4px;
+}
+
+.colorpicker-hue i,
+.colorpicker-alpha i {
+  display: block;
+  height: 1px;
+  background: #000;
+  border-top: 1px solid #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  margin-top: -1px;
+}
+
+.colorpicker-hue {
+  @include bgImg('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC');
+}
+
+.colorpicker-alpha {
+  @include bgImg('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=');
+  display: none;
+}
+
+.colorpicker-saturation,
+.colorpicker-hue,
+.colorpicker-alpha {
+  background-size: contain;
+}
+
+.colorpicker {
+  padding: 4px;
+  min-width: 130px;
+  margin-top: 1px;
+  @include borderRadius(4px);
+  z-index: 2500;
+}
+
+.colorpicker:before,
+.colorpicker:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+
+.colorpicker:after {
+  clear: both;
+}
+
+.colorpicker:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+
+.colorpicker:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+
+.colorpicker div {
+  position: relative;
+}
+
+.colorpicker.colorpicker-with-alpha {
+  min-width: 140px;
+}
+
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+  display: block;
+}
+
+.colorpicker-color {
+  height: 10px;
+  margin-top: 5px;
+  clear: both;
+  @include bgImg('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=');
+  background-position: 0 100%;
+}
+
+.colorpicker-color div {
+  height: 10px;
+}
+
+.colorpicker-selectors {
+  display: none;
+  height: 10px;
+  margin-top: 5px;
+  clear: both;
+}
+
+.colorpicker-selectors i {
+  cursor: pointer;
+  float: left;
+  height: 10px;
+  width: 10px;
+}
+
+.colorpicker-selectors i + i {
+  margin-left: 3px;
+}
+
+.colorpicker-element .input-group-addon i,
+.colorpicker-element .add-on i {
+  display: inline-block;
+  cursor: pointer;
+  height: 16px;
+  vertical-align: text-top;
+  width: 16px;
+}
+
+.colorpicker.colorpicker-inline {
+  position: relative;
+  display: inline-block;
+  float: none;
+  z-index: auto;
+}
+
+.colorpicker.colorpicker-horizontal {
+  width: 110px;
+  min-width: 110px;
+  height: auto;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-saturation {
+  margin-bottom: 4px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-color {
+  width: 100px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  width: 100px;
+  height: 15px;
+  float: left;
+  cursor: col-resize;
+  margin-left: 0px;
+  margin-bottom: 4px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue i,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
+  display: block;
+  height: 15px;
+  background: #ffffff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1px;
+  border: none;
+  margin-top: 0px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+  @include bgImg('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==');
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  @include bgImg('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=');
+}
+
+.colorpicker-right:before {
+  left: auto;
+  right: 6px;
+}
+
+.colorpicker-right:after {
+  left: auto;
+  right: 7px;
+}
+
+.colorpicker-no-arrow:before {
+  border-right: 0;
+  border-left: 0;
+}
+
+.colorpicker-no-arrow:after {
+  border-right: 0;
+  border-left: 0;
+}
+
+.colorpicker,
+.colorpicker-alpha,
+.colorpicker-saturation,
+.colorpicker-hue,
+.colorpicker-selectors {
+  &.colorpicker-visible {
+    display: block;
+  }
+}
+
+.colorpicker,
+.colorpicker-alpha,
+.colorpicker-saturation,
+.colorpicker-hue,
+.colorpicker-selectors {
+  &.colorpicker-hidden {
+    display: none;
+  }
+}
+
+.colorpicker-inline.colorpicker-visible {
+  display: inline-block;
+}

data/assets/style/manifest.yml

@@ -0,0 +1,14 @@
+bootstrap_decko:
+  items:
+    - style_bootstrap_cards.scss
+
+libraries:
+  items:
+    - font_awesome.css
+    - material_icons.css
+    - bootstrap_colorpicker.scss
+    - ../../vendor/select2/dist/css/select2.css
+    - select2_bootstrap.scss
+    - ../../vendor/bootstrap-colorpicker/src/sass/_colorpicker.scss
+
+

data/{lib/stylesheets → assets/style}/style_bootstrap_cards.scss

@@ -275,7 +275,7 @@ body.mceContentBody {
 /*---------- comments -------------------------------------- */
 
 .comment-box {
-  padding-top: 8px;
+  padding: 0.5em 0;
   input {
     padding: 0px;
   }
@@ -481,12 +481,14 @@ body.mceContentBody {
 
 .item-box {
   display: inline-block;
-  min-width: 260px;
-  width: 15%;
   padding: 10px 1%;
   vertical-align: top;
 }
 
+.box {
+  width: 320px;
+}
+
 .box-top {
   display: flex;
   min-height: 60px;

data/locales/de.yml

@@ -0,0 +1,3 @@
+de:
+  bootstrap_cannot_source_theme: kann die Quelle für das Theme %{theme_name} nicht finden
+  bootstrap_not_valid_theme: kein gültiges Theme %{theme_name}

data/locales/en.yml

@@ -0,0 +1,3 @@
+en:
+  bootstrap_cannot_source_theme: can't find source for theme %{theme_name}
+  bootstrap_not_valid_theme: not a valid theme %{theme_name}

data/set/abstract/bootswatch_theme.rb

@@ -20,8 +20,8 @@
 # is taken from files.
 # The bootswatch theme content is taken directly from the files in the bootswatch
 # submodule. For the rest we use code file cards.
-# Cards of type "customized bootswatch skin" have the same structure but make the variables
-# and stylesheets part editable.
+# Cards of type "customized bootswatch skin" have the same structure but make the
+# variables and stylesheets part editable.
 #
 # Bootswatch theme cards are machine cards for the following reason.
 # Machine cards usually store all involved input cards of all nested levels in
@@ -36,25 +36,48 @@
 # To do that it is a machine itself and stores the generated machine output as its
 # content which will trigger the updates of other machines that use this card.
 
-include_set Abstract::Machine
-include_set Type::Scss
-include_set Abstract::CodeFile
+include_set Abstract::AssetInputter, input_format: :css, input_view: :compressed
+include_set Abstract::Scss
 include_set Abstract::SkinBox
 
 CONTENT_PARTS = %i[pre_variables variables post_variables stylesheets].freeze
 
-PRE_VARIABLES_CARD_NAMES = %i[
-  style_jquery_ui_smoothness
-  bootstrap_functions
-].freeze
+PRE_VARIABLES_CARD_NAMES = %i[bootstrap_functions].freeze
+POST_VARIABLES_CARD_NAMES = %i[bootstrap_core style_mods].freeze
 
-POST_VARIABLES_CARD_NAMES = %i[
-  bootstrap_core
-  style_cards
-  style_bootstrap_cards
-  style_libraries
-  style_mods
-].freeze
+def content
+  CONTENT_PARTS.map do |n|
+    send "#{n}_content"
+  end.join "\n"
+end
+
+def item_names _args={}
+  (PRE_VARIABLES_CARD_NAMES + variables_card_names +
+    POST_VARIABLES_CARD_NAMES + stylesheets_card_names).compact.map do |n|
+    Card.fetch_name(n)
+  end.compact
+end
+
+format :html do
+  view :input do
+    # Localize
+    "Content is stored in file and can't be edited."
+  end
+end
+
+def theme_name
+  /^(.+)_skin$/.match(codename)&.capture(0) ||
+    /^(.+)[ _][sS]kin/.match(name)&.capture(0)&.downcase
+end
+
+def scss_from_theme_file file
+  return "" unless (path = ::File.join(source_dir, "_#{file}.scss")) &&
+                   ::File.exist?(path)
+
+  ::File.read path
+end
+
+private
 
 # @return [Array<Card::Name,String>]
 def variables_card_names
@@ -66,43 +89,20 @@ def stylesheets_card_names
   []
 end
 
-# reject cards that don't contribute directly to the content like skin or pointer cards
-def engine_input
-  extended_input_cards.select { |ca| ca.type_id.in? [Card::ScssID, Card::CssID] }
-end
-
-# Don't create "+*machine output" file card
-# instead save the the output as the card's content is
-def after_engine output
-  Card::Auth.as_bot { update! db_content: output }
-end
-
-# needed to make the refresh_assets method work with these cards
+# needed to make the refresh_script_and_style method work with these cards
 def source_files
-  extended_input_cards.map do |i_card|
+  item_cards.map do |i_card|
     i_card.try(:source_files)
   end.flatten.compact
 end
 
 # needed to make the refresh_assets method work with these cards
 def existing_source_paths
-  extended_input_cards.map do |i_card|
+  item_cards.map do |i_card|
     i_card.try(:existing_source_paths)
   end.flatten.compact
 end
 
-def extended_input_cards
-  input_names.map do |n|
-    Card.fetch(n).extended_item_cards
-  end.flatten.compact
-end
-
-def content
-  CONTENT_PARTS.map do |n|
-    send "#{n}_content"
-  end.join "\n"
-end
-
 def pre_variables_content
   load_content(*PRE_VARIABLES_CARD_NAMES)
 end
@@ -119,38 +119,13 @@ def stylesheets_content
   load_content stylesheets_card_names
 end
 
-def input_names _args={}
-  (PRE_VARIABLES_CARD_NAMES + variables_card_names +
-    POST_VARIABLES_CARD_NAMES + stylesheets_card_names).compact.map do |n|
-    Card.fetch_name(n)
-  end.compact
-end
-
-def item_names _args={}
-  []
-end
-
-def item_cards _args={}
-  [self]
-end
-
 def load_content *names
-  cards = names.flatten.map { |n| Card.fetch(n)&.extended_item_cards }
+  cards = names.flatten.map do |n|
+    Card.fetch(n)&.extended_item_cards
+  end
   cards.flatten.compact.map(&:content).join "\n"
 end
 
-def scss_from_theme_file file
-  return "" unless (path = ::File.join(source_dir, "_#{file}.scss")) &&
-                   ::File.exist?(path)
-
-  ::File.read path
-end
-
-def theme_name
-  /^(.+)_skin$/.match(codename)&.capture(0) ||
-    /^(.+)[ _][sS]kin/.match(name)&.capture(0)&.downcase
-end
-
 def source_dir
   @source_dir ||= File.expand_path(
     "#{mod_root :bootstrap}/vendor/bootswatch/dist/#{theme_name}", __FILE__

data/set/all/bootstrap/helper.rb

@@ -55,7 +55,7 @@ format :html do
   end
 
   def popover_opts text, title, opts
-    add_class opts, "pl-1 text-muted-link"
+    add_class opts, "pl-1 text-muted-link _popover_link"
     opts.merge! path: "#", "data-toggle": "popover",
                 "data-trigger": :focus, "data-content": text
     opts["data-title"] = title if title

data/set/all/bootstrap/icon.rb

@@ -30,7 +30,7 @@ format :html do
       pushpin: "thumb-tack",
       globe: :globe,
       zoom_out: "search-minus",
-      close: :remove,
+      close: :times,
       check_circle: "check-circle",
       reorder: "align-justify",
       commenting: :comments

data/set/type/customized_bootswatch_skin.rb

@@ -1,8 +1,8 @@
 include_set Abstract::BootswatchTheme
 
-card_accessor :colors
-card_accessor :variables
-card_accessor :stylesheets
+card_accessor :colors, type: :scss
+card_accessor :variables, type: :scss
+card_accessor :stylesheets, type: :skin
 
 def top_level_item_cards
   cards = PRE_VARIABLES_CARD_NAMES.map { |n| Card[n] }
@@ -68,7 +68,7 @@ event :copy_theme, :prepare_to_store, on: :create do
 end
 
 def initialize_theme style_item_names=nil
-  add_subfield :colors, type_id: Card::ScssID
+  subfield :colors, type_id: Card::ScssID
   add_variables_subfield
   add_stylesheets_subfield style_item_names
 end
@@ -83,20 +83,17 @@ def add_stylesheets_subfield style_items=nil
     opts[:content] = [opts[:content], style_items].flatten.compact.to_pointer_content
   end
 
-  add_subfield :stylesheets, opts
+  subfield :stylesheets, opts
 end
 
 def add_variables_subfield
   theme_content = content_from_theme(:variables)
   default_content = read_bootstrap_variables
-  add_subfield :variables,
-               type_id: Card::ScssID,
-               content: "#{theme_content}\n\n\n#{default_content}"
+  subfield :variables, type: :scss, content: "#{theme_content}\n\n\n#{default_content}"
 end
 
 def add_bootswatch_subfield
-  add_subfield :bootswatch, type_id: Card::ScssID,
-                            content: content_from_theme(:bootswatch)
+  subfield :bootswatch, type: :scss, content: content_from_theme(:bootswatch)
 end
 
 def theme_card