@c8y/ng1-modules 1021.13.3 → 1021.22.0

package/dataPointTable/dataPointTable.controller.js

@@ -1 +0,0 @@
-(()=>{function t(t,o,r,i,e,d,a){var n,l=[{val:"min",text:e("Minimum")},{val:"max",text:e("Maximum")},{val:"area",text:e("Area")}],c="YYYY-MM-DD HH:mm:ss",s={BLOCK_DISPLAY:"d-block",DANGER_FIELD_CSS_CLASS:"danger",DANGER_TEXT_CSS_CLASS:"text-danger",DATE_LEGEND_CSS_CLASS_TEXT_LEFT:"text-left",DATE_LEGEND_CSS_CLASS_TEXT_NOWRAP:"text-nowrap",DATE_LEGEND_LAST_CSS_CLASS:"text-left",DATE_LEGEND_REST_CSS_CLASS:"text-muted text-left",SELECTED_CSS_CLASS:"active",TIME_LEGEND_FIRST_CSS_CLASS:"text-muted text-right",TIME_LEGEND_REST_CSS_CLASS_TEXT_RIGHT:"text-right",TIME_LEGEND_REST_CSS_CLASS_TEXT_NOWRAP:"text-nowrap",VALUE_CSS_CLASS:"text-right",VALUE_SEPARATOR_CSS_CLASS:"text-muted",WARNING_FIELD_CSS_CLASS:"warning",WARNING_TEXT_CSS_CLASS:"text-warning"},u=!1,S=[],m=500,g=_.throttle(function(){var i=o.activePoints;return N().then(function(t){_.forEach(t,function(t,e){var a,n=i[e],r=(n.data=_.cloneDeep(t),a=n,_.findIndex(a.data.series,function(t){return t.type===a.fragment&&t.name===a.series})),e=_.cloneDeep(n.data.series);delete n.data.series,-1<r?(n.data.series=e[r],_.forOwn(n.data.values,function(t,e){_.isObjectLike(n.data.values[e][r])&&(o.legend.push({date:e,momentDate:moment(e),targetId:n.__target.id,targetName:n.__target.name}),w(n,e,r))})):_.forOwn(n.data.values,function(t,e){w(n,e)})})}).then(A).then(I).then(L).then(function(){u=!(n=!0)}).then(y)},100,{leading:!1,trailing:!0}),f=function(){u=!(n=!1),g()},E=_.memoize(function(t){return moment(t).format("ll")},function(t){return"".concat(t,"_").concat(o.aggregation)}),T=_.memoize(function(t){var t=moment(t),e="";"HOURLY"===o.aggregation?e="".concat(t.format("HH[:00]"),"-").concat(t.add(1,"hour").format("HH[:00]")):"MINUTELY"===o.aggregation?e="".concat(t.format("HH:mm"),"-").concat(t.add(1,"minute").format("HH:mm")):o.aggregation||(e=t.format("HH:mm:ss"));return e},function(t){return"".concat(t,"_").concat(o.aggregation)});function L(){var t,e,a=o.tbody.selectAll("tr").data(o.legend,function(t){return[t.date,t.targetId,t.modifiedAt].join(";")}),n=((n=(t=a).enter().append("tr").on("click",function(t){var e;e=t.date,t=t.targetId,o.rowsSelectable&&(o.selected&&o.selected.target===t&&moment(o.selected.date).isSame(e)?o.selected={}:(o.selected={date:e,target:t},o.skipScroll=!0))})).append("td").classed("datetime",!0).call(function(t){t.append("strong").attr("class",[s.DATE_LEGEND_CSS_CLASS_TEXT_LEFT,s.DATE_LEGEND_CSS_CLASS_TEXT_NOWRAP].join(" ")).style("margin-right","2px"),t.append("span")}),n.append("td").classed("target",!0).style("display",o.displayTarget?"table-cell":"none").text(function(t){return t.targetName}),(e=n.selectAll("td.datapoint").data(o.activePoints,function(t){return t._id||t._kpiId||t.$$hashKey})).enter().append("td").call((a=>{function r(t){var e=a.data()||[];return _.filter(e,_.identity)[t]}return function(t){t.attr("class",function(t,e,a){return _(p(r(a),t,"FIELD")).pickBy(_.identity).keys().value().join(" ")}).attr("stw-datatable-tooltip",function(t,e,a){var a=r(a),a=C(a,t),n=null;return x(a,t)?n=d.getString("Red range: {{min}} … {{max}}",{min:t.redRangeMin,max:t.redRangeMax}):D(a,t)&&(n=d.getString("Yellow range: {{min}} … {{max}}",{min:t.yellowRangeMin,max:t.yellowRangeMax})),n}),t.append("strong").text(function(t,e,a){a=r(a);return R(a,t,"min")?C(a,t).min:""}).attr("class",function(t,e,a){return _(p(r(a),t,"TEXT","min")).pickBy(_.identity).keys().value().join(" ")}),t.append("strong").text(function(t,e,a){a=r(a);return R(a,t,"min")&&R(a,t,"max")?" ... ":""}).classed(s.VALUE_SEPARATOR_CSS_CLASS,!0),t.append("strong").text(function(t,e,a){a=r(a);return R(a,t,"max")?C(a,t).max:""}).attr("class",function(t,e,a){return _(p(r(a),t,"TEXT","max")).pickBy(_.identity).keys().value().join(" ")})}})(n)).classed("datapoint",!0).classed(s.VALUE_CSS_CLASS,!0),e.exit().remove(),e.order(),t.sort(function(t,e){return moment(e.date).isAfter(moment(t.date))?1:-1}),a);return n.classed(s.SELECTED_CSS_CLASS,function(t){return!!o.selected&&moment(o.selected.date).valueOf()===t.momentDate.valueOf()&&o.selected.target===t.targetId}),(n=n.select("td.datetime")).attr("stw-datatable-tooltip",function(t){return t.isFirstNewDate?void 0:E(t.date)}),n.select("strong").attr("class",function(t){return t.isLastForDate?s.DATE_LEGEND_LAST_CSS_CLASS:s.DATE_LEGEND_REST_CSS_CLASS}).text(function(t){t=t.date;return E(t)}),n.select("span").attr("class",[s.TIME_LEGEND_REST_CSS_CLASS_TEXT_RIGHT,s.TIME_LEGEND_REST_CSS_CLASS_TEXT_NOWRAP].join(" ")).text(function(t){return T(t.date)}),a.exit().remove(),a}function A(){o.legend=_.sortBy(_.uniqBy(o.legend,function(t){return"".concat(t.date).concat(t.targetId)}),["momentDate","targetName"])}function p(t,e,a,n){var n=n?C(t,e)[n]:C(t,e),t={},r=s["DANGER_".concat(a,"_CSS_CLASS")],a=s["WARNING_".concat(a,"_CSS_CLASS")];return t[r]=!1,t[a]=!1,x(n,e)?t[r]=!0:D(n,e)&&(t[a]=!0),t}function C(t,e){if(n=e,r=(a=t).date,!(n.data&&n.data.values&&n.__target.id===a.targetId&&_.isObjectLike(n.data.values[r])&&_.isNumber(n.data.values[r].min)&&_.isNumber(n.data.values[r].max)))return{};var a,n,r,i={},o=e.data.values,d=t.date;switch(e.renderType){case"area":i.min=o[d].min,i.max=o[d].max;break;case"min":i.min=o[d].min;break;case"max":i.max=o[d].max;break;default:i.min=o[d].min}return i}function v(t,e,a){return _.isObjectLike(t)?t.min>=e&&t.min<=a||t.max>=e&&t.max<=a:e<=t&&t<=a}function x(t,e){return v(t,e.redRangeMin,e.redRangeMax)}function D(t,e){return v(t,e.yellowRangeMin,e.yellowRangeMax)}o.legend=[],o.firstNewDates=[],o.$watch("datapoints",function(t){o.legend=[],o.firstNewDates=[],o.activePoints=[],L();t=_.cloneDeep(t);o.activePoints=_.filter(t,function(t){return t.__active}),o.displayTarget=1<_.uniqBy(o.activePoints,function(t){return t.__target.id}).length,f()}),o.$watch("dateFrom",b),o.$watch("dateTo",b),o.$watch("aggregation",f),o.$watch("selected",function(){var t;n&&(L(),o.skipScroll?o.skipScroll=!1:(t=o.table.find(".".concat(s.SELECTED_CSS_CLASS)).get(0))&&o.panel.animate({scrollTop:(t.offsetTop-o.panel.height())/2},500))}),_.assign(o,{getChartTypeTooltip:function(e){var t=e.label,a=e.unit||e.data&&e.data.series&&e.data.series.unit,n=e.renderType&&l[_.findIndex(l,function(t){return t.val===e.renderType})].text;return[t,a?[" [",a,"]"].join(""):"",n?[" (",d.getString(n),")"].join(""):""].join("")},getFieldStyling:p,getFieldValue:C,onData:function(t){S.push(t),y()},data:{},selected:o.selected||{},isDataLoading:function(){return u}});var N=a.latest(function(){var t=o.activePoints,e=o.dateFrom,a=o.dateTo,n=o.aggregation;return o.legend=[],o.firstNewDates=[],r.all(_.map(t,function(t){return i.loadSeriesData(t,e,a,n)}))});var h=_.throttle(function(){o.panel.scrollTop(0)},500);function y(){if(!u){for(var t=S.shift();t;)(n=>{_.forEach(o.activePoints,function(t){var e,a;e=n[(a=t).fragment],a.__target.id===n.source.id&&e&&e[a.series]&&(t.data=t.data||{values:{}},t.data.values[n.time]={min:n[t.fragment][t.series].value,max:n[t.fragment][t.series].value},_.last(o.legend)&&(e=n.time,a=_.last(o.legend).date,e)&&a&&(e=moment(e).format(c),a=moment(a).format(c),moment(e).isSame(a))&&t.__target.id===_.last(o.legend).targetId&&(o.legend=_.dropRight(o.legend)),o.legend.push({date:n.time,momentDate:moment(n.time),targetId:t.__target.id,targetName:t.__target.name,modifiedAt:moment().toISOString()}),o.legend.length>m)&&o.legend.shift()})})(t),t=S.shift();I(),L(),k()}}function R(t,e,a){return _.isNumber(C(t,e)[a])}function I(){for(var t=o.legend.length,e=0;e<t;e++){var a=0===e,n=e===t-1,r=(o.legend[e-1]?o.legend[e-1].date.substr(0,10):"")!==o.legend[e].date.substr(0,10);o.legend[e].isFirstNewDate=a||r,o.legend[e].isLastForDate=n||r}}function w(t,e,a){t.data.values[e]=_.isUndefined(a)?{}:t.data.values[e][a]}function b(){o.tbody.selectAll("tr").remove(),f()}function k(){o.scrollLocked&&h()}o.$watch("scrollLocked",k)}t.$inject=["$filter","$scope","$q","c8yDataPoint","gettext","gettextCatalog","c8yBase"],angular.module("c8y.cockpit.dataPointTable").controller("c8yDataPointTableController",t)})();

package/dataPointTable/dataPointTable.directive.js

@@ -1 +0,0 @@
-angular.module("c8y.cockpit.dataPointTable").directive("c8yDataPointTable",function(){return{restrict:"E",scope:{datapoints:"=?",dateFrom:"=?",dateTo:"=?",aggregation:"=?",selected:"=?",rowsSelectable:"=?",onData:"=?",scrollLocked:"=?"},controller:"c8yDataPointTableController",templateUrl:":::PLUGIN_PATH:::/views/dataPointTable.html",compile:function(e){if(0!==e.parents(".card.card-dashboard").children(".card-header-actions").length)return function(e,t){e.element=t,e.panel=t.parents("div.card-inner-scroll"),e.table=t.find("table"),e.tbody=d3.select(t.find("tbody").get(0))}}}});

package/dataPointTable/dataPointTable.service.js

@@ -1 +0,0 @@
-(()=>{function t(o,n){return{loadSeriesData:function(t,a,e,r){a=a&&moment(a).subtract(1,"minute").startOf("minute"),e=e&&moment(e).add(1,"minute").startOf("minute");return n.listSeries({dateFrom:a&&a.format(o.dateFullFormat),dateTo:e&&e.format(o.dateFullFormat),source:t.__target.id,aggregationType:r||void 0})}}}t.$inject=["c8yBase","c8yMeasurements"],angular.module("c8y.cockpit.dataPointTable").factory("c8yDataPoint",t)})();

package/dataPointTable/index.js

@@ -1 +0,0 @@
-(()=>{function t(t,e){t.add({name:"Data points table",nameDisplay:e("Data points table"),description:e("A table display of a collection of data points"),templateUrl:":::PLUGIN_PATH:::/views/widget.html",configTemplateUrl:":::PLUGIN_PATH:::/views/widgetConfig.html",previewImage:":::PLUGIN_PATH:::/img/data-point-table-widget-pr.png",options:{noDeviceTarget:!0,minCol:6,datapointAttributes:["datapoints"]},displaySettings:{globalTimeContext:!0,globalRealtimeContext:!0,globalAggregationContext:!0}})}t.$inject=["c8yComponentsProvider","gettext"],angular.module("c8y.cockpit.dataPointTable",[]).config(t)})();

package/dataPointTable/realtimeRadioButton.directive.js

@@ -1 +0,0 @@
-angular.module("c8y.cockpit.dataPointTable").directive("c8yRealtimeRadioButton",["c8yRealtime",function(r){function l(n,t){r.start(n,t)}function u(n,t){r.stop(n,t)}function s(n,t){return r.getStatus(n,t)}return{scope:{start:"=",channel:"@",data:"&onData",subscribed:"&onSubscribed",state:"="},replace:!0,restrict:"EA",templateUrl:":::PLUGIN_PATH:::/views/realtimeRadioButton.html",controller:["$scope",function(c){var o=c.$id;function i(n,t){c.data({data:t})}c.$watch("channel",function(n,t){var a,e;n&&(a=o,e=n,r.addListener(a,e,"CREATE",i),!c.state&&!c.start||s(a,e)||l(a,e)),t&&t!==n&&u(o,t)}),c.$on("$destroy",function(){u(o,c.channel)}),c.icon=function(){var n=r.getStatus(o,c.channel);return c.channel&&(c.state=n),void 0!==n?r.icon(n):r.icon(!1)},c.on=function(){(s(o,c.channel)?u:l)(o,c.channel)},c.$watch("start",function(n){c.channel&&n&&l(o,c.channel),!1===n&&s(o,c.channel)&&u(o,c.channel)})}]}}]);

package/dataPointTable/views/dataPointTable.html

@@ -1,39 +0,0 @@
-<div class="data-point-table">
-  <table class="table table-condensed table-striped table-vertical-middle table-fixed">
-    <thead class="headers table-header-sticky">
-      <tr>
-        <th
-          style="
-            min-width: 140px !important;
-            top: var(--data-point-table-header-height);
-            z-index: 9;
-          "
-        >
-          <div translate class="header-cell">Date and time</div>
-        </th>
-        <th ng-show="displayTarget" style="top: var(--data-point-table-header-height); z-index: 9">
-          <div translate class="header-cell">Device</div>
-        </th>
-        <th
-          ng-repeat="datapoint in activePoints"
-          uib-tooltip="{{ getChartTypeTooltip(datapoint) }}"
-          tooltip-popup-delay="500"
-          tooltip-append-to-body="true"
-          class="header-cell text-right"
-          style="top: var(--data-point-table-header-height); z-index: 9"
-        >
-          <div class="text-truncate-wrap text-center d-inline-block">
-            {{ datapoint.label }}
-            <br />
-            <span class="text-muted">
-              {{ datapoint.unit || datapoint.data.series.unit || '&nbsp;' }}
-            </span>
-          </div>
-        </th>
-      </tr>
-    </thead>
-    <tbody ng-click="selectDate()"></tbody>
-  </table>
-
-  <c8y-rectangle-spinner ng-show="isDataLoading()"></c8y-rectangle-spinner>
-</div>

package/dataPointTable/views/realtimeRadioButton.html

@@ -1,13 +0,0 @@
-<div class="d-block">
-  <span title="{{ 'Realtime' | translate }}" style="line-height: 20px;">
-    {{ 'Realtime' | translate }}
-  </span>
-  <button
-    type="radio"
-    class="btn btn-xs btn-default text-muted"
-    ng-click="on()"
-    ng-disabled="!channel"
-    ng-model="start"
-    uib-btn-checkbox
-  ></button>
-</div>

package/dataPointTable/views/widget.html

@@ -1,83 +0,0 @@
-<div
-  ng-controller="c8yDataPointTableWidgetCtrl as ctrl"
-  style="--data-point-table-header-height: {{
-    !child.config.widgetInstanceGlobalTimeContext
-      ? child.config.displayDateSelection || ctrl.realtime
-        ? ' 32px'
-        : '0'
-      : '0'
-  }}"
->
-  <c8y-realtime-button
-    ng-show="false"
-    channel="{{ ctrl.channel }}"
-    state="ctrl.realtime"
-    on-data="onData($data)"
-  ></c8y-realtime-button>
-  <div class="d-flex sticky-top bg-level-0">
-    <div class="top-chart-bar d-flex flex-wrap has-data-selector" ng-if="!child.config.widgetInstanceGlobalTimeContext">
-      <span
-        class="measurement-icon c8y-realtime"
-        tooltip-placement="right"
-        tooltip-popup-delay="500"
-        tooltip-append-to-body="true"
-        uib-tooltip="{{
-          (child.config.realtime ? 'Realtime active' : 'Realtime inactive') | translate
-        }} "
-        aria-label="{{
-          (child.config.realtime ? 'Realtime active' : 'Realtime inactive') | translate
-        }}"
-      >
-        <span
-          class="c8y-pulse {{ child.config.realtime ? 'active' : 'inactive' }}"
-          ng-class="{ active: $scope.realtime }"
-        ></span>
-      </span>
-    </div>
-    <div class="datepicker-container clearfix p-l-8 flex-grow" ng-if="!child.config.widgetInstanceGlobalTimeContext">
-      <div ng-if="child.config.displayDateSelection">
-        <c8y-date-time-picker
-          ng-model-options="{ debounce: 500 }"
-          ng-model="child.config.dateFrom"
-          class="form-group-sm pull-left m-l-8 m-b-4"
-          placeholder="{{ 'From`date`' | translate }}"
-          show-weeks="true"
-          show-spinners="false"
-          ng-disabled="child.config.realtime"
-          append-to-body="true"
-        ></c8y-date-time-picker>
-        <c8y-date-time-picker
-          ng-model-options="{ debounce: 500 }"
-          ng-model="child.config.dateTo"
-          class="form-group-sm pull-left m-l-8"
-          placeholder="{{ 'To`date`' | translate }}"
-          show-weeks="true"
-          show-spinners="false"
-          ng-disabled="child.config.realtime"
-          append-to-body="true"
-        ></c8y-date-time-picker>
-      </div>
-    </div>
-    <label
-      ng-if="ctrl.realtime"
-      class="c8y-switch m-r-8 flex-no-shrink m-l-auto"
-      title="{{ 'Automatically scrolls to the latest value' | translate }}"
-    >
-      <input type="checkbox" ng-init="ctrl.scrollLocked=true" ng-model="ctrl.scrollLocked" />
-      <span></span>
-      <small>{{ 'Auto-scroll' | translate }}</small>
-    </label>
-  </div>
-
-  <c8y-data-point-table
-    datapoints="child.config.datapoints"
-    date-from="child.config.dateFrom"
-    date-to="child.config.dateTo"
-    aggregation="child.config.aggregation"
-    on-data="(onData)"
-    widget-id="child.id"
-    rows-selectable="child.config.selectable"
-    selected="child.config.selected"
-    scroll-locked="ctrl.scrollLocked"
-  ></c8y-data-point-table>
-</div>

package/dataPointTable/views/widgetConfig.html

@@ -1,109 +0,0 @@
-<div
-  ng-controller="DataPointWidgetConfigCtrl"
-  ng-init="disableLocalStorage = true"
-  class="row no-card-context d-flex"
-  style="height: calc(100vh - 422px);"
->
-  <div class="col-md-5 bg-level-1 a-s-stretch inner-scroll">
-    <div class="p-l-24 bg-inherit p-t-8">
-      <div class="form-group m-b-0 p-b-16 separator-bottom">
-        <label for="dateSelection">
-          {{ 'Date selection' | translate }}
-          <button
-            type="button"
-            class="btn-help btn-help--sm"
-            aria-label="{{ 'Help' | translate }}"
-            uib-popover-html="dateSelectionHelpPopoverText | translate"
-            popover-placement="right"
-            popover-trigger="'focus'"
-            popover-append-to-body="true"
-          ></button>
-        </label>
-        <div class="c8y-select-wrapper">
-          <select
-            id="dateSelection"
-            class="form-control"
-            title="{{ 'Date selection' | translate }}"
-            aria-label="{{ 'Date selection' | translate }}"
-            ng-model="dateSelection"
-          >
-            <option
-              title="{{ 'Widget configuration' | translate }}"
-              value="{{ 'config' }}"
-            >
-              {{ 'Widget configuration' | translate }}
-            </option>
-            <option
-              title="{{ 'Widget and widget configuration' | translate }}"
-              value="{{ 'view_and_config' }}"
-            >
-              {{ 'Widget and widget configuration' | translate }}
-            </option>
-            <option
-              title="{{ 'Dashboard time range' | translate }}"
-              value="{{ 'dashboard_context' }}"
-            >
-              {{ 'Dashboard time range' | translate }}
-            </option>
-          </select>
-        </div>
-      </div>
-
-      <c8y-data-point-list
-        datapoints="data.datapoints"
-        allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
-        dont-save="true"
-        class="bg-inherit separator-bottom"
-      ></c8y-data-point-list>
-    </div>
-  </div>
-
-  <div class="col-md-7 sticky-top">
-    <div class="p-r-24 p-t-8">
-      <div
-        class="data-point-explorer d-flex d-col"
-        ng-controller="c8yDataPointExplorerCtrl"
-      >
-        <div ng-show="!data.widgetInstanceGlobalTimeContext" class="m-b-4 m-t-4 d-flex j-c-end gap-8">
-          <c8y-realtime-button
-            class="top-right-control"
-            channel="{{ channel }}"
-            state="data.realtime"
-            on-data="onData($data)"
-          ></c8y-realtime-button>
-          <c8y-aggregation
-            class="top-right-control"
-            date-from="data.dateFrom"
-            date-to="data.dateTo"
-            aggregation="data.aggregation"
-            realtime="data.realtime"
-            auto="true"
-          ></c8y-aggregation>
-          <c8y-interval
-            class="top-right-control"
-            date-from="data.dateFrom"
-            date-to="data.dateTo"
-            interval="data.interval"
-          ></c8y-interval>
-        </div>
-        <div
-          class="c8yGraphFill"
-          style="height: calc(100vh - 520px);"
-        >
-          <c8y-chart
-            datapoints="data.graphDataPoints"
-            date-from="data.dateFrom"
-            date-to="data.dateTo"
-            realtime="data.realtime"
-            aggregation="data.aggregation"
-            show-time="!data.widgetInstanceGlobalTimeContext"
-            on-data="(onData)"
-            on-update-dates="onUpdateDates($dateFrom, $dateTo)"
-            on-update-displayed-dates="onUpdateDisplayedDates($dateFrom, $dateTo)"
-            on-box-changed="onBoxChanged(box)"
-          ></c8y-chart>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/dataPointTable/widget.controller.js

@@ -1 +0,0 @@
-(()=>{function t(i,t){var n=this,c=(i.$watch("child.config.datapoints",function(t){t=_(t).map("__target.id").compact().uniq().value();t.length?n.channel="/measurements/".concat(t.join(",")):n.channel=""}),i.$watch("child.config.realtime",function(t){n.realtime=!!t}),i.$watch("child.config.date",function(){i.child.config.widgetInstanceGlobalTimeContext&&(i.child.config.dateFrom=new Date(i.child.config.date[0]),i.child.config.dateTo=new Date(i.child.config.date[1]))}),i.child.config.interval);c&&c!==t.custom.id&&(c=_.find(t.intervals,function(t){return t.id===i.child.config.interval})||{}).qty&&(i.child.config.dateFrom=moment().subtract(c.qty,c.unit).toDate(),i.child.config.dateTo=moment().toDate())}t.$inject=["$scope","INTERVAL_CONSTANTS"],angular.module("c8y.cockpit.dataPointTable").controller("c8yDataPointTableWidgetCtrl",t)})();