{{{ template "common/header" . }}}
<div class="ui grid">
    {{{template "task/menu" .}}}
    <div class="twelve wide column">
        <div class="pageHeader">
            <div class="segment">
                <h3 class="ui dividing header">
                    <div class="content">
                        {{{.Title}}}
                    </div>
                </h3>
            </div>
        </div>
    <form class="ui form fluid vertical segment">
        <input type="hidden" name="id" value="{{{.Task.Id}}}">
        <div class="two fields">
            <div class="field">
                <label>
                    <div class="content">任务名称</div>
                </label>
                <div class="ui small input">
                    <input type="text" name="name" value="{{{.Task.Task.Name}}}">
                </div>
            </div>
        </div>
        <div class="two fields">
            <div class="field">
                <label>
                    <div class="content">
                        crontab表达式
                        <div class="ui blue message">
                                    Linux-crontab时间表达式语法, 支持秒级任务定义 <br>
                                    格式:  秒 分 时 天 月 周 <br>
                                    示例：<br>
                                    1 * * * * *       每分钟第一秒运行 <br>
                                    */20 * * * * *    每隔20秒运行一次 <br>
                                    0 30 21 * * *     每天晚上21:30:00运行一次 <br>
                                    0 0 23 * * 6      每周六晚上23:00:00 运行一次 <br>
                                    快捷语法: <br>
                                    @yearly 每年运行一次 <br>
                                    @monthly 每月运行一次 <br>
                                    @weekly 每周运行一次 <br>
                                    @daily 每天运行一次 <br>
                                    @midnight 每天午夜运行一次<br>
                                    @hourly 每小时运行一次 <br>
                                    @every 30s 每隔30秒运行一次 <br>
                                    @every 1m20s 每隔1分钟20秒运行一次 <br>
                                    @every 3h5m10s 每隔3小时5分钟10秒运行一次 <br>
                        </div>
                    </div>
                </label>
                <div class="ui small input">
                    <input type="text" name="spec" value="{{{.Task.Spec}}}" placeholder="秒 分 时 天 月 周"/>
                </div>
            </div>
        </div>
        <div class="three fields">
            <div class="field">
                <label>协议</label>
                <div class="ui blue message">
                    系统命令: 调用本机系统命令 <br>
                    SSH:  通过SSH执行远程命令 <br>
                    HTTP: 执行HTTP-GET请求 <br>
                </div>
                <select name="protocol" id="protocol">
                    <option value="3" {{{if .Task}}} {{{if eq .Task.Protocol 3}}}selected{{{end}}} {{{end}}}>系统命令</option>
                    <option value="2" {{{if .Task}}} {{{if eq .Task.Protocol 2}}}selected{{{end}}} {{{end}}} data-match="host_id" data-validate-type="selectProtocol">SSH</option>
                    <option value="1" {{{if .Task}}} {{{if eq .Task.Protocol 1}}}selected{{{end}}} {{{end}}}>HTTP</option>
                </select>
            </div>
        </div>
        <div class="three fields" id="hostField">
            <div class="field">
                <label>主机</label>
                <div class="ui blue message">
                    <pre>选择SSH协议时，需选择执行主机</pre>
                </div>
                <select name="host_id" id="hostId">
                    <option value="">选择主机</option>
                    {{{range $i, $v := .Hosts}}}
                     <option value="{{{.Id}}}" {{{if $.Task}}}{{{if eq $.Task.HostId .Id }}} selected {{{end}}} {{{end}}}>{{{.Alias}}}-{{{.Name}}}</option>
                    {{{end}}}
                 </select> &nbsp; <a class="ui blue button" href="/host/create">添加主机</a>

            </div>
        </div>
        <div class="two fields">
            <div class="field">
                <label>命令</label>
                <div class="ui blue message">
                        根据选择的协议输入相应的命令 <br>
                        系统命令 -  windows: ipconfig /all     linux: ifconfig -a <br>
                        SSH -   netstat -natpu <br>
                        HTTP -  http://golang.org <br>
                </div>
                <textarea rows="5" name="command">{{{.Task.Command}}}</textarea>
            </div>
        </div>
        <div class="three fields">
            <div class="field">
                <label>任务超时时间(秒)</label>
                <div class="ui blue message">
                    默认0，不限制超时
                </div>
                <input type="text"  name="timeout"  value="{{{.Task.Timeout}}}">
            </div>
        </div>
        <div class="two fields">
            <div class="field">
                <label>任务重试次数</label>
                <div class="ui blue message">
                        无法连接远程主机，shell返回值非0, http响应码非200等异常返回，可重试<br>
                        重试时间间隔 重试次数 * 分钟, 按1分钟、2分钟、3分钟.....的间隔进行重试<br>
                        取值范围1-10, 默认0，不重试
                </div>
                <input type="text"  name="retry_times"  value="{{{.Task.RetryTimes}}}">
            </div>
        </div>
        <div class="three fields">
            <div class="field">
                <label>允许多实例同时运行</label>
                <div class="ui blue message">
                    前次任务未执行完成，本次任务是否执行
                </div>
                <select name="multi">
                    <option value="1"{{{if .Task}}} {{{if eq .Task.Multi 1}}}selected{{{end}}} {{{end}}}>是</option>
                    <option value="2" {{{if .Task}}} {{{if eq .Task.Multi 0}}}selected{{{end}}} {{{end}}}>否</option>
                </select>
            </div>
        </div>
        <div class="three fields">
            <div class="field">
                <label>任务状态</label>
                <div class="ui blue message">
                    任务添加成功后，是否立即调度
                </div>
                <select name="status">
                    <option value="2"{{{if .Task}}} {{{if eq .Task.Status 0}}}selected{{{end}}} {{{end}}}>暂停</option>
                    <option value="1" {{{if .Task}}} {{{if eq .Task.Status 1}}}selected{{{end}}} {{{end}}}>激活</option>
                </select>
            </div>
        </div>
        <div class="two fields">
            <div class="field">
                <label>备注</label>
                <textarea rows="5" name="remark">{{{.Task.Remark}}}</textarea>
            </div>
        </div>
        <div class="ui primary submit button">保存</div>
    </form>
    </div>
</div>


<script type="text/javascript">
    $(function() {
        changeProtocol();
    });

    $('#protocol').change(function() {
       changeProtocol();
    });

    function changeProtocol() {
        var protocol = $('#protocol').val();
        if (protocol == 2) {
            $('#hostField').show();
            return;
        }

        $('#hostField').hide();
    }

    $('.ui.checkbox')
            .checkbox()
    ;
    var $uiForm = $('.ui.form');
    registerSelectFormValidation("selectProtocol", $uiForm, $('#protocol'), 'protocol');
    $($uiForm).form(
            {
                onSuccess: function(event, fields) {
                    util.post('/task/store', fields, function(code, message) {
                        location.href = "/task"
                    });

                    return false;
                },
                fields: {
                    name: {
                        identifier  : 'name',
                        rules: [
                            {
                                type   : 'empty',
                                prompt : '请输入任务名称'
                            }
                        ]
                    },
                    spec: {
                        identifier  : 'spec',
                        rules: [
                            {
                                type   : 'empty',
                                prompt : '请输入crontab格式表达式'
                            }
                        ]
                    },
                    command: {
                        identifier  : 'command',
                        rules: [
                            {
                                type   : 'empty',
                                prompt : '请输入任务命令'
                            }
                        ]
                    },
                    hosts: {
                        identifier  : 'host_id',
                        rules: [
                            {
                                type   : 'selectProtocol',
                                prompt : '请选择主机'
                            }
                        ]
                    }
                },
                inline : true
            });
</script>

{{{ template "common/footer" . }}}