{% extends "public/layout.html" %}

{% block title %}系统设置{% endblock title %}


{% block content %}
    <form>
        <div class="form-group">
            <label>录音间隔时间</label>
            <select name="interval_time" class="form-control">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </select>
            <label>录音时长</label>
            <select name="recording_time" class="form-control">
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
            </select>
        </div>
    </form>
{% endblock content %}


{% block js_custom %}
    <script type="text/javascript">
        $(function () {

            $("select[name='interval_time'] option").each(function () {
                if (this.value==="{{ data.interval_time }}") {
                    $(this).attr("selected", "selected");
                }
            });

            $("select[name='recording_time'] option").each(function () {
                if (this.value==="{{ data.recording_time }}") {
                    $(this).attr("selected", "selected");
                }
            });

            function set_config(key, value) {
                $.ajax({
                    type: 'post',
                    url: '/system/set_config',
                    data: {
                        key: key,
                        value: value
                    },
                    cache: false,
                    dataType: 'json',
                    success: function(data) {
                        console.log(data);
                    },
                    error: function(e) {
                        console.log('ajax设置参数错误');
                    }
                });

            }

            $("select[name='interval_time']").change(function () {
                set_config("interval_time", this.value);
            });

            $("select[name='recording_time']").change(function () {
                set_config("recording_time", this.value);

            });
        });
    </script>
{% endblock js_custom %}