administrate 1.0.0.beta3 → 1.0.0

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

@@ -1,3 +1,16 @@
+: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;
@@ -18,7 +31,7 @@ h3 {
 }
 
 a {
-  color: #53adc6;
+  color: var(--blue);
   text-decoration: none;
 }
 
@@ -43,8 +56,8 @@ a {
 }
 
 .flash-wrapper {
-  background-color: #cf726e;
-  color: #f0f0f0;
+  background-color: var(--red);
+  color: var(--white);
   padding: 1em;
 }
 .flash-wrapper .flash {
@@ -59,31 +72,31 @@ code {
   padding: 0.4em 0.2em 0;
 }
 code.hljs {
-  background-color: #202020;
-  color: #e0e0dc;
+  background-color: var(--code-black);
+  color: var(--code-white);
   padding-left: 1rem;
 }
 code.hljs .hljs-string {
-  color: #b0bf82;
+  color: var(--code-green);
 }
 code.hljs .hljs-subst {
-  color: #e0e0dc;
+  color: var(--code-white);
 }
 code.hljs .hljs-constant {
-  color: #8fbdcc;
+  color: var(--code-blue);
 }
 code.hljs .hljs-symbol {
-  color: #b95c56;
+  color: var(--code-red);
 }
 code.hljs .hljs-keyword {
-  color: #f8d29d;
+  color: var(--code-yellow);
 }
 code.hljs .hljs-title,
 code.hljs .hljs-parent {
-  color: #8fbdcc;
+  color: var(--code-blue);
 }
 code.hljs .hljs-tag {
-  color: #f8d29d;
+  color: var(--code-yellow);
 }
 
 /*# sourceMappingURL=docs.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../stylesheets/administrate-internal/docs.scss"],"names":[],"mappings":"AAYA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE,OAhCK;EAiCL;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE,kBA3DI;EA4DJ,OA1DM;EA2DN;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE,kBAxES;EAyET,OAxES;EAyET;;AAEA;EAAe,OA1EN;;AA2ET;EAAc,OA5EL;;AA6ET;EAAiB,OA3ET;;AA4ER;EAAe,OA1ER;;AA2EP;EAAgB,OA5EN;;AA8EV;AAAA;EACe,OAhFP;;AAkFR;EAAY,OAjFF","file":"docs.css","sourcesContent":["$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\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: $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: $red;\n  color: $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: $code-black;\n    color: $code-white;\n    padding-left: 1rem;\n\n    .hljs-string { color: $code-green; }\n    .hljs-subst { color: $code-white; }\n    .hljs-constant { color: $code-blue; }\n    .hljs-symbol { color: $code-red; }\n    .hljs-keyword { color: $code-yellow; }\n\n    .hljs-title,\n    .hljs-parent { color: $code-blue; }\n\n    .hljs-tag { color: $code-yellow; }\n  }\n}\n"]}
+{"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/javascripts/administrate/application.js

@@ -6,3 +6,4 @@ import "@hotwired/turbo-rails";
 import "selectize/dist/js/selectize.min.js";
 
 import "./controllers";
+import "./vendor/css-anchor-positioning";

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

@@ -2,6 +2,8 @@ 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

@@ -3,6 +3,23 @@ import $ from "jquery";
 
 export default class extends Controller {
   connect() {
-    $(this.element).selectize({});
+    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/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();
+  }
+};
+