<!--
  ~ 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>
    <form data-dojo-attach-point="settingsForm" data-dojo-type="dijit/form/Form" id="${id}_settingsForm">
        <div class="clear">
            <label class="formLabel-labelCell tableContainer-labelCell" for="${id}_refreshPeriod">Refresh
                period (in seconds):</label>
            <input id="${id}_refreshPeriod"
                   class="formLabel-controlCell tableContainer-valueCell"
                   data-dojo-attach-point="refreshPeriod"
                   data-dojo-type="dijit/form/NumberSpinner"
                   data-dojo-props="
                    name:'refreshPeriod',
                    invalidMessage: 'Invalid value',
                    required: false,
                    smallDelta: 1,
                    value: 5,
                    constraints: {min: 5, max: 65535, places: 0}"/>
        </div>
        <div class="clear">
            <label class="formLabel-labelCell tableContainer-labelCell" for="${id}_limit">Row limit:</label>
            <input id="${id}_limit"
                   class="formLabel-controlCell tableContainer-valueCell"
                   data-dojo-attach-point="limit"
                   data-dojo-type="dijit/form/NumberSpinner"
                   data-dojo-props="
                    name:'limit',
                    invalidMessage: 'Invalid value',
                    required: false,
                    smallDelta: 1,
                    value: 10,
                    constraints: {min:1, max: 100000, places: 0}"/>
        </div>
        <div class="clear"></div>

        <div class="dijitDialogPaneActionBar">
            <input id="${id}_cancelButton"
                   data-dojo-attach-point="cancelButton"
                   data-dojo-type="dijit/form/Button"
                   type="button"
                   label="Cancel"/>
            <input id="${id}_applyButton"
                   data-dojo-attach-point="applyButton"
                   data-dojo-type="dijit/form/Button"
                   type="submit"
                   label="Apply"/>
        </div>
    </form>
</div>