Upload Usecase-UI project structure code

Change-Id: Iac0da235df9fdf075d6ea6e368cebf58695fc796 Issue-Id: USECASEUI-6 Signed-off-by: shentao <shentao@chinamobile.com>
author: shentao <shentao@chinamobile.com> 2017-08-31 23:40:50 +0800
committer: shentao <shentao@chinamobile.com> 2017-08-31 23:40:58 +0800
commit: 4ff32341a0af1972b44a7410e76e9b231131e7ab (patch)
tree: e12d231d9204183e288cd2c39100b796d0c3365c /usecaseui-common/src/main/webapp/WEB-INF/jsp
parent: 47b0a0f5957fab266d8c02d0fb09ac6bba343cbd (diff)
4 files changed, 353 insertions, 0 deletions
diff --git a/usecaseui-common/src/main/webapp/WEB-INF/jsp/error.jsp b/usecaseui-common/src/main/webapp/WEB-INF/jsp/error.jsp
new file mode 100644
index 00000000..2a48507c
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/WEB-INF/jsp/error.jsp
@@ -0,0 +1,20 @@
+<%--
+  ================================================================================
+  eCOMP Portal SDK
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  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.
+  ================================================================================
+  --%>
+${errMsg}
diff --git a/usecaseui-common/src/main/webapp/WEB-INF/jsp/leafletMap.jsp b/usecaseui-common/src/main/webapp/WEB-INF/jsp/leafletMap.jsp
new file mode 100644
index 00000000..e11070d1
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/WEB-INF/jsp/leafletMap.jsp
@@ -0,0 +1,216 @@
+<%--
+  ================================================================================
+  eCOMP Portal SDK
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  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.
+  ================================================================================
+  --%>
+<!DOCTYPE html>
+
+<html>
+<head>
+    
+    <meta charset="UTF-8">
+
+    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
+    <script src="app/fusion/external/leaflet-0.7.3/leaflet.js"></script>
+    <link rel="stylesheet" href="app/fusion/external/leaflet-0.7.3/leaflet.css" />
+
+    <style>
+        #map { 
+            height: 450px;
+            width: 800px;
+        }
+        .animateOff {
+            color: red;   
+        }
+        .animateOn {
+            color: green;   
+        }
+    </style>
+<!--     
+    <script src="static/fusion/gis/js/local.js"></script>
+ -->
+    <script>
+
+    var siteData = [
+		
+	];
+    
+    var pipeData = [
+       
+    ];
+    </script>
+   
+    
+</head>
+<body>
+  <div id="map"></div>
+  <button id="forwardButton" onclick="stepForward();">Step Forward</button>
+  <button id="playPause" onclick="playPause();">Play</button>
+  <div>
+    <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage">
+      <thead att-table-row type="header">
+        <tr>
+          <th att-table-header sortable="false" key="id">Site</th>
+          <th att-table-header sortable="false" key="lastName">Usage</th>        
+        </tr>
+      </thead>
+      <tbody att-table-row type="body" id="topTenSites">
+      </tbody>	  
+    </table>
+    <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage">
+      <thead att-table-row type="header">
+        <tr>
+          <th att-table-header sortable="false" key="id">Link</th>
+          <th att-table-header sortable="false" key="lastName">Usage</th>        
+        </tr>
+      </thead>
+      <tbody att-table-row type="body" id="topTenLinks">
+      </tbody>	  
+    </table>
+  </div>
+
+  <script>
+    var map = L.map('map').setView([40, -96], 4);
+    <!-- please add your map location -->
+    L.tileLayer('http://XXX/tiles-light/{z}/{x}/{y}.png', {maxZoom:18}).addTo(map);
+    
+    var dataLayer = addDataLayers(map, null);
+
+    function addDataLayers(map, dataLayer) {
+    	if (dataLayer!=null) {
+    		map.removeLayer(dataLayer);
+    	}
+    	
+    	dataLayer = L.layerGroup();
+
+    	var siteInfo = [];
+
+        var pipeLayer = L.layerGroup();
+        for (var i=0; i<pipeData.length; i++) {
+        	var pipe = pipeData[i];
+        	
+        	var usage = pipe.usage;
+        	if (!usage || Math.random()<0.05) {
+        		//console.log("Rerolling " + pipe.name);
+	        	usage = Math.floor(Math.random()*33 + Math.random()*33 + Math.random()*34);
+        	} else {
+        		//console.log("Adjusting " + pipe.name);
+        		usage = Math.floor(usage + Math.random()*15 - Math.random()*15);
+        	}
+        	if (usage<0) usage = 0;
+        	while (usage>100) usage -= Math.floor(20*Math.random());
+        	if (usage>90) usage -= Math.floor(20*Math.random());
+        	
+        	pipe.usage = usage;
+
+        	var color = "black";
+        	if (usage>60) color = "yellow";
+        	if (usage>70) color = "orange";
+        	if (usage>80) color = "red";
+        	pipeLayer.addLayer(L.polyline([[pipe.lat_a, pipe.lon_a], [pipe.lat_z, pipe.lon_z]], {"color": color, "title": pipe.name}).bindPopup(pipe.name + "<br/>" + pipe.title + "<br/>" + usage + "% usage"));
+
+        	var siteA = siteInfo[pipe.id_a];
+        	if (siteA) {
+        		siteA.usage += usage;
+        		siteA.maxUsage += 100;
+        		//console.log("Site a id = " + pipe.id_a + ", object existed = " + siteA + ", usage = " + siteA.usage + ", max = " + siteA.maxUsage);
+        	} else {
+        		siteA = {};
+        		siteA.usage = usage;
+        		siteA.maxUsage = 100;
+        		siteInfo[pipe.id_a] = siteA;
+        		//console.log("Site a id = " + pipe.id_a + ", object is new = " + siteA + ", usage = " + siteA.usage + ", max = " + siteA.maxUsage);
+        	}
+
+        	var siteZ = siteInfo[pipe.id_z];
+        	if (siteZ) {
+        		siteZ.usage += usage;
+        		siteZ.maxUsage += 100;
+        		//console.log("Site z id = " + pipe.id_z + ", object existed = " + siteZ + ", usage = " + siteZ.usage + ", max = " + siteZ.maxUsage);
+        	} else {
+        		siteZ = {};
+        		siteZ.usage = usage;
+        		siteZ.maxUsage = 100;
+        		siteInfo[pipe.id_z] = siteZ;
+        		//console.log("Site z id = " + pipe.id_z + ", object is new = " + siteZ + ", usage = " + siteZ.usage + ", max = " + siteZ.maxUsage);
+        	}
+        }
+        dataLayer.addLayer(pipeLayer);
+
+        var dataCenterLayer = L.layerGroup();
+        for (var i=0; i<siteData.length; i++) {
+        	var site = siteData[i];
+//    		{"id": "slkut", "name": "Salt Lake City, UT", "title": "250G", "lat": 40.75, "lon": -111.88},
+        	var info = siteInfo[site.id];
+        	var color = "black";
+        	if (info.usage/info.maxUsage>.6) color = "yellow";
+        	if (info.usage/info.maxUsage>.7) color = "orange";
+        	if (info.usage/info.maxUsage>.8) color = "red";
+        	var pct = Math.floor(100*info.usage/info.maxUsage);
+        	site.usage = pct;
+//        	dataCenterLayer.addLayer(L.marker([site.lat, site.lon], {"title": site.name}).bindPopup(site.name + "<br/>" + pipe.title + "<br/>" + info.usage + "/" + info.maxUsage));
+			dataCenterLayer.addLayer(L.circleMarker([site.lat, site.lon], {"color": color, "title": site.name, "fillOpacity": .5}).bindPopup(site.name + "<br/>" + pipe.title + "<br/>" + pct + "%"));
+        }
+        dataLayer.addLayer(dataCenterLayer);
+
+        dataLayer.addTo(map);
+
+        siteData.sort(function(a,b){return b.usage-a.usage});
+        var topTenHtml = "";
+        for (var i=0; i<10; i++) {
+        	topTenHtml = topTenHtml + "<tr><td att-table-body>" + siteData[i].name + "</td><td att-table-body>" + siteData[i].usage + "%</td></tr>";
+        }
+        document.getElementById("topTenSites").innerHTML = topTenHtml;
+
+        pipeData.sort(function(a,b){return b.usage-a.usage});
+        topTenHtml = "";
+        for (var i=0; i<10; i++) {
+        	topTenHtml = topTenHtml + "<tr><td att-table-body>" + pipeData[i].name + "</td><td att-table-body>" + pipeData[i].usage + "%</td></tr>";
+        }
+        document.getElementById("topTenLinks").innerHTML = topTenHtml;
+
+        return dataLayer; 
+    }
+    
+    function stepForward() {
+    	dataLayer = addDataLayers(map, dataLayer);
+    }
+
+    var intervalObj = null;    
+    function playPause() {
+    	if (intervalObj==null) {
+    		document.getElementById('playPause').innerHTML = "Pause";
+    		document.getElementById('forwardButton').disabled = true;
+    		intervalObj = window.setInterval(function(){dataLayer = addDataLayers(map, dataLayer);},1500);
+    	} else {
+    		document.getElementById('playPause').innerHTML = "Play";
+    		document.getElementById('forwardButton').disabled = false;
+    		clearInterval(intervalObj);
+    		intervalObj = null;
+    	}
+    }
+    
+    function onMapClick(e) {
+        //alert("You clicked the map at " + e.latlng);
+        dataLayer = addDataLayers(map, dataLayer);
+    }
+
+    map.on('click', onMapClick);
+  </script>
+
+</body>
+</html>
+\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/WEB-INF/jsp/login_external_ng.jsp b/usecaseui-common/src/main/webapp/WEB-INF/jsp/login_external_ng.jsp
new file mode 100644
index 00000000..cb6def1e
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/WEB-INF/jsp/login_external_ng.jsp
@@ -0,0 +1,79 @@
+<%--
+  ================================================================================
+  eCOMP Portal SDK
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  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.
+  ================================================================================
+  --%>
+<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
+<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt"    uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ page import="org.openecomp.portalsdk.core.util.SystemProperties" %>
+<c:set var="title" value="Login" />
+<c:set var="isMobileEnabled"
+	value="<%=(SystemProperties.getProperty(SystemProperties.MOBILE_ENABLE)!= null && SystemProperties.getProperty(SystemProperties.MOBILE_ENABLE).trim().equals(\"true\"))%>" />
+
+<!DOCTYPE html>
+<html ng-app="abs">
+	<head>
+
+	    <title>
+	      Login
+        </title>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+		<style>
+		.terms {
+			font-family: Verdana,Arial,Helvetica, sans-serif;
+			font-size: 9px;
+		}
+		</style>
+	</head>
+	<body style="padding-top: 15px;">
+		<form action="login_external" method="post">
+	        <div style="position: fixed; left:15px; top:15px;z-index:-1;">
+	        </div>
+			<div class="centered style="-webkit-transform: translateZ(0);background:white, z-index:0;">
+				<br/>
+				<div align="center" style="margin-left:auto;margin-right:auto;width:40%;padding:6px;opacity:0.7;background-color:white">
+	          		<img src="static/fusion/images/ecomp_trans.png"/>
+					<h2> ECOMP Portal </h2>
+					<div align="center" id="errorInfo" style="align:center;font-size:14px;margin-left:5px"><span style="color:red">${model.error}</span></div>
+					<br>
+					<label>
+						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label class="form-field__label">Login ID:</label>
+					</label>
+					<input  type="text" class="fn-ebz-text" name="loginId" style="width: 140px;height:25px;border-radius:7px;font-size:18px;padding-left:5px;"
+						maxlength="30" />
+					<br/>
+					<br/>
+					<label >&nbsp;Password:</label>
+					<input type="password" class="span3" name="password" style="width: 140px;height:25px;border-radius:7px;font-size:18px;padding-left:5px;"
+						maxlength="30" onkeydown="if (event.keyCode == 13) document.getElementById('loginBtn').click()"/> 
+					<br />
+					<br />
+					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+					<input id="loginBtn" type="submit" type="image" src="static/fusion/images/login_button.gif" alt="Login" />
+					<br>
+				</div>
+			</div>
+			<br/><br/><br/><br/><br/><br/><br/>
+			<div id="footer">
+			</div>
+	    </form>
+    </body>
+</html>
+\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/WEB-INF/jsp/net_map.jsp b/usecaseui-common/src/main/webapp/WEB-INF/jsp/net_map.jsp
new file mode 100644
index 00000000..2a341467
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/WEB-INF/jsp/net_map.jsp
@@ -0,0 +1,38 @@
+<%--
+  ================================================================================
+  eCOMP Portal SDK
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  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.
+  ================================================================================
+  --%>
+<!DOCTYPE html> 
+<html> 
+<head> 
+  	<link rel="import" href="app/fusion/elementmap/element-map-import.html">
+</head>
+
+<body>
+
+
+<div data-ng-app="elementMapModule">
+	<element-map contentfilename='NetworkMap_topology_composition' layoutfilename='network_map_layout' callflowfilename='call_flow_sip_digest' callflowstep='Step_1'></element-map>
+</div>
+
+<input type="hidden" name="inner_width" value="1500px">
+<input type="hidden" name="inner_height" value="800px">
+
+</body>
+
+</html>
author	shentao <shentao@chinamobile.com>	2017-08-31 23:40:50 +0800
committer	shentao <shentao@chinamobile.com>	2017-08-31 23:40:58 +0800
commit	4ff32341a0af1972b44a7410e76e9b231131e7ab (patch)
tree	e12d231d9204183e288cd2c39100b796d0c3365c /usecaseui-common/src/main/webapp/WEB-INF/jsp
parent	47b0a0f5957fab266d8c02d0fb09ac6bba343cbd (diff)