Initial OpenECOMP MSO commit

Change-Id: Ia6a7574859480717402cc2f22534d9973a78fa6d
Signed-off-by: ChrisC <cc697w@intl.att.com>

2 files changed, 195 insertions, 0 deletions

diff --git a/bpmn/MSOURN-plugin/src/main/resources/plugin-webapp/urnMap-plugin/app/dashboard.html b/bpmn/MSOURN-plugin/src/main/resources/plugin-webapp/urnMap-plugin/app/dashboard.html
new file mode 100644
index 0000000000..cc794e5518
--- /dev/null
+++ b/bpmn/MSOURN-plugin/src/main/resources/plugin-webapp/urnMap-plugin/app/dashboard.html
@@ -0,0 +1,63 @@
+<!--
+  ============LICENSE_START=======================================================
+  ECOMP MSO
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+  ================================================================================
+  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.
+  ============LICENSE_END=========================================================
+  -->
+
+<div class="form-group container">  
+	<form novalidate="novalidate" class="simple-form" name="urnMapper"> 		  
+		<div class="panel panel-default">  
+			<div class="panel-heading" style="padding:3px;background:#871020 !important;color:#fff"> <h3 style="margin:1px" class="heading">Process Engine - URN Mapping</h3></div>
+			<div class="panel-body">
+				<div class="well">
+					<div class="input-group well" style="padding:5px">					
+						<input id="new_key" class="form-control input-md"  placeholder="New URN Key"   size="25" type="text"  name="URNName"  value="" ng-blur="enableAddRowBtn()">
+						<span class="input-group-btn" style="width:0px;"></span>
+						<input type="text" class="form-control input-md" size="55" style="margin-left:-1px" id="new_value" placeholder="New URN Value"  name="URNValue" />
+						<span class="input-group-btn" style="width:0px;"></span>				
+						<span class="input-group-btn">
+							<button class="btn btn-primary" type="button" id="addRow_BTN" data-ng-click="addNewRow(); setTimeout( retrieveData(), 1000);" disabled data-original-title="" title="">Add!</button>
+						</span>
+					</div>
+					<div>
+					  <table cellpadding="0" cellspacing="0" class="table responsive" widht="100%">
+						<tbody>        
+						  <tr data-ng-repeat="urnData in UrnDataMap">       
+							 <td>
+								<div class="input-group">
+								  <input id="{{ urnData.urnname }}_key" type="text"  style="border:0px solid #bfbfbf" size="25" class="form-control input-md" ng-blur="SaveRow( urnData )" value="{{ urnData.urnName }}" data-ng-model= "urnData.urnname" data-ng-change="enableButton(urnData)"/>
+								  <span class="input-group-btn" style="width:0px;"></span>
+								  <input id="{{ urnData.urnname }}_value" type="text" style="border:0px solid #dfdfdf;border-left:1px solid #bfbfbf" size="55" class="form-control input-md" ng-blur="SaveRow( urnData )" value="{{ urnData.urnvalue }}" data-ng-model="urnData.urnvalue" data-ng-change="enableButton(urnData)"/>
+								  <span class="input-group-btn">
+									<button disabled="true" class="btn btn-primary" type="button" id="btn_{{ urnData.urnname }}_key" data-ng-click="SaveRow( urnData ); setTimeout( retrieveData(), 1000);">
+										<span class="glyphicon glyphicon-floppy-disk"></span>
+									</button>
+								  </span>
+								</div><!-- /input-group -->
+							 </td>      
+							 <!-- 
+							<td><button id="btn_{{ urnData.urnname }}_key" data-ng-click="SaveRow( urnData )" disabled>SaveRecord</button> </td>
+							 -->
+						  </tr>       
+						</tbody>
+					  </table>	
+					</div>
+				</div>
+			</div>
+		</div>
+	</form>
+</div>
diff --git a/bpmn/MSOURN-plugin/src/main/resources/plugin-webapp/urnMap-plugin/app/plugin.js b/bpmn/MSOURN-plugin/src/main/resources/plugin-webapp/urnMap-plugin/app/plugin.js
new file mode 100644
index 0000000000..9f3398605f
--- /dev/null
+++ b/bpmn/MSOURN-plugin/src/main/resources/plugin-webapp/urnMap-plugin/app/plugin.js
@@ -0,0 +1,132 @@
+/*-
+ * ============LICENSE_START=======================================================
+ * OPENECOMP - MSO
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * 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.
+ * ============LICENSE_END=========================================================
+ */
+
+define(['angular'], function(angular) {
+
+  var DashboardController = ["$scope", "$http", "Uri", function($scope, $http, Uri) {
+
+    $http.get(Uri.appUri("plugin://urnMap-plugin/:engine/process-instance"))
+      .success(function(data) {
+        $scope.UrnDataMap = data;
+      });
+ 
+    //enable saveRow button
+    $scope.enableButton=function(urnData)
+    {
+       	document.getElementById("btn_" + urnData.urnname + "_key").disabled = false;
+    };
+    
+    $scope.enableAddRowBtn=function()
+    {
+     	if(document.getElementById("new_key").value.trim().length >0)
+    		 document.getElementById("addRow_BTN").disabled = false;
+    	else
+    		document.getElementById("addRow_BTN").disabled = true;
+    };
+    
+    
+    $scope.addNewRow = function() 
+    {
+    	var newKey = document.getElementById("new_key").value.trim();
+    	var newValue = document.getElementById("new_value").value.trim();
+    	var x;
+    	
+    	for (var i=0;i<$scope.UrnDataMap.length;i++)
+    	{
+     		var n = $scope.UrnDataMap[i].urnname.localeCompare(newKey);
+     		if(n == 0){
+    			x = "match";
+    		}
+    	}
+    	
+     	if(Boolean(x))
+    	{
+    		alert("URN Name already exists, please check the KEY!");
+    	}
+    	else
+    	{
+    		if(newKey.length >0 )
+    		{
+
+    			var temp = newKey + "|" + newValue;
+              	
+          		$http.put(Uri.appUri("plugin://urnMap-plugin/:engine/process-instance"), temp);
+         
+                document.getElementById("new_key").value = "";
+                document.getElementById("new_value").value = "";
+
+    		}
+    		
+     	}
+     	//this.enableAddRowBtn;
+     	document.getElementById("addRow_BTN").disabled = true;
+     	
+     $http.get(Uri.appUri("plugin://urnMap-plugin/:engine/process-instance"))
+        .success(function(data) {
+          $scope.UrnDataMap = data;
+        });
+        
+        
+      }
+    
+    $scope.retrieveData = function() {
+    	
+    	 $http.get(Uri.appUri("plugin://urnMap-plugin/:engine/process-instance"))
+         .success(function(data) {
+           $scope.UrnDataMap = data;
+         });
+    }
+    
+     $scope.SaveRow = function(user) 
+    {  	
+        $http.post(Uri.appUri("plugin://urnMap-plugin/:engine/process-instance"), user);
+                   
+      	document.getElementById("btn_" + user.urnname + "_key").disabled = true;
+        document.getElementById(user.urnname + "_status").style.display = "";
+        this.enableAddRowBtn;
+        
+        $http.get(Uri.appUri("plugin://urnMap-plugin/:engine/process-instance"))
+        .success(function(data) {
+          $scope.UrnDataMap = data;
+        });
+        
+        };
+  }];
+
+  var Configuration = ['ViewsProvider', function(ViewsProvider) {
+
+    ViewsProvider.registerDefaultView('cockpit.dashboard', {
+      id: 'process-definitions',
+      label: 'Deployed Processes',
+      url: 'plugin://urnMap-plugin/static/app/dashboard.html',
+      controller: DashboardController,
+       // make sure we have a higher priority than the default plugin
+      priority: 12
+    });
+  }];
+//START
+//END
+  
+  var ngModule = angular.module('cockpit.plugin.urnMap-plugin', []);
+
+  ngModule.config(Configuration);
+
+  return ngModule;
+});