@model EMIS.ViewModel.SelectCourse.FreeSelectionCourseView
@using EMIS.Web.Controls;
@using Bowin.Web.Controls.Mvc;
@{
    ViewBag.Title = "Edit";

    ComboGridOptions cgopCourse = new ComboGridOptions
    {
        TextField = "CourseName",
        ValueField = "CoursematerialID",
        GridOptions = new DataGridOptions
        {
            Columns = new List<DataGridColumn>() 
                { 
                    new LinkButtonColumn { FieldName="CourseCode", HeaderText="课程代码", Width=0.15, Align=AlignStyle.Center },
                    new BoundFieldColumn { FieldName="CourseName", HeaderText="课程名称", Width=0.3, Align=AlignStyle.Center }
                },
            IsCheckOnSelect = true,
            DataSourceUrl = Url.Content("~/Coursematerial/ListForDropdown"),
            IsPagination = true,
            IsShowRowNumbers = true,
            IsSingleSelect = false
        }
    };

    ComboGridOptions cgopDepartment = new ComboGridOptions
    {
        TextField = "Name",
        ValueField = "DepartmentID",
        GridOptions = new DataGridOptions
        {
            Columns = new List<DataGridColumn>() 
                { 
                    //new LinkButtonColumn { FieldName="No", HeaderText="教研室代码", Align=AlignStyle.Center, Width=0.1 },
                    new BoundFieldColumn { FieldName="Name", HeaderText="教研室名称", Align=AlignStyle.Center, Width=0.3 }
                    //new BoundFieldColumn { FieldName="CollegeName", HeaderText=@EMIS.Utility.RSL.Get("College"), Align=AlignStyle.Center, Width=0.3 }
                },
            IsCheckOnSelect = true,
            DataSourceUrl = Url.Content("~/Department/List"),
            IsPagination = true,
            IsShowRowNumbers = true,
            IsSingleSelect = false
        }
    };

    ListControlOptions lcop = new ListControlOptions
    {
        Name = "TeachingModeID",
        TextField = "Name",
        ValueField = "Value",
        ColumnCount = 4,
        SelectedValueUrl = @Url.Content("~/FreeSelectionCourse/TeachingModeType?freeSelectionCourseID=" + Model.FreeSelectionCouseID)
    };
    //ListControlOptions lcoptp = new ListControlOptions
    //{
    //    Name = "TeachingPlaceID",
    //    TextField = "Name",
    //    ValueField = "Value",
    //    ColumnCount = 4,
    //    SelectedValueUrl = @Url.Content("~/FreeSelectionCourse/TeachingPlace?freeSelectionCourseID=" + Model.FreeSelectionCouseID)
    //};
}
<style type="text/css">
    #specialtyCourseable
    {
        width: 100%;
        border: 0px none;
    }
    #specialtyCourseable tr
    {
        min-height: 30px;
    }
</style>
@section scripts{
    <script type="text/javascript">
        function recalculate() {
            var theoryCourse = parseInt($("#TheoryCourse").val() == "" ? "0" : $("#TheoryCourse").val());
            var practicehours = parseInt($("#Practicehours").val() == "" ? "0" : $("#Practicehours").val());
            var theoryWeeklyNum = parseInt($("#TheoryWeeklyNum").val() == "" ? "0" : $("#TheoryWeeklyNum").val());
            var practiceWeeklyNum = parseInt($("#PracticeWeeklyNum").val() == "" ? "0" : $("#PracticeWeeklyNum").val());

            var totalHours = theoryCourse + practicehours;
            var totalWeeklyNum = theoryWeeklyNum + practiceWeeklyNum;
            var weeklyHours = totalHours / totalWeeklyNum;
            var weeklyNum = weeklyHours / 2;
            $("#Totalhours").val(totalHours);
            if (totalWeeklyNum != 0) {
                $("#SchoolweeksNum").val(totalWeeklyNum);
                $("#WeeklyHours").val(weeklyHours);
                $("#WeeklyNum").val(weeklyNum);
            }
        }

        $(function () {
            $("#Credit").val(parseFloat($("#Credit").val()).toFixed(1));
            $("#TheoryCourse").keyup(function () {
                recalculate();
            });
            $("#Practicehours").keyup(function () {
                recalculate();
            });
            $("#TheoryWeeklyNum").keyup(function () {
                recalculate();
            });
            $("#PracticeWeeklyNum").keyup(function () {
                recalculate();
            });

            $("#weekExpander").closest("tr")
            .next().css("display", "")
            .next().css("display", "")
            .next().css("display", "")
            .next().css("display", "");
            $("#weekExpander").attr("expanded", "1");
        });
        function FreeSelectionCourse_Save() {
            if ($("input[name='TeachingModeID']:checked").length == 0) {
                $.messager.alert("系统提示", "请选择至少一种授课方式。");
                return;
            }
            if (!isNaN($("#Trialhours").val()) && $("#Trialhours").val() != ""
        && !isNaN($("#Practicehours").val()) && $("#Practicehours").val() != ""
        && parseFloat($("#Trialhours").val()) > parseFloat($("#Practicehours").val())) {
                $.messager.alert("系统提示", "实验学时不能大于实践学时。");
                return;
            }
            if (!isNaN($("#TrialWeeklyNum").val()) && $("#TrialWeeklyNum").val() != ""
        && !isNaN($("#PracticeWeeklyNum").val()) && $("#PracticeWeeklyNum").val() != ""
        && parseFloat($("#TrialWeeklyNum").val()) > parseFloat($("#PracticeWeeklyNum").val())) {
                $.messager.alert("系统提示", "实验周次不能大于实践周次。");
                return;
            }
            $(document.forms[0]).submit();
        }

        function calculate() {
            var theoryHours = parseFloat($("#TheoryCourse").val());
            var practiceHours = parseFloat($("#Practicehours").val());
            var trialHours = parseFloat($("#Trialhours").val());

            if (isNaN(theoryHours)) theoryHours = 0;
            if (isNaN(practiceHours)) practiceHours = 0;
            if (isNaN(trialHours)) trialHours = 0;

            var totalHours = theoryHours + practiceHours + trialHours;

            var timesEachWeek = parseFloat($("#WeeklyNum").val());

            if (isNaN(timesEachWeek)) timesEachWeek = totalHours;

            var theoryWeekNum = Math.ceil(theoryHours / timesEachWeek);
            var practiceWeekNum = Math.ceil(practiceHours / timesEachWeek);
            var trialWeekNum = Math.ceil(trialHours / timesEachWeek);

            var totalWeekNum = theoryWeekNum + practiceWeekNum + trialWeekNum;

            $("#Totalhours").val(totalHours.toString());
            $("#TheoryWeeklyNum").val(theoryWeekNum.toString());
            $("#PracticeWeeklyNum").val(practiceWeekNum.toString());
            $("#TrialWeeklyNum").val(trialWeekNum.toString());
            $("#SchoolweeksNum").val(totalWeekNum.toString());
        }


        function swapWeekSettings() {
            if ($("#weekExpander").attr("expanded") == "0") {
                $("#weekExpander").css("background", "url('../../Content/Bowin.Control.Core/themes/metro-blue/images/tree_icons.png') no-repeat -50px 0");
                $("#weekExpander").closest("tr")
            .next().css("display", "")
            .next().css("display", "")
            .next().css("display", "")
            .next().css("display", "");
                $("#weekExpander").attr("expanded", "1");

            } else {
                $("#weekExpander").css("background", "url('../../Content/Bowin.Control.Core/themes/metro-blue/images/tree_icons.png') no-repeat -32px 0");
                $("#weekExpander").closest("tr")
            .next().css("display", "none")
            .next().css("display", "none")
            .next().css("display", "none")
            .next().css("display", "none");
                $("#weekExpander").attr("expanded", "0");
            }
        }
    </script>
}
<div class="easyui-panel" data-options="border:false,fit:true" style="position: relative;">
    @using (Ajax.BeginForm(new AjaxOptions
    {
        OnSuccess = "EMISFunction.FormSuccess",
        OnBegin = "EMISFunction.FormSubmit",
        OnComplete = "EMISFunction.FormComplete"
    }))
    {
        <div class="p_title">
            @*<div style="float: left; margin-left: 10px; line-height: 30px; font-size: 12px;">
                任选课程信息</div>*@
            @if (Request["Isdisplay"] != "false")
            {
                <div style="margin-right: 10px; line-height: 30px; font-size: 12px;">@Html.ContextMenuBar("Edit")</div>
            }
        </div>
        <div class="search_list">
            @Html.HiddenFor(x => x.FreeSelectionCouseID)
            <table cellpadding="0" cellspacing="0" id="freeSelectionCourseable">
                <tr>
                    <td>
                        @Html.LabelFor(x => x.DepartmentName)：
                    </td>
                    <td>
                        @Html.ComboGridFor(x => x.DepartmentID, cgopDepartment)
                    </td>
                    <td>
                        @Html.LabelFor(x => x.CourseName)：
                    </td>
                    <td>
                        @Html.ComboGridFor(x => x.CoursematerialID, cgopCourse)
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.CourseTypeID)：
                    </td>
                    <td>
                        @Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_CourseType, x => x.CourseTypeID)
                    </td>
                    <td>
                        @Html.LabelFor(x => x.CourseStructureID)：
                    </td>
                    <td>
                        @Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_CourseStructure, x => x.CourseStructureID)
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.CourseCategoryID)：
                    </td>
                    <td>
                        @Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_CourseCategory, x => x.CourseCategoryID)
                    </td>
                    <td>
                        @Html.LabelFor(x => x.CourseQualityID)：
                    </td>
                    <td>
                        @Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_CourseQuality, x => x.CourseQualityID)
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.ExaminationModeID)：
                    </td>
                    <td>@Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_ExaminationMode, x => x.ExaminationModeID)
                    </td>
                    <td>@Html.LabelFor(x=>x.ResultTypeID)
                    </td>
                    <td>@Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_ResultType, (x => x.ResultTypeID))
                    </td>
                </tr>
                @*<tr>
                    <td>@Html.LabelFor(x => x.SchoolyearNumID)：
                    </td>
                    <td>@Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_SchoolyearNum, x => x.SchoolyearNumID)
                    </td>
                    <td>@Html.LabelFor(x => x.SchoolcodeID)：
                    </td>
                    <td>@Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_Semester, x => x.SchoolcodeID)
                    </td>
                </tr>*@
                <tr>
                    <td>@Html.LabelFor(x => x.TeachinglanguageID)：
                    </td>
                    <td>@Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.CF_Teachinglanguage, x => x.TeachinglanguageID)
                    </td>
                    <td>
                        @Html.LabelFor(x => x.Credit)：
                    </td>
                    <td>
                        @Html.TextBoxFor(x => x.Credit)
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.PracticeTypeID)：
                    </td>
                    <td>
                        @Html.DictionaryDropDownListFor(EMIS.ViewModel.DictionaryItem.EM_PracticeType, x => x.PracticeTypeID)
                    </td>
                    <td>@Html.LabelFor(x => x.TheoryCourse)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.TheoryCourse, new { onchange = "" })
                    </td>
                    
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.Practicehours)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.Practicehours, new { onchange = "" })
                    </td>
                    <td>@Html.LabelFor(x => x.Trialhours)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.Trialhours, new { onchange = "" })
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.Totalhours)：
                    </td>
                    <td colspan="3">@Html.TextBoxFor(x => x.Totalhours, new TextBoxOptions { IsEnabled = false })
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div id="weekExpander" style="width: 16px; float: left; height: 16px; cursor: pointer;
                            background: url('../../Content/Bowin.Control.Core/themes/metro-blue/images/tree_icons.png') no-repeat -50px 0;"
                            onclick="swapWeekSettings();">
                        </div>
                        <div style="float: left; cursor: pointer; color: red;" onclick="swapWeekSettings();">
                            上课周次信息
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.TheoryWeeklyNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.TheoryWeeklyNum)
                    </td>
                    <td>@Html.LabelFor(x => x.PracticeWeeklyNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.PracticeWeeklyNum)
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.TrialWeeklyNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.TrialWeeklyNum)
                    </td>
                    <td>@Html.LabelFor(x => x.SchoolweeksNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.SchoolweeksNum, new TextBoxOptions { IsEnabled = false })
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.StartWeeklyNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.StartWeeklyNum)
                    </td>
                    <td>@Html.LabelFor(x => x.EndWeeklyNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.EndWeeklyNum)
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.WeeklyHours)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.WeeklyHours)
                    </td>
                    <td>@Html.LabelFor(x => x.WeeklyNum)：
                    </td>
                    <td>@Html.TextBoxFor(x => x.WeeklyNum)
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.TeachingModeID)：
                    </td>
                    <td colspan="3">
                        @Html.DictionaryCheckList(EMIS.ViewModel.DictionaryItem.CF_TeachingMode, lcop)
                    </td>
                </tr>
                @*<tr>
                    <td>@Html.LabelFor(x => x.TeachingPlaceID)：
                    </td>
                    <td colspan="3">@Html.DictionaryCheckList(EMIS.ViewModel.DictionaryItem.EM_TeachingPlace, lcoptp)
                    </td>
                </tr>*@ 
                <tr>
                    <td>
                        @Html.LabelFor(x => x.IsEnable)：
                    </td>
                    <td>
                        @Html.CheckBoxFor(x => x.IsEnable, (Model.IsEnable))
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(x => x.Remark)：
                    </td>
                    <td colspan="3">@Html.TextAreaFor(x => x.Remark, new Dictionary<string, object> { { "style", "width:98%;" } })
                    </td>
                </tr>
            </table>
        </div>
    }
</div>