2022-07-06 06:08:45 +00:00
|
|
|
<page-header title="'Create secret'" breadcrumbs="[{label:'Secrets', link:'docker.secrets'}, 'Add secret']"> </page-header>
|
2017-05-27 07:23:49 +00:00
|
|
|
|
|
|
|
<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">
|
2022-08-04 14:05:27 +00:00
|
|
|
<label for="secret_name" class="col-sm-2 control-label text-left">Name</label>
|
|
|
|
<div class="col-sm-10">
|
2020-04-10 21:54:53 +00:00
|
|
|
<input type="text" class="form-control" ng-model="formValues.Name" id="secret_name" placeholder="e.g. mySecret" />
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- !name-input -->
|
|
|
|
<!-- secret-data -->
|
|
|
|
<div class="form-group">
|
2022-08-04 14:05:27 +00:00
|
|
|
<label for="secret_data" class="col-sm-2 control-label text-left">Secret</label>
|
|
|
|
<div class="col-sm-10">
|
2022-08-31 15:19:14 +00:00
|
|
|
<textarea class="form-control" rows="5" ng-model="formValues.Data" ng-trim="false"></textarea>
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- !secret-data -->
|
|
|
|
<!-- encode-secret -->
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="col-sm-12">
|
2022-07-20 00:39:44 +00:00
|
|
|
<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>
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- !encode-secret -->
|
|
|
|
<!-- labels -->
|
|
|
|
<div class="form-group">
|
2022-08-04 14:05:27 +00:00
|
|
|
<div class="col-sm-12 mt-1">
|
2022-09-01 11:02:21 +00:00
|
|
|
<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>
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
|
|
|
<!-- labels-input-list -->
|
2022-08-04 14:05:27 +00:00
|
|
|
<div class="col-sm-12 form-inline mt-2">
|
|
|
|
<div ng-repeat="label in formValues.Labels" class="mt-1">
|
2017-05-27 07:23:49 +00:00
|
|
|
<div class="input-group col-sm-5 input-group-sm">
|
|
|
|
<span class="input-group-addon">name</span>
|
2020-04-10 21:54:53 +00:00
|
|
|
<input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" />
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
2022-09-01 11:02:21 +00:00
|
|
|
<div class="input-group col-sm-6 input-group-sm">
|
2017-05-27 07:23:49 +00:00
|
|
|
<span class="input-group-addon">value</span>
|
2020-04-10 21:54:53 +00:00
|
|
|
<input type="text" class="form-control" ng-model="label.value" placeholder="e.g. bar" />
|
2022-09-01 11:02:21 +00:00
|
|
|
<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>
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- !labels-input-list -->
|
|
|
|
</div>
|
|
|
|
<!-- !labels-->
|
2017-09-19 15:10:15 +00:00
|
|
|
<!-- access-control -->
|
2020-06-09 09:55:36 +00:00
|
|
|
<por-access-control-form form-data="formValues.AccessControlData"></por-access-control-form>
|
2017-09-19 15:10:15 +00:00
|
|
|
<!-- !access-control -->
|
2017-05-27 07:23:49 +00:00
|
|
|
<!-- actions -->
|
2022-01-17 05:53:32 +00:00
|
|
|
<div class="col-sm-12 form-section-title"> Actions </div>
|
2017-05-27 07:23:49 +00:00
|
|
|
<div class="form-group">
|
|
|
|
<div class="col-sm-12">
|
2020-04-10 21:54:53 +00:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="btn btn-primary btn-sm"
|
|
|
|
ng-disabled="state.actionInProgress || !formValues.Name || !formValues.Data"
|
|
|
|
ng-click="create()"
|
|
|
|
button-spinner="state.actionInProgress"
|
|
|
|
>
|
2017-11-12 21:39:12 +00:00
|
|
|
<span ng-hide="state.actionInProgress">Create the secret</span>
|
|
|
|
<span ng-show="state.actionInProgress">Creating secret...</span>
|
2017-11-12 19:27:28 +00:00
|
|
|
</button>
|
2022-08-04 14:05:27 +00:00
|
|
|
<span class="text-danger space-left" ng-if="state.formValidationError">{{ state.formValidationError }}</span>
|
2017-05-27 07:23:49 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- !actions -->
|
|
|
|
</form>
|
|
|
|
</rd-widget-body>
|
|
|
|
</rd-widget>
|
|
|
|
</div>
|
|
|
|
</div>
|