Support fine-grained attributes of AAF for FW apps

Issue-ID: PORTAL-188

Included the changes for the user story Support fine-grained attributes
of AAF for FW apps.

Change-Id: Ib16e7eeab9d2f9dc0803eb8a37aad6d281c7f454
Signed-off-by: sa282w <sa282w@att.com>
(cherry picked from commit d8895e0b035769743c5c90d71bd021a04f26e6c3)

1 files changed, 41 insertions, 13 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-admin/modals/role-function-add.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-admin/modals/role-function-add.html
index 5752a278..ad3d538b 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-admin/modals/role-function-add.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-admin/modals/role-function-add.html
@@ -1,4 +1,4 @@
-<div>
+<div class = "ng-scope" style= "height: 710px"" >
 	<div class="b2b-modal-header ng-scope in">
 		<h2 id="myModalLabel" modal-title="">Role Function Create</h2>
 		<div class="corner-button in">
@@ -6,13 +6,14 @@
 				ng-click="$dismiss('cancel')"></button>
 		</div>
 	</div>
-	
+
 	<div class="b2b-modal-body ng-scope ng-isolate-scope in" tabindex="0"
 		role="region" aria-label="Modal header text content"
 		style="height: 280px;">
 
 		<div class="field-group">
-			<span ID="required" style="color: Red;" visible="false"> *</span>Name <input id="textinputID-2a" ddh-reset ng-model="roleFun['name']"
+			<span ID="required" style="color: Red;" visible="false"> *</span>Name
+			<input id="textinputID-2a" ddh-reset ng-model="roleFun['name']"
 				placeholder="Name" class="span12" type="text">
 		</div>
 		<div class="error-container"
@@ -21,31 +22,58 @@
 		</div>
 		<br>
 		<div class="field-group">
-			<span ID="required" style="color: Red;" visible="false"> *</span>Code <input id="textinputID-2a" ddh-reset ng-model="roleFun['code']"
+			<span ID="required" style="color: Red;" visible="false"> *</span>Code
+			<input id="textinputID-2a" ddh-reset ng-model="roleFun['code']"
 				placeholder="Code" class="span12" type="text">
 
 		</div>
 		<div class="error-container"
 			ng-show="!roleFun['code']||roleFun['code']==0">
-			<small id="code-required" class="err-message">Code is Required</small>
+			<small id="code-required" class="err-message">Code is
+				Required</small>
 		</div>
-			<br>
+		<br>
 		<div class="field-group">
-			Type <input id="textinputID-2b" ddh-reset ng-model="roleFun['type']"
-				placeholder="Type" class="span12" type="text">
+			<span ID="required" style="color: Red;" visible="false"> *</span>
+			Type
+			<div ng-repeat="radioObj in ngRepeatDemo" class="form-row"
+				role="radio">
+
+				<label for="{{radioObj.id}}" class="radio"> <input
+					type="radio" ng-model="selectedvalueradioButtonGroup.type"
+					ng-disabled="disableCd" name="nameradioButton"
+					value="{{radioObj.value}}" id="{{radioObj.id}}"
+					name="nameradioButton" ddh-reset> <i class="skin"></i> <span>{{radioObj.labelvalue}}</span>
+				</label> <br>
+			</div>
+			<br> <input
+				ng-show="selectedvalueradioButtonGroup.type === 'other'"
+				id="type-property-input" class="adminForm-name-property-input"
+				ng-model= "selectedvalueradioButtonOther.type" ng-disabled="disableCd" type="text"
+				maxlength="30" />
+		</div>
+		<div class="error-container"
+			ng-show="selectedvalueradioButtonGroup.type === 'other'">
+			<small id="microservices-details-input-url-required"
+				class="err-message">Type is Required</small>
 		</div>
 		<br>
 		<div class="field-group">
-			Action <input id="textinputID-2c" ddh-reset ng-model="roleFun['action']"
+			<span ID="required" style="color: Red;" visible="false"> *</span>Action
+			<input id="textinputID-2c" ddh-reset ng-model="roleFun['action']"
 				placeholder="Action" class="span12" type="text">
 		</div>
-		
+		<div class="error-container"
+			ng-show="!roleFun['action']||roleFun['action']==0">
+			<small id="action-required" class="err-message">Action is Required</small>
+		</div>
 	</div>
 	<br>
-	<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+
+	<div class="b2b-modal-footer ng-scope ng-isolate-scope in" style = "top: 200px">
 		<div class="cta-button-group in">
-			<button class="btn btn-alt btn-medium" type="button" ng-disabled= "(!roleFun['name']||roleFun['name']==0)|| (!roleFun['code']||roleFun['code']==0)"
-				ng-click="save(roleFun);">Create</button>
+			<button class="btn btn-alt btn-medium" type="button" ng-disabled= "(!roleFun['name']||roleFun['name']==0)|| (!roleFun['code']||roleFun['code']==0) || (!selectedvalueradioButtonGroup.type||selectedvalueradioButtonGroup.type.length==0)||(selectedvalueradioButtonGroup.type ==='other'&&(!selectedvalueradioButtonOther.type||selectedvalueradioButtonOther.type.length==0)) || (!roleFun['action']||roleFun['action']==0)"
+				ng-click="save(roleFun,selectedvalueradioButtonGroup.type)">Create</button>
 			<button class="btn btn-medium" type="button"
 				ng-click="$dismiss('cancel')">Cancel</button>
 		</div>