diff options
Diffstat (limited to 'ecomp-portal-BE/war/WEB-INF/fusion/jsp/profile.jsp')
| -rw-r--r-- | ecomp-portal-BE/war/WEB-INF/fusion/jsp/profile.jsp | 442 |
1 files changed, 442 insertions, 0 deletions
diff --git a/ecomp-portal-BE/war/WEB-INF/fusion/jsp/profile.jsp b/ecomp-portal-BE/war/WEB-INF/fusion/jsp/profile.jsp new file mode 100644 index 00000000..7e10a213 --- /dev/null +++ b/ecomp-portal-BE/war/WEB-INF/fusion/jsp/profile.jsp @@ -0,0 +1,442 @@ +<%-- + ================================================================================ + 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. + ================================================================================ + --%> +<%@ page import="org.openecomp.portalsdk.core.domain.User"%> +<%@ page import="org.openecomp.portalsdk.core.web.support.UserUtils"%> + +<%@page import="org.openecomp.portalsdk.core.web.support.ControllerProperties"%> +<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> +<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> + +<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/sandbox/att-abs-tpls.js" type="text/javascript"></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> + + + +<link rel="stylesheet" type="text/css" href="static/ebz/fn-ebz.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/sandbox-base.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/sandbox-buttons.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/sandbox-datepicker.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/sandbox-forms.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/sandbox-slider.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/sandbox-tables.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/sandbox/ui-charts-tpls.css" > +<link rel="stylesheet" type="text/css" href="static/ebz/icons/style.css" > +<%@ include file="/WEB-INF/fusion/jsp/include.jsp"%> + +<div class="pageTitle"> + <h3> + <c:choose> + <c:when test="${!empty profileId}"> + <h1 class="heading1" style="margin-top:20px;">Profile Edit</h1> + </c:when> + <c:otherwise> + <h1 class="heading1" style="margin-top:20px;">Profile Edit</h1> + </c:otherwise> + </c:choose> + </h3> +</div> + +<div ng-controller="profileController" > + + Please edit the profile details below: <br><br> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label"><sup><b>*</b></sup>First Name:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.firstName" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label"><sup><b>*</b></sup>Last Name:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.lastName" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">OrgUserId:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.orgUserId" + maxlength="30" style="margin-right:0px;"/> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Manager OrgUserId:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.orgManagerUserId" + maxlength="30" style="margin-right:0px;"/> + </div> +<BR> + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Login Id:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.loginId" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Password:</label><BR> + <input type="password" att-form-field ng-model="profile.loginPwd" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label"><sup><b>*</b></sup>Phone:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.phone" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Fax:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.fax" + maxlength="30" /> + </div> +<BR> + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Cellular:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.cellular" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label"><sup><b>*</b></sup>Email:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.email" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Address 1:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.address1" + maxlength="30" /> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Address 2:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.address2" + maxlength="30" /> + </div> +<BR> + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">City:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.city" + maxlength="30" /> + </div> + + <div class="fn-ebz-container"> + <label class="fn-ebz-text-label">State:</label><BR> + <div class="form-field" att-select="stateList.options" ng-model="stateList.selected"></div> + </div> + + <div class="fn-ebz-container" > + <label class="fn-ebz-text-label">Zip Code:</label><BR> + <input type="text" class="fn-ebz-text" ng-model="profile.zipCode" + maxlength="30" /> + </div> + + <div class="fn-ebz-container"> + <label class="fn-ebz-text-label">Country:</label><BR> + <div class="form-field" att-select="countries" ng-model="selectedCountry"></div> + </div> + <BR> + <div class="fn-ebz-container"> + <label class="fn-ebz-text-label">Time Zone:</label><BR> + <div class="form-field" att-select="timeZones" ng-model="selectedTimeZone"></div> + </div> + + <div align="left" > + <button type="submit" ng-click="saveProfile();" att-button + btn-type="primary" size="small">Save</button> + </div> + +<br> + <div class="pageTitle"> + <label>Roles</label> + <a ng-click="addNewRolePopup();" class="icon-add" size="small"></a> + + </div> + + <table att-table table-data="profile.roles" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> +<!-- <table border="1" class="hovertable_1"> --> + <thead att-table-row type="header"> + <tr> + <th att-table-header sortable="false" align="left" width="90%">Name</th> + <th att-table-header sortable="false" width="10%">Remove?</th> + </tr> + </thead> + <tbody att-table-row type="body" row-repeat="role in profile.roles" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody--> +<!-- <tr ng-repeat="role in profile.roles track by role.id"> --> + <tr> + <td att-table-body width="90%" >{{ role.name }}</td> + <td att-table-body width="10%"> + <a ng-click="removeRole(role);" ><img src="static/fusion/images/deleteicon.gif"></a> + </td> + </tr> + </tbody> + </table> + + + <div id="dialog" title="Select Roles"> + <table table-data="availableRoles" att-table > + <thead att-table-row type="header"> + <tr> + <th att-table-header sortable="false" width="10%"> </th> + <th att-table-header sortable="false" width="90%">Role</th> + </tr> + </thead> + + <tbody att-table-row type="body" row-repeat="availableRole in availableRoles" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody--> + <tr> + <td att-table-body width="10%"> + <div ng-click="toggleRole(availableRole.selected,availableRole);"> + <input type="checkbox" ng-model="availableRole.selected" att-toggle-main> + </div> + </td> + <td att-table-body width="90%">{{ availableRole.name }}</td> + </tr> + </tbody> + </table> + </div> + +</div> + + + +<script> +app.controller('profileController', function ($scope){ + + $scope.profile=${model.profile}; + $scope.sbcid=$scope.profile.sbcid; + $scope.managerAttuid=$scope.profile.managerAttuid; + + $scope.viewPerPage = 2; + $scope.currentPage = 1; + $scope.totalPage; + $scope.searchCategory = ""; + $scope.searchString = ""; + + $( "#dialog" ).hide(); + + $scope.ociavailableRoles=${model.availableRoles}; + //modalService.showFailure('Error','') ; + $scope.availableRoles = []; + if($scope.ociavailableRoles) + $.each($scope.ociavailableRoles, function(i, a){ + var availableRole = a; + availableRole.selected = false; + $.each($scope.profile.roles, function(j, b){ + if(a.id === b.id) { + availableRole.selected = true; + } + }); + $scope.availableRoles.push(availableRole); + }); + ; + + $scope.ociTimeZones = ${model.timeZones}; + $scope.timeZones = []; + $scope.selectedTimeZone = null; + if($scope.ociTimeZones){ + $.each($scope.ociTimeZones, function(i, a){ + var timeZone = {"index":i, "value":a.value, "title":a.label}; + $scope.timeZones.push(timeZone); + if($scope.profile.timeZoneId !== null && a.value === $scope.profile.timeZoneId.toString()){ + $scope.selectedTimeZone = timeZone; + } + }); + }; + + $scope.ociCountries = ${model.countries}; + $scope.countries = []; + $scope.selectedCountry = null; + //alert($scope.ociCountries[0].label); + if($scope.ociCountries) + $.each($scope.ociCountries, function(i, a){ + var country = {"index":i, "value":a.value, "title":a.label}; + $scope.countries.push(country); + if(a.value === $scope.profile.country){ + $scope.selectedCountry = country; + } + }); + ; + + var stateList=${model.stateList}; + //alert(stateList[0].label); + stateList = stateList== null? []: stateList; + var selectedState= $scope.profile.state ? $scope.profile.state:""; + $scope.stateList = initDropdownWithLookUp(stateList,selectedState ); + + $scope.saveProfile = function() { + var uuu = "profile/saveProfile?profile_id=${param.profile_id}"; + var postData={profile: $scope.profile, + selectedCountry:$scope.selectedCountry!=null?$scope.selectedCountry.value:"", + selectedState:$scope.stateList.selected!=null?$scope.stateList.selected.value:"", + selectedTimeZone:$scope.selectedTimeZone!=null?$scope.selectedTimeZone.value:"" + }; + $.ajax({ + type : 'POST', + url : uuu, + dataType: 'json', + contentType: 'application/json', + data: JSON.stringify(postData), + success : function(data){ + alert("Update Successful.") ; + }, + error : function(data){ + alert("Error while saving."); + } + }); + }; + + $scope.addNewRolePopup = function(role) { + $( "#dialog" ).dialog({ + modal: true + }); + }; + + $scope.toggleRole = function(selected,availableRole) { + //alert('toggleRole: '+selected); + if(!selected) { + //remove role + var uuu = "profile/removeRole?profile_id=${param.profile_id}"; + if (confirm("You are about to remove the role "+availableRole.name+" from the profile for "+$scope.profile.firstName+" "+$scope.profile.lastName+". Do you want to continue?")) { + + var postData={role:availableRole}; + $.ajax({ + type : 'POST', + url : uuu, + dataType: 'json', + contentType: 'application/json', + data: JSON.stringify(postData), + success : function(data){ + $scope.$apply(function(){$scope.profile=data;}); + }, + error : function(data){ + alert("Error while saving."); + } + }); + } else { + availableRole.selected=true; + } + } else { + //add role + var uuu = "profile/addNewRole?profile_id=${param.profile_id}"; + if (confirm("You are about to add the role "+availableRole.name+" from the profile for "+$scope.profile.firstName+" "+$scope.profile.lastName+". Do you want to continue?")) { + var postData={role:availableRole}; + $.ajax({ + type : 'POST', + url : uuu, + dataType: 'json', + contentType: 'application/json', + data: JSON.stringify(postData), + success : function(data){ + $scope.$apply(function(){$scope.profile=data;}); + }, + error : function(data){ + alert("Error while saving."); + } + }); + } + } + + + }; + + $scope.removeRole = function(role) { + if (confirm("You are about to remove the role "+role.name+" from the profile for "+$scope.profile.firstName+" "+$scope.profile.lastName+". Do you want to continue?")) { + //alert('deleted'+role.name); + var uuu = "profile/removeRole?profile_id=${param.profile_id}"; + var postData={role:role}; + $.ajax({ + type : 'POST', + url : uuu, + dataType: 'json', + contentType: 'application/json', + data: JSON.stringify(postData), + success : function(data){ + $scope.$apply(function(){ + $scope.profile=data; + $.each($scope.availableRoles, function(k, c){ + if(c.id === role.id) { + c.selected = false; + } + }); + }); + + }, + error : function(data){ + alert("Error while saving."); + } + }); + } + + }; + + function initDropdownWithLookUp(arr,selectedValue){ + var dropdownArray=[]; + var selected = null; + if(arr){ + for(var i = 0,l = arr.length; i < l; i++) { + var option = { + "index" : i , + "value" : arr[i].value, + "title" : arr[i].label + }; + dropdownArray.push(option); + if(arr[i].value === selectedValue){ + selected = option; + } + } + } + var dropDown={}; + dropDown.options = dropdownArray; + dropDown.selected = selected; + return dropDown; + }; + + $scope.doRolePopup = function() { + var modalInstance = $modal.open({ + templateUrl: 'roles_popup.html', + controller: 'rolepopupController', + resolve: { + message: function () { + var message ={ + availableRoles: $scope.availableRoles + }; + return message; + } + } + }); + modalInstance.result.then(function (opts) { + if(opts!=null){ + $scope.profile=opts.profile; + } + }); + } + + +}); +</script> |