Initial setup of mycontroller

2019-11-28 09:16:11 -06:00
parent 62d71e30c1
commit 665eb783be
504 changed files with 212034 additions and 0 deletions
--- a/www/controllers/adf-widgets/adf-myc-smg/adf-myc-sensors-mixed-graph.js
+++ b/www/controllers/adf-widgets/adf-myc-smg/adf-myc-sensors-mixed-graph.js
@@ -0,0 +1,196 @@
+/*
+ * Copyright 2015-2018 Jeeva Kandasamy (jkandasa@gmail.com)
+ * and other contributors as indicated by the @author tags.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// don't forget to declare this service module as a dependency in your main app constructor!
+//http://js2.coffee/#coffee2js
+//https://coderwall.com/p/r_bvhg/angular-ui-bootstrap-alert-service-for-angular-js
+
+'use strict';
+
+angular.module('adf.widget.myc-sensors-mixed-graph', [])
+  .config(function(dashboardProvider){
+    dashboardProvider
+      .widget('mycSensorsMixedGraph', {
+        title: 'Mixed sensors graph',
+        description: 'Different type of sensors mixed graphical view [refer document]',
+        templateUrl: 'controllers/adf-widgets/adf-myc-smg/view.html?mcv=29',
+        controller: 'mycSensorsMixedGraphController',
+        controllerAs: 'mycSensorsMixedGraph',
+        config: {
+          useInteractiveGuideline:false,
+          enableUniqueName:false,
+          chartInterpolate:"linear",
+          variableId:[],
+          variableType:[],
+          chartFromTimestamp:'3600000',
+          refreshTime:30,
+          marginTop:5,
+          marginRight:20,
+          marginBottom:60,
+          marginLeft:65,
+        },
+        edit: {
+          templateUrl: 'controllers/adf-widgets/adf-myc-smg/edit.html?mcv=29',
+          controller: 'mycSensorsMixedGraphEditController',
+          controllerAs: 'mycSensorsMixedGraphEdit',
+        }
+      });
+  })
+  .controller('mycSensorsMixedGraphController', function($scope, $interval, config, mchelper, $filter, MetricsFactory, CommonServices){
+    var mycSensorsMixedGraph = this;
+    mycSensorsMixedGraph.showLoading = true;
+    mycSensorsMixedGraph.showError = false;
+    mycSensorsMixedGraph.isSyncing = false;
+
+    CommonServices.updateGraphMarginDefault(config);
+
+    mycSensorsMixedGraph.chartOptions = {
+        chart: {
+            type: 'multiChart',
+            noErrorCheck: true,
+            height: 225,
+            margin : {
+                top: config.marginTop,
+                right: config.marginRight,
+                bottom: config.marginBottom,
+                left: config.marginLeft,
+            },
+            color: d3.scale.category10().range(),
+            duration: 500,
+            noData: $filter('translate')('NO_DATA_AVAILABLE'),
+
+            //x: function(d,i){return d[0];},
+            //y: function(d,i){return d[1];},
+            clipEdge: false,
+            useVoronoi: !config.useInteractiveGuideline,
+            useInteractiveGuideline: config.useInteractiveGuideline,
+
+            xAxis: {
+                showMaxMin: false,
+                tickFormat: function(d) {
+                    return d3.time.format('hh:mm a')(new Date(d))
+                },
+                //axisLabel: 'Timestamp',
+                rotateLabels: -20
+            },
+            yAxis1: {
+               axisLabelDistance: -10,
+                //axisLabel: ''
+            },
+            yAxis2: {
+                axisLabelDistance: -10,
+                //axisLabel: ''
+            },
+        },
+          title: {
+            enable: false,
+            text: 'Title'
+        }
+    };
+
+    mycSensorsMixedGraph.chartTimeFormat = mchelper.cfg.dateFormat;
+
+
+    function updateChart(){
+      mycSensorsMixedGraph.isSyncing = true;
+      MetricsFactory.getMetricsData({"variableId":config.variableId, "chartType":"multiChart", "start": new Date().getTime() - config.chartFromTimestamp, "enableDetailedKey": config.enableUniqueName === undefined ? false : config.enableUniqueName}, function(resource){
+        if(resource.length > 0){
+           mycSensorsMixedGraph.chartData = resource[0].chartData;
+          //Update display time format
+          mycSensorsMixedGraph.chartTimeFormat = resource[0].timeFormat;
+          mycSensorsMixedGraph.chartOptions.chart.xAxis.tickFormat = function(d) {return $filter('date')(d, mycSensorsMixedGraph.chartTimeFormat, mchelper.cfg.timezone)};
+          mycSensorsMixedGraph.chartOptions.chart.interpolate = config.chartInterpolate;
+
+          if(resource[0].unit === ''){
+            mycSensorsMixedGraph.chartOptions.chart.yAxis1.tickFormat = function(d){return d3.format('.0f')(d);};
+          }else{
+            //Not displaying properly axis unit, there is an issue
+            if(config.useInteractiveGuideline){
+              mycSensorsMixedGraph.chartOptions.chart.yAxis1.tickFormat = function(d){return d3.format('.02f')(d) + ' ' + resource[0].unit;};
+            }else{
+              mycSensorsMixedGraph.chartOptions.chart.yAxis1.tickFormat = function(d){return d3.format('.02f')(d)};
+            }
+          }
+
+          if(resource[0].unit2 === ''){
+            mycSensorsMixedGraph.chartOptions.chart.yAxis2.tickFormat = function(d){return d3.format('.0f')(d);};
+          }else{
+            mycSensorsMixedGraph.chartOptions.chart.yAxis2.tickFormat = function(d){return d3.format('.02f')(d) + ' ' + resource[0].unit2;};
+          }
+
+        }else{
+          if(config.variableId.length !== 0){
+            mycSensorsMixedGraph.showError = true;
+          }
+        }
+        mycSensorsMixedGraph.isSyncing = false;
+        if(mycSensorsMixedGraph.showLoading){
+          mycSensorsMixedGraph.showLoading = false;
+        }
+      });
+    }
+
+    function updateVariables(){
+      if(mycSensorsMixedGraph.isSyncing){
+        return;
+      }else if(config.variableId.length !== 0){
+        updateChart();
+      }
+    }
+
+    //load graph initially
+    updateVariables();
+
+    // refresh every second
+    var promise = $interval(updateChart, config.refreshTime*1000);
+
+    // cancel interval on scope destroy
+    $scope.$on('$destroy', function(){
+      $interval.cancel(promise);
+    });
+
+
+  }).controller('mycSensorsMixedGraphEditController', function($scope, $interval, config, mchelper, $filter, TypesFactory, CommonServices){
+    var mycSensorsMixedGraphEdit = this;
+
+    mycSensorsMixedGraphEdit.onVariableTypeChange = function(){
+      if(config.variableType.length > 0){
+        TypesFactory.getSensorVariables({"variableType":config.variableType}, function(response){
+          mycSensorsMixedGraphEdit.variables = response;
+          var newVariableId = [];
+          response.forEach(function(item) {
+            if(config.variableId.indexOf(item.id.toString()) !== -1){
+              newVariableId.push(item.id.toString());
+            }
+          });
+          config.variableId = newVariableId;
+        });
+      }else{
+        mycSensorsMixedGraphEdit.variables = {};
+        config.variableId = [];
+      }
+    };
+
+    //Pre load
+    mycSensorsMixedGraphEdit.cs = CommonServices;
+    //Load variable types
+    mycSensorsMixedGraphEdit.variableTypes = TypesFactory.getSensorVariableTypes({"metricType":["Double","Binary","Counter"]});
+    if(config.variableType.length > 0){
+      var variableIdRef = config.variableId;
+      mycSensorsMixedGraphEdit.onVariableTypeChange();
+      config.variableId = variableIdRef;
+    }
+  });
--- a/www/controllers/adf-widgets/adf-myc-smg/edit.html
+++ b/www/controllers/adf-widgets/adf-myc-smg/edit.html
@@ -0,0 +1,120 @@
+<!--
+
+    Copyright (C) 2015-2016 Jeeva Kandasamy (jkandasa@gmail.com)
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form role="form">
+
+  <div class="form-group">
+    <label>{{ 'REFRESH_TIME_SECONDS' | translate }}</label>
+    <input type="text" class="form-control" id="refreshTime" placeholder="{{'REFRESH_TIME_SECONDS' | translate}}" ng-model="config.refreshTime" pf-validation="mycSensorsMixedGraphEdit.cs.isNumber(input)" required>
+    <span class="help-block">{{ 'VALIDATION_ERROR_NUMBER' | translate }}</span>
+  </div>
+
+  <div class="form-group">
+    <input ng-model="config.useInteractiveGuideline" type="checkbox"/>
+    <label class="control-label">{{ 'USE_INTERACTIVE_GUIDE_LINE' | translate }}</label>
+  </div>
+
+  <div class="form-group">
+    <input ng-model="config.enableUniqueName" type="checkbox"/>
+    <label class="control-label">{{ 'ENABLE_UNIQUE_NAME' | translate }}</label>
+  </div>
+
+  <div class="form-group">
+    <label>{{ 'MARGIN' | translate }}</label>
+    <table class="adf-table">
+      <tr>
+        <td>
+          <label>{{ 'LEFT' | translate }}</label>
+        </td>
+        <td>
+          <input class="form-control" type="number" id="left" placeholder="{{'LEFT' | translate}}" ng-model="config.marginLeft" pf-validation="mycSensorsMixedGraphEdit.cs.isNumber(input)" required>
+        </td>
+        <td>
+          <label class="mc-margin-right">{{ 'RIGHT' | translate }}</label>
+        </td>
+        <td>
+          <input class="form-control" type="number" id="right" placeholder="{{'RIGHT' | translate}}" ng-model="config.marginRight" pf-validation="mycSensorsMixedGraphEdit.cs.isNumber(input)" required>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <label>{{ 'TOP' | translate }}</label>
+        </td>
+        <td>
+          <input class="form-control" type="number" id="top" placeholder="{{'TOP' | translate}}" ng-model="config.marginTop" pf-validation="mycSensorsMixedGraphEdit.cs.isNumber(input)" required>
+        </td>
+        <td>
+          <label>{{ 'BOTTOM' | translate }}</label>
+        </td>
+        <td>
+          <input class="form-control" type="number" id="bottom" placeholder="{{'BOTTOM' | translate}}" ng-model="config.marginBottom" pf-validation="mycSensorsMixedGraphEdit.cs.isNumber(input)" required>
+        </td>
+      </tr>
+    </table>
+  </div>
+
+  <div class="form-group">
+    <label>{{ 'INTERPOLATE_TYPE' | translate }}</label>
+    <select class="form-control" pf-select ng-model="config.chartInterpolate" required>
+      <option value="" ng-hide="true"></option>
+      <option value="linear">{{ 'LINEAR' | translate }}</option>
+      <option value="basis">{{ 'BASIS' | translate }}</option>
+      <option value="cardinal">{{ 'CARDINAL' | translate }}</option>
+      <option value="monotone">{{ 'MONOTONE' | translate }}</option>
+      <option value="bundle">{{ 'BUNDLE' | translate }}</option>
+      <option value="step-before">{{ 'STEP_BEFORE' | translate }}</option>
+      <option value="step-after">{{ 'STEP_AFTER' | translate }}</option>
+      <option value="basis-open">{{ 'BASIS_OPEN' | translate }}</option>
+      <option value="basis-closed">{{ 'BASIS_CLOSED' | translate }}</option>
+      <option value="cardinal-open">{{ 'CARDINAL_OPEN' | translate }}</option>
+      <option value="cardinal-closed">{{ 'CARDINAL_CLOSED' | translate }}</option>
+    </select>
+  </div>
+
+  <div class="form-group">
+    <label>{{ 'TIME_RANGE' | translate }}</label>
+    <select id="panelSize" class="form-control" pf-select ng-model="config.chartFromTimestamp" required>
+      <option value="" ng-hide="true"></option>
+        <option value="300000">{{ 'LAST_5_MINUTES' | translate }}</option>
+        <option value="3600000">{{ 'LAST_HOUR' | translate }}</option>
+        <option value="21600000">{{ 'LAST_6_HOURS' | translate }}</option>
+        <option value="43200000">{{ 'LAST_12_HOURS' | translate }}</option>
+        <option value="86400000">{{ 'LAST_DAY' | translate }}</option>
+        <option value="604800000">{{ 'LAST_WEEK' | translate }}</option>
+        <option value="2419200000">{{ 'LAST_MONTH' | translate }}</option>
+        <option value="31536000000">{{ 'LAST_YEAR' | translate }}</option>
+    </select>
+  </div>
+
+  <div class="form-group">
+    <label>{{ 'SENSOR_VARIABLE_TYPE' | translate }}</label>
+    <select id="senVarsTypes" class="form-control" multiple pf-select data-live-search="true" ng-model="config.variableType" ng-change="mycSensorsMixedGraphEdit.onVariableTypeChange()" required>
+      <option value="" ng-hide="true"></option>
+      <option ng-repeat="vType in mycSensorsMixedGraphEdit.variableTypes" value="{{vType.id}}"  ng-selected="config.variableType.indexOf(vType.id) !== -1 ">{{vType.displayName}}</option>
+    </select>
+  </div>
+
+  <div class="form-group">
+    <label>{{ 'SENSOR_VARIABLE' | translate }}</label>
+    <select id="senVars" class="form-control" multiple pf-select data-live-search="true" ng-model="config.variableId" required>
+      <option value="" ng-hide="true"></option>
+      <option ng-repeat="res in mycSensorsMixedGraphEdit.variables" ng-bind-html="res.displayName | mcResourceRepresentation" value="{{res.id}}"
+        ng-selected="config.variableId.indexOf(res.id.toString()) !== -1 "></option>
+    </select>
+  </div>
+
+</form>
--- a/www/controllers/adf-widgets/adf-myc-smg/view.html
+++ b/www/controllers/adf-widgets/adf-myc-smg/view.html
@@ -0,0 +1,38 @@
+<!--
+
+    Copyright (C) 2015-2016 Jeeva Kandasamy (jkandasa@gmail.com)
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+
+<div ng-if="config.variableId.length !== 0">
+  <!-- Loading icon disaplay -->
+  <div ng-if="mycSensorsMixedGraph.showLoading">
+    <div ng-include src="'partials/common-html/loading-sm.html'"></div>
+  </div>
+
+  <div ng-if="mycSensorsMixedGraph.showError">
+    <div ng-include src="'partials/common-html/error-sm.html'"></div>
+  </div>
+
+  <div ng-if="!(mycSensorsMixedGraph.showLoading || mycSensorsMixedGraph.showError)">
+    <!-- <span ng-bind-html="mycSensorsMixedGraph.resourceName | mcResourceRepresentation"></span> -->
+    <nvd3 id="msg-{{config.variableId.join('-')}}" options='mycSensorsMixedGraph.chartOptions' data="mycSensorsMixedGraph.chartData"></nvd3>
+    <div ng-if="config.variableId.length === 0" ng-include src="'partials/common-html/no-items-filter-sm.html'"></div>
+  </div>
+</div>
+
+<div ng-if="config.variableId.length == 0" ng-include src="'partials/common-html/no-items-filter-sm.html'"></div>
+
+