@using WeApp.Configuration
@using WeApp.TrainingCampGroup.Dto
@{
    Layout = "~/Views/Shared/Layout/_Layout.Stu.cshtml";
    CampGroupDto group = ViewBag.Group;
    ViewBag.Title = "指挥长屏(" + group.Name + ")";
    string id = group.Id, 
        groupName = group.Name,
        campNo = group.CampNo;
}
@section css{
    <link href="~/Content/Css/Exercise/student.min.css" rel="stylesheet" />
}
<div class="stu-box">
    <div class="box-h">
        <div class="title">
            <h3 class="">@(groupName)指挥部 —— 指挥长</h3>
            <button type="button" class="btn btn-dl" onclick="SubmitNextScene()" title="所有指令提交完点击此按钮进入到下一阶段情景">进入下一阶段情景</button>
        </div>
    </div>
    <div id="box-body" class="box-b">
        @*<div class="handle-box leader has-send">
            <div class="handle-content">
                <span class="role-text">消防局</span><span class="text">:</span> <span class="content-text">xxxxxxxxxxxxxxx</span>
            </div>
            <div class="handle-button"><button type="button" class="btn btn-danger  btn-block" style="min-width: 84px;" disabled>已下达</button></div>
        </div>
        <div class="handle-box leader">
            <div class="handle-content">
                <span class="role-text">消防局</span><span class="text">:</span> <span class="content-text">xx儿童Eyre与人谈话人体和和二给 xx阿达分为氛围发多少个上的如果俄国额额xxx 二五他个人提高人体xxx 二个人 xxx微软维特割让给肉体和xx</span>
            </div>
            <div class="handle-button"><button type="button" class="btn btn-danger  btn-block" style="min-width: 84px;" disabled>已下达</button></div>
        </div>*@
    </div>
</div>
@section scripts
{
    <script>
        $(function() {
            GetLog();
        });

        var dBtn = '<button type="button" class="btn btn-danger btn-block complete" style="" disabled>已下达</button>';

        function RoleHandle(that) {
            MsgConfirm("您确认下达这条指令吗？","下达指令",
                function() {
                    var $that = $(that).closest('.handle-box');
                    var id = $that.data('id');
                    $.iwbAjax4({
                        url: abp.appUrl + "Eval/OperationScene?id="+id,
                        success: function() {
                            $(that).parent().html(dBtn);
                            $that.addClass('has-send');
                        }
                    });
                });
        }

        function SubmitNextScene() {
            MsgConfirm("您确认进入到下一情景吗？",
                "情景流转",
                function() {

                    var log = $("#box-body button.complete");
                    if (!log || log.length <= 0) {
                        abp.message.warn("请至少下达一条指令后再进入到下一情景！");
                        return;
                    }
                    $.iwbAjax4({
                        url: abp.appUrl + "Eval/NextFlowNode?groupNo=@(id)&campNo=none",
                        success: function(res) {
                            $("#box-body").html("");
                        }
                    });
                });
        }

        function GetLog() {
            $.iwbAjax5({
                url: abp.appUrl + "Query/GetCurrentSceneLog?no=@(id)",
                success: function(res) {
                    if (res) {
                        $("#box-body").empty();
                        var str = '';
                        for (var i = 0; i < res.length; i++) {
                            var item = res[i];
                            str += FormatLog(item);
                        }
                        if (str) {
                            $("#box-body").html(str);
                        }
                    }
                }
            });
        }

        function FormatLog(data) {
            var str = "";
            if (data) {
                var msg = data.word ? data.word : "",
                    btn = data.logState == '@(LogStateDefinition.New)'
                        ? '<button type="button" class="btn btn-dl btn-block" style="" onclick="RoleHandle(this)">下达指令</button>'
                        : dBtn,
                    style = data.logState ==  '@(LogStateDefinition.New)' ? '' : 'has-send';
                str =
                    '<div class="handle-box leader {4}" data-id="{0}"> <div class="handle-content"><span class="role-text">{1}</span><span class="text">:</span><span class="content-text">{2}</span></div><div class="handle-button">{3}</div></div>'
                    .format(data.id, data.role, msg, btn, style);
            }
            return str;
        }
    </script>

    <script>
        abp.signalr.connect(['@(id)', '@(campNo)']);
        iwbHub.client.getReloadAll = function(msg) {
            console.log('getReloadAll: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if (data) {
                        if (data.no == '@(id)' || data.no == '@(campNo)') {
                            window.location.reload();
                        }
                    }
                } catch (e) {
                    console.log('getReloadAll: ', e);
                }
            }
        };
        iwbHub.client.getReloadLeader = function(msg) {
            console.log('getReloadLeader: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if (data) {
                        if (data.no == '@(id)' || data.no == '@(campNo)') {
                            window.location.reload();
                        }
                    }
                } catch (e) {
                    console.log('getReloadLeader: ', e);
                }
            }
        };
        iwbHub.client.getOperationLog = function(msg) {
            console.log('getOperationLog: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if (data) {
                        if (data.no == '@(id)') {
                            var str = FormatLog(data);
                            $('#box-body').prepend(str);
                        }
                    }
                } catch (e) {
                    console.log('getOperationLog: ', e);
                }
            }
        };
    </script>
}