312 lines
23 KiB
HTML
312 lines
23 KiB
HTML
<div ng-controller="packageConfigCtrl">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<form id="packageConfigForm" name="packageConfigForm" class="form-horizontal" role="form">
|
|
<div class="accordion-style1 panel-group accordion-style2" id="accordion">
|
|
<accordion close-others="true">
|
|
<accordion-group ng-repeat="(key,value) in metaData">
|
|
<accordion-heading>
|
|
<i class="ace-icon fa fa-angle-right" ng-class="{'fa-angle-down': cephAccordion.open, 'fa-angle-right': !cephAccordion.open}"></i> {{value.accordion_heading}}
|
|
</accordion-heading>
|
|
<!-- data-structure:table -->
|
|
<div ng-if="value.data_structure=='table'">
|
|
<table class="table table-hover nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th ng-repeat="header in value.table_display_header">{{header}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="(service, credential) in value.dataSource">
|
|
<td><span>{{service}}</span>
|
|
</td>
|
|
<td ng-repeat="val in value.modifiable_data">
|
|
<span ng-hide="editServiceMode[$parent.$index]">{{credential[val]}}</span>
|
|
<input ng-show="editServiceMode[$parent.$index]" ng-model="credential[val]" placeholder="prop" type="text" ng-required />
|
|
<input ng-show="editServiceMode[$parent.$index] && val=='password'" ng-model="credential[val]" placeholder="Confirm Password" type="password" ng-required />
|
|
</td>
|
|
<td ng-if="value.action=='true'">
|
|
<!--edit button-->
|
|
<button ng-hide="editServiceMode[$index]" ng-click="editServiceMode[$index] = true; sEdit($index)" class="btn btn-xs btn-success border-radius-4">
|
|
<i class="ace-icon fa fa-pencil bigger-120"></i>
|
|
</button>
|
|
<!--save button -->
|
|
<button ng-show="editServiceMode[$index]" ng-click="editServiceMode[$index] = false; sSave()" class="btn btn-xs btn-primary border-radius-4">
|
|
<i class="ace-icon fa fa-check bigger-120"></i>
|
|
</button>
|
|
<!--cancel button -->
|
|
<button ng-show="editServiceMode[$index]" ng-click="editServiceMode[$index] = false; sReset()" class="btn btn-xs btn-danger border-radius-4">
|
|
<i class="ace-icon fa fa-times bigger-120"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- data-structure:form -->
|
|
<div ng-if="value.data_structure=='form'">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<!-- <form id="packageConfigForm" name="packageConfigForm" class="form-horizontal" role="form"> -->
|
|
<div class="form-group" ng-repeat="val in value.data">
|
|
<div>
|
|
<div class="col-sm-8">
|
|
<!-- input-type is text or multiple-->
|
|
<div ng-if="val.display_type=='text'">
|
|
<label class="col-sm-4 control-label no-padding-right">
|
|
{{val.label}}
|
|
<span ng-if="val.is_required=='true'" class="text-danger">*</span>
|
|
</label>
|
|
<input ng-model="package_config[value.category][val.name]" type="text" class="col-xs-10 col-sm-5" placeholder="{{val.label}}" name="{{val.name}}" ng-required="val.is_required=='true'">
|
|
</div>
|
|
<!-- input-type is drop-down -->
|
|
<div ng-if="val.input_type=='dropdown'">
|
|
<label class="col-sm-4 control-label no-padding-right" style="padding-top: 14px;">
|
|
{{val.label}}
|
|
<span ng-if="val.is_required=='true'" class="text-danger">*</span>
|
|
</label>
|
|
<select ng-model="package_config[value.category][val.name]" name="{{val.name}}" class="col-xs-10 col-sm-5 input-spacing" ng-change="change(value.category,val.name,package_config[value.category][val.name])">
|
|
<!-- ng-change="change(value.category,val.name,package_config[value.category][val.name])" -->
|
|
<option ng-repeat="opt in val.options">{{opt}}</option>
|
|
</select>
|
|
</div>
|
|
<!-- input-type is dropdown-text-multiple -->
|
|
<div ng-if="val.input_type=='dropdown'" ng-repeat="(type,detail) in val.content_data[package_config[value.category][val.name]]">
|
|
<!-- input-type is dropdown_text_multiple -->
|
|
<div ng-if="detail.display_type=='dropdown_text_multiple'">
|
|
<div ng-repeat="x in package_config[value.category][detail.name] track by $index">
|
|
<label class="col-sm-4 control-label no-padding-right" style="padding-top: 14px;">
|
|
<span ng-show="$index==0">
|
|
{{detail.label}}
|
|
<span ng-if="val.is_required=='true'" class="text-danger">*</span>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
<input ng-model="package_config[value.category][detail.name][$index]" type="text" name="{{val.name}}" class="col-xs-10 col-sm-5 input-spacing" ng-required="val.is_required=='true'">
|
|
<span class="col-xs-2 col-sm-3">
|
|
<!--Add Action-->
|
|
<span class="action input-spacing" ng-click="addValue(value.category,detail.name)">
|
|
<i class="fa fa-plus-circle bigger-140 blue input-spacing"></i>
|
|
</span>
|
|
<!--Remove Action-->
|
|
<!--span ng-show="package_config[value.category][detail.name].length > 1" class="action" ng-click="general.dns_servers.splice($index,1)">-->
|
|
<span ng-show="package_config[value.category][detail.name].length > 1" class="action input-spacing" ng-click="package_config[value.category][detail.name].splice($index,1)">
|
|
<i class="fa fa-minus-circle bigger-140 blue input-spacing"></i>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- </form> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</accordion-group>
|
|
</accordion>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div ng-controller="packageConfigCtrl">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="accordion-style1 panel-group accordion-style2" id="accordion">
|
|
<accordion close-others="true">
|
|
|
|
<accordion-group is-open="serviceAccordion.open" ng-if="currentAdapterName != 'ceph_firefly'">
|
|
|
|
<accordion-heading>
|
|
<i class="ace-icon fa fa-angle-right" ng-class="{'fa-angle-down': serviceAccordion.open, 'fa-angle-right': !serviceAccordion.open}"></i> OpenStack Database & Queue Credentials
|
|
</accordion-heading>
|
|
<div class="row">
|
|
<div class="col-lg-1">
|
|
</div>
|
|
<div class="col-lg-10">
|
|
<table class="table table-hover nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th>Service</th>
|
|
<th>Username</th>
|
|
<th>Password</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<form name="serviceCredForm">
|
|
<a href="#">
|
|
<tr ng-repeat="(service, credential) in service_credentials">
|
|
<td>
|
|
<span>{{service}}</span>
|
|
</td>
|
|
<td>
|
|
<span ng-hide="editServiceMode[$index]">{{credential.username}}</span>
|
|
<input ng-show="editServiceMode[$index]" ng-model="credential.username" placeholder="Username" type="text" ng-required />
|
|
</td>
|
|
<td>
|
|
<span ng-hide="editServiceMode[$index]">{{credential.password}}</span>
|
|
<input ng-show="editServiceMode[$index]" ng-model="credential.password" placeholder="Password" type="password" ng-required />
|
|
<input ng-show="editServiceMode[$index]" ng-model="credential.confirmPassword" placeholder="Confirm Password" type="password" ng-required />
|
|
</td>
|
|
<td> -->
|
|
<!--edit button-->
|
|
<!-- <button ng-hide="editServiceMode[$index]" ng-click="editServiceMode[$index] = true; sEdit($index)" class="btn btn-xs btn-success border-radius-4">
|
|
<i class="ace-icon fa fa-pencil bigger-120"></i>
|
|
</button> -->
|
|
<!--save button -->
|
|
<!-- <button ng-show="editServiceMode[$index]" ng-click="editServiceMode[$index] = false; sSave()" class="btn btn-xs btn-primary border-radius-4">
|
|
<i class="ace-icon fa fa-check bigger-120"></i>
|
|
</button> -->
|
|
<!--cancel button -->
|
|
<!-- <button ng-show="editServiceMode[$index]" ng-click="editServiceMode[$index] = false; sReset()" class="btn btn-xs btn-danger border-radius-4">
|
|
<i class="ace-icon fa fa-times bigger-120"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</a>
|
|
</form>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-lg-1">
|
|
</div>
|
|
</div>
|
|
|
|
</accordion-group>
|
|
|
|
<accordion-group is-open="mgmtAccordion.open" ng-if="currentAdapterName != 'ceph_firefly'">
|
|
<accordion-heading>
|
|
<i class="ace-icon fa fa-angle-right" ng-class="{'fa-angle-down': mgmtAccordion.open, 'fa-angle-right': !mgmtAccordion.open}"></i> OpenStack Keystone User Credentials
|
|
</accordion-heading>
|
|
<div class="row">
|
|
<div class="col-lg-1">
|
|
</div>
|
|
<div class="col-lg-10">
|
|
<table class="table table-hover nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th>Service</th>
|
|
<th>Username</th>
|
|
<th>Password</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<form name="managementCredForm">
|
|
<tr ng-repeat="(service, credential) in console_credentials">
|
|
<td>
|
|
<span ng-hide="editMgntMode[$index]">{{service}}</span>
|
|
<input ng-show="editMgntMode[$index]" ng-model="service" placeholder="Service" type="text" ng-required />
|
|
</td>
|
|
<td>
|
|
<span ng-hide="editMgntMode[$index]">{{credential.username}}</span>
|
|
<input ng-show="editMgntMode[$index]" ng-model="credential.username" placeholder="Username" type="text" ng-required />
|
|
</td>
|
|
<td>
|
|
<span ng-hide="editMgntMode[$index]">{{credential.password}}</span>
|
|
<input ng-show="editMgntMode[$index]" ng-model="credential.password" placeholder="Password" type="password" ng-required />
|
|
<input ng-show="editMgntMode[$index]" ng-model="credential.confirmPassword" placeholder="Confirm Password" type="password" ng-required />
|
|
</td>
|
|
<td> -->
|
|
<!--edit button-->
|
|
<!-- <button ng-hide="editMgntMode[$index]" ng-click="mEdit($index)" class="btn btn-xs btn-success border-radius-4">
|
|
<i class="ace-icon fa fa-pencil bigger-120"></i>
|
|
</button> -->
|
|
<!--save button-->
|
|
<!-- <button ng-show="editMgntMode[$index]" ng-click="editMgntMode[$index] = false; mSave()" class="btn btn-xs btn-primary border-radius-4">
|
|
<i class="ace-icon fa fa-check bigger-120"></i>
|
|
</button> -->
|
|
<!--cancel button-->
|
|
<!-- <button ng-show="editMgntMode[$index]" ng-click="editMgntMode[$index] = false; mReset()" class="btn btn-xs btn-default btn-danger border-radius-4">
|
|
<i class="ace-icon fa fa-times bigger-120"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</form>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-lg-1">
|
|
</div>
|
|
</div>
|
|
</accordion-group>
|
|
|
|
<accordion-group is-open="cephAccordion.open" ng-if="currentAdapterName == 'ceph_openstack_icehouse' || currentAdapterName == 'ceph_firefly'">
|
|
<accordion-heading>
|
|
<i class="ace-icon fa fa-angle-right" ng-class="{'fa-angle-down': cephAccordion.open, 'fa-angle-right': !cephAccordion.open}"></i> Ceph Global Configurations
|
|
</accordion-heading>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<form id="cephForm" name="cephForm" class="form-horizontal" role="form">
|
|
<div class="form-group">
|
|
<div>
|
|
<label class="col-sm-4 control-label no-padding-right">
|
|
OSD Pool PG Number
|
|
<span class="text-danger">*</span>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input ng-model="cephConfig.global_config.osd_pool_pg_num" type="text" class="col-xs-10 col-sm-5" placeholder="OSD Pool PG Number" name="osd_pool_pg_num" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div>
|
|
<label class="col-sm-4 control-label no-padding-right">
|
|
OSD Pool PGP Number
|
|
<span class="text-danger">*</span>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input ng-model="cephConfig.global_config.osd_pool_pgp_num" type="text" class="col-xs-10 col-sm-5" placeholder="OSD Pool PGP Number" name="osd_pool_pgp_num" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div>
|
|
<label class="col-sm-4 control-label no-padding-right">
|
|
OSD Pool Size
|
|
<span class="text-danger">*</span>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input ng-model="cephConfig.global_config.osd_pool_size" type="text" class="col-xs-10 col-sm-5" placeholder="OSD Pool Size" name="osd_pool_size" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div>
|
|
<label class="col-sm-4 control-label no-padding-right">
|
|
Journal Size
|
|
<span class="text-danger opacity-zero">*</span>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input ng-model="cephConfig.osd_config.journal_size" type="text" class="col-xs-10 col-sm-5" placeholder="Journal Size" name="journal_size">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div>
|
|
<label class="col-sm-4 control-label no-padding-right">
|
|
OP Threads
|
|
<span class="text-danger opacity-zero">*</span>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input ng-model="cephConfig.osd_config.op_threads" type="number" class="col-xs-10 col-sm-5" placeholder="OP Threads" name="op_threads">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</accordion-group>
|
|
|
|
</accordion>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> -->
|