1 files changed, 148 insertions, 0 deletions
diff --git a/public/js/icinga/behavior/input-enrichment.js b/public/js/icinga/behavior/input-enrichment.js
new file mode 100644
index 0000000..1540941
--- /dev/null
+++ b/public/js/icinga/behavior/input-enrichment.js
@@ -0,0 +1,148 @@
+/* Icinga Web 2 | (c) 2020 Icinga GmbH | GPLv2+ */
+
+/**
+ * InputEnrichment - Behavior for forms with enriched inputs
+ */
+(function(Icinga) {
+
+    "use strict";
+
+    try {
+        var SearchBar = require('icinga/icinga-php-library/widget/SearchBar');
+        var SearchEditor = require('icinga/icinga-php-library/widget/SearchEditor');
+        var FilterInput = require('icinga/icinga-php-library/widget/FilterInput');
+        var TermInput = require('icinga/icinga-php-library/widget/TermInput');
+        var Completer = require('icinga/icinga-php-library/widget/Completer');
+    } catch (e) {
+        console.warn('Unable to provide input enrichments. Libraries not available:', e);
+        return;
+    }
+
+    Icinga.Behaviors = Icinga.Behaviors || {};
+
+    /**
+     * @param icinga
+     * @constructor
+     */
+    let InputEnrichment = function (icinga) {
+        Icinga.EventListener.call(this, icinga);
+
+        this.on('beforerender', '#main > .container, #modal-content', this.onBeforeRender, this);
+        this.on('rendered', '#main > .container, #modal-content', this.onRendered, this);
+
+        /**
+         * Enriched inputs
+         *
+         * @type {WeakMap<object, SearchEditor|SearchBar|FilterInput|TermInput|Completer>}
+         * @private
+         */
+        this._enrichments = new WeakMap();
+
+        /**
+         * Cached enrichments
+         *
+         * Holds values only during the time between `beforerender` and `rendered`
+         *
+         * @type {{}}
+         * @private
+         */
+        this._cachedEnrichments = {};
+    };
+    InputEnrichment.prototype = new Icinga.EventListener();
+
+    /**
+     * @param data
+     */
+    InputEnrichment.prototype.update = function (data) {
+        var input = document.querySelector(data[0]);
+        if (input !== null && this._enrichments.has(input)) {
+            this._enrichments.get(input).updateTerms(data[1]);
+        }
+    };
+
+    /**
+     * @param event
+     * @param content
+     * @param action
+     * @param autorefresh
+     * @param scripted
+     */
+    InputEnrichment.prototype.onBeforeRender = function (event, content, action, autorefresh, scripted) {
+        if (! autorefresh) {
+            return;
+        }
+
+        let _this = event.data.self;
+        let inputs = event.target.querySelectorAll('[data-enrichment-type]');
+
+        // Remember current instances
+        inputs.forEach((input) => {
+            let enrichment = _this._enrichments.get(input);
+            if (enrichment) {
+                _this._cachedEnrichments[_this.icinga.utils.getDomPath(input).join(' > ')] = enrichment;
+            }
+        });
+    };
+
+    /**
+     * @param event
+     * @param autorefresh
+     * @param scripted
+     */
+    InputEnrichment.prototype.onRendered = function (event, autorefresh, scripted) {
+        let _this = event.data.self;
+        let container = event.target;
+
+        if (autorefresh) {
+            // Apply remembered instances
+            for (let inputPath in _this._cachedEnrichments) {
+                let enrichment = _this._cachedEnrichments[inputPath];
+                let input = container.querySelector(inputPath);
+                if (input !== null) {
+                    enrichment.refresh(input);
+                    _this._enrichments.set(input, enrichment);
+                } else {
+                    enrichment.destroy();
+                }
+
+                delete _this._cachedEnrichments[inputPath];
+            }
+        }
+
+        // Create new instances
+        let inputs = container.querySelectorAll('[data-enrichment-type]');
+        inputs.forEach((input) => {
+            let enrichment = _this._enrichments.get(input);
+            if (! enrichment) {
+                switch (input.dataset.enrichmentType) {
+                    case 'search-bar':
+                        enrichment = (new SearchBar(input)).bind();
+                        break;
+                    case 'search-editor':
+                        enrichment = (new SearchEditor(input)).bind();
+                        break;
+                    case 'filter':
+                        enrichment = (new FilterInput(input)).bind();
+                        enrichment.restoreTerms();
+
+                        if (_this._enrichments.has(input.form)) {
+                            _this._enrichments.get(input.form).setFilterInput(enrichment);
+                        }
+
+                        break;
+                    case 'terms':
+                        enrichment = (new TermInput(input)).bind();
+                        enrichment.restoreTerms();
+                        break;
+                    case 'completion':
+                        enrichment = (new Completer(input)).bind();
+                }
+
+                _this._enrichments.set(input, enrichment);
+            }
+        });
+    };
+
+    Icinga.Behaviors.InputEnrichment = InputEnrichment;
+
+})(Icinga);