X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=sdnr%2Fwireless-transport%2Fcode-Carbon-SR1%2Fapps%2Fdlux%2Fdlux-web%2Fsrc%2Fcommon%2Fgeneral%2Fcommon.general.directives.js;fp=sdnr%2Fwireless-transport%2Fcode-Carbon-SR1%2Fapps%2Fdlux%2Fdlux-web%2Fsrc%2Fcommon%2Fgeneral%2Fcommon.general.directives.js;h=78429dc1ca16a81f1ecdffd458ea8c7e96b8486a;hb=27fb2d06608fbb070ae2c15a5580a4f5b2423d15;hp=0000000000000000000000000000000000000000;hpb=60315525ab5e7c12a9f47c409092e8dba6ad656d;p=ccsdk%2Fapps.git

diff --git a/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/common/general/common.general.directives.js b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/common/general/common.general.directives.js
new file mode 100644
index 00000000..78429dc1
--- /dev/null
+++ b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/common/general/common.general.directives.js
@@ -0,0 +1,43 @@
+define(['common/general/common.general.module'], function(general) {
+
+  general.directive('stateIcon', function() {
+      return {
+          restrict: 'E',
+          replace: true,
+          scope: {
+              stateValue: '@value'
+          },
+          template: '<span class="glyphicon glyphicon-{{stateIcon}}-sign"></span>',
+          controller: ['$scope', function ($scope) {
+              var value = $scope.stateValue;
+
+              var icons = {1: 'ok', 0: 'exclamation'};
+              var textStates = {'true': 1, 'false': 0};
+
+              if (_.isString(value) && !value.match('^[0-9]$')) {
+                  value = textStates[value];
+              }
+              $scope.stateIcon = icons[value];
+          }]
+
+      };
+  });
+
+  general.directive('portState', function() {
+      return {
+          restrict: 'E',
+          replace: true,
+          scope: {
+              stateValue: '@value'
+          },
+          template: '<span ng-style="{color: stateColor}">{{stateString}}</span>',
+          controller: ['$scope', function ($scope) {
+              var states = {0: 'DOWN', 1: 'UP'};
+              var colors = {0: 'red', 1: 'green'};
+
+              $scope.stateString = states[$scope.stateValue];
+              $scope.stateColor = colors[$scope.stateValue];
+          }]
+      };
+  });
+});