administrate 0.20.1 → 1.0.0

data/app/assets/builds/administrate-internal/docs.css

@@ -0,0 +1,102 @@
+:root {
+  --blue: #53adc6;
+  --red: #cf726e;
+  --green: #5bc89e;
+  --white: #f0f0f0;
+  --code-black: #202020;
+  --code-white: #e0e0dc;
+  --code-green: #b0bf82;
+  --code-blue: #8fbdcc;
+  --code-yellow: #f8d29d;
+  --code-red: #b95c56;
+}
+
+html,
+body {
+  font-family: "Lato", serif;
+  font-size: 18px;
+  line-height: 1.62em;
+  margin: 0;
+}
+
+img {
+  max-width: 100%;
+}
+
+h1,
+h2,
+h3 {
+  font-family: "Fjalla One", sans-serif;
+  margin-top: 2em;
+}
+
+a {
+  color: var(--blue);
+  text-decoration: none;
+}
+
+.content {
+  margin-bottom: 2em;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 2em;
+  width: 60em;
+}
+.content .sidebar {
+  float: left;
+  width: 20em;
+}
+.content .sidebar-links {
+  list-style: none;
+  padding-left: 0;
+}
+.content .main {
+  float: right;
+  width: 40em;
+}
+
+.flash-wrapper {
+  background-color: var(--red);
+  color: var(--white);
+  padding: 1em;
+}
+.flash-wrapper .flash {
+  margin-left: auto;
+  margin-right: auto;
+  width: 40em;
+}
+
+code {
+  font-family: "Source Code Pro";
+  font-size: 0.8rem;
+  padding: 0.4em 0.2em 0;
+}
+code.hljs {
+  background-color: var(--code-black);
+  color: var(--code-white);
+  padding-left: 1rem;
+}
+code.hljs .hljs-string {
+  color: var(--code-green);
+}
+code.hljs .hljs-subst {
+  color: var(--code-white);
+}
+code.hljs .hljs-constant {
+  color: var(--code-blue);
+}
+code.hljs .hljs-symbol {
+  color: var(--code-red);
+}
+code.hljs .hljs-keyword {
+  color: var(--code-yellow);
+}
+code.hljs .hljs-title,
+code.hljs .hljs-parent {
+  color: var(--code-blue);
+}
+code.hljs .hljs-tag {
+  color: var(--code-yellow);
+}
+
+/*# sourceMappingURL=docs.css.map */

data/app/assets/builds/administrate-internal/docs.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../stylesheets/administrate-internal/docs.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EAAe;;AACf;EAAc;;AACd;EAAiB;;AACjB;EAAe;;AACf;EAAgB;;AAEhB;AAAA;EACe;;AAEf;EAAY","file":"docs.css","sourcesContent":[":root {\n  --blue: #53adc6;\n  --red: #cf726e;\n  --green: #5bc89e;\n  --white: #f0f0f0;\n\n  --code-black: #202020;\n  --code-white: #e0e0dc;\n  --code-green: #b0bf82;\n  --code-blue: #8fbdcc;\n  --code-yellow: #f8d29d;\n  --code-red: #b95c56;\n}\n\nhtml,\nbody {\n  font-family: 'Lato', serif;\n  font-size: 18px;\n  line-height: 1.62em;\n  margin: 0;\n}\n\nimg {\n  max-width: 100%;\n}\n\nh1,\nh2,\nh3 {\n  font-family: 'Fjalla One', sans-serif;\n  margin-top: 2em;\n}\n\na {\n  color: var(--blue);\n  text-decoration: none;\n}\n\n.content {\n  margin-bottom: 2em;\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 2em;\n  width: 60em;\n\n  .sidebar {\n    float: left;\n    width: 20em;\n\n    &-links {\n      list-style: none;\n      padding-left: 0;\n    }\n  }\n\n  .main {\n    float: right;\n    width: 40em;\n  }\n}\n\n.flash-wrapper {\n  background-color: var(--red);\n  color: var(--white);\n  padding: 1em;\n\n  .flash {\n    margin-left: auto;\n    margin-right: auto;\n    width: 40em;\n  }\n}\n\ncode {\n  font-family: \"Source Code Pro\";\n  font-size: 0.8rem;\n  padding: 0.4em 0.2em 0;\n\n  &.hljs {\n    background-color: var(--code-black);\n    color: var(--code-white);\n    padding-left: 1rem;\n\n    .hljs-string { color: var(--code-green); }\n    .hljs-subst { color: var(--code-white); }\n    .hljs-constant { color: var(--code-blue); }\n    .hljs-symbol { color: var(--code-red); }\n    .hljs-keyword { color: var(--code-yellow); }\n\n    .hljs-title,\n    .hljs-parent { color: var(--code-blue); }\n\n    .hljs-tag { color: var(--code-yellow); }\n  }\n}\n"]}

data/app/assets/config/administrate_manifest.js

@@ -0,0 +1,2 @@
+//= link_tree ../images
+//= link_tree ../builds

data/app/assets/javascripts/administrate/add_jquery.js

@@ -0,0 +1,4 @@
+import jquery from "jquery";
+
+window.jQuery = jquery;
+window.$ = jquery;

data/app/assets/javascripts/administrate/application.js

@@ -1,4 +1,9 @@
-//= require jquery
-//= require jquery_ujs
-//= require selectize
-//= require_tree .
+import "./add_jquery";
+import "trix";
+import "@rails/actiontext";
+
+import "@hotwired/turbo-rails";
+import "selectize/dist/js/selectize.min.js";
+
+import "./controllers";
+import "./vendor/css-anchor-positioning";

data/app/assets/javascripts/administrate/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus";
+
+const application = Application.start();
+
+// Configure Stimulus development experience
+application.debug = false;
+window.Stimulus   = application;
+
+export { application };

data/app/assets/javascripts/administrate/controllers/index.js

@@ -0,0 +1,9 @@
+import { application } from "./application";
+
+import SelectController from "./select_controller";
+import TableController from "./table_controller";
+import TooltipController from "./tooltip_controller";
+
+application.register("select", SelectController);
+application.register("table", TableController);
+application.register("tooltip", TooltipController);

data/app/assets/javascripts/administrate/controllers/select_controller.js

@@ -0,0 +1,25 @@
+import { Controller } from "@hotwired/stimulus";
+import $ from "jquery";
+
+export default class extends Controller {
+  connect() {
+    if (!this.selectize) {
+      const options = this.selectizeOptions || {};
+      const selectedValues = $(this.element).val();
+      this.selectize = $(this.element).selectize(options)[0].selectize;
+      this.selectize.setValue(selectedValues);
+    }
+  }
+
+  disconnect() {
+    if (this.selectize) {
+      const selectedValues = this.selectize.getValue();
+      if (!this.selectizeOptions) {
+        this.selectizeOptions = this.selectize.settings;
+      }
+      this.selectize.destroy();
+      this.selectize = null;
+      $(this.element).val(selectedValues);
+    }
+  }
+};

data/app/assets/javascripts/administrate/{components/table.js → controllers/table_controller.js}

@@ -1,7 +1,10 @@
-$(function() {
-  var keycodes = { space: 32, enter: 13 };
+import { Controller } from "@hotwired/stimulus";
+import $ from "jquery";
 
-  var visitDataUrl = function(event) {
+var keycodes = { space: 32, enter: 13 };
+
+export default class extends Controller {
+  visitDataUrl(event) {
     if (event.type == "click" ||
         event.keyCode == keycodes.space ||
         event.keyCode == keycodes.enter) {
@@ -13,11 +16,8 @@ $(function() {
       var dataUrl = $(event.target).closest("tr").data("url");
       var selection = window.getSelection().toString();
       if (selection.length === 0 && dataUrl) {
-        window.location = window.location.protocol + '//' + window.location.host + dataUrl;
+        Turbo.visit(dataUrl);
       }
     }
-  };
-
-  $("table").on("click", ".js-table-row", visitDataUrl);
-  $("table").on("keydown", ".js-table-row", visitDataUrl);
-});
+  }
+};

data/app/assets/javascripts/administrate/controllers/tooltip_controller.js

@@ -0,0 +1,24 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["popover", "tooltip"];
+
+  connect() {
+    this.tooltipTarget.addEventListener("mouseenter", this.showPopover);
+    this.tooltipTarget.addEventListener("mouseleave", this.hidePopover);
+  }
+
+  disconnect() {
+    this.tooltipTarget.removeEventListener("mouseenter", this.showPopover);
+    this.tooltipTarget.removeEventListener("mouseleave", this.hidePopover);
+  }
+
+  showPopover = () => {
+    this.popoverTarget.showPopover();
+  }
+
+  hidePopover = () => {
+    this.popoverTarget.hidePopover();
+  }
+};
+