Checking if stream name is available...

Stream name is already taken!

Invalid stream name!

Stream name is used on the canvas!

</div>
                        <p class="help-block">{{derivedProperties[key].description | capitalize}}</p>
                    </div>
                    <div class="col-sm-9" ng-if="getInputType(derivedProperties[key]) === 'select'">
                        <select id="{{derivedProperties[key].id}}" required
                                name="{{derivedProperties[key].id}}" class="form-control" ng-model="derivedProperties[key].valueFunc"
                                ng-model-options="{ getterSetter: true }"
                                ng-options="option | capitalize for option in derivedProperties[key].options">
                            <option ng-if="!derivedProperties[key].defaultValue" value="">-- Select {{derivedProperties[key].name | capitalize}} --</option>
                        </select>
                        <span class="glyphicon glyphicon-warning-sign form-control-feedback feedback-with-offset" ng-show="appForm[derivedProperties[key].id].$invalid"></span>
                        <p class="help-block">{{derivedProperties[key].description | capitalize}}</p>
                    </div>
                </div>
            </div>
            <div class="form-group form-dialog" ng-repeat="key in keys(properties).sort()" ng-if="keys(properties).length > 0">
                <div class="form-group" id="{{properties[key].id + '-form-group'}}" ng-class="appForm[properties[key].id].$invalid ? 'has-warning has-feedback' : ''">
                    <label for="{{properties[key].id}}" class="col-sm-3 control-label">{{properties[key].name | camelCaseToHuman}}</label>
                    <div class="col-sm-9" ng-if="getInputType(properties[key]) !== 'checkbox' && getInputType(properties[key]) !== 'code' && getInputType(properties[key]) !== 'select'">
                        <input type="{{getInputType(properties[key])}}" id="{{properties[key].id}}"
                               name="{{properties[key].id}}" class="form-control" placeholder="{{properties[key].defaultValue}}"
                               ng-model="properties[key].valueFunc" ng-model-options="{ getterSetter: true }" ng-pattern="properties[key].pattern">
                        <span class="glyphicon glyphicon-warning-sign form-control-feedback" ng-show="appForm[properties[key].id].$invalid"></span>
                        <p class="help-block">{{properties[key].description | capitalize}}</p>
                    </div>
                    <div class="col-sm-9" ng-if="getInputType(properties[key]) === 'checkbox'">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="{{properties[key].id}}" ng-true-value="true" ng-false-value="false"
                                       name="{{properties[key].id}}" ng-model="properties[key].valueFunc" ng-model-options="{ getterSetter: true }">
                                {{properties[key].valueFunc() ? 'True' : 'False' }}
                            </label>
                            <p class="help-block">{{properties[key].description | capitalize}}</p>
                        </div>
                    </div>
                    <div class="col-sm-9" ng-if="getInputType(properties[key]) === 'code'">
                        <div class="dsl-editor property-code-editor">
                            <textarea code-editor name="{{properties[key].id}}" class="form-control"
                                      placeholder="{{properties[key].defaultValue}}"
                                      overview-ruler="true"
                                      code-language="properties[getLanguageProperty(properties[key])].value"
                                      code-text="properties[key].value"
                                      default-text="{{properties[key].defaultValue}}"
                                      default-language="{{getDefaultLanguage(properties[key])}}"
                                      decode-function="decodeTextFromDSL" encode-function="encodeTextToDSL"/>
                        </div>
                        <p class="help-block">{{properties[key].description | capitalize}}</p>
                    </div>
                    <div class="col-sm-9" ng-if="getInputType(properties[key]) === 'select'">
                        <select id="{{properties[key].id}}" required
                                name="{{properties[key].id}}" class="form-control" ng-model="properties[key].valueFunc"
                                ng-model-options="{ getterSetter: true }"
                                ng-options="option | capitalize for option in properties[key].options">
                            <option ng-if="!properties[key].defaultValue" value="">-- Select {{properties[key].name | capitalize}} --</option>
                        </select>
                        <span class="glyphicon glyphicon-warning-sign form-control-feedback feedback-with-offset" ng-show="appForm[properties[key].id].$invalid"></span>
                        <p class="help-block">{{properties[key].description | capitalize}}</p>
                    </div>
                </div>
            </div>
            <div class="row" ng-if="keys(properties).length === 0">No parameters available.</div>
        </fieldset>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
        <button type="submit" class="btn btn-primary"
                ng-disabled="appForm.$invalid"
                ng-click="submit()">OK
        </button>
    </div>
</form>

{{cell.attr('metadata/name').toUpperCase()}} Application Properties