@using ZoomLa.Model
@using System.Data
@using ZoomLa.BLL.Helper
@using ZoomLa.Common
@model ZoomLaCMS.Models.Exam.VM_ExamDetail
@{
    Layout = "~/Areas/User/Views/Shared/_empty.cshtml";
}
@section head{
<script src="/Plugins/Ueditor/ueditor.config.js" charset="utf-8"></script>
<script src="/Plugins/Ueditor/ueditor.all.min.js" charset="utf-8"></script>
<title>参加考试</title>
}
@section content{
<form method="post" action="@MVCHelper.GetAction("ExamDetail_Submit",Context.Request)">
    <div class="panel panel-primary"  ng-app="app">
        <div class="exam_navbox" id="quelist" style="display:flex;">
            <div class="text-white" style="width:30%;">
                <div><i class="zi zi_filealt"></i> <span class="margin_l5">@Model.GetPTitle()</span></div>
                <div>
                    <span><i class="zi zi_clock"></i> <span id="time_sp" class="margin_l5" data-time="0">@Model.useTime</span></span>
                    <span id="totalscore_sp" style="font-size:1.8em;min-width:80px;">@Model.totalScore</span>
                </div>
            </div>
            <div class="uinfo_div">
                <div class="input-group" style="width:800px;">
                    <span class="input-group-prepend"><span class="input-group-text" id="basic-addon1">学校</span></span>
                    <input type="text" ID="MySchool_T" name="MySchool_T" MaxLength="50" class="form-control text_150" value="@Model.answerMod.MySchool" />
                    <span class="input-group-prepend"><span class="input-group-text" id="basic-addon1">班级</span></span>
                    <input type="text" ID="MyClass_T" name="MyClass_T" MaxLength="50" class="form-control text_150" value="@Model.answerMod.MyClass" />
                    <span class="input-group-prepend"><span class="input-group-text" id="basic-addon1">姓名</span></span>
                    <input type="text" ID="UName_T" name="UName_T" value="@Model.mu.HoneyName" MaxLength="50" class="form-control text_150" />
                </div>
            </div>
            <ul class="list-unstyled" style="margin-left:30px;">
                @if (!Model.Action.Equals("view"))
                {
                    <li><button type="button" id="Submit_Btn" onclick="if (PreSubmit()) { $('form').submit(); }" class="btn btn-info"><i class="zi zi_upload"></i> 提交试卷</button></li>}
                else
                {
                    <li><a href="/" title="首页"><i class="zi zi_home"></i></a></li>
                    <li><a href="MyMarks" id="return_a" title="退出"><i class="zi zi_times"></i></a></li>
                }
            </ul>
        </div>
            <div style="height:50px;"></div>
            @Html.Partial("ExamDetail_QList")
            <div class="panel-footer text-center"></div>
        </div>
    <div>
        <input type="hidden" ID="QuestDT_Hid" name="QuestDT_Hid" value="@Html.Raw(Model.QuestDT_Hid)"/>
        <input type="hidden" ID="Answer_Hid" name="Answer_Hid" value="@Html.Raw(Model.Answer_Hid)"/>
    </div>
    <div id="answer_ue_div" data-scroll="0">
        <textarea id="editor" style="height: 120px;"></textarea>
        <div style="text-align: center; padding: 5px;">
            <input type="button" value="确定" class="btn btn-primary" onclick="LoadContent();" />
            <input type="button" value="关闭" class="btn btn-primary" onclick="$('#answer_ue_div').hide();" />
        </div>
    </div>
    <input type="hidden" ID="QuestId_Hid" name="QuestId_Hid" value="@Model.paperMod.id" />
    <input type="hidden" ID="QuestTime_Hid" name="QuestTime_Hid" />
</form>
}
@section script{
<script src="/Plugins/Ueditor/kityformula-plugin/addKityFormulaDialog.js"></script>
<script src="/Plugins/Ueditor/kityformula-plugin/getKfContent.js"></script>
<script src="/Plugins/Ueditor/kityformula-plugin/defaultFilterFix.js"></script>
<script src="/JS/jquery-ui.min.js"></script>
<script src="/JS/Controls/ZL_Array.js"></script>
<script src="/JS/Plugs/angular.min.js"></script>
<script>
    var page={scope:null};
    var app=angular.module("app",[]).controller("appController",function($scope,$compile){
        page.scope=$scope;
        $scope.list={};
        var idsArr=[];//仅用于显示答案
        @MvcHtmlString.Create(Model.AngularJS)
        if("@Model.Action"=="view")
        {
            var answerArr = JSON.parse($("#Answer_Hid").val());
            //model即一个完形填空的问题集合,问题集合-->问题(答案)-->选项
            for (var i = 0; i < idsArr.length; i++) {
                var model=$scope.list["filltextblank_"+idsArr[i]];
                var answer= answerArr.GetByID(idsArr[i],"QID");
                if(!answer||answer==null||answer==""){}
                answer=JSON.parse(answer.Answer);
                for (var j = 0; j < model.length; j++) {
                    model[j].answer=answer[j].answer;
                }
            }
        }
    });
    app.filter(
         'to_trusted', ['$sce', function ($sce) {
             return function (text) {
                 return $sce.trustAsHtml(text);
             }
         }]
     );
</script>
<script>
    var ue, $curAnswer, boundary = "|||", action = "@Model.Action",exTime= parseInt("@Model.ExTime"); force = "@(Model.ExTime>0?"true":"false")";
    $(function () {
        ue = UE.getEditor('editor', {
            toolbars: [[
                'bold', 'italic', 'underline', '|', 'fontsize', '|', 'kityformula'
            ]],
            elementPathEnabled: false,wordCount: false
        });
        if (action != "view") {
            //缓存考试时间
            if(localStorage.questid==""||localStorage.questid!=$("#QuestId_Hid").val())
            {
                localStorage.questid=$("#QuestId_Hid").val();
                localStorage.second=0;
            }
            var timer = $("#time_sp");
            timer.data("time", localStorage.second);
            setInterval(BeginTimer, 1000);
            $("#answer_ue_div").draggable({ handle: '#ue_foot,#edui1_toolbarbox' });
            $(".answersp,.answerdiv").click(function () {
                //OpenFormula();
                $curAnswer = $(this);
                SetContent($curAnswer);
                $("#answer_ue_div").show();
            });
        }
    });
    $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();//已滚动多少
        //var scrollHeight = $(document).height();//窗体高度
        //var windowHeight = $(this).height();//总高度,滚动条+窗体高
        var nowTop=parseInt($("#answer_ue_div").css("top"));//支持拖动
        var scroll=parseInt($("#answer_ue_div").data("scroll"));
        $("#answer_ue_div").css("top",scrollTop+(nowTop-scroll));
        $("#answer_ue_div").data("scroll",scrollTop);
    });
</script>
<script src="/JS/ICMS/ZL_Exam_Paper.js"></script>
<script>
    if ("view" == "@Model.Action") { LoadAnswer(); }
</script>
}