kreta/KretaWeb/Views/Shared/BankszamlaEditor.cshtml

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

@model TanuloBankszamlaModel

<style type="text/css">
    .k-sprite {
        line-height: normal;
        font-size: 2em;
        height: 1em;
        width: 1em;
    }
</style>
<script type="text/javascript">
    var BankszamlaEditorHelper = (function () {
        var bankszamlaEditorHelper = function () { };

        function createBankszamla(bszSzam, bszTulaj, bszTulajNeve, bszBank) {
            return {
                BankszamlaSzam: bszSzam,
                BankszamlaTulajdonos: bszTulaj,
                BankszamlaTulajdonosNeve: bszTulajNeve,
                SzamlavezetoBank: bszBank
            }
        }

        bankszamlaEditorHelper.tanuloBankszamlaModel = createBankszamla("@(Model.BankszamlaSzam ?? string.Empty)", @(Model.BankszamlaTulajdonos ?? -1), "@(Model.BankszamlaTulajdonosNeve ?? string.Empty)", "@Html.Raw(string.IsNullOrWhiteSpace(Model.SzamlavezetoBank) ? "" : Model.SzamlavezetoBank)");

        bankszamlaEditorHelper.szerkesztesClick = function () {
            $("#@Model.BankszamlaSzamId").data("kendoMaskedTextBox").enable(true);
            $("#@Model.BankszamlaSzamId").focus();

            $("#@Model.BankszamlaTulajdonosId").data("kendoComboBox").enable(true);
            $("#@Model.BankszamlaTulajdonosNeveId").prop("disabled", false).removeClass("k-state-disabled");

            $("#btnEdit@(Model.IdPostfix ?? "")").hide();
            $("#btnDelete@(Model.IdPostfix ?? "")").hide();
            $("#btnSave@(Model.IdPostfix ?? "")").show();
            $("#btnCancel@(Model.IdPostfix ?? "")").show();
        };

        bankszamlaEditorHelper.mentesClick = function () {
            var data = createBankszamla(
                $("#@Model.BankszamlaSzamId").data("kendoMaskedTextBox").value(),
                $("#@Model.BankszamlaTulajdonosId").data("kendoComboBox").value(),
                $("#@Model.BankszamlaTulajdonosNeveId").val(),
                $("#@Model.SzamlavezetoBankId").val(),
            );
            @(Model.JavascriptAjaxSaveMethod)(data);
        };

        bankszamlaEditorHelper.torlesClick = function () {
            KretaWindowHelper.confirmWindow("@CommonResource.Kerdes", "@TanuloResource.BiztosanTorliAMegadottBankszamlaAdatokat", bankszamlaEditorHelper.torlesConfirmed);
        }

        bankszamlaEditorHelper.torlesConfirmed = function () {
            $("#@Model.BankszamlaSzamId").data("kendoMaskedTextBox").value("");
            $("#@Model.BankszamlaTulajdonosId").data("kendoComboBox").value("");
            $("#@Model.BankszamlaTulajdonosNeveId").val("");
            $("#@Model.SzamlavezetoBankId").val("");
            bankszamlaEditorHelper.mentesClick();
            $("#btnDelete@(Model.IdPostfix ?? "")").hide();
        }

        bankszamlaEditorHelper.megsemClick = function () {
            bankszamlaEditorHelper.defaultBankszamlaAdatokControls();
        }

        bankszamlaEditorHelper.defaultBankszamlaAdatokControls = function () {
            var bankszamlaszamKendoMaskedTextBox = $("#@Model.BankszamlaSzamId").data("kendoMaskedTextBox");
            bankszamlaszamKendoMaskedTextBox.value(this.tanuloBankszamlaModel.BankszamlaSzam);
            bankszamlaszamKendoMaskedTextBox.enable(false);

            var bankszamlaszamText = bankszamlaszamKendoMaskedTextBox.value();
            $("#@Model.SzamlavezetoBankId").val(this.tanuloBankszamlaModel.SzamlavezetoBank);
            $("#@Model.SzamlavezetoBankId").css("color", "");
            $("#@Model.SzamlavezetoBankId").prev("span").text(this.tanuloBankszamlaModel.SzamlavezetoBank);

            var bankszamlaTulajdonosKendoComboBox = $("#@Model.BankszamlaTulajdonosId").data("kendoComboBox");

            bankszamlaTulajdonosKendoComboBox.value(this.tanuloBankszamlaModel.BankszamlaTulajdonos != -1 ? this.tanuloBankszamlaModel.BankszamlaTulajdonos : "");

            bankszamlaTulajdonosKendoComboBox.enable(false);

            $("#@Model.BankszamlaTulajdonosNeveId").val(this.tanuloBankszamlaModel.BankszamlaTulajdonosNeve);
            $("#@Model.BankszamlaTulajdonosNeveId").prop("disabled", true).addClass("k-state-disabled");

            $("#btnEdit@(Model.IdPostfix ?? "")").show();
            if (bankszamlaszamText) {
                $("#btnDelete@(Model.IdPostfix ?? "")").show();
            }
            $("#btnSave@(Model.IdPostfix ?? "")").hide();
            $("#btnCancel@(Model.IdPostfix ?? "")").hide();
        }

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

@if (!string.IsNullOrWhiteSpace(Model.Cimsor))
{
<h4>@Model.Cimsor</h4>
}
<div class="row">
    @Html.KretaMaskedTextBoxFor(x => x.BankszamlaSzam, "00000000-00000000-00000000", htmlAttributes: new Dictionary<string, object> { { "id", Model.BankszamlaSzamId } }).ClearPromptChar(true).UnmaskOnPost(true).Enable(false).RenderWithName(!Model.IsReadonly ? 2 : 3, 3, tooltipResource: !Model.IsReadonly ? Model.BankszamlaSzamTooltip : Model.BankszamlaSzamReadonlyTooltip)
    @Html.KretaTextBoxFor(x => x.SzamlavezetoBank, htmlAttributes: new Dictionary<string, object> { { "id", Model.SzamlavezetoBankId } }).Enable(false).RenderWithName(!Model.IsReadonly ? 2 : 3, !Model.IsReadonly ? 4 : 3, tooltipResource: string.IsNullOrWhiteSpace(Model.BankszamlaSzam) ? "" : "-", tooltipOnControl: true)
    @if (!Model.IsReadonly)
    {
    @Html.KretaButton("btnEdit" + Model.IdPostfix, "", spriteCssClass: "fa fa-pencil", clickEventName: "BankszamlaEditorHelper.szerkesztesClick").HtmlAttributes(new { style = "padding-top: 5px; padding-bottom: 5px;" })
    @Html.KretaButton("btnDelete" + Model.IdPostfix, "", spriteCssClass: "fa fa-trash-o", clickEventName: "BankszamlaEditorHelper.torlesClick").HtmlAttributes(new { style = "padding-top: 5px; padding-bottom: 5px; margin-left: 5px;" })
    @Html.KretaButton("btnSave" + Model.IdPostfix, CommonResource.Mentes, clickEventName: "BankszamlaEditorHelper.mentesClick").HtmlAttributes(new { style = "display:none;" })
    }
    @if (!Model.IsReadonly && Model.IsSzakkepzo)
    {
    <div id="szakkepzoBankszamlaTooltipContainer@(Model.IdPostfix ?? "")" style="display: inline; padding-left: 10px; position: relative;">
        <img style="height: 10px; padding: 0 10px 0 0; background-image: url(../Content/content/images/Information_icon.png); background-size: 10px; background-repeat: no-repeat;" />
        <span style="visibility: hidden; background-color: #f4f4f4; color: #5c6a79; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 10; border: 1px solid silver; right: 10px; width: 400px;">@TanuloResource.SzakkepzoBankszamlaTooltip</span>
    </div>
    }
</div>
<div class="row">
    @Html.KretaComboBoxFor(x => x.BankszamlaTulajdonos, Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.ComboBoxHelperApi, action = "GetBankszamlaTulajdonosEnumList" }), htmlAttributes: new Dictionary<string, object> { { "id", Model.BankszamlaTulajdonosId } }).AutoBind(true).Enable(false).RenderWithName(!Model.IsReadonly ? 2 : 3, 3)
    @Html.KretaTextBoxFor(x => x.BankszamlaTulajdonosNeve, htmlAttributes: new Dictionary<string, object> { { "id", Model.BankszamlaTulajdonosNeveId } }).Enable(false).RenderWithName(!Model.IsReadonly ? 2 : 3, !Model.IsReadonly ? 4 : 3)
    @if (!Model.IsReadonly)
    {
    @Html.KretaButton("btnCancel" + Model.IdPostfix, CommonResource.Megse, clickEventName: "BankszamlaEditorHelper.megsemClick").HtmlAttributes(new { style = "display:none;" })
    }
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var bankszamlaszam = $("#@Model.BankszamlaSzamId").data("kendoMaskedTextBox").value();
        var szamlavezetoBank = $("#@Model.SzamlavezetoBankId").val();
        if (!CommonUtils.isNullOrWhiteSpace(bankszamlaszam) && CommonUtils.isNullOrWhiteSpace(szamlavezetoBank) && CommonUtils.parseBool("@ClaimData.IsAdministrator") == false) {
            szamlavezetoBank = "@Html.Raw(ErrorResource.NemMegfeleloFormatumuABankszamla)";
            $("#@Model.SzamlavezetoBankId").css("color", "red");
        }
        $("#@Model.SzamlavezetoBankId").val(szamlavezetoBank);
        $("#@Model.SzamlavezetoBankId").prev("span").text(szamlavezetoBank);

        if (bankszamlaszam) {
            $("#btnDelete@(Model.IdPostfix ?? "")").show();
        }
        else {
            $("#btnDelete@(Model.IdPostfix ?? "")").hide();
        }

        $("#szakkepzoBankszamlaTooltipContainer@(Model.IdPostfix ?? "")")
        .hover(function () {
            $(this).children("span").css("visibility", "visible");
        }, function () {
            $(this).children("span").css("visibility", "hidden");
        });
    });

    $("#@Model.BankszamlaSzamId").blur(function () {
        var bankszamlaszam = $("#@Model.BankszamlaSzamId").data("kendoMaskedTextBox").value()
        var url = '@Url.Action("GetBankszamlaVezetoBankNeve", Constants.Controllers.Layout, new { area = "" })';
        CommonUtils.getBankszamlaVezetoBankAjax(url, bankszamlaszam).done(function (data) {
            var szamlavezetoBank = data;
            if (!CommonUtils.isNullOrWhiteSpace(bankszamlaszam) && CommonUtils.isNullOrWhiteSpace(szamlavezetoBank) && CommonUtils.parseBool("@ClaimData.IsAdministrator") == false) {
                szamlavezetoBank = "@Html.Raw(ErrorResource.NemMegfeleloFormatumuABankszamla)";
                $("#@Model.SzamlavezetoBankId").css("color", "red");
                $("#btnSave@(Model.IdPostfix ?? "")").data("kendoButton").enable(false);
            }
            else {
                $("#@Model.SzamlavezetoBankId").css("color", "");
                $("#btnSave@(Model.IdPostfix ?? "")").data("kendoButton").enable(true);
            }
            $("#@Model.SzamlavezetoBankId").val(szamlavezetoBank);
            $("#@Model.SzamlavezetoBankId").prev("span").text(szamlavezetoBank);
        });
    });
</script>