tools/ngui/static/js/common/directives/modal-form.tpl.html

<!--
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements.  See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership.  The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License.  You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied.  See the License for the
// specific language governing permissions and limitations
// under the License.
-->
<div class="modal-header">
    <h3>{{title}}</h3>
</div>
<div class="modal-body">
    <div>
        <form novalidate class="form-horizontal">
            <div class="control-group" ng-repeat="field in formDetails.fields" ng-init="optionsCache = {}">
                <label class="control-label">{{dictionary.labels[field.label]}}</label>
                <div class="controls" ng-switch on="field.type">
                    <input ng-switch-when="input-text" type="text" ng-model="formObject[field.model]">
                    <input ng-switch-when="input-checkbox" type="checkbox" ng-model="formObject[field.model]">
                    <input ng-switch-when="input-password" type="password" ng-model="formObject[field.model]">
                    <select ng-switch-when="select" ng-init="optionsCache[field.model] = field.options()" ng-model="formObject[field.model]">
                        <option ng-repeat="option in optionsCache[field.model]" value="{{field.getValue(option)}}">{{field.getName(option)}}</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="modal-footer">
    <button ng-click="close()" class="btn">{{cancelText || "Cancel"}}</button>
    <button ng-click="submit(formObject)" class="btn btn-primary">{{okButtonText || "Submit"}}</button>
</div>