@theotherwillembotha/node-red-plugincore 0.0.50

package/build/core/logger/template/LoggerTemplate.html

@@ -0,0 +1,328 @@
+<div template-section="onIncludeOnce">
+<style>
+  .editorgroupborder {
+      border-width:1px;
+      border-style:solid;
+      border-color:lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+  }
+
+  .editorsectionheading {
+      font-weight: 600;
+      margin-bottom:1px !important; 
+      margin-top:6px !important; 
+  }
+
+  .nomargin {
+      margin-bottom:1px !important; 
+      margin-top:1px !important; 
+  }
+
+  .slidecontainer {
+    width: 100%;
+  }
+
+  .slider {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    height: 25px;
+    background: #d3d3d3;
+    outline: none;
+    opacity: 0.7;
+    -webkit-transition: .2s;
+    transition: opacity .2s;
+  }
+  
+  .slider:hover {
+    opacity: 1;
+  }
+  
+  .slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 25px;
+    height: 25px;
+    background: #04AA6D;
+    cursor: pointer;
+  }
+  
+  .slider::-moz-range-thumb {
+    width: 25px;
+    height: 25px;
+    background: #04AA6D;
+    cursor: pointer;
+  }
+
+    .towb_editorlabel {
+        width: 120px !important;
+    }
+    .towb_editorfield {
+        width: 70% !important;
+    }
+    .towb_editorfield_short {
+        width: 30% !important;
+    }
+
+</style>
+
+<script type="text/javascript">
+
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+
+
+</div>
+
+
+<script type="text/javascript" template-section="onCompose">
+    node
+        .addDefault("logEnabled", { value:false, required:true})
+        .addDefault("logger", { required:false})
+        .addDefault("logTemplateOverrideEnabled",  {value:false})
+        .addDefault("logTemplateOverride", {value:"message:{{msg}}"})
+</script>
+
+<script type="text/javascript" template-section="onIncludeEditPrepare">
+    let node = this;
+
+    // controls.
+    let logEnabled = $("#{{defaults.logEnabled}}");
+    let logTemplateEnabled = $("#{{defaults.logTemplateOverrideEnabled}}");
+    let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+    let logEnabledSection = $("#section_logEnabled");
+
+    // functions.
+    let getLoggerTypes = async function(){
+        let types = [];
+        await $.ajax({
+            url: "nodetypeservice/find?tag=LoggerType",
+            type: "GET",
+            contentType: "application/json; charset=utf-8",
+            data:JSON.stringify({id:node.id}),
+            success: (response) => {
+                types = response;
+            },
+            error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+            },
+        });
+        return types;
+    }
+
+    let getLoggers = async () => {
+        let loggers = [];
+
+        // get the list of types again.
+        let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+
+        // add all of the known loggers.
+        RED.nodes.eachConfig(cfg => { 
+            if(loggerTypes.includes(cfg.type)){
+                loggers.push({id:cfg.id, name:cfg.label(), type:cfg.type});
+            }
+        });
+
+        return loggers;
+    };
+
+    let updateLoggerSelectorList = async () => {
+        loggerSelector.empty();      
+        (await getLoggers()).forEach(logger => {
+            $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+        });
+        $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+    }
+
+    logEnabled.on('change', function() {
+        if(logEnabled.prop("checked")){
+            logEnabledSection.show();
+            node._def.defaults.logger.required = true;
+        }
+        else{
+            logEnabledSection.hide()
+            node._def.defaults.logger.required = false;
+        }
+    });
+
+    logTemplateEnabled.on('change', function() {
+        if(logTemplateEnabled.prop("checked")){
+            logTemplateEnabledSection.show();
+            node._def.defaults.logTemplateOverride.required = true;
+        }
+        else{
+            logTemplateEnabledSection.hide()
+            node._def.defaults.logTemplateOverride.required = false;
+        }
+    });
+
+    node.logTemplateOverrideEditor = RED.editor.createEditor({
+        id: 'node-input-logTemplateOverrideEditor',
+        mode: 'ace/mode/handlebars',
+        value: node.logTemplateOverride
+    });
+
+    let loggerSelector = $("#{{defaults.logger}}");
+    let loggerEditButton = $("#logger-edit-btn");
+    let loggerAddButton = $("#logger-add-btn");
+
+
+    loggerEditButton.on('click', async function(event){
+        event.stopPropagation();
+        if(loggerEditButton.hasClass("disabled")){
+            return;
+        }
+
+        // figure out what type of logger this is.
+        let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+        RED.editor.editConfig("#{{defaults.logger}}", selectedLogger.type, selectedLogger.id);
+    });
+
+    loggerAddButton.on('click', function(event) {
+        event.stopPropagation();
+        let $btn = $(event.target);
+
+        // Remove any existing dropdown
+        $('.loggertype-dropdown').remove();
+
+        getLoggerTypes().then(loggerTypes => {
+            let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+
+            loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>')
+                .text(loggerType.name)
+                .data('value', loggerType.id)
+                .css({
+                    padding: '4px 8px',
+                    cursor: 'pointer'
+                })
+                .appendTo($dropdown);
+            });
+
+            // Position it near the button
+            $dropdown.css({
+                top:  $btn.offset().top + $btn.height(),
+                left: $btn.offset().left
+            });
+
+            $('body').append($dropdown);
+
+            $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                    $dropdown.remove();
+                    $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+            });
+
+            // Handle item selection
+            $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#{{defaults.logger}}", selectedValue, "_ADD_");
+            });
+        })
+    });
+
+    loggerSelector.on("focus", updateLoggerSelectorList);
+    loggerSelector.on('change', function(event) {
+        if("_ADD_" === loggerSelector.val()){
+            loggerEditButton.addClass("disabled")
+        }
+        else{
+            loggerEditButton.removeClass("disabled")
+        }
+    });
+    
+    // lastly, make sure that we set the correct value on the logger selector.
+    updateLoggerSelectorList().then(() => {
+        loggerSelector.val(node.logger);
+    });
+
+</script>
+
+<script type="text/javascript" template-section="onIncludeEditSave">
+    node = this;
+    node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+    node.logTemplateOverrideEditor.destroy();
+    delete node.logTemplateOverrideEditor;
+</script>
+
+<script type="text/html" template-section="onIncludeEditForm">
+    <div id="section_loggerconfig" >
+        <div class="form-row editorsectionheading">
+            <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+        </div>
+        <div class="editorgroupborder">
+            <div class="form-row nomargin logEnableCheck">
+                <input type="checkbox" id="{{defaults.logEnabled}}" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                <label style="width:auto" for="{{defaults.logEnabled}}"><span>Enable Logging</span></label>
+            </div>
+
+            <div id="section_logEnabled">
+                <div class="form-row nomargin">
+                    <label for="{{defaults.logger}}">Logger</label>
+                    <div style="width: 70%; display: inline-flex;">
+                        <select id="{{defaults.logger}}" style="flex-grow: 1;" class="">
+                            <option value="_ADD_">none</option>
+                        </select>
+                        <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                            <i class="fa fa-pencil"></i>
+                        </a>
+                        <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                            <i class="fa fa-plus"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="form-row nomargin">
+                    <input type="checkbox" id="{{defaults.logTemplateOverrideEnabled}}" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="{{defaults.logTemplateOverrideEnabled}}"><span>Override Template</span></label>
+                </div>
+
+                <div id="section_logTemplateOverrideEnabled">
+                    <div class="form-row">
+                        <label for="node-input-logTemplateOverrideEditor"><i class="fa fa-tag"></i> Template</label>
+                        <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</script>
+
+<script type="text/markdown" template-section="onIncludeDocumentation">
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+</script>

package/build/core/logger/template/LoggerTemplate.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoggerTemplate = void 0;
+const NodeGenerator_1 = require("../../NodeGenerator");
+const NodeConstructor_1 = require("../../NodeConstructor");
+const LoggerConfigNode_1 = require("../node/LoggerConfigNode");
+class LoggerTemplate extends NodeConstructor_1.Template {
+    static getTemplateDescriptor() {
+        return new NodeConstructor_1.TemplateDescriptor("logger", LoggerTemplate, NodeGenerator_1.SourceUtility.getSourcePath("/build/", "/src/") + "LoggerTemplate.html", [LoggerConfigNode_1.LoggerConfigNode]);
+    }
+}
+exports.LoggerTemplate = LoggerTemplate;

package/build/core/metrics/MetricsDecorator.d.ts

@@ -0,0 +1,40 @@
+import { BucketType, DefaultBucketConfig } from "./service/MetricsService";
+export declare enum MetricType {
+    Counter = "Counter",
+    Timer = "Timer",
+    Gauge = "Gauge"
+}
+export declare enum MetricCollectorType {
+    histogram = "histogram",
+    summary = "summary"
+}
+type BaseMetricDecoratorConfig = {
+    name: string;
+    type: MetricType;
+    description: string;
+};
+type CounterMetricDecoratorConfig = BaseMetricDecoratorConfig & {
+    type: MetricType.Counter;
+};
+type GaugeMetricDecoratorConfig = BaseMetricDecoratorConfig & {
+    type: MetricType.Gauge;
+};
+type TimerMetricDecoratorConfig = BaseMetricDecoratorConfig & {
+    type: MetricType.Timer;
+    collector: MetricCollectorType;
+};
+type SummaryTimerMetricDecoratorConfig = TimerMetricDecoratorConfig & {
+    collector: MetricCollectorType.summary;
+};
+type HistogramTimerMetricDecoratorConfig = TimerMetricDecoratorConfig & {
+    collector: MetricCollectorType.histogram;
+    buckettype: BucketType;
+};
+type DefaultHistogramTimerMetricDecoratorConfig = HistogramTimerMetricDecoratorConfig & {
+    buckettype: BucketType.default;
+    bucketconfig?: DefaultBucketConfig;
+};
+type MetricsConfig = CounterMetricDecoratorConfig | GaugeMetricDecoratorConfig | SummaryTimerMetricDecoratorConfig | DefaultHistogramTimerMetricDecoratorConfig;
+export declare function Metrics(metricsConfig: MetricsConfig): Function;
+export {};
+//# sourceMappingURL=MetricsDecorator.d.ts.map

package/build/core/metrics/MetricsDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsDecorator.d.ts","sourceRoot":"","sources":["../../../src/core/metrics/MetricsDecorator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAuB,mBAAmB,EAAiN,MAAM,0BAA0B,CAAC;AAG/S,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,mBAAmB;IAC3B,SAAS,cAAc;IACvB,OAAO,YAAY;CACtB;AAGD,KAAK,yBAAyB,GAAG;IAC7B,IAAI,EAAC,MAAM,CAAC;IACZ,IAAI,EAAC,UAAU,CAAC;IAChB,WAAW,EAAC,MAAM,CAAC;CACtB,CAAA;AAED,KAAK,4BAA4B,GAAG,yBAAyB,GAAG;IAC9D,IAAI,EAAC,UAAU,CAAC,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,0BAA0B,GAAG,yBAAyB,GAAG;IAC5D,IAAI,EAAC,UAAU,CAAC,KAAK,CAAA;CACtB,CAAA;AAED,KAAK,0BAA0B,GAAG,yBAAyB,GAAG;IAC5D,IAAI,EAAC,UAAU,CAAC,KAAK,CAAC;IACtB,SAAS,EAAC,mBAAmB,CAAC;CAC/B,CAAA;AAED,KAAK,iCAAiC,GAAG,0BAA0B,GAAG;IACpE,SAAS,EAAC,mBAAmB,CAAC,OAAO,CAAC;CACvC,CAAA;AAED,KAAK,mCAAmC,GAAG,0BAA0B,GAAG;IACtE,SAAS,EAAC,mBAAmB,CAAC,SAAS,CAAC;IACxC,UAAU,EAAC,UAAU,CAAC;CAEvB,CAAA;AAED,KAAK,0CAA0C,GAAG,mCAAmC,GAAG;IACtF,UAAU,EAAC,UAAU,CAAC,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAC,mBAAmB,CAAA;CAClC,CAAA;AAED,KAAK,aAAa,GAChB,4BAA4B,GAC5B,0BAA0B,GAC1B,iCAAiC,GACjC,0CAA0C,CAAA;AAE5C,wBAAgB,OAAO,CAAC,aAAa,EAAE,aAAa,GAAE,QAAQ,CAyK7D"}

package/build/core/metrics/MetricsDecorator.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetricCollectorType = exports.MetricType = void 0;
+exports.Metrics = Metrics;
+const NodeConstructor_1 = require("../NodeConstructor");
+const MetricsService_1 = require("./service/MetricsService");
+var MetricType;
+(function (MetricType) {
+    MetricType["Counter"] = "Counter";
+    MetricType["Timer"] = "Timer";
+    MetricType["Gauge"] = "Gauge";
+})(MetricType || (exports.MetricType = MetricType = {}));
+var MetricCollectorType;
+(function (MetricCollectorType) {
+    MetricCollectorType["histogram"] = "histogram";
+    MetricCollectorType["summary"] = "summary";
+})(MetricCollectorType || (exports.MetricCollectorType = MetricCollectorType = {}));
+function Metrics(metricsConfig) {
+    return function (target, propertyKey) {
+        // if the type is a string, then its probably defined in the local (core) module.
+        if (typeof propertyKey === "string") {
+            const valueSymbol = Symbol(`_${String(propertyKey)}_value`);
+            Object.defineProperty(target, propertyKey, {
+                get: function () {
+                    if (this[valueSymbol]) {
+                        return this[valueSymbol];
+                    }
+                    //console.log("injecting metric", valueSymbol);
+                    let node = this;
+                    let config = node.config();
+                    if (config.metricsEnabled) {
+                        let _metrics = NodeConstructor_1.NodeManager.RED.nodes.getNode(config.metricsReference).node().metrics();
+                        let nde = {
+                            id: node.id(),
+                            name: node.name(),
+                            flow: node.flow(),
+                            type: node.type()
+                        };
+                        // counter metric
+                        if (metricsConfig.type === MetricType.Counter) {
+                            let counterConfig = {
+                                metricname: metricsConfig.name,
+                                metricdescription: metricsConfig.description,
+                                node: nde
+                            };
+                            this[valueSymbol] = _metrics.counter(counterConfig);
+                            return this[valueSymbol];
+                        }
+                        // gauge metric
+                        if (metricsConfig.type === MetricType.Gauge) {
+                            let gaugeConfig = {
+                                metricname: metricsConfig.name,
+                                metricdescription: metricsConfig.description,
+                                node: nde
+                            };
+                            this[valueSymbol] = _metrics.guage(gaugeConfig);
+                            return this[valueSymbol];
+                        }
+                        // timer metric.
+                        if (metricsConfig.type === MetricType.Timer) {
+                            // handle it as a histogram collector.
+                            if (metricsConfig.collector === MetricCollectorType.histogram) {
+                                // handle it as the default bucket.
+                                if (metricsConfig.buckettype === MetricsService_1.BucketType.default) {
+                                    let histogramConfig = {
+                                        metricname: metricsConfig.name,
+                                        metricdescription: metricsConfig.description,
+                                        buckettype: metricsConfig.buckettype,
+                                        bucketconfig: {},
+                                        node: nde
+                                    };
+                                    this[valueSymbol] = _metrics.histogram(histogramConfig);
+                                    return this[valueSymbol];
+                                }
+                            }
+                        }
+                        console.error("No Metric Factory type defined for ", metricsConfig);
+                        return this[valueSymbol];
+                    }
+                    this[valueSymbol] =
+                        (metricsConfig.type === MetricType.Counter) ? { inc() { }, reset() { } } :
+                            (metricsConfig.type === MetricType.Gauge) ? { inc() { }, dec() { }, reset() { } } :
+                                (metricsConfig.type === MetricType.Timer) ? { observe(val) { } }
+                                    : undefined;
+                    return this[valueSymbol];
+                },
+                enumerable: true,
+                configurable: false
+            });
+            return;
+        }
+        else {
+            let property = propertyKey;
+            property.addInitializer(function () {
+                let node = this;
+                const valueSymbol = Symbol(`_${String(property.name)}_value`);
+                Object.defineProperty(node, property.name, {
+                    get: function () {
+                        if (this[valueSymbol]) {
+                            return this[valueSymbol];
+                        }
+                        //console.log("injecting metric", valueSymbol);
+                        let config = node.config();
+                        if (config.metricsEnabled) {
+                            let _metrics = NodeConstructor_1.NodeManager.RED.nodes.getNode(config.metricsReference).node().metrics();
+                            let nde = {
+                                id: node.id(),
+                                name: node.name(),
+                                flow: node.flow(),
+                                type: node.type()
+                            };
+                            // counter metric
+                            if (metricsConfig.type === MetricType.Counter) {
+                                let counterConfig = {
+                                    metricname: metricsConfig.name,
+                                    metricdescription: metricsConfig.description,
+                                    node: nde
+                                };
+                                this[valueSymbol] = _metrics.counter(counterConfig);
+                                return this[valueSymbol];
+                            }
+                            // gauge metric
+                            if (metricsConfig.type === MetricType.Gauge) {
+                                let gaugeConfig = {
+                                    metricname: metricsConfig.name,
+                                    metricdescription: metricsConfig.description,
+                                    node: nde
+                                };
+                                this[valueSymbol] = _metrics.guage(gaugeConfig);
+                                return this[valueSymbol];
+                            }
+                            // timer metric.
+                            if (metricsConfig.type === MetricType.Timer) {
+                                // handle it as a histogram collector.
+                                if (metricsConfig.collector === MetricCollectorType.histogram) {
+                                    // handle it as the default bucket.
+                                    if (metricsConfig.buckettype === MetricsService_1.BucketType.default) {
+                                        let histogramConfig = {
+                                            metricname: metricsConfig.name,
+                                            metricdescription: metricsConfig.description,
+                                            buckettype: metricsConfig.buckettype,
+                                            bucketconfig: {},
+                                            node: nde
+                                        };
+                                        this[valueSymbol] = _metrics.histogram(histogramConfig);
+                                        return this[valueSymbol];
+                                    }
+                                }
+                            }
+                            console.error("No Metric Factory type defined for ", metricsConfig);
+                            return this[valueSymbol];
+                        }
+                        this[valueSymbol] =
+                            (metricsConfig.type === MetricType.Counter) ? { inc() { }, reset() { } } :
+                                (metricsConfig.type === MetricType.Gauge) ? { inc() { }, dec() { }, reset() { } } :
+                                    (metricsConfig.type === MetricType.Timer) ? { observe(val) { } }
+                                        : undefined;
+                        return this[valueSymbol];
+                    },
+                    enumerable: true,
+                    configurable: false
+                });
+            });
+        }
+    };
+}

package/build/core/metrics/node/CounterMetricConfigNode.d.ts

@@ -0,0 +1,16 @@
+import { Node } from "node-red";
+import { ConfigNode, ConfigNodeConfig } from "../../NodeConstructor";
+import { MetricsContainer, MetricsReference, CounterMetric, CounterMetricConfig } from "../service/MetricsService";
+interface CounterMetricConfigNodeConfig extends ConfigNodeConfig, CounterMetricConfig, MetricsReference {
+    description: string;
+    reset: boolean;
+}
+export declare class CounterMetricConfigNode extends ConfigNode<CounterMetricConfigNodeConfig> {
+    private _metrics;
+    private _counter;
+    constructor(node: Node, config: CounterMetricConfigNodeConfig);
+    metrics(): MetricsContainer;
+    counter(): CounterMetric;
+}
+export {};
+//# sourceMappingURL=CounterMetricConfigNode.d.ts.map

package/build/core/metrics/node/CounterMetricConfigNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterMetricConfigNode.d.ts","sourceRoot":"","sources":["../../../../src/core/metrics/node/CounterMetricConfigNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAA+B,MAAM,uBAAuB,CAAA;AACjG,OAAO,EAAE,gBAAgB,EAAkB,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAC,MAAM,2BAA2B,CAAA;AAMjI,UAAU,6BAA8B,SAAQ,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB;IACnG,WAAW,EAAC,MAAM,CAAC;IACnB,KAAK,EAAC,OAAO,CAAA;CAChB;AAED,qBAYa,uBAAwB,SAAQ,UAAU,CAAC,6BAA6B,CAAC;IAClF,OAAO,CAAC,QAAQ,CAAmB;IACnC,OAAO,CAAC,QAAQ,CAAgB;gBAEpB,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,6BAA6B;IAwBtD,OAAO,IAAG,gBAAgB;IAI1B,OAAO,IAAG,aAAa;CAGjC"}

package/build/core/metrics/node/CounterMetricConfigNode.html

@@ -0,0 +1,48 @@
+<script type="text/javascript" template-section="onCompose">
+    node
+        .addDefault("name", { value:"Counter Example", required:true})
+        .addDefault("description", {value:"an example couter", required:false})
+        .addDefault("reset", {value:false, required:false})
+        .setPaletteLabel("Counter Metric Config")
+        .setLabel(function() {return this.name })
+</script>
+
+<script type="text/javascript" template-section="onIncludeEditPrepare">
+    // enable the metrics by default and hide the Enable metrics button.
+    let metricsEnabled = $("#node-config-input-metricsEnabled");
+    metricsEnabled.prop('checked', true);
+    metricsEnabled.trigger("change");
+    $("#section_metricsconfig").find(".metricsEnableCheck").hide();
+
+
+</script>
+
+<script type="text/html" template-section="onIncludeEditForm">
+    <div id="MetricsConfig">
+        <div class="form-row">
+            <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+            <input type="text" id="node-config-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-config-input-description"><i class="fa fa-tag"></i> Description</label>
+            <input type="text" id="node-config-input-description" />
+        </div>
+
+        <div class="form-row">
+            <label></label>
+            <input type="checkbox" id="node-config-input-reset" style="width:20px; margin-right:5px;" />
+            <label style="width:auto" for="node-config-input-reset"><span>Reset on Deploy</span></label>
+        </div>
+    </div>
+</script>
+
+
+<script type="text/markdown" template-section="onIncludeDocumentation">
+Configuration node for the Counter Metrics
+
+### Inputs
+: *name*        (string) : The common name for the counter.
+: *description* (string) : A description for the given counter
+
+</script>