<page-header title="'Create secret'" breadcrumbs="[{label:'Secrets', link:'docker.secrets'}, 'Add secret']"> </page-header> <div class="row"> <div class="col-lg-12 col-md-12 col-xs-12"> <rd-widget> <rd-widget-body> <form class="form-horizontal"> <!-- name-input --> <div class="form-group"> <label for="secret_name" class="col-sm-2 control-label text-left">Name</label> <div class="col-sm-10"> <input type="text" class="form-control" ng-model="formValues.Name" id="secret_name" placeholder="e.g. mySecret" /> </div> </div> <!-- !name-input --> <!-- secret-data --> <div class="form-group"> <label for="secret_data" class="col-sm-2 control-label text-left">Secret</label> <div class="col-sm-10"> <textarea class="form-control" rows="5" ng-model="formValues.Data" ng-trim="false"></textarea> </div> </div> <!-- !secret-data --> <!-- encode-secret --> <div class="form-group"> <div class="col-sm-12"> <por-switch-field label-class="'col-sm-2'" checked="formValues.encodeSecret" label="'Encode secret'" on-change="(handleEncodeSecretChange)" tooltip="'Secrets need to be base64 encoded. Disable this if your secret is already base64 encoded.'" ></por-switch-field> </div> </div> <!-- !encode-secret --> <!-- labels --> <div class="form-group"> <div class="col-sm-12 mt-1"> <label class="control-label text-left space-right">Labels</label> <span class="label label-default interactive vertical-center space-left" ng-click="addLabel()"> <pr-icon icon="'plus'" mode="'alt'" feather="true"></pr-icon> add label </span> </div> <!-- labels-input-list --> <div class="col-sm-12 form-inline mt-2"> <div ng-repeat="label in formValues.Labels" class="mt-1"> <div class="input-group col-sm-5 input-group-sm"> <span class="input-group-addon">name</span> <input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" /> </div> <div class="input-group col-sm-6 input-group-sm"> <span class="input-group-addon">value</span> <input type="text" class="form-control" ng-model="label.value" placeholder="e.g. bar" /> <span class="input-group-btn"> <button class="btn btn-dangerlight" type="button" ng-click="removeLabel($index)"> <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon> </button> </span> </div> </div> </div> <!-- !labels-input-list --> </div> <!-- !labels--> <!-- access-control --> <por-access-control-form form-data="formValues.AccessControlData"></por-access-control-form> <!-- !access-control --> <!-- actions --> <div class="col-sm-12 form-section-title"> Actions </div> <div class="form-group"> <div class="col-sm-12"> <button type="button" class="btn btn-primary btn-sm" ng-disabled="state.actionInProgress || !formValues.Name || !formValues.Data" ng-click="create()" button-spinner="state.actionInProgress" > <span ng-hide="state.actionInProgress">Create the secret</span> <span ng-show="state.actionInProgress">Creating secret...</span> </button> <span class="text-danger space-left" ng-if="state.formValidationError">{{ state.formValidationError }}</span> </div> </div> <!-- !actions --> </form> </rd-widget-body> </rd-widget> </div> </div>