@using Kreta.BusinessLogic.Logic.TanuloErtekeles
@using Kreta.Enums
@using Kreta.Enums.ManualEnums
@using Kreta.Enums.ManualEnums.SystemSettings
@using Kreta.Web.Areas.TanuloErtekeles.Controllers
@using Kreta.Web.Areas.TanuloErtekeles.Models.TanuloErtekeles
@using Kreta.Web.Helpers
@using Kreta.Web.Helpers.Grid;
@using Constants = Kreta.Web.Constants

@model MagatartasSzorgalomListModel

@section AddCss {
    @Styles.Render(Constants.General.TanuloErtekelesCSS)
}

@{
    var startPopupFormName = MagatartasSzorgalomController.StartPopupFormName;
    var startPopupId = MagatartasSzorgalomController.StartPopupId;

    var gridName = Model.NamePrefix + BaseTanuloErtekelesController.GridName;
    var formName = Model.NamePrefix + BaseTanuloErtekelesController.FormName;

    var editPopupFormName = MagatartasSzorgalomController.EditPopupFormName;
    var editPopupId = MagatartasSzorgalomController.EditPopupId;

    var mondatbankItemSelectPopupName = BaseTanuloErtekelesController.MondatbankItemSelectPopupName;
    var mondatbankItemSelectFormName = BaseTanuloErtekelesController.MondatbankItemSelectFormName;

    var datum = Model.Datum ?? DateTime.Today;
    var today = DateTime.Today;
    var datumMinValue = Model.DatumMinValue > today ? today : Model.DatumMinValue;
    var datumMaxValue = today;
    var datumParseDateFormat = Kreta.Core.Constants.ToStringPattern.HungarianDate;

    string szovegesMagatartasMasterId = "-1";
    string szovegesSzorgalomMasterId = "-2";
    string gridSzovegesInputMagatartas = gridName + "_MagatartasSzoveg_";
    string gridSzovegesInputSzorgalom = gridName + "_SzorgalomSzoveg_";
    string gridSzovegesMagatartasRovidNevSelector = "[id^=" + gridName + "_MagatartasSzovegRovidNev_]";
    string gridSzovegesSzorgalomRovidNevSelector = "[id^=" + gridName + "_SzorgalomSzovegRovidNev_]";
    string gridSzovegesInputMagatartasMaster = gridSzovegesInputMagatartas + szovegesMagatartasMasterId;
    string gridSzovegesInputSzorgalomMaster = gridSzovegesInputSzorgalom + szovegesSzorgalomMasterId;
}

@using (Html.KretaForm(formName))
{
    @Html.HiddenFor(m => m.OsztalyCsoportIdSearch)
    @Html.HiddenFor(m => m.DatumMinValue)
    <div class="container-fluid">
        <div class="row">
            @Html.KretaDatePickerFor(m => m.Datum).Min(datumMinValue).Max(datumMaxValue).Value(today).Events(e => e.Change("MagatartasSzorgalomHelper.datumChanged")).RenderWithName(2, 4, true)
        </div>
    </div>
    @Html.KretaValidationSummary()
}

@{
    var gridApiUrl = new GridApiUrl("MagatartasSzorgalomApi", "GetMagatartasSzorgalomGrid");

    var clientTemplateUrl = Url.Action("MagatartasSzorgalomGridDetail", "MagatartasSzorgalom", new { area = "TanuloErtekeles" });

    var grid = Html.KretaGrid<MagatartasSzorgalomGridModel>
    (
        gridName,
        gridApiUrl,
        dataBoundAdditionalFunction: "MagatartasSzorgalomHelper.dataBoundAdditionalFunction();",
        clientTemplate: "detailGrid-template",
        clientTemplateUrl: clientTemplateUrl,
        clientTemplateWholeDataRow: true,
        allowFilterable: false,
        dataParameterFunction: formName,
        allowPaging: false,
        pageSizes: null,
        sort: sort => sort.Add(s => s.TanuloNevElotagNelkul).Ascending()
    )
    .TableHtmlAttributes(new { @class = "TanuloErtekelesGrid" })
    .Columns(columns =>
    {
        columns.Bound(m => m.TanuloNevElotagNelkul).ClientTemplate(@"
<a class='kendoTooltipMagatartasSzorgalomTanuloNev gridLinkButton defaultCursor'
data-tanuloid='#: TanuloId #'
data-tanulonev='#: TanuloNev #'
data-osztaly='#: OsztalyNev #'
data-anyjaneve='#: AnyjaNeve #'
data-szuletesiido='#: SzuletesiIdoFormatted #'
>#: TanuloNev #</a>");
        columns.Bound(m => m.Szeptember).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Oktober).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.November).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.December).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.JanuarI).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.I).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap kozepre" }).Sortable(false);
        columns.Bound(m => m.JanuarII).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Februar).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Marcius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Aprilis).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Majus).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Junius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.II).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap kozepre" }).Sortable(false);
        columns.Template(@<text>&nbsp;</text>).HeaderTemplate(@<text>&nbsp;</text>); @*NOTE: ez egy bank Column, hogy a design ne  csússzon szét a hide/show miatt*@
            });

            var osztalyzatIdColumnTitle = @"
        <div class='gridSelect'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllOsztalyzatValue({0}, " + (int)OsztalyzatTipusEnum.elegtelen_1_ + ");' title='" + TanuloErtekelesResource.ElegtelenFullText + @"'>" + TanuloErtekelesResource.ElegtelenSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllOsztalyzatValue({0}, " + (int)OsztalyzatTipusEnum.elegseges_2_ + ");' title='" + TanuloErtekelesResource.ElegsegesFullText + @"'>" + TanuloErtekelesResource.ElegsegesSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllOsztalyzatValue({0}, " + (int)OsztalyzatTipusEnum.kozepes_3_ + ");' title='" + TanuloErtekelesResource.KozepesFullText + @"'>" + TanuloErtekelesResource.KozepesSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllOsztalyzatValue({0}, " + (int)OsztalyzatTipusEnum.jo_4_ + ");' title='" + TanuloErtekelesResource.JoFullText + @"'>" + TanuloErtekelesResource.JoSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllOsztalyzatValue({0}, " + (int)OsztalyzatTipusEnum.jeles_5_ + ");' title='" + TanuloErtekelesResource.JelesFullText + @"'>" + TanuloErtekelesResource.JelesSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllOsztalyzatValue({0});' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotba + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>";
            grid.SelectForColumn(Html.For<MagatartasSzorgalomGridModel>(), string.Format(osztalyzatIdColumnTitle, "true"), c => c.MagatartasOsztalyzatId, Model.OsztalyzatList, true, 262, new Dictionary<string, object> { { "class", "tanuloErtekelesSelectorGridColumnHeaderTh" } });
            grid.SelectForColumn(Html.For<MagatartasSzorgalomGridModel>(), string.Format(osztalyzatIdColumnTitle, "false"), c => c.SzorgalomOsztalyzatId, Model.OsztalyzatList, true, 262, new Dictionary<string, object> { { "class", "tanuloErtekelesSelectorGridColumnHeaderTh" } });

            string szovegesMasterHeader = @"<span class='k-link' style='display: block;'>{1}</div><div class='gridFormattedTextInput'>
                <div class='k-kretaFormattedTextInput' id='{0}' contenteditable='True' style='width: 250px'></div></div>";
            string szovegesMasterAdatszotarEsTorles = @"
        <div class='gridSelect mondatbank-fejlec' data-type-id='{0}'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.{1}({{ID: {0}}})' title='" + TanuloErtekelesResource.TanuloErtekelesMondatbank + @"'><i class='fa fa-ellipsis-h'></i></li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.deleteAllSzovegesErtekeles(""{2}"",""{0}"",""{3}"")' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotbaMind + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>";

            var szovegesMagatartasTemplate = grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.MagatartasSzoveg);
            if (Model.IsNyelviesitesActive)
            {
                szovegesMagatartasTemplate += "<div id='magatartasSzovegNyelviesites' class='hideNyelviesites'>";
                if (Model.IsNemetNemzetiDokumentumNyelvActive)
                {
                    szovegesMagatartasTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.MagatartasSzovegNemet);
                }
                if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                {
                    szovegesMagatartasTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.MagatartasSzovegHorvat);
                }
                if (Model.IsRomanNemzetiDokumentumNyelvActive)
                {
                    szovegesMagatartasTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.MagatartasSzovegRoman);
                }
                if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                {
                    szovegesMagatartasTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.MagatartasSzovegSzerb);
                }
                szovegesMagatartasTemplate += "</div>";
            }
            grid.TemplateColumn(TanuloErtekelesResource.MagatartasSzovegesErtekelesRovidites, szovegesMagatartasTemplate, 221, header: string.Format(szovegesMasterHeader, gridSzovegesInputMagatartasMaster, TanuloErtekelesResource.MagatartasSzovegesErtekelesRovidites));
            grid.TextBoxForColumn(Html.For<MagatartasSzorgalomGridModel>(), TanuloErtekelesResource.Rov, m => m.MagatartasSzovegRovidNev, width: 60);
            grid.RowFunction(Html, new List<RowFunction>
    {
        new RowFunction {Name = TanuloErtekelesResource.TanuloErtekelesMondatbank, ClientAction = "MagatartasSzorgalomHelper.openMagatartasMondatbankSelectPopup", IconEnum = GridRowFunctionIconEnum.HaromPont}
    }, header: string.Format(szovegesMasterAdatszotarEsTorles, szovegesMagatartasMasterId, "openMagatartasMondatbankSelectPopup", gridSzovegesInputMagatartas, gridSzovegesMagatartasRovidNevSelector));

            var szovegesSzorgalomTemplate = grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.SzorgalomSzoveg);
            if (Model.IsNyelviesitesActive)
            {
                szovegesSzorgalomTemplate += "<div id='magatartasSzovegNyelviesites' class='hideNyelviesites'>";
                if (Model.IsNemetNemzetiDokumentumNyelvActive)
                {
                    szovegesSzorgalomTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.SzorgalomSzovegNemet);
                }
                if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                {
                    szovegesSzorgalomTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.SzorgalomSzovegHorvat);
                }
                if (Model.IsRomanNemzetiDokumentumNyelvActive)
                {
                    szovegesSzorgalomTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.SzorgalomSzovegRoman);
                }
                if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                {
                    szovegesSzorgalomTemplate += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.SzorgalomSzovegSzerb);
                }
                szovegesSzorgalomTemplate += "</div>";
            }
            grid.TemplateColumn(string.Empty, szovegesSzorgalomTemplate, 221, header: string.Format(szovegesMasterHeader, gridSzovegesInputSzorgalomMaster, TanuloErtekelesResource.SzorgalomSzovegesErtekelesRovidites));
            grid.TextBoxForColumn(Html.For<MagatartasSzorgalomGridModel>(), TanuloErtekelesResource.Rov, m => m.SzorgalomSzovegRovidNev, width: 60);
            grid.RowFunction(Html, new List<RowFunction>
    {
        new RowFunction {Name = TanuloErtekelesResource.TanuloErtekelesMondatbank, ClientAction = "MagatartasSzorgalomHelper.openSzorgalomMondatbankSelectPopup", IconEnum = GridRowFunctionIconEnum.HaromPont}
    }, header: string.Format(szovegesMasterAdatszotarEsTorles, szovegesSzorgalomMasterId, "openSzorgalomMondatbankSelectPopup", gridSzovegesInputSzorgalom, gridSzovegesSzorgalomRovidNevSelector));

            var magatartasErtekIdColumnTitle = @"
        <div class='gridSelect'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)MagatartasErtekelesTipusEnum.rossz + ");'>" + TanuloErtekelesResource.Rossz + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)MagatartasErtekelesTipusEnum.valtozo + ");'>" + TanuloErtekelesResource.Valtozo + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)MagatartasErtekelesTipusEnum.jo + ");'>" + TanuloErtekelesResource.Jo + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)MagatartasErtekelesTipusEnum.peldas + ");'>" + TanuloErtekelesResource.Peldas + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0});' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotba + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>";
            grid.SelectForColumn(Html.For<MagatartasSzorgalomGridModel>(), string.Format(magatartasErtekIdColumnTitle, "true"), c => c.MagatartasErtekId, Model.MagatartasErtekList, width: 256, additionatHeaderHtmlAttributes: new Dictionary<string, object> { { "class", "tanuloErtekelesSelectorGridColumnHeaderTh" } });

            var szorgalomErtekIdColumnTitle = @"
        <div class='gridSelect'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)SzorgalomErtekelesTipusEnum.hanyag + ");'>" + TanuloErtekelesResource.Hanyag + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)SzorgalomErtekelesTipusEnum.valtozo + ");'>" + TanuloErtekelesResource.Valtozo + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)SzorgalomErtekelesTipusEnum.jo + ");'>" + TanuloErtekelesResource.Jo + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0}, " + (int)SzorgalomErtekelesTipusEnum.peldas + ");'>" + TanuloErtekelesResource.Peldas + @"</li>
                    <li class='kretaSelectorButton' onclick='MagatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue({0});' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotba + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>";
            grid.SelectForColumn(Html.For<MagatartasSzorgalomGridModel>(), string.Format(szorgalomErtekIdColumnTitle, "false"), c => c.SzorgalomErtekId, Model.SzorgalomErtekList, width: 268, additionatHeaderHtmlAttributes: new Dictionary<string, object> { { "class", "tanuloErtekelesSelectorGridColumnHeaderTh" } });

            grid.FunctionCommand(Html, new List<FunctionCommand>
    {
        new FunctionCommand {Name = CommonResource.Mentes, ClientAction = "MagatartasSzorgalomHelper.saveMagatartasSzorgalomList"},
        new FunctionCommand {Name = TanuloErtekelesResource.Osztalyzat, ClientAction = "MagatartasSzorgalomHelper.showOsztalyzat", Classes = "tanuloErtekelesFajta"},
        new FunctionCommand {Name = TanuloErtekelesResource.Szoveges, ClientAction = "MagatartasSzorgalomHelper.showSzoveg", Classes = "tanuloErtekelesFajta"},
        new FunctionCommand {Name = TanuloErtekelesResource.MagatartasSzorgalom, ClientAction = "MagatartasSzorgalomHelper.showMagatartasSzorgalomErtek", Classes = "tanuloErtekelesFajta"},
        new FunctionCommand {Name = CommonResource.Elolrol, ClientAction = "MagatartasSzorgalomHelper.openStartWindow", Classes = "kendo-gridFunctionKommandRed"},
        new FunctionCommand {Classes = "startInfoText clearFunctionCommand"}
    });
}
<div>
    @(grid)
</div>

@Html.KretaGridTemplate("detailGrid-template")

@Html.KretaTooltipTemplate("kendoTooltip-magatartasSzorgalomTanuloNevKendoTooltipTemplate",
    @"<div class='kendoTooltip'>
        <table>
            <tr>
                <td style='padding-right: 5px'><b>Osztály:</b></td>
                <td>#:target.data('osztaly')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Anyja neve:</b></td>
                <td>#:target.data('anyjaneve')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Születési idő:</b></td>
                <td>#:target.data('szuletesiido')#</td>
            </tr>
        </table>
    </div>")

@Html.KretaTooltipTemplate("kendoTooltip-magatartasSzorgalomKendoTooltipTemplate",
    @"<div class='kendoTooltip' style='#=target.data('tooltipstyle')#'>
        <div class='tooltipTanuloErtekeles'>#=target.data('tanuloertekeles')#</div>
        <p class='tooltipText'>#:target.data('datum')#</p>
        <p class='tooltipText'>#:target.data('tipusmod')#</p>
        <p class='tooltipText'>#:target.data('ertekelonyomtatasinev')#</p>
    </div>")

<script type="text/javascript">

    var MagatartasSzorgalomHelper = (function() {
        var magatartasSzorgalomHelper = function() { };

        var tanuloErtekelesTortent = [];
        var nyelviesithetoTanuloErtekelesTipusIdArray = @Html.Raw(Json.Encode(TanuloErtekelesLogicBase.NyelviesithetoTanuloErtekelesTipusIdList));

        var placeholderColumnIndex = 15;
        var magatartasOsztalyzatIdColumnIndex = 16;
        var szorgalomOsztalyzatIdColumnIndex = 17;
        var magatartasSzovegColumnIndex = 18;
        var magatartasSzovegRovidNevColumnIndex = 19;
        var magatartasMondatbankColumnIndex = 20;
        var szorgalomSzovegColumnIndex = 21;
        var szorgalomSzovegRovidNevColumnIndex = 22;
        var szorgalomMondatbankColumnIndex = 23;
        var magatartasErtekIdColumnIndex = 24;
        var szorgalomErtekIdColumnIndex = 25;

        var gridName = "@gridName";
        var formName = "@formName";

        var mondatbankItemSelectPopupName = "@mondatbankItemSelectPopupName";
        var mondatbankItemSelectFormName = "@mondatbankItemSelectFormName";

        var startPopupFormName = "@startPopupFormName";
        var startPopupId = "@startPopupId";

        var startInfoTextSelector = ".startInfoText";
        var datumSelector = "Datum";
        var magatartasSzovegSelector = "MagatartasSzoveg";
        var szorgalomSzovegSelector = "SzorgalomSzoveg";
        @if (Model.IsNyelviesitesActive)
        {
            if (Model.IsNemetNemzetiDokumentumNyelvActive)
            {
                <text>
                    var magatartasSzovegNemetSelector = "MagatartasSzovegNemet";
                    var szorgalomSzovegNemetSelector = "SzorgalomSzovegNemet";
                </text>
            }
            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
            {
                <text>
                    var magatartasSzovegHorvatSelector = "MagatartasSzovegHorvat";
                    var szorgalomSzovegHorvatSelector = "SzorgalomSzovegHorvat";
                </text>
            }
            if (Model.IsRomanNemzetiDokumentumNyelvActive)
            {
                <text>
                    var magatartasSzovegRomanSelector = "MagatartasSzovegRoman";
                    var szorgalomSzovegRomanSelector = "SzorgalomSzovegRoman";
                </text>
            }
            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
            {
                <text>
                    var magatartasSzovegSzerbSelector = "MagatartasSzovegSzerb";
                    var szorgalomSzovegSzerbSelector = "SzorgalomSzovegSzerb";
                </text>
            }
        }

        var ellatottFeladatTipusId = null;
        var editPopupId = "@editPopupId";
        var editPopupFormName = "@editPopupFormName";

        var datumValue = "@datum.ToString(datumParseDateFormat)";
        var datumMinValue = "@datumMinValue.ToString(datumParseDateFormat)";
        var datumMaxValue = "@datumMaxValue.ToString(datumParseDateFormat)";
        var datumParseDateFormat = "@datumParseDateFormat";

        var startPopupModel = null;

        var isMagatartasMondatbank = true;

        var lezartOsztalyCsoportok = @Html.Raw(Json.Encode(Model.LezartOsztalyCsoportok));

        var url = {
            Save: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new {controller = "MagatartasSzorgalomApi", action = "Save" })",
            OpenStartPopup: "@Url.Action("OpenStartPopup", "MagatartasSzorgalom", new {area = "TanuloErtekeles" })",
            OpenEditPopup: "@Url.Action("OpenEditPopup", "MagatartasSzorgalom", new {area = "TanuloErtekeles" })",
            Edit: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new {controller = "MagatartasSzorgalomApi", action = "Edit" })",
            Delete: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new {controller = "MagatartasSzorgalomApi", action = "Delete"})",
            OpenMondatbankSelectPopup: "@Url.Action("OpenMondatbankSelectPopup", "MagatartasSzorgalom", new {area = "TanuloErtekeles" })"
        };

        magatartasSzorgalomHelper.openStartWindow = function() {
            hideValidationSummary();
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                $("#OsztalyCsoportIdSearch").val(null);
                KretaGridHelper.clearGridData(gridName);
            }
            startPopupModel = null;
            $(startInfoTextSelector).html("&nbsp;");
            var datum = kendo.parseDate(datumValue, datumParseDateFormat);
            KretaDateTimeHelper.setDate(datumSelector, datum);

            var tipusId = "@Model.TipusId";
            var postData = { tipusId: tipusId };
            AjaxHelper.DoPost(url.OpenStartPopup, postData, popUpStartWindow);
        }

        function popUpStartWindow(data) {
            var config = KretaWindowHelper.getWindowConfigContainer();
            config.width = "500px";
            config.content = data;

            var modal = KretaWindowHelper.createWindow(startPopupId, config);
            var model = KretaGridHelper.getSearchParameterObject(startPopupFormName);
            if (model.MagatartasSzorgalomKeresoAdatTipus === "@((int)SystemSettingsMagatartasSzorgalomKeresesSzuroEnum.Osztalyfonok)") {
                modal.setOptions({ height: 165 });
            } else {
                modal.setOptions({ height: 206 });
            }
            KretaWindowHelper.openWindow(modal, true);
        }

        magatartasSzorgalomHelper.keresoSzuroOnClick = function() {
            var value = $("#MagatartasSzorgalomKeresoSzuro").val();
            var osztalyCsoportIdDropDownList = KretaDropDownListHelper.getKendoDropDownListData("OsztalyCsoportId");
            //NOTE: Az első betöltéskor a osztalyCsoportIdDropDownList undefined, de alapból kap értékeket a lista!
            if (!CommonUtils.isUndefined(osztalyCsoportIdDropDownList)) {
                if (value === "@((int)MagatartasSzorgalomKeresoSzuroEnum.Osztalyfonok)") {
                    osztalyCsoportIdDropDownList.dataSource.data(@Html.Raw(Json.Encode(Model.OsztalyCsoportListByFelhasznaloId)));
                    osztalyCsoportIdDropDownList.select(0);
                } else if (value === "@((int)MagatartasSzorgalomKeresoSzuroEnum.Ttf)") {
                    osztalyCsoportIdDropDownList.dataSource.data(@Html.Raw(Json.Encode(Model.OsztalyCsoportListByFoglalkozas)));
                    osztalyCsoportIdDropDownList.select(0);
                } else {
                    osztalyCsoportIdDropDownList.dataSource.data(@Html.Raw(Json.Encode(Model.OsztalyCsoportList)));
                    osztalyCsoportIdDropDownList.select(0);
                }
            }
        }

        magatartasSzorgalomHelper.startTovabb = function() {
            var form = $("#" + startPopupFormName);
            if (form.valid()) {
                startPopupModel = KretaGridHelper.getSearchParameterObject(startPopupFormName);
                TanuloErtekelesHelper.setMenuCaption(startPopupModel.TipusId);
                var osztalyCsoportIdDropDownList = KretaDropDownListHelper.getKendoDropDownListData("OsztalyCsoportId");
                $(startInfoTextSelector).html(kendo.htmlEncode(osztalyCsoportIdDropDownList.text() + " - " + startPopupModel.TipusId_input));

                startPopupModel.Datum = KretaDateTimeHelper.getDate(datumSelector);

                var osztalyCsoportComboBoxDataItem = $("#OsztalyCsoportId").data("kendoDropDownList").dataItem();
                if (osztalyCsoportComboBoxDataItem.Data) {
                    ellatottFeladatTipusId = osztalyCsoportComboBoxDataItem.Data["EllatottFeladatTipusId"];
                }

                $("#OsztalyCsoportIdSearch").val(startPopupModel.OsztalyCsoportId);

                KretaGridHelper.refreshGrid(gridName);
                magatartasSzorgalomHelper.setTanuloErtekelesFajtaColumnsVisibility("@((int) TanuloErtekelesFajtaEnum.MagatartasSzorgalomErtek)");

                KretaWindowHelper.destroyWindow(startPopupId);
            }
        }

        magatartasSzorgalomHelper.datumChanged = function() {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;

                var datum = KretaDateTimeHelper.getDate(datumSelector);

                var searchDate = startPopupModel.Datum;
                var minDate = kendo.parseDate(datumMinValue, datumParseDateFormat);
                var maxDate = kendo.parseDate(datumMaxValue, datumParseDateFormat);

                if (searchDate !== datum && datum >= minDate && datum <= maxDate) {
                    var rows = KretaGridHelper.getAllRows(gridName);
                    tanuloErtekelesTortent.length = [];
                    $.each(rows, function() {
                        var id = this.ID;
                        var magatartasSzoveg = $("#" + gridName + "_" + magatartasSzovegSelector + "_" + id).html();
                        var szorgalomSzoveg = $("#" + gridName + "_" + szorgalomSzovegSelector + "_" + id).html();
                        if (!CommonUtils.isNullOrWhiteSpace(magatartasSzoveg, false) || !CommonUtils.isNullOrWhiteSpace(szorgalomSzoveg, false)) {
                            if (!CommonUtils.isNullOrWhiteSpace(magatartasSzoveg, false)) {
                                this.MagatartasSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzoveg);
                                if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                                    @if (Model.IsNyelviesitesActive)
                                    {
                                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var magatartasSzovegNemet = $("#" + gridName + "_" + magatartasSzovegNemetSelector + "_" + this.ID).html();
                                                this.MagatartasSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegNemet);
                                            </text>
                                        }
                                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var magatartasSzovegHorvat = $("#" + gridName + "_" + magatartasSzovegHorvatSelector + "_" + this.ID).html();
                                                this.MagatartasSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegHorvat);
                                            </text>
                                        }
                                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var magatartasSzovegRoman = $("#" + gridName + "_" + magatartasSzovegRomanSelector + "_" + this.ID).html();
                                                this.MagatartasSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegRoman);
                                            </text>
                                        }
                                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var magatartasSzovegSzerb = $("#" + gridName + "_" + magatartasSzovegSzerbSelector + "_" + this.ID).html();
                                                this.MagatartasSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegSzerb);
                                            </text>
                                        }
                                    }
                                }
                            }
                            if (!CommonUtils.isNullOrWhiteSpace(szorgalomSzoveg, false)) {
                                this.SzorgalomSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzoveg);
                                if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                                    @if (Model.IsNyelviesitesActive)
                                    {
                                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var szorgalomSzovegNemet = $("#" + gridName + "_" + szorgalomSzovegNemetSelector + "_" + this.ID).html();
                                                this.SzorgalomSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegNemet);
                                            </text>
                                        }
                                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var szorgalomSzovegHorvat = $("#" + gridName + "_" + szorgalomSzovegHorvatSelector + "_" + this.ID).html();
                                                this.SzorgalomSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegHorvat);
                                            </text>
                                        }
                                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var szorgalomSzovegRoman = $("#" + gridName + "_" + szorgalomSzovegRomanSelector + "_" + this.ID).html();
                                                this.SzorgalomSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegRoman);
                                            </text>
                                        }
                                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                        {
                                            <text>
                                                var szorgalomSzovegSzerb = $("#" + gridName + "_" + szorgalomSzovegSzerbSelector + "_" + this.ID).html();
                                                this.SzorgalomSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegSzerb);
                                            </text>
                                        }
                                    }
                                }
                            }
                            this.dirty = true;
                            KretaGridHelper.addInputToRowData(this);
                        }
                        if (this.dirty) {
                            if (this.ki_MagatartasOsztalyzatId ||
                                this.ki_SzorgalomOsztalyzatId ||
                                !CommonUtils.isNullOrWhiteSpace(this.MagatartasSzoveg, false) ||
                                this.ki_MagatartasSzovegRovidNev ||
                                !CommonUtils.isNullOrWhiteSpace(this.SzorgalomSzoveg, false) ||
                                this.ki_SzorgalomSzovegRovidNev ||
                                this.ki_MagatartasErtekId ||
                                this.ki_SzorgalomErtekId) {
                                tanuloErtekelesTortent.push(this);
                            }
                        }
                    });
                    refreshGrid(datum);
                }
            }
        };

        function refreshGrid(datum) {
            startPopupModel.Datum = datum;
            KretaGridHelper.refreshGrid(gridName);
        }

        magatartasSzorgalomHelper.saveMagatartasSzorgalomList = function() {
            var form = $("#" + formName);
            if (form.valid()) {
                var model = getMagatartasSzorgalomListSaveModel();
                AjaxHelper.DoValidationPost(url.Save, formName, model, saveResponseOk);
                tanuloErtekelesTortent.length = [];
            }
        }

        function getMagatartasSzorgalomListSaveModel() {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            var model = {};

            var formData = $("#" + formName).toObject();

            if (!CommonUtils.isNullOrEmpty(startPopupModel)) {
                model.TipusId = tipusId;
                model.OsztalyCsoportId = startPopupModel.OsztalyCsoportId;
                model.MagatartasSzorgalomKeresoAdatTipus = startPopupModel.MagatartasSzorgalomKeresoAdatTipus;
                model.MagatartasSzorgalomKeresoSzuro = startPopupModel.MagatartasSzorgalomKeresoSzuro;
            } else {
                model.TipusId = null;
                model.OsztalyCsoportId = null;
                model.MagatartasSzorgalomKeresoAdatTipus = null;
                model.MagatartasSzorgalomKeresoSzuro = null;
            }

            model.Datum = formData.Datum;
            model.DatumMinValue = formData.DatumMinValue;
            model.MagatartasSzorgalomListSaveModelItemList = [];

            var rows = KretaGridHelper.getAllRows(gridName);
            $.each(rows, function() {
                var id = this.ID;
                var magatartasSzoveg = $("#" + gridName + "_" + magatartasSzovegSelector + "_" + id).html();
                var szorgalomSzoveg = $("#" + gridName + "_" + szorgalomSzovegSelector + "_" + id).html();
                if (!CommonUtils.isNullOrWhiteSpace(magatartasSzoveg, false) || !CommonUtils.isNullOrWhiteSpace(szorgalomSzoveg, false)) {
                    if (!CommonUtils.isNullOrWhiteSpace(magatartasSzoveg, false)) {
                        this.MagatartasSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzoveg);
                        if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                            @if (Model.IsNyelviesitesActive)
                            {
                                if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var magatartasSzovegNemet = $("#" + gridName + "_" + magatartasSzovegNemetSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(magatartasSzovegNemet, false)) {
                                            this.MagatartasSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegNemet);
                                        } else {
                                            this.MagatartasSzovegNemet = null;
                                        }
                                    </text>
                                }
                                if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var magatartasSzovegHorvat = $("#" + gridName + "_" + magatartasSzovegHorvatSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(magatartasSzovegHorvat, false)) {
                                            this.MagatartasSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegHorvat);
                                        } else {
                                            this.MagatartasSzovegHorvat = null;
                                        }
                                    </text>
                                }
                                if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var magatartasSzovegRoman = $("#" + gridName + "_" + magatartasSzovegRomanSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(magatartasSzovegRoman, false)) {
                                            this.MagatartasSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegRoman);
                                        } else {
                                            this.MagatartasSzovegRoman = null;
                                        }
                                    </text>
                                }
                                if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var magatartasSzovegSzerb = $("#" + gridName + "_" + magatartasSzovegSzerbSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(magatartasSzovegSzerb, false)) {
                                            this.MagatartasSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(magatartasSzovegSzerb);
                                        } else {
                                            this.MagatartasSzovegSzerb = null;
                                        }
                                    </text>
                                }
                            }
                        }
                    } else {
                        this.MagatartasSzoveg = null;
                    }

                    if (!CommonUtils.isNullOrWhiteSpace(szorgalomSzoveg, false)) {
                        this.SzorgalomSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzoveg);
                        if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                            @if (Model.IsNyelviesitesActive)
                            {
                                if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var szorgalomSzovegNemet = $("#" + gridName + "_" + szorgalomSzovegNemetSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(szorgalomSzovegNemet, false)) {
                                            this.SzorgalomSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegNemet);
                                        } else {
                                            this.SzorgalomSzovegNemet = null;
                                        }
                                    </text>
                                }
                                if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var szorgalomSzovegHorvat = $("#" + gridName + "_" + szorgalomSzovegHorvatSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(szorgalomSzovegHorvat, false)) {
                                            this.SzorgalomSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegHorvat);
                                        } else {
                                            this.SzorgalomSzovegHorvat = null;
                                        }
                                    </text>
                                }
                                if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var szorgalomSzovegRoman = $("#" + gridName + "_" + szorgalomSzovegRomanSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(szorgalomSzovegRoman, false)) {
                                            this.SzorgalomSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegRoman);
                                        } else {
                                            this.SzorgalomSzovegRoman = null;
                                        }
                                    </text>
                                }
                                if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        var szorgalomSzovegSzerb = $("#" + gridName + "_" + szorgalomSzovegSzerbSelector + "_" + this.ID).html();
                                        if (!CommonUtils.isNullOrWhiteSpace(szorgalomSzovegSzerb, false)) {
                                            this.SzorgalomSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(szorgalomSzovegSzerb);
                                        } else {
                                            this.SzorgalomSzovegSzerb = null;
                                        }
                                    </text>
                                }
                            }
                        }
                    } else {
                        this.SzorgalomSzoveg = null;
                    }
                    this.dirty = true;
                    KretaGridHelper.addInputToRowData(this);
                } else {
                    this.MagatartasSzoveg = null;
                    this.SzorgalomSzoveg = null;
                }

                if (this.dirty) {
                    var magatartasSzorgalom = {
                        "TanuloId": id,
                        "MagatartasOsztalyzatId": this.ki_MagatartasOsztalyzatId,
                        "SzorgalomOsztalyzatId": this.ki_SzorgalomOsztalyzatId,
                        "MagatartasSzoveg": this.MagatartasSzoveg,
                        "MagatartasSzovegRovidNev": this.ki_MagatartasSzovegRovidNev,
                        "SzorgalomSzoveg": this.SzorgalomSzoveg,
                        "SzorgalomSzovegRovidNev": this.ki_SzorgalomSzovegRovidNev,
                        "MagatartasErtekId": this.ki_MagatartasErtekId,
                        "SzorgalomErtekId": this.ki_SzorgalomErtekId
                    };
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    magatartasSzorgalom["MagatartasSzovegNemet"] = this.MagatartasSzovegNemet;
                                    magatartasSzorgalom["SzorgalomSzovegNemet"] = this.SzorgalomSzovegNemet;
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    magatartasSzorgalom["MagatartasSzovegHorvat"] = this.MagatartasSzovegHorvat;
                                    magatartasSzorgalom["SzorgalomSzovegHorvat"] = this.SzorgalomSzovegHorvat;
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    magatartasSzorgalom["MagatartasSzovegRoman"] = this.MagatartasSzovegRoman;
                                    magatartasSzorgalom["SzorgalomSzovegRoman"] = this.SzorgalomSzovegRoman;
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    magatartasSzorgalom["MagatartasSzovegSzerb"] = this.MagatartasSzovegSzerb;
                                    magatartasSzorgalom["SzorgalomSzovegSzerb"] = this.SzorgalomSzovegSzerb;
                                </text>
                            }
                        }
                    }

                    model.MagatartasSzorgalomListSaveModelItemList.push(magatartasSzorgalom);
                }
            });
            return model;
        }

        magatartasSzorgalomHelper.openEditWindow = function (data) {
            var postData = { id: data.ID, ellatottFeladatTipusId: ellatottFeladatTipusId };
            AjaxHelper.DoPost(url.OpenEditPopup, postData, popUpEditWindow);
        }

        magatartasSzorgalomHelper.editCancel = function() {
            destroyEditWindow();
        }

        magatartasSzorgalomHelper.editSave = function() {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            var formData = $("#" + editPopupFormName).toObject();
            if (!CommonUtils.isUndefined(formData.MagatartasSzovegEdit)) {
                $("#" + magatartasSzovegSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.MagatartasSzovegEdit));
                if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                    @if (Model.IsNyelviesitesActive)
                    {
                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + magatartasSzovegNemetSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.MagatartasSzovegNemetEdit));
                            </text>
                        }
                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + magatartasSzovegHorvatSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.MagatartasSzovegHorvatEdit));
                            </text>
                        }
                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + magatartasSzovegRomanSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.MagatartasSzovegRomanEdit));
                            </text>
                        }
                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + magatartasSzovegSzerbSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.MagatartasSzovegSzerbEdit));
                            </text>
                        }
                    }
                }
            }

            if (!CommonUtils.isUndefined(formData.SzorgalomSzovegEdit)) {
                $("#" + szorgalomSzovegSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.SzorgalomSzovegEdit));
                if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                    @if (Model.IsNyelviesitesActive)
                    {
                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + szorgalomSzovegNemetSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.SzorgalomSzovegNemetEdit));
                            </text>
                        }
                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + szorgalomSzovegHorvatSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.SzorgalomSzovegHorvatEdit));
                            </text>
                        }
                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + szorgalomSzovegRomanSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.SzorgalomSzovegRomanEdit));
                            </text>
                        }
                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + szorgalomSzovegSzerbSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.SzorgalomSzovegSzerbEdit));
                            </text>
                        }
                    }
                }
            }
            AjaxHelper.DoPostElement(url.Edit, editPopupFormName, editResponseOk);
        }

        magatartasSzorgalomHelper.editDeleteConfirmWindow = function() {
            var formData = $("#" + editPopupFormName).toObject();
            KretaWindowHelper.confirmWindow("@CommonResource.Kerdes", "@CommonResource.BiztosanTorli", deleteMagatartasSzorgalom, formData.IdEdit);
        }

        magatartasSzorgalomHelper.dataBoundAdditionalFunction = function() {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            KretaTooltipHelper.setTooltip($(".kendoTooltipMagatartasSzorgalomTanuloNev"), "#kendoTooltip-magatartasSzorgalomTanuloNevKendoTooltipTemplate");

            var tanuloErtekelesKendoTooltip = $(".tanuloErtekelesKendoTooltip");
            KretaTooltipHelper.setTooltip(tanuloErtekelesKendoTooltip, "#kendoTooltip-magatartasSzorgalomKendoTooltipTemplate");
            tanuloErtekelesKendoTooltip.click(function() {
                var modosithato = $(this).attr("data-modosithato");
                if (CommonUtils.parseBool(modosithato)) {
                    var tanuloErtekelesId = $(this).attr("data-tanuloertekelesid");
                    if (!CommonUtils.isNullOrEmpty(tanuloErtekelesId)) {
                        var data = { ID: tanuloErtekelesId };
                        KretaTooltipHelper.hidaAllTooltips();
                        magatartasSzorgalomHelper.openEditWindow(data);
                    }
                }
            });
            magatartasSzorgalomHelper.setTanuloErtekelesDataAfterChangeDate();

            $("#@gridSzovegesInputMagatartasMaster").off("paste");
            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + magatartasSzovegSelector + "_");
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + magatartasSzovegNemetSelector + "_");
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + magatartasSzovegHorvatSelector + "_");
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + magatartasSzovegRomanSelector + "_");
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + magatartasSzovegSzerbSelector + "_");
                        </text>
                    }
                }
            }

            $("#@gridSzovegesInputSzorgalomMaster").off("paste");
            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + szorgalomSzovegSelector + "_");
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + szorgalomSzovegNemetSelector + "_");
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + szorgalomSzovegHorvatSelector + "_");
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + szorgalomSzovegRomanSelector + "_");
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + szorgalomSzovegSzerbSelector + "_");
                        </text>
                    }
                }
            }
        }

        magatartasSzorgalomHelper.hideAllTanuloErtekelesFajtaGridColumns = function() {
            var kendoGrid = KretaGridHelper.getKendoGridData(gridName);
            if (!CommonUtils.isUndefined(kendoGrid)) {
                kendoGrid.showColumn(placeholderColumnIndex);
                kendoGrid.hideColumn(magatartasOsztalyzatIdColumnIndex);
                kendoGrid.hideColumn(szorgalomOsztalyzatIdColumnIndex);
                kendoGrid.hideColumn(magatartasSzovegColumnIndex);
                kendoGrid.hideColumn(magatartasSzovegRovidNevColumnIndex);
                kendoGrid.hideColumn(magatartasMondatbankColumnIndex);
                kendoGrid.hideColumn(szorgalomSzovegColumnIndex);
                kendoGrid.hideColumn(szorgalomSzovegRovidNevColumnIndex);
                kendoGrid.hideColumn(szorgalomMondatbankColumnIndex);
                kendoGrid.hideColumn(magatartasErtekIdColumnIndex);
                kendoGrid.hideColumn(szorgalomErtekIdColumnIndex);
            }
        }

        function popUpEditWindow(data) {
            var config = KretaWindowHelper.getWindowConfigContainer();
            config.title = "@TanuloErtekelesResource.ErtekelesModositasa";
            config.maxWidth = "960px";
            config.height = "585px";
            config.content = data;

        var modal = KretaWindowHelper.createWindow(editPopupId, config);
        KretaWindowHelper.openWindow(modal, true);
    }

        magatartasSzorgalomHelper.deleteConfirmWindow = function(rowData) {
            KretaWindowHelper.confirmWindow("@CommonResource.Kerdes", "@CommonResource.BiztosanTorli", deleteMagatartasSzorgalom, rowData.ID);
        }

    function deleteMagatartasSzorgalom(data) {
        AjaxHelper.DoPost(url.Delete, data, deleteResponseOk, feedbackError);
    }

    function deleteResponseOk() {
        KretaWindowHelper.successFeedBackWindow(destroyEditWindow);
        KretaGridHelper.refreshGrid(gridName);
    }

    function saveResponseOk(data) {
        if (CommonUtils.isNullOrEmpty(data)) {
            KretaWindowHelper.successFeedBackWindow();
        } else {
            var text = "@TanuloErtekelesResource.MentesSikeresenMegtortentKiveveFelmentettek" + " " + data;
            KretaWindowHelper.successFeedBackWindow(undefined, text);
        }

        deleteSzovegesErtekelesMasterValue("@gridSzovegesInputMagatartasMaster");
        deleteSzovegesErtekelesMasterValue("@gridSzovegesInputSzorgalomMaster");

        KretaGridHelper.refreshGrid(gridName);
    }

    function editResponseOk() {
        KretaWindowHelper.successFeedBackWindow(destroyEditWindow);
        KretaGridHelper.refreshGrid(gridName);
    }

    function destroyEditWindow() {
        KretaWindowHelper.destroyWindow(editPopupId);
    }

    function feedbackError() {
        var msg = "@CommonResource.Hiba";
        KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", msg, true);
    }

        magatartasSzorgalomHelper.showOsztalyzat = function() {
            magatartasSzorgalomHelper.setTanuloErtekelesFajtaColumnsVisibility("@((int) TanuloErtekelesFajtaEnum.Osztalyzat)");
        }

        magatartasSzorgalomHelper.showSzoveg = function() {
            magatartasSzorgalomHelper.setTanuloErtekelesFajtaColumnsVisibility("@((int) TanuloErtekelesFajtaEnum.Szoveges)");
        }

        magatartasSzorgalomHelper.showMagatartasSzorgalomErtek = function() {
            magatartasSzorgalomHelper.setTanuloErtekelesFajtaColumnsVisibility("@((int) TanuloErtekelesFajtaEnum.MagatartasSzorgalomErtek)");
        }

    magatartasSzorgalomHelper.setTanuloErtekelesFajtaColumnsVisibility = function (value) {
        magatartasSzorgalomHelper.hideAllTanuloErtekelesFajtaGridColumns();
        var kendoGrid = KretaGridHelper.getKendoGridData(gridName);
        if (value !== "") {
            kendoGrid.hideColumn(placeholderColumnIndex);
            if (value === "@((int) TanuloErtekelesFajtaEnum.Osztalyzat)") {
                if (ellatottFeladatTipusId != @((int)OktatasiNevelesiFeladatEnum.AlapfokuMuveszetoktatas) || @Json.Encode(Model.IsAmiMagatartasErtekelheto)) {
                    kendoGrid.showColumn(magatartasOsztalyzatIdColumnIndex);
                }
                kendoGrid.showColumn(szorgalomOsztalyzatIdColumnIndex);
            } else if (value === "@((int) TanuloErtekelesFajtaEnum.Szoveges)") {
                if (ellatottFeladatTipusId != @((int)OktatasiNevelesiFeladatEnum.AlapfokuMuveszetoktatas) || @Json.Encode(Model.IsAmiMagatartasErtekelheto)) {
                    kendoGrid.showColumn(magatartasSzovegColumnIndex);
                    kendoGrid.showColumn(magatartasMondatbankColumnIndex);
                }
                kendoGrid.showColumn(szorgalomSzovegColumnIndex);
                kendoGrid.showColumn(szorgalomMondatbankColumnIndex);
            } else if (value === "@((int) TanuloErtekelesFajtaEnum.MagatartasSzorgalomErtek)") {
                if (ellatottFeladatTipusId != @((int)OktatasiNevelesiFeladatEnum.AlapfokuMuveszetoktatas) || @Json.Encode(Model.IsAmiMagatartasErtekelheto)) {
                    kendoGrid.showColumn(magatartasErtekIdColumnIndex);
                }
                kendoGrid.showColumn(szorgalomErtekIdColumnIndex);
            }
        } else {
            kendoGrid.showColumn(placeholderColumnIndex);
        }
    }

        magatartasSzorgalomHelper.setTanuloErtekelesDataAfterChangeDate = function() {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            if (tanuloErtekelesTortent.length > 0) {
                for (var i = 0; i < tanuloErtekelesTortent.length; i++) {
                    var id = tanuloErtekelesTortent[i].id;

                var magatartasOsztalyzatIdSelectListSelector = "#div" + gridName + "_MagatartasOsztalyzatId_" + id + " li";
                var magatartasOsztalyzatIdValueControlSelector = "#" + gridName + "_MagatartasOsztalyzatId_" + id;
                TanuloErtekelesHelper.setValueToGridSelectorControlAfterChangeDate(tanuloErtekelesTortent[i].ki_MagatartasOsztalyzatId, magatartasOsztalyzatIdSelectListSelector, magatartasOsztalyzatIdValueControlSelector);

                var szorgalomOsztalyzatIdSelectListSelector = "#div" + gridName + "_SzorgalomOsztalyzatId_" + id + " li";
                var szorgalomOsztalyzatIdValueControlSelector = "#" + gridName + "_SzorgalomOsztalyzatId_" + id;
                TanuloErtekelesHelper.setValueToGridSelectorControlAfterChangeDate(tanuloErtekelesTortent[i].ki_SzorgalomOsztalyzatId, szorgalomOsztalyzatIdSelectListSelector, szorgalomOsztalyzatIdValueControlSelector);

                    $("#" + gridName + "_" + magatartasSzovegSelector + "_" + id).html(tanuloErtekelesTortent[i].MagatartasSzoveg);
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + magatartasSzovegNemetSelector + "_" + id).html(tanuloErtekelesTortent[i].MagatartasSzovegNemet);
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + magatartasSzovegHorvatSelector + "_" + id).html(tanuloErtekelesTortent[i].MagatartasSzovegHorvat);
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + magatartasSzovegRomanSelector + "_" + id).html(tanuloErtekelesTortent[i].MagatartasSzovegRoman);
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + magatartasSzovegSzerbSelector + "_" + id).html(tanuloErtekelesTortent[i].MagatartasSzovegSzerb);
                                </text>
                            }
                        }
                    }
                    $("#" + gridName + "_MagatartasSzovegRovidNev_" + id).val(tanuloErtekelesTortent[i].ki_MagatartasSzovegRovidNev);

                    $("#" + gridName + "_" + szorgalomSzovegSelector + "_" + id).html(tanuloErtekelesTortent[i].SzorgalomSzoveg);
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + szorgalomSzovegNemetSelector + "_" + id).html(tanuloErtekelesTortent[i].SzorgalomSzovegNemet);
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + szorgalomSzovegHorvatSelector + "_" + id).html(tanuloErtekelesTortent[i].SzorgalomSzovegHorvat);
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + szorgalomSzovegRomanSelector + "_" + id).html(tanuloErtekelesTortent[i].SzorgalomSzovegRoman);
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + szorgalomSzovegSzerbSelector + "_" + id).html(tanuloErtekelesTortent[i].SzorgalomSzovegSzerb);
                                </text>
                            }
                        }
                    }
                    $("#" + gridName + "_SzorgalomSzovegRovidNev_" + id).val(tanuloErtekelesTortent[i].ki_SzorgalomSzovegRovidNev);

                var magatartasErtekIdSelectListSelector = "#div" + gridName + "_MagatartasErtekId_" + id + " li";
                var magatartasErtekIdValueControlSelector = "#" + gridName + "_MagatartasErtekId_" + id;
                TanuloErtekelesHelper.setValueToGridSelectorControlAfterChangeDate(tanuloErtekelesTortent[i].ki_MagatartasErtekId, magatartasErtekIdSelectListSelector, magatartasErtekIdValueControlSelector);

                var szorgalomErtekIdSelectListSelector = "#div" + gridName + "_SzorgalomErtekId_" + id + " li";
                var szorgalomErtekIdValueControlSelector = "#" + gridName + "_SzorgalomErtekId_" + id;
                TanuloErtekelesHelper.setValueToGridSelectorControlAfterChangeDate(tanuloErtekelesTortent[i].ki_SzorgalomErtekId, szorgalomErtekIdSelectListSelector, szorgalomErtekIdValueControlSelector);

                KretaGridHelper.setRowToDirty(gridName, id);
            }
        }
    }

        magatartasSzorgalomHelper.changeAllOsztalyzatValue = function(isMagatartas, val) {
            var selectorId;
            if (CommonUtils.parseBool(isMagatartas)) {
                selectorId = "MagatartasOsztalyzatId";
            } else {
                selectorId = "SzorgalomOsztalyzatId";
            }
            var defaultSelector = "td div[id*='" + selectorId + "'] .kretaSelectorButton";
            TanuloErtekelesHelper.changeColumnValues(gridName, defaultSelector, val);
        }

        magatartasSzorgalomHelper.changeAllMagatartasSzorgalomValue = function(isMagatartas, val) {
            var selectorId;
            if (CommonUtils.parseBool(isMagatartas)) {
                selectorId = "MagatartasErtekId";
            } else {
                selectorId = "SzorgalomErtekId";
            }
            var defaultSelector = "td div[id*='" + selectorId + "'] .kretaSelectorButton";
            TanuloErtekelesHelper.changeColumnValues(gridName, defaultSelector, val);
        }

        magatartasSzorgalomHelper.openMagatartasMondatbankSelectPopup = function(data) {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            isMagatartasMondatbank = true;
            KretaGridHelper.addInputToRowData(data);
            var id = parseInt(data.ID);
            var magatartasSzoveg = $("#" + gridName + "_" + magatartasSzovegSelector + "_" + id).html();
            var postData = {
                "MondatbankSelectPopupRowId": id,
                "MondatbankSelectPopupSzoveg": magatartasSzoveg,
                "MondatbankSelectPopupRovidNev": data.ki_MagatartasSzovegRovidNev,
                "MondatbankSelectPopupTanuloErtekelesTipusId": parseInt(tipusId),
                "MondatbankSelectPopupOsztalyCsoportId": parseInt(startPopupModel.OsztalyCsoportId),
                "MondatbankSelectPopupTantargyId": parseInt(startPopupModel.TantargyId),
                "MondatbankSelectPopupTipusId": parseInt("@((int)ErtMondatbankTipusEnum.Magatartas)")
            };
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var magatartasSzovegNemet = $("#" + gridName + "_" + magatartasSzovegNemetSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegNemet"] = magatartasSzovegNemet;
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var magatartasSzovegHorvat = $("#" + gridName + "_" + magatartasSzovegHorvatSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegHorvat"] = magatartasSzovegHorvat;
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var magatartasSzovegRoman = $("#" + gridName + "_" + magatartasSzovegRomanSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegRoman"] = magatartasSzovegRoman;
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var magatartasSzovegSzerb = $("#" + gridName + "_" + magatartasSzovegSzerbSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegSzerb"] = magatartasSzovegSzerb;
                        </text>
                    }
                }
            }
            AjaxHelper.DoPost(url.OpenMondatbankSelectPopup, postData, popUpMondatbankSelectWindow);
        };

        magatartasSzorgalomHelper.openSzorgalomMondatbankSelectPopup = function(data) {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            isMagatartasMondatbank = false;
            KretaGridHelper.addInputToRowData(data);
            var id = parseInt(data.ID);
            var szorgalomSzoveg = $("#" + gridName + "_" + szorgalomSzovegSelector + "_" + id).html();
            var postData = {
                "MondatbankSelectPopupRowId": id,
                "MondatbankSelectPopupSzoveg": szorgalomSzoveg,
                "MondatbankSelectPopupRovidNev": data.ki_SzorgalomSzovegRovidNev,
                "MondatbankSelectPopupTanuloErtekelesTipusId": parseInt(tipusId),
                "MondatbankSelectPopupOsztalyCsoportId": parseInt(startPopupModel.OsztalyCsoportId),
                "MondatbankSelectPopupTantargyId": parseInt(startPopupModel.TantargyId),
                "MondatbankSelectPopupTipusId": parseInt("@((int)ErtMondatbankTipusEnum.Szorgalom)")
            };
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var szorgalomSzovegNemet = $("#" + gridName + "_" + szorgalomSzovegNemetSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegNemet"] = szorgalomSzovegNemet;
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var szorgalomSzovegHorvat = $("#" + gridName + "_" + szorgalomSzovegHorvatSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegHorvat"] = szorgalomSzovegHorvat;
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var szorgalomSzovegRoman = $("#" + gridName + "_" + szorgalomSzovegRomanSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegRoman"] = szorgalomSzovegRoman;
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var szorgalomSzovegSzerb = $("#" + gridName + "_" + szorgalomSzovegSzerbSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegSzerb"] = szorgalomSzovegSzerb;
                        </text>
                    }
                }
            }
            AjaxHelper.DoPost(url.OpenMondatbankSelectPopup, postData, popUpMondatbankSelectWindow);
        };

        function popUpMondatbankSelectWindow(data) {
        var config = KretaWindowHelper.getWindowConfigContainer();
        config.title = "@TanuloErtekelesResource.Mondatbank";
        config.maxWidth = "960px";
        config.height = "400px";
        config.content = data;

        var modal = KretaWindowHelper.createWindow(mondatbankItemSelectPopupName, config);
        KretaWindowHelper.openWindow(modal, true);
    }

        magatartasSzorgalomHelper.mondatbankSelectPopupCancel = function() {
            destroyMondatbankItemSelectPopup();
        };

        magatartasSzorgalomHelper.mondatbankSelectPopupSelect = function () {
            var tipusId = null;
            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                tipusId = startPopupModel.TipusId;
            }

            var form = $('#' + mondatbankItemSelectFormName);
            if (form.valid()) {
                var data = form.toObject();
                var isValidSzoveg = true;
                var ertekelesSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg($("#MondatbankSelectPopupSzoveg").data("kendoEditor").value());
                if (!CommonUtils.isNullOrUndefined(ertekelesSzoveg) && (ertekelesSzoveg.includes("<script") || ertekelesSzoveg.includes("script>"))) {
                    isValidSzoveg = false;
                }
                if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                    @if (Model.IsNyelviesitesActive)
                    {
                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                var ertekelesSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg($("#MondatbankSelectPopupSzovegNemet").data("kendoEditor").value());
                                if (!CommonUtils.isNullOrUndefined(ertekelesSzovegNemet) && (ertekelesSzovegNemet.includes("@Html.Raw("<script")") || ertekelesSzovegNemet.includes("@Html.Raw("script>")"))) {
                                    isValidSzoveg = false;
                                }
                            </text>
                        }
                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                var ertekelesSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg($("#MondatbankSelectPopupSzovegHorvat").data("kendoEditor").value());
                                if (!CommonUtils.isNullOrUndefined(ertekelesSzovegHorvat) && (ertekelesSzovegHorvat.includes("@Html.Raw("<script")") || ertekelesSzovegHorvat.includes("@Html.Raw("script>")"))) {
                                    isValidSzoveg = false;
                                }
                            </text>
                        }
                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                var ertekelesSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg($("#MondatbankSelectPopupSzovegRoman").data("kendoEditor").value());
                                if (!CommonUtils.isNullOrUndefined(ertekelesSzovegRoman) && (ertekelesSzovegRoman.includes("@Html.Raw("<script")") || ertekelesSzovegRoman.includes("@Html.Raw("script>")"))) {
                                    isValidSzoveg = false;
                                }
                            </text>
                        }
                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                var ertekelesSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg($("#MondatbankSelectPopupSzovegSzerb").data("kendoEditor").value());
                                if (!CommonUtils.isNullOrUndefined(ertekelesSzovegSzerb) && (ertekelesSzovegSzerb.includes("@Html.Raw("<script")") || ertekelesSzovegSzerb.includes("@Html.Raw("script>")"))) {
                                    isValidSzoveg = false;
                                }
                            </text>
                        }
                    }
                }
                if (isValidSzoveg) {
                    if (isMagatartasMondatbank) {
                        if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzoveg, false)) {
                            $("#" + gridName + "_" + magatartasSzovegSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzoveg);
                            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                                @if (Model.IsNyelviesitesActive)
                                {
                                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegNemet, false)) {
                                                $("#" + gridName + "_" + magatartasSzovegNemetSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegNemet);
                                            }
                                        </text>
                                    }
                                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegHorvat, false)) {
                                                $("#" + gridName + "_" + magatartasSzovegHorvatSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegHorvat);
                                            }
                                        </text>
                                    }
                                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegRoman, false)) {
                                                $("#" + gridName + "_" + magatartasSzovegRomanSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegRoman);
                                            }
                                        </text>
                                    }
                                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegSzerb, false)) {
                                                $("#" + gridName + "_" + magatartasSzovegSzerbSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegSzerb);
                                            }
                                        </text>
                                    }
                                }
                            }
                            $("#" + gridName + "_MagatartasSzovegRovidNev_" + data.MondatbankSelectPopupRowId).val(data.MondatbankSelectPopupRovidNev);
                        }
                    } else {
                        if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzoveg, false)) {
                            $("#" + gridName + "_" + szorgalomSzovegSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzoveg);
                            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                                @if (Model.IsNyelviesitesActive)
                                {
                                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegNemet, false)) {
                                                $("#" + gridName + "_" + szorgalomSzovegNemetSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegNemet);
                                            }
                                        </text>
                                    }
                                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegHorvat, false)) {
                                                $("#" + gridName + "_" + szorgalomSzovegHorvatSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegHorvat);
                                            }
                                        </text>
                                    }
                                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegRoman, false)) {
                                                $("#" + gridName + "_" + szorgalomSzovegRomanSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegRoman);
                                            }
                                        </text>
                                    }
                                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegSzerb, false)) {
                                               $("#" + gridName + "_" + szorgalomSzovegSzerbSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegSzerb);
                                            }
                                        </text>
                                    }
                                }
                            }
                            $("#" + gridName + "_SzorgalomSzovegRovidNev_" + data.MondatbankSelectPopupRowId).val(data.MondatbankSelectPopupRovidNev);
                        }
                    }
                    KretaGridHelper.setRowToDirty(gridName, data.MondatbankSelectPopupRowId);

                    if (data.MondatbankSelectPopupRowId === "@szovegesMagatartasMasterId") {
                        document.getElementById("@gridSzovegesInputMagatartasMaster").dispatchEvent(new Event('input'));
                        magatartasSzorgalomHelper.changeAllSzovegesRovidNev("@gridSzovegesMagatartasRovidNevSelector", data.MondatbankSelectPopupRovidNev);
                    }
                    else if (data.MondatbankSelectPopupRowId === "@szovegesSzorgalomMasterId") {
                        document.getElementById("@gridSzovegesInputSzorgalomMaster").dispatchEvent(new Event('input'));
                        magatartasSzorgalomHelper.changeAllSzovegesRovidNev("@gridSzovegesSzorgalomRovidNevSelector", data.MondatbankSelectPopupRovidNev);
                    }
                    destroyMondatbankItemSelectPopup();
                } else {
                    KretaWindowHelper.gridSzovegesRovidNevgesRovidNevgesRovidNevgesRovidNeveedbackWindow("@CommonResource.Hiba", "@CommonResource.AzErtekekNemEngedelyezettSzovegetTartalmaznak", true);
                }
            }
        }

        function destroyMondatbankItemSelectPopup() {
            KretaWindowHelper.destroyWindow(mondatbankItemSelectPopupName);
        }

        function hideValidationSummary() {
            AjaxHelper.CallRemoteErrors($("#@formName"), {});
        }

        magatartasSzorgalomHelper.isLezartOsztalyCsoport = function () {
            var osztalyCsoportId = parseInt($('#OsztalyCsoportIdSearch').val())
            return lezartOsztalyCsoportok.indexOf(osztalyCsoportId) != -1;
        }

        magatartasSzorgalomHelper.deleteAllSzovegesErtekeles = function (gridInputId, postfix, rovidErtSelector) {
            deleteSzovegesErtekelesMasterValue(gridInputId + postfix);
            magatartasSzorgalomHelper.changeAllSzovegesErtekeles(gridInputId, "");
            magatartasSzorgalomHelper.changeAllSzovegesRovidNev(rovidErtSelector, "");
        }

        function deleteSzovegesErtekelesMasterValue(selector) {
            document.getElementById(selector).innerHTML = "";
        }

        magatartasSzorgalomHelper.changeAllSzovegesRovidNev = function (selector, content) {
            var ertekelesRovidBoxNodes = document.querySelectorAll(selector);
            for (var i = 0; i < ertekelesRovidBoxNodes.length; i++) {
                ertekelesRovidBoxNodes[i].value = content || "";
            }
        }

        magatartasSzorgalomHelper.changeAllSzovegesErtekeles = function (gridInputId, content) {
            var selector = `[id^=${gridInputId}]`;
            var nodes = document.querySelectorAll(selector);
            for (var i = 1; i < nodes.length; i++) {
                nodes[i].innerHTML = content;
            }
        }

        return magatartasSzorgalomHelper;
    })();

    function addClass(selector, className) {
        var elements = document.querySelectorAll(selector);
        elements.forEach(function (e) {
            e.classList.add(className);
        });
    }

    function removeClass(selector, className) {
        var elements = document.querySelectorAll(selector);
        elements.forEach(function (e) {
            e.classList.remove(className);
        });
    }

    $(document).ready(function() {
        MagatartasSzorgalomHelper.setTanuloErtekelesFajtaColumnsVisibility("@((int) TanuloErtekelesFajtaEnum.MagatartasSzorgalomErtek)");
        MagatartasSzorgalomHelper.openStartWindow();

        var warning = "warning";
        var highlight = "highlight";
        var focus = "focus";
        var szovegesMagatartasMasterId = "@szovegesMagatartasMasterId";
        var szovegesSzorgalomMasterId = "@szovegesSzorgalomMasterId";
        var gridSzovegesInputMagatartas = "@gridSzovegesInputMagatartas";
        var gridSzovegesInputSzorgalom = "@gridSzovegesInputSzorgalom";

        var szovegesMagatartasMasterSelector = `#${gridSzovegesInputMagatartas}${szovegesMagatartasMasterId}`;
        var szovegesSzorgalomMasterSelector = `#${gridSzovegesInputSzorgalom}${szovegesSzorgalomMasterId}`;
        var szovegesMagatartasInputsSelector = `.k-grid > table.TanuloErtekelesGrid [id^=${gridSzovegesInputMagatartas}]`;
        var szovegesSzorgalomInputsSelector = `.k-grid > table.TanuloErtekelesGrid [id^=${gridSzovegesInputSzorgalom}]`;
        var szovegesMagatartasInputsOnlyDataRowSelector = `.k-grid > table.TanuloErtekelesGrid td [id^=${gridSzovegesInputMagatartas}]`;
        var szovegesSzorgalomInputsOnlyDataRowSelector = `.k-grid > table.TanuloErtekelesGrid td [id^=${gridSzovegesInputSzorgalom}]`;
        var szovegesMagatartasMondatbankMasterSelector = `#MagatartasSzorgalomTanuloErtekelesGrid > table > thead > tr > th > div.mondatbank-fejlec[data-type-id='${szovegesMagatartasMasterId}'] li:nth-child(1)`;
        var szovegesMagatartasTorlesSelector = `#MagatartasSzorgalomTanuloErtekelesGrid > table > thead > tr > th > div.mondatbank-fejlec[data-type-id='${szovegesMagatartasMasterId}'] li:nth-child(2)`;
        var szovegesSzorgalomMondatbankMasterSelector = `#MagatartasSzorgalomTanuloErtekelesGrid > table > thead > tr > th > div.mondatbank-fejlec[data-type-id='${szovegesSzorgalomMasterId}'] li:nth-child(1)`;
        var szovegesSzorgalomTorlesSelector = `#MagatartasSzorgalomTanuloErtekelesGrid > table > thead > tr > th > div.mondatbank-fejlec[data-type-id='${szovegesSzorgalomMasterId}'] li:nth-child(2)`;

        var szovegesMagatartasMasterElement = document.getElementById(gridSzovegesInputMagatartas + szovegesMagatartasMasterId);
        var szovegesSzorgalomMasterElement = document.getElementById(gridSzovegesInputSzorgalom + szovegesSzorgalomMasterId);

        szovegesMagatartasMasterElement.addEventListener('input', function () {
            MagatartasSzorgalomHelper.changeAllSzovegesErtekeles(gridSzovegesInputMagatartas, szovegesMagatartasMasterElement.innerHTML);
        })
        szovegesSzorgalomMasterElement.addEventListener('input', function () {
            MagatartasSzorgalomHelper.changeAllSzovegesErtekeles(gridSzovegesInputSzorgalom, szovegesSzorgalomMasterElement.innerHTML);
        })
        szovegesMagatartasMasterElement.addEventListener('focus', function () {
            addClass(szovegesMagatartasMasterSelector, focus);
            addClass(szovegesMagatartasInputsOnlyDataRowSelector, warning);
        })
        szovegesMagatartasMasterElement.addEventListener('focusout', function () {
            removeClass(szovegesMagatartasMasterSelector, focus);
            removeClass(szovegesMagatartasInputsOnlyDataRowSelector, warning);
        })
        szovegesSzorgalomMasterElement.addEventListener('focus', function () {
            addClass(szovegesSzorgalomMasterSelector, focus);
            addClass(szovegesSzorgalomInputsOnlyDataRowSelector, warning);
        })
        szovegesSzorgalomMasterElement.addEventListener('focusout', function () {
            removeClass(szovegesSzorgalomMasterSelector, focus);
            removeClass(szovegesSzorgalomInputsOnlyDataRowSelector, warning);
        })
        var szovegesMagatartasTorles = document.querySelector(szovegesMagatartasTorlesSelector);
        szovegesMagatartasTorles.addEventListener('mouseover', function () {
            addClass(szovegesMagatartasInputsSelector, warning);
        });
        szovegesMagatartasTorles.addEventListener('mouseout', function () {
            removeClass(szovegesMagatartasInputsSelector, warning);
        });
        var szovegesSzorgalomTorles = document.querySelector(szovegesSzorgalomTorlesSelector);
        szovegesSzorgalomTorles.addEventListener('mouseover', function () {
            addClass(szovegesSzorgalomInputsSelector, warning);
        });
        szovegesSzorgalomTorles.addEventListener('mouseout', function () {
            removeClass(szovegesSzorgalomInputsSelector, warning);
        });
        var szovegesMagatartasMondatbankMaster = document.querySelector(szovegesMagatartasMondatbankMasterSelector);
        szovegesMagatartasMondatbankMaster.addEventListener('mouseover', function () {
            addClass(szovegesMagatartasMasterSelector, highlight)
            addClass(szovegesMagatartasInputsOnlyDataRowSelector, warning);
        });
        szovegesMagatartasMondatbankMaster.addEventListener('mouseout', function () {
            removeClass(szovegesMagatartasMasterSelector, highlight)
            removeClass(szovegesMagatartasInputsOnlyDataRowSelector, warning);
        });
        var szovegesSzorgalomMondatbankMaster = document.querySelector(szovegesSzorgalomMondatbankMasterSelector);
        szovegesSzorgalomMondatbankMaster.addEventListener('mouseover', function () {
            addClass(szovegesSzorgalomMasterSelector, highlight)
            addClass(szovegesSzorgalomInputsOnlyDataRowSelector, warning);
        });
        szovegesSzorgalomMondatbankMaster.addEventListener('mouseout', function () {
            removeClass(szovegesSzorgalomMasterSelector, highlight)
            removeClass(szovegesSzorgalomInputsOnlyDataRowSelector, warning);
        });
    });
</script>

@Html.Partial("~/Areas/TanuloErtekeles/Views/Shared/_TanuloErtekelesCommon.cshtml")