Github user tbouron commented on a diff in the pull request:
https://github.com/apache/brooklyn-ui/pull/108#discussion_r232966239
--- Diff:
ui-modules/blueprint-composer/app/components/catalog-saver/catalog-saver.modal.template.html
---
@@ -57,19 +60,17 @@ <h3 class="modal-title">{{getTitle()}}</h3>
<label class="control-label">Bundle ID</label>
<div class="input-group">
<span class="input-group-addon">catalog-bom-</span>
- <input ng-model="config.bundle"
ng-disabled="state.saving" class="form-control" placeholder="E.g my-bundle"
name="bundle" required ng-pattern="state.pattern" autofocus />
+ <input ng-model="config.bundle"
ng-disabled="state.saving" class="form-control" name="bundle"
ng-pattern="state.pattern" autofocus placeholder="{{ config.name | bundlize
}}"/>
</div>
<p class="help-block" ng-show="form.bundle.$invalid">
- <span ng-if="form.bundle.$error.required">You must
specify a bundle ID</span>
<span ng-if="form.bundle.$error.pattern">The bundle ID
can contains only letters, numbers as well a the following characters:
<code>.</code>, <code>-</code> and <code>_</code></span>
</p>
</div>
<div class="form-group" ng-class="{'has-error':
form.symbolicName.$invalid}">
<label class="control-label">Blueprint symbolic
name</label>
- <input ng-model="config.symbolicName"
ng-disabled="state.saving" class="form-control" placeholder="E.g my-catalog-id"
name="symbolicName" required ng-pattern="state.pattern" autofocus />
+ <input ng-model="config.symbolicName"
ng-disabled="state.saving" class="form-control" name="symbolicName"
ng-pattern="state.pattern" autofocus placeholder="{{ config.name | bundlize
}}"/>
--- End diff --
I get that `config.name` is required but until you set it, there will be no
placeholder. So you should do `{{(config.name | bundlize) || 'E.g
my-catalog-id'}}`
---
