Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-BE / war / WEB-INF / fusion / jsp / usage_list.jsp

diff --git a/ecomp-portal-BE/war/WEB-INF/fusion/jsp/usage_list.jsp b/ecomp-portal-BE/war/WEB-INF/fusion/jsp/usage_list.jsp
new file mode 100644 (file)
index 0000000..11e2439
--- /dev/null
+++ b/ecomp-portal-BE/war/WEB-INF/fusion/jsp/usage_list.jsp
@@ -0,0 +1,99 @@
+<%--
+  ================================================================================
+  eCOMP Portal
+  ================================================================================
+  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.
+  ================================================================================
+  --%>
+
+<%-- <%@ include file="/WEB-INF/fusion/jsp/include.jsp" %> --%>
+<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt"    uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ taglib prefix="fn"     uri="http://java.sun.com/jsp/jstl/functions" %>
+
+<link rel="stylesheet" type="text/css" href="static/ebz/sandbox.css"  >
+<link rel="stylesheet" type="text/css" href="static/fusion/css/jquery-ui.css">
+
+<script src= "static/ebz/angular_js/angular.js"></script> 
+<script src= "static/ebz/angular_js/angular-sanitize.js"></script>
+<script src= "static/ebz/angular_js/att_abs_tpls.js"></script>
+<script src= "static/ebz/angular_js/app.js"></script>
+<script src= "static/ebz/angular_js/gestures.js"></script>
+
+<script src="static/js/jquery-1.10.2.js"></script>
+<script src="static/js/modalService.js"></script>
+<script src="static/js/jquery.mask.min.js" type="text/javascript"></script>
+<script src="static/js/jquery-ui.js" type="text/javascript"></script>
+
+<div ng-controller="usageListController" >     
+       <div class="pageTitle">
+               <h3>
+          Usage
+               </h3>
+    </div>
+    <br/>
+               The following shows all users currently logged into the application. Click the icon to expel a user from the application.
+    
+       <div title="Current User Sessions">
+         <table att-table table-data="users" current-page="1">
+               
+               <thead att-table-row type="header">
+                       <tr>
+                               <th att-table-header sortable="false" width="10%" align="left">Current User Sessions</th>
+                               <th att-table-header sortable="false" width="10%" align="center"></th>
+                               <th att-table-header sortable="false" width="10%" align="center"></th>
+                               <th att-table-header sortable="false" width="10%" align="center"></th>
+                               <th att-table-header sortable="false" width="10%" align="center"></th>
+                               <th att-table-header sortable="false" width="10%" align="center"></th>
+                       </tr>
+                       <tr>
+                               <th att-table-header sortable="false" width="10%" align="center">User Id</th>
+                               <th att-table-header sortable="false" width="10%" align="center">User Name</th>
+                               <th att-table-header sortable="false" width="10%" align="center">Email</th>
+                               <th att-table-header sortable="false" width="10%" align="center">Last Access Time (minutes)</th>
+                               <th att-table-header sortable="false" width="10%" align="center">Time Remaining (minutes)</th>
+                               <th att-table-header sortable="false" width="10%" align="center">Expel?</th>
+                       </tr>
+               </thead>
+               <tbody att-table-row type="body" row-repeat="user in users" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody--> 
+                 <tr>
+                   <td att-table-body width="10%">{{user.id}}</td>
+                   <td att-table-body width="10%">{{user.lastName}}</td>
+                   <td att-table-body width="10%">{{user.email}}</td>
+                   <td att-table-body width="10%">{{user.lastAccess}}</td>
+                   <td att-table-body width="10%">{{user.remaining}}</td>
+                   <td att-table-body width="10%"><div ng-hide="user.delete=='yes'">Current Session</div>
+                       <div ng-click="removeSession(user.sessionId);" ng-hide="user.delete=='no'" style="font-size:20px;"><a href="javascript:void(0)" class="icon-trash"></a></div>
+                   </td>
+                 </tr>
+               </tbody>
+               </table>
+       </div>
+</div>
+
+
+
+
+<script>
+app.controller('usageListController', function ($scope,$interval,$http,$modal,modalService){
+       
+       $scope.users=${model};console.log($scope.users);        
+       $scope.removeSession = function(sessionId) {
+               if(confirm("You are about to expel this user from the application. All of their unsaved data will be lost. Do you want to continue?")){
+                       $http.get("usage_list/removeSession?deleteSessionId="+sessionId).success(function(response){$scope.users=response;});
+               }
+       }
+});
+</script>