{{template "header" .}}


<div class="ibox float-e-margins" >
    <div class="row">
        <div class="col-lg-8"></div>
        <div class="col-lg-4"></div>

    </div>

    <div class="row">

        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>{{.DbName}} - Channel List</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>ChannelId</th>
                                <th>ChannelName</th>
                                <th>MaxThreadNum</th>
                                <th>CurrentThreadNum</th>
                                <th>Status</th>
                                <th>OP</th>
                            </tr>
                            </thead>
                            <tbody>
                            {{range $i, $v := .ChannelList}}
                            <tr>
                                <td>{{$i}}</td>
                                <td>{{$v.Name}}</td>
                                <td>{{$v.MaxThreadNum}}</td>
                                <td>{{$v.CurrentThreadNum}}</td>
                                <td>{{$v.Status}}</td>
                                <td>
                            {{if eq $v.Status "running"}}
                                <button data-toggle="button" class="btn-sm btn-warning stopChannelBtn" onclick="DoChangeChannelStatus(this,'stop')" type="button" >Stop</button>
                            {{end}}
                            {{if eq $v.Status "closed"}}
                                <button data-toggle="button" class="btn-sm btn-danger delChannelBtn" onclick="DoChangeChannelStatus(this,'del')" type="button" >Del</button>
                                <button data-toggle="button" class="btn-sm btn-primary startChannelBtn" onclick="DoChangeChannelStatus(this,'start')" type="button" >Start</button>
                            {{end}}
                            {{if eq $v.Status "stopped"}}
                                <button data-toggle="button" class="btn-sm btn-danger closeChannelBtn" onclick="DoChangeChannelStatus(this,'close')" type="button" >Close</button>
                                <button data-toggle="button" class="btn-sm btn-primary startChannelBtn" onclick="DoChangeChannelStatus(this,'start')" type="button" >Start</button>
                            {{end}}
                            {{if eq $v.Status "wait"}}
                                <button data-toggle="button" class="btn-sm btn-warning dealChannelBtn" onclick="DoChangeChannelStatus(this,'deal')" type="button" >Deal</button>
                            {{end}}


                                <a href="/flow/index?ChannelId={{$v.Name}}&DbName={{$.DbName}}" target="_blank">
                                    <button data-toggle="button" class="btn-sm btn-primary" type="button">Flow</button>
                                </a>

                                <a href="/synclist?DbName={{$.DbName}}&ChannelId={{$i}}">
                                    <button data-toggle="button" class="btn-sm btn-primary" type="button" >TableList</button>
                                </a>
                                </td>
                            </tr>
                            {{end}}
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>

    </div>

</div>



<div class="ibox float-e-margins" id="addChannelContair">
    <div class="ibox-title">
        <h5>Add new Server</h5>
        <div class="ibox-tools">

            <a class="collapse-link">
                <i class="fa fa-chevron-up"></i>
            </a>
            <a class="close-link">
                <i class="fa fa-times"></i>
            </a>
        </div>
    </div>
    <div class="ibox-content">
        <div class="row row-lg">

            <div class="col-md-4">
                <div class="form-group">
                    <label class="col-sm-3 control-label">ChannelName：</label>
                    <div class="col-sm-9">
                        <input type="text" name="ChannelName" id="ChannelName" class="form-control" placeholder="ChannelName"> <span class="help-block m-b-none">* 字母,30个字母以内</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">CosumerCount：</label>
                    <div class="col-sm-9">
                        <select class="form-control" name="CosumerCount" id="CosumerCount">
                            <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>
                            <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><span class="help-block m-b-none"></span>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">&nbsp;</label>
                    <div class="col-sm-9">

                        <button data-toggle="button" class="btn-sm btn-primary" id="addNewChannelBtn" type="button">提交</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

{{template "footer" .}}

<script type="text/javascript">
    var DbName = "{{.DbName}}";
    $("#addNewChannelBtn").click(
            function(){
                var ChannelName = $("#ChannelName").val();
                if(ChannelName=="" || ChannelName.length > 30){
                    $("#ChannelName").focus();
                    return false;
                }
                var CosumerCount = $("#CosumerCount").val()
                var url = "/channel/add";
                var callback = function (data) {
                    if(!data.status ){
                        alert(data.msg);
                        return false;
                    }
                    alert("添加成功！需要您点击 Start 按钮，对通道进行启动！");
                    location.reload();
                };
                Ajax("POST",url, { ChannelName: ChannelName,CosumerCount:parseInt(CosumerCount),DbName:DbName},callback,true);
            }
    );

    function DoChangeChannelStatus(obj,status){
        if (status=="stop"){
            if (!confirm("确定暂停么？暂停连接不会断开，但是业务将受影响")){
                return
            }
        }
        if (status=="del"){
            if (!confirm("确定 删除 么？删除将不能恢复")){
                return
            }
        }
        var url = "/channel/"+status;
        var trObj = $(obj).parent().parent();
        var ChannelId = trObj.children().eq(0).html();
        function callback (data) {
            if(!data.status ){
                alert(data.msg);
                return false;
            }
            if (status == "del"){
                trObj.remove();
            }else{
                location.reload();
            }
        };
        Ajax("POST",url, {DbName: DbName,ChannelId:parseInt(ChannelId)},callback,true);
    }

</script>