Policy 1707 commit to LF

Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65
Signed-off-by: ITSERVICES\rb7147 <rb7147@att.com>

10 files changed, 467 insertions, 0 deletions

diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-controllers/ds-profile/post-controller.js b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-controllers/ds-profile/post-controller.js
new file mode 100644
index 000000000..b9de4be87
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-controllers/ds-profile/post-controller.js
@@ -0,0 +1,3 @@
+appDS2.controller('postController', function($scope, $http, $modal, $routeParams, $rootScope,PostService){
+
+});
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-controllers/samplePage-route.js b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-controllers/samplePage-route.js
new file mode 100644
index 000000000..b2042b856
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-controllers/samplePage-route.js
@@ -0,0 +1,19 @@
+appDS2.config(function($routeProvider) {
+	$routeProvider
+	.when('/collaborate_list', {
+		templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/collaborate-list.html',
+		controller: 'collaborateListControllerDS2'
+	})
+	.when('/drools/:filename', {
+		templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-samplePages/drools.html',
+		controller: 'droolsController'
+	})
+	.when('/droolsList', {
+		templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-samplePages/drools-list.html',
+		controller: 'droolsListController'
+	})
+	.otherwise({ 
+		templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-samplePages/net_map.html',
+		controller : 'netMapController'
+	});
+});
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-services/postSearch.js b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-services/postSearch.js
new file mode 100644
index 000000000..cf225def1
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-services/postSearch.js
@@ -0,0 +1,5 @@
+appDS2.factory('PostService', function ($http, $q) {
+	return {
+		
+	};
+});
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/post.html b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/post.html
new file mode 100644
index 000000000..43bec5214
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/post.html
@@ -0,0 +1,3 @@
+<div id="page-content">
+	<h1 class="heading-page" id="profileSearch">User Search</h1>
+</div>
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/profile_searchDS2.html b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/profile_searchDS2.html
new file mode 100644
index 000000000..36b8c2a42
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/profile_searchDS2.html
@@ -0,0 +1,59 @@
+<div id="page-content">
+	<div>
+		<h1 class="heading-page" id="profileSearch">Profile Search</h1>
+		<div ng-show="showLoader" class="span loader-container">
+			<i class="icon-primary-spinner" role="img"
+				aria-label="Please wait while we load your content"></i>
+		</div>
+
+		<div ng-hide="showLoader">
+			<table class="striped" table-data="tableData">
+				<thead>
+					<tr>
+						<th>User ID</th>
+						<th>Last Name</th>
+						<th>First Name</th>
+						<th>Email</th>
+						<th>User ID</th>
+						<th>Manager User ID</th>
+						<th>Edit</th>
+						<th>Active?</th>
+					</tr>
+				</thead>
+				<tbody type="body" ng-repeat="rowData in tableData">
+					<tr>
+						<td>{{rowData.id}}</td>
+						<td>{{rowData.lastName}}</td>
+						<td>{{rowData.firstName}}</td>
+						<td>{{rowData.email}}</td>
+						<td>{{rowData.orgUserId}}</td>
+						<td>{{rowData.orgManagerUserId}}</td>
+						<!--  Include an edit image with respective redirection -->
+						<td><a href="#/profile/{{rowData.id}}" class="icon-misc-pen"
+							style="color: #888; font-size: 20px;"></a></td>
+						<td>
+							<div class="form-row">
+								<label class="btn-switch-label" tabindex="0" role="option">
+									<input type="checkbox" b2b-switches ng-model="rowData.active"
+									ng-disabled="allDisabled" aria-disabled="{{allDisabled}}">
+									<div class="sr-text hidden-spoken" ng-if="!allDisabled">Double
+										tap to turn</div>
+								</label>
+							</div>
+						</td>
+
+					</tr>
+				</tbody>
+			</table>
+
+			<div class="well" style="padding-bottom: 35px;">
+				<div class="row -page short">
+					<div b2b-pagination="" total-pages="totalPages1"
+						current-page="currentPage1" click-handler="customHandler"
+						role="navigation" aria-label="Customer Data Pages"></div>
+				</div>
+			</div>
+			
+		</div>
+	</div>
+</div>
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html
new file mode 100644
index 000000000..3b5ef525a
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html
@@ -0,0 +1,189 @@
+<div id="page-content">
+	<div>
+		<h1 class="heading-page" id="profileSearch">{{pageTitle}}</h1>
+		<div ng-show="showLoader" class="span loader-container">
+			<i class="icon-primary-spinner" role="img"	aria-label="Please wait while we load your content"></i>
+		</div>
+		<div ng-hide="showLoader" >	
+			<h3 class="heading-small">Please edit the profile details below:</h3>
+			<div class="row-nowrap">
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-2a">*First Name</label>
+						<div class="field-group">
+							<input id="textinputID-2a" b2b-reset="" class="span12" type="text" data-ng-model="profile.lastName">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">*Last Name</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.firstName">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Organization User ID</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.orgUserId" disabled="true">						
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Organization Manager ID</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.orgManagerUserId" disabled="true">
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<div class="row-nowrap">
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-2a">Login Id</label>
+						<div class="field-group">
+							<input id="textinputID-2a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.loginId" disabled="true">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Password</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.loginPwd" disabled="true">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">*Phone</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.phone">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Fax</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.fax">
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<div class="row-nowrap">
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-2a">Cellular</label>
+						<div class="field-group">
+							<input id="textinputID-2a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.cellular">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">*Email</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.email">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Address 1</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.address1">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Address 2</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.address2">
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<div class="row-nowrap">
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-2a">City</label>
+						<div class="field-group">
+							<input id="textinputID-2a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.city">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">State</label>
+						<select name="dropdown1" b2b-dropdown ng-model="stateList.selected.value"> 
+							<option b2b-dropdown-list option-repeat="d in stateList.options" value="{{d.value}}" init-value="{{stateList.selected.title}}">{{d.title}}</option>
+						</select>  
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Zip Code</label>
+						<div class="field-group">
+							<input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.zipCode">
+						</div>
+					</div>
+				</div>
+				<div class="span12">
+					<div class="form-row">
+						<label for="textinputID-3a">Country</label>
+						<select name="dropdown1" b2b-dropdown ng-model="selectedCountry.value"> 
+							<option b2b-dropdown-list option-repeat="d in countries" value="{{d.value}}" init-value="{{selectedCountry.title}}">{{d.title}}</option>
+						</select>  
+					</div>
+				</div>
+			</div>
+			<div class="span3">
+				<div class="form-row">
+					<label for="textinputID-3a">Time Zone</label>
+					<select name="dropdown1" b2b-dropdown ng-model="selectedTimeZone.value"> 
+						<option b2b-dropdown-list option-repeat="d in timeZones" value="{{d.value}}" init-value="{{selectedTimeZone.title}}">{{d.title}}</option>
+					</select>  
+				</div>
+			</div>
+			
+			<div>
+				<button class="btn btn-alt btn-small" type="button" ng-click="saveProfile()">Save</button>
+			</div>
+			<br>
+			<div>
+				Role
+				<a ng-click="addNewRoleFunctionModalPopup(role.roleFunctions,role.name, role);" class="icon-primary-accordion-plus" size="small"></a>
+			</div>
+			
+			<div id="rolesTable" title="Role Functions">
+			  <table class="striped" table-data="profile.roles">
+					<thead>
+						<tr>
+							<th>Name</th>				
+							<th>Delete</th>
+						</tr>
+					</thead>
+					<tbody type="body" ng-repeat="rowData in profile.roles">
+						<tr>
+							<td ng-bind="rowData['name']"></td>
+							
+							<td>
+								<div style="font-size: 20px;">
+									<a href="javascript:void(0)" ng-click="removeRole(rowData);" 	class="icon-misc-trash"></a>
+								</div>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-samplePages/samplePage.html b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-samplePages/samplePage.html
new file mode 100644
index 000000000..06d62f676
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-samplePages/samplePage.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<!-- Single-page application for EPSDK-App demonstration pages using DS2 look and feel -->
+<html>
+<head>
+	<meta charset="ISO-8859-1">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
+	<title>Sample Page</title>
+
+	<!-- B2b Library -->
+	<link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/b2b-angular.css">
+	
+	<!-- icons in open source -->
+	<link rel="stylesheet" type="text/css" href="app/fusion/external/ds2/css/digital-ng-library/ionicons.css">
+	<link rel="stylesheet" type="text/css" href="app/fusion/styles/ecomp.css">
+	
+	<!-- Common scripts -->
+
+	<script src="app/fusion/external/angular-1.4.8/angular.min.js"></script>
+	<script src="app/fusion/external/angular-1.4.8/angular-messages.js"></script>
+	<script src="app/fusion/external/angular-1.4.8/angular-touch.js"></script>
+	<script src="app/fusion/external/angular-1.4.8/angular-sanitize.js"></script>	
+	<script src="app/fusion/external/angular-1.4.8/angular-route.min.js"></script>
+	<script src="app/fusion/external/angular-1.4.8/angular-cookies.min.js"></script>
+	<script src="app/fusion/external/b2b/js/b2b-angular/b2b-library.min.js"></script>
+	<script src="app/fusion/external/jquery/dist/jquery.min.js"></script>
+	<script src="app/fusion/external/javascript-detect-element-resize/jquery.resize.js"></script>
+	<script src="app/fusion/external/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
+	<script src="app/fusion/external/angular-gridster/dist/angular-gridster.min.js"></script>
+	<script src="app/fusion/scripts/DS2-services/ds2-modal/modalService.js"></script>
+	<script src="app/fusion/external/ds2/js/appDS2.js"></script>	
+			
+	<script src="app/fusion/scripts/DS2-services/userInfoServiceDS2.js"></script>	 
+	<script src="app/fusion/scripts/DS2-services/headerServiceDS2.js"></script>
+	<script src="app/fusion/scripts/DS2-services/leftMenuServiceDS2.js"></script>
+	<script src="app/fusion/scripts/DS2-services/manifestService.js"></script>
+	<script src="app/fusion/scripts/DS2-directives/footer.js"></script>
+	<script src="app/fusion/scripts/DS2-directives/ds2Header.js"></script>
+	<script src="app/fusion/scripts/DS2-directives/ds2LeftMenu.js"></script>
+	<script src="app/fusion/scripts/DS2-directives/b2b-leftnav-ext.js"></script> 
+	<script src="app/fusion/external/utils/js/browserCheck.js"></script>	 
+	
+	<!-- Page-specific items -->	
+	<script src="app/fusion/scripts/DS2-services/adminService.js"></script>
+	<script src="app/fusion/scripts/DS2-services/adminMenuService.js"></script>
+	
+	<script src="app/fusion/scripts/DS2-controllers/samplePage-route.js"></script>
+		<script src="app/fusion/scripts/DS2-controllers/collaborateList-route.js"></script>
+		<script src="app/fusion/scripts/DS2-controllers/collaborate-list-controller.js"></script>
+	<script src="app/fusion/scripts/DS2-services/ds2-sample-page/droolsService.js"></script>	
+	<script src="app/fusion/scripts/DS2-controllers/ds2-sample/drools-controller.js"></script>	
+		<script src="app/fusion/scripts/DS2-controllers/ds2-sample/notebook-controller.js"></script>	
+	<script src="app/fusion/scripts/DS2-controllers/ds2-sample/notebookFrameController.js"></script>
+	<script src="app/fusion/scripts/DS2-controllers/ds2-sample/nbook-framecontroller.js"></script>
+	
+</head>
+	<body class="appBody" ng-app="abs">
+		<div ds2-Header class="header-container" ></div>
+		<div ds2-menu id="menuContainer" class="menu-container" ></div>
+		<div ng-view id="rightContentProfile" class="content-container"></div>	
+		<div ds2-Footer class="footer-container"></div>
+	</body>
+</html>
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/footer.html b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/footer.html
new file mode 100644
index 000000000..f4d8d7edb
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/DS2-view-models/footer.html
@@ -0,0 +1,13 @@
+<div style="width: 100%">
+	<footer class="b2b-footer-wrapper" role="contentinfo" aria-label="footer">
+		<div class="b2b-footer-container" >
+			<div class="divider-bottom-footer">
+				<div class="span12 footerLogo">	
+					 <p class="copyright-text">
+					 	Copyright 2017 Open ECOMP and Linux Foundation. <span class="build_number">Build Number: {{build_number}}</span>								
+					 </p> 	
+				</div>
+			</div>
+		</div>
+	</footer>
+</div> 
\ No newline at end of file
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/utils/page-resource-ds2.js b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/utils/page-resource-ds2.js
new file mode 100644
index 000000000..d0af6cbc3
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/utils/page-resource-ds2.js
@@ -0,0 +1,97 @@
+function loadjscssfile(filename, filetype){
+    if (filetype=="js"){ //if filename is a external JavaScript file
+    	var done = false;
+        var script = document.createElement('script');	
+  		script.src = filename;
+  		script.async = false; 			
+ 		document.head.appendChild(script);
+    }else if (filetype=="css"){ //if filename is an external CSS file
+        var fileref=document.createElement("link")
+        fileref.setAttribute("rel", "stylesheet")
+        fileref.setAttribute("type", "text/css")
+        fileref.setAttribute("async", false)
+        fileref.setAttribute("href", filename)
+        document.head.appendChild(fileref);
+    } 
+}
+
+function loadResource(){
+	/*********************AngularJs***************************/
+	loadjscssfile("./app/fusion/external/angular-1.5/angular.min.js", "js");
+	loadjscssfile("./app/fusion/external/angular-1.5/angular-messages.js", "js");
+	loadjscssfile("./app/fusion/external/angular-1.5/angular-touch.js", "js");
+	loadjscssfile("./app/fusion/external/angular-1.5/angular-sanitize.min.js", "js");	
+	loadjscssfile("./app/fusion/external/angular-1.5/angular-route.min.js", "js");
+	loadjscssfile("./app/fusion/external/angular-1.5/angular-cookies.min.js", "js");
+	
+	loadjscssfile("./app/fusion/external/ds2/js/b2b-angular/b2b-library.min.js", "js");
+/*	loadjscssfile("./app/fusion/external/ds2/js/digital-ng-library/digital.ng.library.min.js", "js");
+*/
+	loadjscssfile("./app/fusion/external/jquery/dist/jquery.min.js", "js");
+	
+	/*********************Angular Gridster***************************/
+	loadjscssfile("./app/fusion/external/angular-gridster/dist/angular-gridster.min.css", "css");	
+	loadjscssfile("./app/fusion/external/angular-bootstrap/ui-bootstrap-csp.css", "css");	
+	loadjscssfile("./app/fusion/external/javascript-detect-element-resize/jquery.resize.js", "js");
+	loadjscssfile("./app/fusion/external/angular-bootstrap/ui-bootstrap-tpls.min.js", "js");
+	loadjscssfile("./app/fusion/external/angular-gridster/dist/angular-gridster.min.js", "js");
+
+	/*********************Angular UI grid***************************/
+	loadjscssfile("./app/fusion/external/angular-ui-grid/ui-grid.js", "js");
+	loadjscssfile("./app/fusion/external/angular-ui-grid/ui-grid.css", "css");
+
+	loadjscssfile("./app/fusion/external/ds2/js/appDS2.js", "js");	
+
+	loadjscssfile("./app/fusion/scripts/DS2-services/headerServiceDS2.js", "js");
+	loadjscssfile("./app/fusion/scripts/DS2-services/leftMenuServiceDS2.js", "js");
+	loadjscssfile("./app/fusion/scripts/DS2-services/manifestService.js", "js");
+	loadjscssfile("./app/fusion/scripts/DS2-directives/footer.js", "js");
+	loadjscssfile("./app/fusion/scripts/DS2-directives/ds2Header.js", "js");
+	loadjscssfile("./app/fusion/scripts/DS2-directives/ds2LeftMenu.js", "js");
+	loadjscssfile("./app/fusion/external/ds2/js/digital-ng-library/digital-design-library.js", "js");	
+
+	/*******DS2 styles*******/
+	loadjscssfile("./app/fusion/external/ds2/css/b2b-angular/b2b-angular.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-accordion.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-bootstrap-datepicker.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-cc-input-field.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/extras/ds2-tooltip.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/extras/x-tabs-pills.css", "css");	
+	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-accordion.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-bootstrap-datepicker.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-c2c.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-cc-input-field.css", "css");	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-filmstrip.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-filters.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-legacynav-fix.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-marquee.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-pagination.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-popover.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-progressbar.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ds2-tooltip.css", "css");
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/global.css", "css");
+
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/digital-design-library.css", "css");	
+	/*******DS2 ICONS*******/
+	
+	loadjscssfile("./app/fusion/external/ds2/css/digital-ng-library/ionicons.css", "css");	
+	loadjscssfile("./app/fusion/styles/ecomp.css", "css");
+	loadjscssfile("./app/fusion/external/angular-gridster/dist/angular-gridster.min.css", "css");
+
+}
+
+window.onload = loadResource();
+/*window.onload = function(){
+	var appLoadingInterval = setInterval(function(){ loadApp() }, 10000);
+	var count=0;
+	function loadApp(){	
+		count++
+		if(typeof angular !== 'undefined') {
+			angular.bootstrap(document, ['abs']);
+			clearInterval(appLoadingInterval);
+		}else if(count>10){
+			clearInterval(appLoadingInterval);
+		}
+	}
+}*/
\ No newline at end of file
diff --git a/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/view-models/footer.html b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/view-models/footer.html
new file mode 100644
index 000000000..7cbff474b
--- /dev/null
+++ b/ECOMP-SDK-APP/src/main/webapp/app/fusion/scripts/view-models/footer.html
@@ -0,0 +1,17 @@
+<!-- This is a placeholder for the open-source SDK-App footer -->
+<script src="app/fusion/external/ebz/js/footer.js"></script>
+<link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/ebz_header/footer.css" >
+<div class="footerContainer" id="footerContainer">
+	<div class="footerWrapper" id="footerWrapper">
+		<div class="attFooterInfo" style="text-align: center;">
+			<div class="footerLastSection">			
+					<div class="footerText">
+			            <p class="copyright-text">
+			            	Copyright Open ECOMP and Linux Foundation 2017. 
+			            </p>
+			        </div>	
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file