kreta/KretaWeb/Views/Shared/_Nyugdij_Partial.cshtml

@using Kreta.Resources;
@using Kreta.Web.Helpers;
@using Kreta.Web.Models;
@using Kreta.Web.Security;

@model MentoriNyugdijModel

@Html.HiddenFor(x => x.MunkaugyiAdatId)

<style type="text/css">
    .k-sprite {
        line-height: normal;
        font-size: 2em;
        height: 1em;
        width: 1em;
    }
</style>
<script type="text/javascript">
    var NyugdijHelper = (function () {
        var nyugdijHelper = function () { };
        var url = {
            SaveMentoriNyugdijAdatok: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.ProfilApi, action = "SaveMentoriNyugdijAdatok" })",
        };

        function createNyugdijModel(maId, isNyugdijas, nyujdigTipusId, nyugdijKezdet) {
            return {
                MunkaugyiAdatId: maId,
                IsNyugdijas: isNyugdijas,
                NyugdijTipusId: nyujdigTipusId,
                NyugdijKezdet: nyugdijKezdet
            }
        }

        nyugdijHelper.nyugdijModel = createNyugdijModel("@(Model.MunkaugyiAdatId.HasValue ? Model.MunkaugyiAdatId.ToString() : string.Empty)",
            "@(Model.IsNyugdijas)", "@(Model.NyugdijTipusId.HasValue ? Model.NyugdijTipusId.ToString() : string.Empty)",
            "@(Model.NyugdijKezdet.HasValue ? Model.NyugdijKezdet.ToString() : string.Empty)");

        nyugdijHelper.szerkesztesClick = function () {
            $('#IsNyugdijas').prop("disabled", false).removeClass("k-state-disabled");
            $("#IsNyugdijas").focus();

            $("#NyugdijTipusId").data("kendoComboBox").enable(true);
            $("#NyugdijKezdet").data("kendoDatePicker").enable(true);

            $("#btnEditNyugdij").hide();
            $("#btnDeleteNyugdij").hide();
            $("#btnSaveNyugdij").show();
            $("#btnCancelNyugdij").show();
        };

        nyugdijHelper.mentesClick = function () {
            var data = createNyugdijModel(
                "@(Model.MunkaugyiAdatId.HasValue ? Model.MunkaugyiAdatId.ToString() : string.Empty)",
                $('#IsNyugdijas').prop('checked'),
                $("#NyugdijTipusId").data("kendoComboBox").value(),
                $("#NyugdijKezdet").data("kendoDatePicker").value(),
            );
            if (data.IsNyugdijas) {
                if (CommonUtils.isNullOrUndefined(data.NyugdijKezdet) || CommonUtils.isNullOrUndefined(data.NyugdijTipusId)) {
                    $("#nyugdijErrorContainer").show();
                }
                else {
                    $("#nyugdijErrorContainer").hide();
                    AjaxHelper.DoPost(url.SaveMentoriNyugdijAdatok, data, function () { successSaveAdatok(data) }, errorSaveAdatok);
                }
            }
            else {
                $("#nyugdijErrorContainer").hide();
                nyugdijHelper.nyugdijModel = data;
                nyugdijHelper.defaultAdatokControls();
            }
        };

        nyugdijHelper.torlesClick = function () {
            KretaWindowHelper.confirmWindow("@CommonResource.Kerdes", "@AlkalmazottResource.BiztosanTorliAMegadottNyugdijAdatokat", nyugdijHelper.torlesConfirmed);
        }

        nyugdijHelper.torlesConfirmed = function () {
            $('#IsNyugdijas').prop('checked', false);
            $("#NyugdijTipusId").data("kendoComboBox").value("");
            $("#NyugdijKezdet").data("kendoDatePicker").value("");
            nyugdijHelper.mentesClick();
            $("#btnDeleteNyugdij").hide();
        }

        nyugdijHelper.megsemClick = function () {
            nyugdijHelper.defaultAdatokControls();
        }

        nyugdijHelper.defaultAdatokControls = function () {
            var isNyugdijasCB = $("#IsNyugdijas");
            var nyugdijModel = nyugdijHelper.nyugdijModel;
            isNyugdijasCB.prop('checked', nyugdijModel.IsNyugdijas);
            isNyugdijasCB.prop("disabled", true).addClass("k-state-disabled");
            var nyugdijTipusIdKendoComboBox = $("#NyugdijTipusId").data("kendoComboBox");
            nyugdijTipusIdKendoComboBox.value(nyugdijModel.NyugdijTipusId != "" && nyugdijModel.NyugdijTipusId != -1 ? nyugdijModel.NyugdijTipusId : "");
            nyugdijTipusIdKendoComboBox.enable(false);

            var nyugdijKezdetKendoDatePicker = $("#NyugdijKezdet").data("kendoDatePicker");
            nyugdijKezdetKendoDatePicker.value(nyugdijModel.NyugdijKezdet != "" ? nyugdijModel.NyugdijKezdet : "");
            nyugdijKezdetKendoDatePicker.enable(false);


            $("#btnEditNyugdij").show();
            if ($('#IsNyugdijas').prop('checked')) {
                $("#btnDeleteNyugdij").show();
            }
            $("#btnSaveNyugdij").hide();
            $("#btnCancelNyugdij").hide();
        }

        successSaveAdatok = function (data) {
            nyugdijHelper.nyugdijModel = data;
            nyugdijHelper.defaultAdatokControls();
            KretaWindowHelper.successFeedBackWindow();
        }

        errorSaveAdatok = function (data) {
            KretaWindowHelper.feedbackWindow("@(CommonResource.Hiba)", data.responseJSON.Message, true);
        }

        return nyugdijHelper;
    })();
</script>

<div id="SorolasZaradek">
    <div class="row">
        <div class="col-sm-3">
            @Html.KretaCheckBoxFor(x => x.IsNyugdijas, renderLabelToRight: true).Enable(false)
        </div>
        <div class="col-sm-9">
            @Html.KretaButton("btnEditNyugdij", "", spriteCssClass: "fa fa-pencil", clickEventName: "NyugdijHelper.szerkesztesClick").HtmlAttributes(new { style = "padding-top: 5px; padding-bottom: 5px;" })
            @Html.KretaButton("btnDeleteNyugdij", "", spriteCssClass: "fa fa-trash-o", clickEventName: "NyugdijHelper.torlesClick").HtmlAttributes(new { style = "padding-top: 5px; padding-bottom: 5px; margin-left: 5px;" })
            @Html.KretaButton("btnSaveNyugdij", CommonResource.Mentes, clickEventName: "NyugdijHelper.mentesClick").HtmlAttributes(new { style = "display:none;" })
            <div id="nyugdijErrorContainer" style="padding-left: 10px; color: red; width: 475px;">
                @AlkalmazottResource.KerjukRogzitseNyugdijAdatait
            </div>
        </div>
    </div>
    <div class="row">
        @Html.KretaDatePickerFor(x => x.NyugdijKezdet).Min(new DateTime(1900, 01, 01)).RenderWithName(3, 3)
        @Html.KretaComboBoxFor(x => x.NyugdijTipusId, Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.ComboBoxHelperApi, action = "GetNyugdijTipusList" }), "Text", "Value").AutoBind(true).Enable(false).RenderWithName(3, 3)
    </div>
    <div class="row">
        @Html.KretaButton("btnCancelNyugdij", CommonResource.Megse, clickEventName: "NyugdijHelper.megsemClick").HtmlAttributes(new { style = "display:none;" })
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        if ($('#IsNyugdijas').prop('checked')) {
            $("#btnDeleteNyugdij").show();
        }
        else {
            $("#btnDeleteNyugdij").hide();
        }
        $("#NyugdijKezdet").data("kendoDatePicker").enable(false);
        $("#nyugdijErrorContainer").hide();
        $("#IsNyugdijas").on("focusout", isNyugdijaschanged);
        $("#IsNyugdijas").on("change", isNyugdijaschanged);

        function isNyugdijaschanged() {
            var isNyugdijasCheckBoxchecked = $("#IsNyugdijas")[0].checked;
            $("#NyugdijTipusId").data("kendoComboBox").enable(isNyugdijasCheckBoxchecked);
            $("#NyugdijKezdet").data("kendoDatePicker").enable(isNyugdijasCheckBoxchecked);
            if (!isNyugdijasCheckBoxchecked) {
                $("#NyugdijTipusId").data("kendoComboBox").value("");
                $("#NyugdijKezdet").data("kendoDatePicker").value("");
                $("#nyugdijErrorContainer").hide();
            }
        }
    });
</script>