"Fossies" - the Fresh Open Source Software Archive

Member "horizon-14.0.4/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/keypair/create-keypair.html" (22 Oct 2019, 2401 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 class="ng-wizard" ng-form="wizardForm">
    2 
    3   <div class="modal-header">
    4     <button type="button" class="close" ng-click="ctrl.cancel()" aria-hidden="true" aria-label="Close">
    5       <span aria-hidden="true" class="fa fa-close"></span>
    6     </button>
    7     <span translate class="h4 modal-title">Create Key Pair</span>
    8   </div>
    9 
   10   <div class="modal-body">
   11     <p translate>
   12       Key Pairs are how you login to your instance after it is launched.
   13       Choose a key pair name you will recognize.
   14       Names may only include alphanumeric characters, spaces, or dashes.
   15     </p>
   16 
   17     <div class="form-group" ng-class="{'has-error': (ctrl.doesKeypairExist() || wizardForm.$invalid) && wizardForm.$dirty }">
   18       <label class="control-label" for="keypair-name">
   19         <translate>Key Pair Name</translate>
   20         <span class="hz-icon-required fa fa-asterisk"></span>
   21       </label>
   22       <input class="form-control" name="name"
   23              id="keypair-name"
   24              ng-model="ctrl.keypair"
   25              ng-required="true"
   26              ng-pattern="/^[A-Za-z0-9 _-]+$/">
   27       <span class="help-block"
   28             ng-show="(ctrl.doesKeypairExist() || wizardForm.$invalid) && wizardForm.$dirty">
   29         {$ ctrl.keypairExistsError $}
   30       </span>
   31     </div>
   32     <div class="form-group" ng-if="ctrl.privateKey">
   33       <label for="private-key">
   34         <translate>Private Key</translate>
   35         <span class="hz-icon-required fa"></span>
   36       </label>
   37       <!-- Note: textarea is used here (instead of pre) due to the fact that ctrl.copyPrivateKey() uses
   38            the HTMLInputElement.select() function which is only present on input elements -->
   39       <textarea class="form-control" id="private-key" rows="15"
   40                   ng-model="ctrl.privateKey" readonly></textarea>
   41     </div>
   42   </div>
   43 
   44   <div class="modal-footer">
   45     <button class="btn btn-primary"
   46             ng-click="ctrl.generate()" ng-disabled="wizardForm.$invalid || ctrl.doesKeypairExist() || ctrl.privateKey">
   47       <translate>Create Keypair</translate>
   48     </button>
   49     <button class="btn btn-primary"
   50             ng-click="ctrl.copyPrivateKey()" ng-disabled="!ctrl.privateKey">
   51       <translate>Copy Private Key to Clipboard</translate>
   52     </button>
   53     <button class="btn btn-primary"
   54             ng-click="ctrl.submit()" ng-disabled="!ctrl.privateKey">
   55       <translate>Done</translate>
   56     </button>
   57   </div>
   58 </div>