"Fossies" - the Fresh Open Source Software Archive

Member "horizon-14.0.4/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/details/details.html" (22 Oct 2019, 3276 Bytes) of package /linux/misc/openstack/horizon-14.0.4.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 <div ng-controller="LaunchInstanceDetailsController as ctrl">
    2   <p class="step-description" translate>Please provide the initial hostname for the instance, the availability zone where it will be deployed, and the instance count.
    3     Increase the Count to create multiple instances with the same settings.</p>
    4 
    5   <div class="row">
    6     <div class="col-xs-12 col-sm-8">
    7       <div class="form-group"
    8          ng-class="{ 'has-error': launchInstanceDetailsForm.name.$invalid && launchInstanceDetailsForm.name.$dirty }">
    9         <label for="name" class="control-label">
   10           <translate>Instance Name</translate>
   11           <span class="hz-icon-required fa fa-asterisk"></span>
   12         </label>
   13         <input id="name" name="name" type="text" class="form-control"
   14                ng-model="model.newInstanceSpec.name" ng-required="true">
   15 
   16           <span class="help-block"
   17                 ng-show="launchInstanceDetailsForm.name.$invalid && launchInstanceDetailsForm.name.$dirty">
   18             {$ ctrl.instanceNameError $}
   19           </span>
   20       </div>
   21 
   22       <div ng-if="ctrl.isDescriptionSupported" class="form-group">
   23         <label class="control-label" translate for="description">Description</label>
   24         <input id="description" name="description" type="text" class="form-control"
   25                ng-model="model.newInstanceSpec.description">
   26       </div>
   27 
   28       <div class="form-group">
   29         <label class="control-label" translate for="availability-zone">Availability Zone</label>
   30         <div class="horizon-loading-bar" ng-if="!model.loaded.availabilityZones">
   31           <div class="progress progress-striped active">
   32             <div class="progress-bar"></div>
   33           </div>
   34         </div>
   35         <div class="alert alert-warning"
   36              ng-if="model.loaded.availabilityZones && model.availabilityZones.length === 0"
   37              translate>There are no Availability Zones.</div>
   38         <select ng-if="model.loaded.availabilityZones && model.availabilityZones.length !== 0"
   39                 class="form-control"
   40                 id="availability-zone"
   41                 ng-options="zone.value as zone.label for zone in model.availabilityZones"
   42                 ng-model="model.newInstanceSpec.availability_zone">
   43         </select>
   44       </div>
   45 
   46       <div class="form-group" ng-class="{ 'has-error': launchInstanceDetailsForm.count.$invalid }">
   47         <label class="control-label" for="instance-count">
   48           <translate>Count</translate>
   49           <span class="hz-icon-required fa fa-asterisk"></span>
   50         </label>
   51         <input id="instance-count" name="count" type="number" class="form-control" min="1"
   52                ng-model="model.newInstanceSpec.instance_count"
   53                ng-required="true" ng-pattern="/^[0-9]+$/"
   54                validate-number-min="1"
   55                validate-number-max="{$ ctrl.maxInstanceCount $}">
   56         <span class="help-block" ng-show="launchInstanceDetailsForm.count.$invalid">
   57           {$ launchInstanceDetailsForm.count.$error.validateNumberMax ? ctrl.instanceCountMaxError : ctrl.instanceCountError $}
   58         </span>
   59       </div>
   60     </div>
   61 
   62     <div class="col-xs-12 col-sm-4">
   63       <pie-chart chart-data="ctrl.instanceStats" chart-settings="ctrl.chartSettings"></pie-chart>
   64     </div>
   65   </div>
   66 </div>