<div ng-if="errorMsg != null"><font color='red'>{{errorMsg}}<pre>{{errorDetails | json}}</pre></font></div>\r
<h2 class="heading2"><center>Create New Service Instance</center></h2>\r
\r
- <table> \r
+ <table class="create-instance-service ">\r
\r
<tr>\r
<td >\r
</td>\r
<td style="width:80%" nowrap>\r
<div class="fn-ebz-container">\r
- <textarea style=" height: 15px width: 100% border: none resize: none overflow: hidden background-color: #ddd outline: none" ng-model="createSubscriberName">{{createSubscriberName}}</textarea>\r
+ <textarea style="height: 33px; width: 100%; border: none; resize: none; overflow: hidden; background-color: #ddd; outline: none;" ng-model="createSubscriberName" data-tests-id="selectedSubscriberName">{{createSubscriberName}}</textarea>\r
\r
</div>\r
</td>\r
</td>\r
<td style="width:80%" nowrap>\r
<div class="fn-ebz-container" ng-init="getServiceTypesList()">\r
- <select ng-model="selectedServicetype" ng-options="key as value for (key , value) in serviceTypeList">\r
- <option value="">Select Service Type</option></select>\r
+ <select ng-model="selectedServicetype" data-tests-id="serviceType">\r
+ <option value="">Select Service Type</option>\r
+ <option ng-repeat="serviceType in serviceTypeList" class="serviceTypeOption" ng-value="serviceType.id" ng-disabled="!serviceType.isPermitted">{{serviceType.name}}</option>\r
+ </select>\r
<a class="btn btn-primary" ng-click="refreshServiceTypes(subId);" ><span class="glyphicon glyphicon-refresh"></span></a>\r
</div>\r
</td>\r
</td>\r
<td style="width:80%">\r
<div > \r
- <button type="submit" class="btn btn-primary" size="small" ng-click="getAaiServiceModels(selectedServicetype,createSubscriberName);">Submit</button></a>\r
+ <button type="submit" class="btn btn-primary" size="small" ng-click="getAaiServiceModels(selectedServicetype,createSubscriberName);" ng-disabled="!selectedServicetype" ng-class="{'button--inactive': !selectedServicetype}">Submit</button></a>\r
<button type="submit" class="btn btn-primary" size="small" ng-click="cancelCreateSIType()">Cancel</button></a>\r
</div>\r
</td>\r