Initial commit: Grav CMS setup with HTML reference material

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-18 23:38:26 +02:00
commit a9be15caf3
2261 changed files with 418989 additions and 0 deletions
@@ -0,0 +1,66 @@
+import $ from 'jquery';
+import 'selectize';
+import '../../utils/selectize-required-fix';
+import '../../utils/selectize-option-click';
+
+const PagesRoute = {
+    option: function(item, escape) {
+        const label = escape(item.text).split(' ');
+        const arrows = label.shift();
+        const slug = label.shift();
+
+        return `<div class="selectize-route-option">
+            <span class="text-grey">${arrows}</span>
+            <span>
+                <span class="text-update">${slug.replace('(', '/').replace(')', '')}</span>
+                <span>${label.join(' ')}</span>
+            </span>
+        </div>`;
+    }
+};
+
+export default class SelectizeField {
+    constructor(options = {}) {
+        this.options = Object.assign({}, options);
+        this.elements = [];
+
+        $('[data-grav-selectize]').each((index, element) => this.add(element));
+        $('body').on('mutation._grav', this._onAddedNodes.bind(this));
+    }
+
+    add(element) {
+        element = $(element);
+
+        if (element.closest('template').length) {
+            return false;
+        }
+
+        let tag = element.prop('tagName').toLowerCase();
+        let isInput = tag === 'input' || tag === 'select';
+
+        let data = (isInput ? element.closest('[data-grav-selectize]') : element).data('grav-selectize') || {};
+        let field = (isInput ? element : element.find('input, select'));
+
+        if (field.attr('name') === 'data[route]') {
+            data = $.extend({}, data, { render: PagesRoute });
+        }
+
+        if (!field.length || field.get(0).selectize) { return; }
+        const plugins = $.merge(data.plugins ? data.plugins : [], ['required-fix']);
+        field.selectize($.extend({}, data, { plugins }));
+
+        this.elements.push(field.data('selectize'));
+    }
+
+    _onAddedNodes(event, target/* , record, instance */) {
+        let fields = $(target).find('select.fancy, input.fancy, [data-grav-selectize]').filter((index, element) => {
+            return !$(element).closest('template').length;
+        });
+
+        if (!fields.length) { return; }
+
+        fields.each((index, field) => this.add(field));
+    }
+}
+
+export let Instance = new SelectizeField();