diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml index 907903983..db9086208 100644 --- a/addons/core/translations/resources/en-us.yaml +++ b/addons/core/translations/resources/en-us.yaml @@ -296,7 +296,9 @@ storage-bucket: form: scope: label: Scope - help: This storage bucket can be associated with targets in this scope. + help: Specify the scope this storage bucket will be available in. + help_global: This storage bucket will be available for use with all targets. + help_org: This storage bucket will be available for use with targets within this org. provider: label: Provider help: Boundary currently only supports Amazon S3 storage. diff --git a/ui/admin/app/components/form/storage-bucket/index.hbs b/ui/admin/app/components/form/storage-bucket/index.hbs index 1cc2f6d3f..d8a9eadfd 100644 --- a/ui/admin/app/components/form/storage-bucket/index.hbs +++ b/ui/admin/app/components/form/storage-bucket/index.hbs @@ -61,14 +61,14 @@ > {{t 'resources.storage-bucket.form.scope.label'}} - {{t 'resources.storage-bucket.form.scope.help'}} + {{this.scopeFieldDescription}} + {{#each @scopes as |scope|}} - {{/each}} @@ -82,9 +82,13 @@ as |F| > {{t 'resources.storage-bucket.form.scope.label'}} - {{t - 'resources.storage-bucket.form.scope.help' - }} + + {{#if @model.scopeModel.isGlobal}} + {{t 'resources.storage-bucket.form.scope.help_global'}} + {{else}} + {{t 'resources.storage-bucket.form.scope.help_org'}} + {{/if}} + {{/if}} diff --git a/ui/admin/app/components/form/storage-bucket/index.js b/ui/admin/app/components/form/storage-bucket/index.js index 5f8555785..a8a7a4d97 100644 --- a/ui/admin/app/components/form/storage-bucket/index.js +++ b/ui/admin/app/components/form/storage-bucket/index.js @@ -5,10 +5,29 @@ import Component from '@glimmer/component'; import { action } from '@ember/object'; +import { tracked } from '@glimmer/tracking'; +import { inject as service } from '@ember/service'; import { set } from '@ember/object'; export default class FormStorageBucketComponent extends Component { // =actions + @service intl; + + @tracked scopeFieldDescription = this.intl.t( + 'resources.storage-bucket.form.scope.help' + ); + + updateScopeFieldDescription() { + if (this.args.model.scopeModel.isGlobal) { + this.scopeFieldDescription = this.intl.t( + 'resources.storage-bucket.form.scope.help_global' + ); + } else { + this.scopeFieldDescription = this.intl.t( + 'resources.storage-bucket.form.scope.help_org' + ); + } + } @action updateScope(event) { @@ -17,6 +36,7 @@ export default class FormStorageBucketComponent extends Component { (element) => element.model.id === selectedScopeId ).model; this.args.model.scopeModel = selectedScopeModel; + this.updateScopeFieldDescription(); } @action