@using Kreta.BusinessLogic.Logic.TanuloErtekeles
@using Kreta.Core
@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
@using CoreConstants = Kreta.Core.Constants;

@model ErtekelesListModel

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

@{
    var controllerName = Model.IsFromSzervezet ? Constants.Controllers.DualisErtekeles: Constants.Controllers.Ertekeles;
    var apiControllerName = Model.IsFromSzervezet ? Constants.ApiControllers.DualisErtekelesApi : Constants.ApiControllers.ErtekelesApi;

    var startPopupFormName = ErtekelesController.StartPopupFormName;
    var startPopupId = ErtekelesController.StartPopupId;

    var gridName = Model.NamePrefix + BaseTanuloErtekelesController.GridName;
    var formName = Model.NamePrefix + BaseTanuloErtekelesController.FormName;
    string ertekelesSzovegSelector = "ErtekelesSzoveg";
    var szovegesMasterId = "-1";
    string ertekelesSzovegesMasterSelector = gridName + "_" + ertekelesSzovegSelector + "_" + szovegesMasterId;

    var editPopupFormName = ErtekelesController.EditPopupFormName;
    var editPopupId = ErtekelesController.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;
}

@using (Html.KretaForm(formName))
{
    @Html.HiddenFor(m => m.OsztalyCsoportIdSearch)
    @Html.HiddenFor(m => m.TantargyIdSearch)
    @Html.HiddenFor(m => m.DatumMinValue)
    @Html.HiddenFor(m => m.IsNaploErtekeles)
    @Html.HiddenFor(m => m.TanarIdSearch)
    <div class="container-fluid">
        <div class="row">
            <div id="divErtekelesModId">
                @Html.KretaComboBoxFor(m => m.ErtekelesModId, Model.ErtekelesModList).RenderWithName(2, 4, true)
            </div>
            @(Model.IsNaploErtekeles ?
                Html.HiddenFor(m => m.Datum) :
                Html.KretaDatePickerFor(m => m.Datum).Min(datumMinValue).Max(datumMaxValue).Value(today).Events(e => e.Change("ErtekelesHelper.datumChanged")).RenderWithName(2, 4, true))
        </div>
        <div class="row">
            <div id="ertekelesTemaComboBox">
                @Html.KretaComboBoxFor(m => m.ErtekelesTema, Model.TemaList, isCustomAllowed: true, htmlAttributes: new Dictionary<string, object> { { "maxlength", 2000 } }, showPlaceHolder: false).RenderWithName(2, 4, true)
            </div>
            <div id="ertekelesTemaTextBox">
                @Html.KretaTextBoxFor(m => m.ErtekelesTemaText, new Dictionary<string, object> { { "maxlength", 2000 } }).RenderWithName(2, 4, true)
            </div>

@if (Model.IsNyelviesitesActive)
            {
                <div id="temaNyelviesites" class="hideNyelviesites">
                    @{
                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                        {
                            @Html.KretaTextBoxFor(m => m.ErtekelesTemaNemet, new Dictionary<string, object> { { "maxlength", 2000 } }).RenderWithName(2, 10, true);
                        }
                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                        {
                            @Html.KretaTextBoxFor(m => m.ErtekelesTemaHorvat, new Dictionary<string, object> { { "maxlength", 2000 } }).RenderWithName(2, 10, true);
                        }
                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                        {
                            @Html.KretaTextBoxFor(m => m.ErtekelesTemaRoman, new Dictionary<string, object> { { "maxlength", 2000 } }).RenderWithName(2, 10, true);
                        }
                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                        {
                            @Html.KretaTextBoxFor(m => m.ErtekelesTemaSzerb, new Dictionary<string, object> { { "maxlength", 2000 } }).RenderWithName(2, 10, true);
                        }
                    }
                </div>
            }
        </div>
    </div>
    @Html.KretaValidationSummary()
}

@{
    var gridApiUrl = new GridApiUrl(apiControllerName, Model.IsNaploErtekeles ? "GetNaplozasErtekelesGrid" : "GetErtekelesGrid");

    var clientTemplateUrl = Model.IsNaploErtekeles
        ? Url.Action("NaplozasErtekelesGridDetail", controllerName, new { area = "TanuloErtekeles" })
        : Url.Action("ErtekelesGridDetail", controllerName, new { area = "TanuloErtekeles" });

    var grid = Html.KretaGrid<ErtekelesGridModel>
    (
        gridName,
        gridApiUrl,
        dataBoundAdditionalFunction: "ErtekelesHelper.dataBoundAdditionalFunction(e);",
        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(@"
    <div title='#: MentessegOka #' ><a class='kendoTooltipErtekelesTanuloNev gridLinkButton defaultCursor'
        data-tanuloid='#: TanuloId #'
        data-tanulonev='#: TanuloNev #'
        data-osztaly='#: OsztalyNev #'
        data-anyjaneve='#: AnyjaNeve #'
        data-szuletesiido='#: SzuletesiIdoFormatted #'
        data-amifotargy='#: AmiFotargy #'
        data-amitantargykotelezoseg='#: AmiTantargyKotelezoseg #'
        data-amitagozat='#: AmiTagozat #'
        data-evfolyam='#: Evfolyam #'
    >#: TanuloNev #</a>
    # if (MentessegOka != null && MentessegOka != '') { #
        <i class='fa fa-exclamation-triangle'></i>
    # }# </div>").ClientFooterTemplate("<div class='HaviAtlagWrapper'></div>");
        columns.Bound(m => m.Szeptember).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Szeptember_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Oktober).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Oktober_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.November).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.November_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.December).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.December_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.JanuarI).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.JanuarI_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.I).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap kozepre" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.I_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.JanuarII).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.JanuarII_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Februar).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Februar_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Marcius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Marcius_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Aprilis).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Aprilis_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Majus).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Majus_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Junius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.Junius_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.II).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap kozepre" }).Sortable(false).ClientFooterTemplate("<div class='" + CoreConstants.TanuloErtekelesHaviAtlagColumnNames.II_HaviAtlag + "Wrapper'></div>");
        columns.Bound(m => m.Atlag).Encoded(false).HeaderHtmlAttributes(new { @class = "atlag" }).HtmlAttributes(new { @class = "atlag kozepre" }).Hidden(!Model.IsJegyekAtlagaMegjelenik).Format("{0:0.00}").Sortable(false);
        columns.Template(@<text>&nbsp;</text>).HeaderTemplate(@<text>&nbsp;</text>); @*NOTE: ez egy blank Column, hogy a design ne csússzon szét értékelés fajta váltás miatt*@
    })
    .AutoBind(Model.IsGridAutoBinded);

    var osztalyzatIdColumnTitle = @"
        <div class='gridSelect'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.changeAllOsztalyzatValue(" + (int)OsztalyzatTipusEnum.elegtelen_1_ + ");' title='" + TanuloErtekelesResource.ElegtelenFullText + @"'>" + TanuloErtekelesResource.ElegtelenSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.changeAllOsztalyzatValue(" + (int)OsztalyzatTipusEnum.elegseges_2_ + ");' title='" + TanuloErtekelesResource.ElegsegesFullText + @"'>" + TanuloErtekelesResource.ElegsegesSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.changeAllOsztalyzatValue(" + (int)OsztalyzatTipusEnum.kozepes_3_ + ");' title='" + TanuloErtekelesResource.KozepesFullText + @"'>" + TanuloErtekelesResource.KozepesSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.changeAllOsztalyzatValue(" + (int)OsztalyzatTipusEnum.jo_4_ + ");' title='" + TanuloErtekelesResource.JoFullText + @"'>" + TanuloErtekelesResource.JoSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.changeAllOsztalyzatValue(" + (int)OsztalyzatTipusEnum.jeles_5_ + ");' title='" + TanuloErtekelesResource.JelesFullText + @"'>" + TanuloErtekelesResource.JelesSzammal + @"</li>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.changeAllOsztalyzatValue();' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotba + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>";
    grid.ConditionColumn(osztalyzatIdColumnTitle, m => m.ErtkelesMentesseg,
    string.Format("<div style='display: table;'><div style='display: table-cell;vertical-align: middle;'>{0}</div>{1}</div>", TanuloErtekelesResource.Felmentett, grid.SelectForColumnTemplate(Html.For<ErtekelesGridModel>(), c => c.ErtekelesOsztalyzatId, Model.MentesitettOsztalyzatList, true)),
    grid.SelectForColumnTemplate(Html.For<ErtekelesGridModel>(), c => c.ErtekelesOsztalyzatId, Model.OsztalyzatList, true), 300, new Dictionary<string, object> { { "class", "tanuloErtekelesSelectorGridColumnHeaderTh" } });

    var szovegesErtekelesConditionColumnFalseString = grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.ErtekelesSzoveg);
    if (Model.IsNyelviesitesActive)
    {
        szovegesErtekelesConditionColumnFalseString += "<div id='ertekelesSzovegNyelviesites' class='hideNyelviesites'>";
        if (Model.IsNemetNemzetiDokumentumNyelvActive)
        {
            szovegesErtekelesConditionColumnFalseString += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.ErtekelesSzovegNemet);
        }
        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
        {
            szovegesErtekelesConditionColumnFalseString += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.ErtekelesSzovegHorvat);
        }
        if (Model.IsRomanNemzetiDokumentumNyelvActive)
        {
            szovegesErtekelesConditionColumnFalseString += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.ErtekelesSzovegRoman);
        }
        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
        {
            szovegesErtekelesConditionColumnFalseString += grid.KretaFormattedTextInputForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.ErtekelesSzovegSzerb);
        }
        szovegesErtekelesConditionColumnFalseString += "</div>";
    }

    string szovegesMasterHeader = string.Format(@"<div class='gridFormattedTextInput'>
                <div class='k-kretaFormattedTextInput' id='ErtekelesTanuloErtekelesGrid_ErtekelesSzoveg_{0}' contenteditable='True' style='width: 250px'></div>
                </div>", szovegesMasterId);
    grid.ConditionColumn(szovegesMasterHeader, m => m.SzovegesenSemErtekelheto,
        string.Format("<span>{0}</span>", TanuloErtekelesResource.Felmentett),
        szovegesErtekelesConditionColumnFalseString,
        259);

    grid.ConditionColumn(TanuloErtekelesResource.Rov, m => m.SzovegesenSemErtekelheto,
        "<span>&nbsp;</span>",
        grid.TextBoxForColumnTemplate(Html.For<ErtekelesGridModel>(), m => m.ErtekelesSzovegRovidNev, new Dictionary<string, object> { { "maxlength", 3 } }), 60);

    string szazalekTorlesHeader = @"
        <div class='gridSelect szazalek-torles'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.deleteAllSzazalekValue()' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotbaMind + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>";
    string szazalekMasterHeader = "<div class='gridNumericBox'>"
         + Html.KretaNumeric("szazalekMaster", new Dictionary<string, object> { { "class", "numericBoxHeightFix" }, { "maxlength", 3 } }).Max(100).Format("n0").ToString()
        + "</div>" + szazalekTorlesHeader;

    grid.ConditionColumn(szazalekMasterHeader, m => m.ErtkelesMentesseg,
string.Format("<span>{0}</span>", TanuloErtekelesResource.Felmentett),
grid.NumericBoxForColumnTemplate(Html, m => m.ErtekelesSzazalek, 0, 100, 0, htmlAttr: new Dictionary<string, object> { { "class", "numericBoxHeightFix" }, { "maxlength", 3 } }), 300
, additionatHeaderHtmlAttributes: new Dictionary<string, object> { { "style", "padding-bottom: 0px !important;" } });

    var functionCommandList = new List<FunctionCommand>
    {
        new FunctionCommand { Name = CommonResource.Mentes, ClientAction = "ErtekelesHelper.saveErtekelesList", Classes = "saveErtekeles" },
        new FunctionCommand { Name = TanuloErtekelesResource.Osztalyzat, ClientAction = "ErtekelesHelper.showOsztalyzat", Classes = "tanuloErtekelesFajta isOsztalyzattalErtekelheto" },
    };
    if(!Model.IsFromSzervezet)
    {
        functionCommandList.Add(new FunctionCommand { Name = TanuloErtekelesResource.Szoveges, ClientAction = "ErtekelesHelper.showSzoveg", Classes = "tanuloErtekelesFajta isSzovegesenErtekelheto" });
        functionCommandList.Add(new FunctionCommand { Name = TanuloErtekelesResource.Szazalekos, ClientAction = "ErtekelesHelper.showSzazalek", Classes = "tanuloErtekelesFajta isSzazalekosanErtekelheto" });
    }

    if (!Model.IsNaploErtekeles)
    {
        functionCommandList.Add(new FunctionCommand { Name = CommonResource.Elolrol, ClientAction = "ErtekelesHelper.openStartWindow", Classes = "kendo-gridFunctionKommandRed" });
        functionCommandList.Add(new FunctionCommand { Classes = "startInfoText clearFunctionCommand" });
        functionCommandList.Add(new FunctionCommand { Classes = "atlagText clearFunctionCommand" });
    }
    grid.FunctionCommand(Html, functionCommandList);

    string szovegesMasterAdatszotarEsTorles = string.Format(@"
        <div class='gridSelect mondatbank-fejlec'>
            <div class='selectorwrapper'>
                <ul class='bars weeks'>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.openMondatbankSelectPopup({{ID: {0}}})' title='" + TanuloErtekelesResource.TanuloErtekelesMondatbank + @"'><i class='fa fa-ellipsis-h'></i></li>
                    <li class='kretaSelectorButton' onclick='ErtekelesHelper.deleteAllSzovegesErtekeles()' title='" + TanuloErtekelesResource.VisszaallitasAlapallapotbaMind + @"'>" + TanuloErtekelesResource.X + @"</li>
                </ul>
            </div>
        </div>", szovegesMasterId);
    List<RowFunction> rowFunctionList = new List<RowFunction>
    {
        new RowFunction { Name = TanuloErtekelesResource.TanuloErtekelesMondatbank, ClientAction = "ErtekelesHelper.openMondatbankSelectPopup", IconEnum = GridRowFunctionIconEnum.HaromPont }
    };
    grid.RowFunction(Html, rowFunctionList, szovegesMasterAdatszotarEsTorles);
}

<div>
    @(grid)
</div>

@Html.KretaGridTemplate("detailGrid-template")

@Html.KretaTooltipTemplate("kendoTooltip-ertekelesTanuloNevKendoTooltipTemplate",
    @"<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>
            <tr>
                <td style='padding-right: 5px'><b>AMI főtárgy:</b></td>
                <td>#:target.data('amifotargy')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>AMI tagozat:</b></td>
                <td>#:target.data('amitagozat')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>AMI tantárgykötelezőség:</b></td>
                <td>#:target.data('amitantargykotelezoseg')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>AMI évfolyam:</b></td>
                <td>#:target.data('evfolyam')#</td>
            </tr>
        </table>
    </div>")

@Html.KretaTooltipTemplate("kendoTooltip-ertekelesKendoTooltipTemplate",
    @"<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('ertekelestema')#</p>
        <p class='tooltipText'>#:target.data('suly')#</p>
        <p class='tooltipText'>#:target.data('ertekelonyomtatasinev')#</p>
    </div>")

<script type="text/javascript">

    var ErtekelesHelper = (function() {
        var ertekelesHelper = function() { };

        var tanuloErtekelesTortent = [];

        var ertekelesModId = @Model.ErtekelesModList.IndexOf(Model.ErtekelesModList.Find(t => t.Value == Model.ErtekelesModId.ToString()))

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

        var placeholderColumnIndex = 16;
        var ertekelesOsztalyzatIdColumnIndex = 17;
        var ertekelesSzovegColumnIndex = 18;
        var ertekelesSzovegRovidNevColumnIndex = 19;
        var ertekelesSzazalekColumnIndex = 20;
        var mondatbankColumnIndex = 21;

        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 ertekelesTema = '@Html.Raw(Model.ErtekelesTema)';
        var ertekelesTemaSelector = "ErtekelesTema";
        var ertekelesTemaTextSelector = "ErtekelesTemaText";
        var ertekelesSzovegSelector = "@ertekelesSzovegSelector";
        var ertekelesSzovegesMasterSelector = "@ertekelesSzovegesMasterSelector";

        @if (Model.IsNyelviesitesActive)
        {
            if (Model.IsNemetNemzetiDokumentumNyelvActive)
            {
                <text>
                    var ertekelesTemaNemet = null;
                    var ertekelesTemaNemetSelector = "ErtekelesTemaNemet";
                    var ertekelesSzovegNemetSelector = "ErtekelesSzovegNemet";
                </text>
            }
            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
            {
                <text>
                    var ertekelesTemaHorvat = null;
                    var ertekelesTemaHorvatSelector = "ErtekelesTemaHorvat";
                    var ertekelesSzovegHorvatSelector = "ErtekelesSzovegHorvat";
                </text>
            }
            if (Model.IsRomanNemzetiDokumentumNyelvActive)
            {
                <text>
                    var ertekelesTemaRoman = null;
                    var ertekelesTemaRomanSelector = "ErtekelesTemaRoman";
                    var ertekelesSzovegRomanSelector = "ErtekelesSzovegRoman";
                </text>
            }
            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
            {
                <text>
                    var ertekelesTemaSzerb = null;
                    var ertekelesTemaSzerbSelector = "ErtekelesTemaSzerb";
                    var ertekelesSzovegSzerbSelector = "ErtekelesSzovegSzerb";
                </text>
            }
        }

        var szovegesMasterId = "@szovegesMasterId";
        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 naplozasErtekelesInitialized = false;

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

        var url = {
            Save: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = apiControllerName, action = "Save" })",
            OpenStartPopup: "@Url.Action("OpenStartPopup", controllerName, new { area = "TanuloErtekeles" })",
            OpenEditPopup: "@Url.Action("OpenEditPopup", controllerName, new { area = "TanuloErtekeles" })",
            Edit: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = apiControllerName, action = "Edit" })",
            Delete: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = apiControllerName, action = "Delete" })",
            OpenMondatbankSelectPopup: "@Url.Action("OpenMondatbankSelectPopup", controllerName, new { area = "TanuloErtekeles" })",
            GetAtlag: "@Url.Action("GetAtlag", controllerName, new { area = "TanuloErtekeles" })",
            GetTemak: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.ComboBoxHelperApi, action = "GetDolgozatTemak" })",
            GetErtekelesKorlatozasok: "@Url.Action("GetErtekelesKorlatozasok", controllerName, new { area = "TanuloErtekeles" })",
        };

        ertekelesHelper.onTabActiv = function() {
            if (!naplozasErtekelesInitialized) {
                setTimeout(ertekelesHelper.startNaplozasErtekeles, 1);
                naplozasErtekelesInitialized = true;
            }
        }

        ertekelesHelper.openStartWindow = function () {
            setErtekelesTemaControls(true);
            hideValidationSummary();

            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                $("#OsztalyCsoportIdSearch").val(null);
                $("#TantargyIdSearch").val(null);
                KretaGridHelper.clearGridData(gridName);
                $(".atlagText").html("");
                TanuloErtekelesHelper.setErtekelesNyelviesitesVisibility(null, "#temaNyelviesites");
            }
            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.ErtekelesKeresoAdatTipus === "@((int)SystemSettingsErtekelesKeresesSzuroEnum.TTF)") {
                modal.setOptions({ height: 221 });
                $("#startPopupFoglalkozas").show();
                $("#startPopupFotargyi").hide();
                $("#startPopupOsztalyCsoport").hide();
            } else {
                modal.setOptions({ height: 308 });
            }
            KretaWindowHelper.openWindow(modal, true);
        }

        ertekelesHelper.keresoSzuroOnClick = function() {
            var value = $("#ErtekelesKeresoSzuro").val();
            var foglalkozasDiv = $("#startPopupFoglalkozas");
            var fotargyiDiv = $("#startPopupFotargyi");
            var osztalyCsoportDiv = $("#startPopupOsztalyCsoport");
            if (value === "@((int)ErtekelesKeresoSzuroEnum.Ttf)") {
                foglalkozasDiv.show();
                fotargyiDiv.hide();
                osztalyCsoportDiv.hide();
            } else if (value === "@((int)ErtekelesKeresoSzuroEnum.Fotargyi)") {
                foglalkozasDiv.hide();
                fotargyiDiv.show();
                osztalyCsoportDiv.hide();
            } else {
                foglalkozasDiv.hide();
                fotargyiDiv.hide();
                osztalyCsoportDiv.show();
                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)ErtekelesKeresoSzuroEnum.Osztalyfonok)") {
                        osztalyCsoportIdDropDownList.dataSource.data(@Html.Raw(Json.Encode(Model.OsztalyCsoportListByFelhasznaloId)));
                        osztalyCsoportIdDropDownList.select(0);
                    } else {
                        osztalyCsoportIdDropDownList.dataSource.data(@Html.Raw(Json.Encode(Model.OsztalyCsoportList)));
                        osztalyCsoportIdDropDownList.select(0);
                    }
                }
            }
        }

        ertekelesHelper.startTovabb = function() {
            var form = $("#" + startPopupFormName);
            if (form.valid()) {
                startPopupModel = KretaGridHelper.getSearchParameterObject(startPopupFormName);
                TanuloErtekelesHelper.setMenuCaption(startPopupModel.TipusId);
                if (startPopupModel.ErtekelesKeresoSzuro === "@((int)ErtekelesKeresoSzuroEnum.Ttf)") {
                    var ertekelesFoglalkozasItemModelList = @Html.Raw(Json.Encode(Model.ErtekelesFoglalkozasItemModelList));
                    var foglalkozasItem = $.grep(ertekelesFoglalkozasItemModelList, function(item) {
                        return item.FoglalkozasId === parseInt(startPopupModel.FoglalkozasId);
                    });
                    if (foglalkozasItem.length === 0) {
                        KretaWindowHelper.destroyWindow(startPopupId);
                        return;
                    }
                    startPopupModel.OsztalyCsoportId = foglalkozasItem[0].OsztalyCsoportId;
                    startPopupModel.TantargyId = foglalkozasItem[0].TantargyId;
                    var foglalkozasIdDropDownList = KretaDropDownListHelper.getKendoDropDownListData("FoglalkozasId");
                    $(startInfoTextSelector).html(kendo.htmlEncode(foglalkozasIdDropDownList.text() + " - " + startPopupModel.TipusId_input));
                } else if (startPopupModel.ErtekelesKeresoSzuro === "@((int)ErtekelesKeresoSzuroEnum.Fotargyi)") {
                    var ertekelesFotargyiFoglalkozasItemModelList = @Html.Raw(Json.Encode(Model.ErtekelesFotargyiFoglalkozasItemModelList));
                    var fotargyFoglalkozasItem = $.grep(ertekelesFotargyiFoglalkozasItemModelList, function(item) {
                        return item.FoglalkozasId === parseInt(startPopupModel.FotargyFoglalkozasId);
                    });
                    if (fotargyFoglalkozasItem.length === 0) {
                        KretaWindowHelper.destroyWindow(startPopupId);
                        return;
                    }
                    startPopupModel.OsztalyCsoportId = fotargyFoglalkozasItem[0].OsztalyCsoportId;
                    startPopupModel.TantargyId = fotargyFoglalkozasItem[0].TantargyId;
                    var fotargyFoglalkozasIdDropDownList = KretaDropDownListHelper.getKendoDropDownListData("FotargyFoglalkozasId");
                    $(startInfoTextSelector).html(kendo.htmlEncode(fotargyFoglalkozasIdDropDownList.text() + " - " + startPopupModel.TipusId_input));
                } else {
                    var osztalyCsoportIdDropDownList = KretaDropDownListHelper.getKendoDropDownListData("OsztalyCsoportId");
                    var tantargyIdDropDownList = KretaDropDownListHelper.getKendoDropDownListData("TantargyId");
                    if ((osztalyCsoportIdDropDownList.selectedIndex === -1) || (tantargyIdDropDownList.selectedIndex === -1)) {
                        KretaWindowHelper.destroyWindow(startPopupId);
                        return;
                    }
                    $(startInfoTextSelector).html(kendo.htmlEncode(osztalyCsoportIdDropDownList.text() + " - " + tantargyIdDropDownList.text() + " - " + startPopupModel.TipusId_input));
                }

                ertekelesHelper.setErtekelesTemaMainLabelText();
                TanuloErtekelesHelper.setErtekelesNyelviesitesVisibility(startPopupModel.TipusId, "#temaNyelviesites");

                startPopupModel.Datum = KretaDateTimeHelper.getDate(datumSelector);

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

                getErtekelesKorlatozasok(startPopupModel);

                getAtlag(startPopupModel);
                getTemak(startPopupModel);

                KretaWindowHelper.destroyWindow(startPopupId);
            }
        }

        const getAtlag = ({ OsztalyCsoportId, TantargyId, Datum }) => {
            AjaxHelper.DoPost(url.GetAtlag, { osztalyCsoportId: OsztalyCsoportId, tantargyId: TantargyId, datum: Datum }, setAtlag, null);
        };

        const getTemak = ({ OsztalyCsoportId, TantargyId }) => {
            AjaxHelper.DoGet(url.GetTemak, { osztalyCsoportId: OsztalyCsoportId, tantargyId: TantargyId }, setTemak, null);
        };

        const getErtekelesKorlatozasok = ({ TantargyId }) => {
            AjaxHelper.DoGet(url.GetErtekelesKorlatozasok, { tantargyId: TantargyId }, setErtekelesKorlatozasok, null);
        };

        const setErtekelesKorlatozasok = ({ isOsztalyzattalErtekelheto, isSzazalekosanErtekelheto, isSzovegesenErtekelheto }) => {
            var ertekelesFajta = null;

            if (isSzazalekosanErtekelheto) {
                ertekelesFajta = "@((int)TanuloErtekelesFajtaEnum.Szazalekos)";
                $(".isSzazalekosanErtekelheto").removeAttr("disabled");
            } else {
                $(".isSzazalekosanErtekelheto").attr("disabled", "")
            }

            if (isSzovegesenErtekelheto) {
                ertekelesFajta = "@((int)TanuloErtekelesFajtaEnum.Szoveges)";
                $(".isSzovegesenErtekelheto").removeAttr("disabled");
            } else {
                $(".isSzovegesenErtekelheto").attr("disabled", "")
            }

            if (isOsztalyzattalErtekelheto) {
                ertekelesFajta = "@((int)TanuloErtekelesFajtaEnum.Osztalyzat)";
                $(".isOsztalyzattalErtekelheto").removeAttr("disabled");
            } else {
                $(".isOsztalyzattalErtekelheto").attr("disabled", "")
            }

            ertekelesHelper.setErtekelesModIdVisibility(ertekelesModId === -1);
            ertekelesHelper.setTanuloErtekelesFajtaColumnsVisibility(ertekelesFajta);

            if (ertekelesFajta) {
                $(".saveErtekeles").removeAttr("disabled");
            } else {
                $(".saveErtekeles").attr("disabled", "")
            }

            KretaGridHelper.refreshGrid(gridName);
        };

        const setAtlag = (data) => {
            $(".atlagText").html(`@TanuloErtekelesResource.TantargyiAtlag: ${data}`);
        };

        const setTemak = (data) => {
            $("#" + ertekelesTemaSelector).kendoComboBox({
                dataTextField: "Value",
                dataValueField: "Text",
                dataSource: data
            });
        };

        ertekelesHelper.startNaplozasErtekeles = function () {
            startPopupModel = createNaplozasModel();

            ertekelesHelper.setErtekelesTemaMainLabelText();
            TanuloErtekelesHelper.setErtekelesNyelviesitesVisibility(startPopupModel.TipusId, "#temaNyelviesites");

            getErtekelesKorlatozasok(startPopupModel);

            getAtlag(startPopupModel);
            getTemak(startPopupModel);
        }

        function createNaplozasModel() {
            var datum = "@(Model.Datum.HasValue ? Model.Datum.Value.ToString(Kreta.Core.Constants.ToStringPattern.HungarianDate) : string.Empty)";
            var result = {
                "ErtekelesKeresoAdatTipus": "@(Model.FoglalkozasId.IsEntityId() ? (int)SystemSettingsErtekelesKeresesSzuroEnum.TTF : (int)SystemSettingsErtekelesKeresesSzuroEnum.Mindenki)",
                "TipusId": "@((int)ErtekelesTipusEnum.evkozi_jegy_ertekeles)",
                "Datum": kendo.parseDate(datum, datumParseDateFormat),
                "TantargyId": "@(Model.TantargyId)",
                "OsztalyCsoportId": "@(Model.OsztalyCsoportId)",
                "IsNaploErtekeles": CommonUtils.parseBool("@(Model.IsNaploErtekeles)")
            };

            return result;
        }

        ertekelesHelper.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 ertekelesSzoveg = $("#" + gridName + "_" + ertekelesSzovegSelector + "_" + this.ID).html();
                        if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzoveg, false)) {
                            this.ErtekelesSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzoveg);
                            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                                @if (Model.IsNyelviesitesActive)
                                {
                                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            var ertekelesSzovegNemet = $("#" + gridName + "_" + ertekelesSzovegNemetSelector + "_" + this.ID).html();
                                            this.ErtekelesSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegNemet);
                                        </text>
                                    }
                                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            var ertekelesSzovegHorvat = $("#" + gridName + "_" + ertekelesSzovegHorvatSelector + "_" + this.ID).html();
                                            this.ErtekelesSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegHorvat);
                                        </text>
                                    }
                                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            var ertekelesSzovegRoman = $("#" + gridName + "_" + ertekelesSzovegRomanSelector + "_" + this.ID).html();
                                            this.ErtekelesSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegRoman);
                                        </text>
                                    }
                                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                    {
                                        <text>
                                            var ertekelesSzovegSzerb = $("#" + gridName + "_" + ertekelesSzovegSzerbSelector + "_" + this.ID).html();
                                            this.ErtekelesSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegSzerb);
                                        </text>
                                    }
                                }
                            }
                            this.dirty = true;
                            KretaGridHelper.addInputToRowData(this);
                        }
                        if (this.dirty) {
                            if (this.ki_ErtekelesOsztalyzatId ||
                                !CommonUtils.isNullOrWhiteSpace(this.ErtekelesSzoveg, false) ||
                                this.ki_ErtekelesSzovegRovidNev ||
                                this.ki_ErtekelesSzazalek) {
                                tanuloErtekelesTortent.push(this);
                            }
                        }
                    });
                    ertekelesModId = KretaComboBoxHelper.getKendoComboBoxData("ErtekelesModId").select();
                    ertekelesTema = KretaComboBoxHelper.getKendoValue(ertekelesTemaSelector);
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekelesTemaNemet = $("#" + ertekelesTemaNemetSelector).val();
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekelesTemaHorvat = $("#" + ertekelesTemaHorvatSelector).val();
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekelesTemaRoman = $("#" + ertekelesTemaRomanSelector).val();
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekelesTemaSzerb = $("#" + ertekelesTemaSzerbSelector).val();
                                </text>
                            }
                        }
                    }
                    refreshGrid(datum);
                }
            }
        };

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

            getAtlag(startPopupModel);
            getTemak(startPopupModel);
        }

        ertekelesHelper.saveErtekelesList = function () {
            var saveButton = $(".kendo-gridFunctionKommand .saveErtekeles")[0];
            if (saveButton.disabled == true) {
                return;
            }

            setSaveButtonDisabled(true);

            var form = $("#" + formName);
            if (form.valid()) {
                var model = getErtekelesListSaveModel();
                AjaxHelper.DoValidationPost(url.Save, formName, model, saveResponseOk, undefined, completeCallBack);
                tanuloErtekelesTortent.length = [];
            }
            else {
                setSaveButtonDisabled(false);
            }
        }

        function completeCallBack() {
            setSaveButtonDisabled(false);
        }

        function setSaveButtonDisabled(disabled) {
            var saveButton = $(".kendo-gridFunctionKommand .saveErtekeles")[0];
            saveButton.disabled = disabled;
        }

        function getErtekelesListSaveModel() {
            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.ErtekelesKeresoAdatTipus = startPopupModel.ErtekelesKeresoAdatTipus;
                model.ErtekelesKeresoSzuro = startPopupModel.ErtekelesKeresoSzuro;
                model.TantargyId = startPopupModel.TantargyId;
                model.FoglalkozasId = startPopupModel.FoglalkozasId;
            } else {
                model.TipusId = null;
                model.OsztalyCsoportId = null;
                model.ErtekelesKeresoAdatTipus = null;
                model.ErtekelesKeresoSzuro = null;
                model.TantargyId = null;
                model.FoglalkozasId = null;
            }

            model.Datum = formData.Datum;
            model.DatumMinValue = formData.DatumMinValue;
            model.ErtekelesModId = formData.ErtekelesModId;
            model.IsNaploErtekeles = formData.IsNaploErtekeles;
            model.ErtekelesListSaveModelItemList = [];

            var rows = KretaGridHelper.getAllRows(gridName);
            var ertekelesOsztalyzatList = [@string.Join(", ", Enum.GetValues(typeof(OsztalyzatTipusEnum)).Cast<OsztalyzatTipusEnum>().OrderBy(x => x).Select(x => ((int) x).ToString()).ToList())];
            $.each(rows, function() {
                var ertekelesSzoveg = $("#" + gridName + "_" + ertekelesSzovegSelector + "_" + this.ID).html();
                if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzoveg, false)) {
                    this.ErtekelesSzoveg = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzoveg);
                    this.dirty = true;
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var ertekelesSzovegNemet = $("#" + gridName + "_" + ertekelesSzovegNemetSelector + "_" + this.ID).html();
                                    if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegNemet, false)) {
                                        this.ErtekelesSzovegNemet = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegNemet);
                                    } else {
                                        this.ErtekelesSzovegNemet = null;
                                    }
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var ertekelesSzovegHorvat = $("#" + gridName + "_" + ertekelesSzovegHorvatSelector + "_" + this.ID).html();
                                    if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegHorvat, false)) {
                                        this.ErtekelesSzovegHorvat = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegHorvat);
                                    } else {
                                        this.ErtekelesSzovegHorvat = null;
                                    }
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var ertekelesSzovegRoman = $("#" + gridName + "_" + ertekelesSzovegRomanSelector + "_" + this.ID).html();
                                    if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegRoman, false)) {
                                        this.ErtekelesSzovegRoman = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegRoman);
                                    } else {
                                        this.ErtekelesSzovegRoman = "";
                                    }
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var ertekelesSzovegSzerb = $("#" + gridName + "_" + ertekelesSzovegSzerbSelector + "_" + this.ID).html();
                                    if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegSzerb, false)) {
                                        this.ErtekelesSzovegSzerb = TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(ertekelesSzovegSzerb);
                                    } else {
                                        this.ErtekelesSzovegSzerb = null;
                                    }
                                </text>
                            }
                        }
                    }
                    KretaGridHelper.addInputToRowData(this);
                } else {
                    this.ErtekelesSzoveg = null;
                }

                if (this.dirty) {
                    var ertekelesOsztalyzatId;
                    var specialisErtekelesOsztalyzatId;
                    if (ertekelesOsztalyzatList.includes(parseInt(this.ki_ErtekelesOsztalyzatId))) {
                        ertekelesOsztalyzatId = this.ki_ErtekelesOsztalyzatId;
                        specialisErtekelesOsztalyzatId = null;
                    } else {
                        ertekelesOsztalyzatId = null;
                        specialisErtekelesOsztalyzatId = this.ki_ErtekelesOsztalyzatId;
                    }
                    var id = this.ID;
                    var ertekeles = {
                        "TanuloId": id,
                        "TanuloSzuletesiNev": this.TanuloNev,
                        "ErtekelesOsztalyzatId": ertekelesOsztalyzatId,
                        "SpecialisErtekelesOsztalyzatId": specialisErtekelesOsztalyzatId,
                        "ErtekelesSzoveg": this.ErtekelesSzoveg,
                        "ErtekelesSzovegRovidNev": this.ki_ErtekelesSzovegRovidNev,
                        "ErtekelesSzazalek": this.ki_ErtekelesSzazalek,
                        "ErtekelesTema": formData.ErtekelesTema,
                        "ErtekelesTemaText": formData.ErtekelesTemaText
                    };
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekeles["ErtekelesSzovegNemet"] = this.ErtekelesSzovegNemet;
                                    ertekeles["ErtekelesTemaNemet"] = formData.ErtekelesTemaNemet;
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekeles["ErtekelesSzovegHorvat"] = this.ErtekelesSzovegHorvat;
                                    ertekeles["ErtekelesTemaHorvat"] = formData.ErtekelesTemaHorvat;
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekeles["ErtekelesSzovegRoman"] = this.ErtekelesSzovegRoman;
                                    ertekeles["ErtekelesTemaRoman"] = formData.ErtekelesTemaRoman;
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    ertekeles["ErtekelesSzovegSzerb"] = this.ErtekelesSzovegSzerb;
                                    ertekeles["ErtekelesTemaSzerb"] = formData.ErtekelesTemaSzerb;
                                </text>
                            }
                        }
                    }

                    model.ErtekelesListSaveModelItemList.push(ertekeles);
                }
            });
            return model;
        }

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

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

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

            var formData = $("#" + editPopupFormName).toObject();
            if (!CommonUtils.isUndefined(formData.ErtekelesSzovegEdit)) {
                $("#" + ertekelesSzovegSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.ErtekelesSzovegEdit));
                if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                    @if (Model.IsNyelviesitesActive)
                    {
                        if (Model.IsNemetNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + ertekelesSzovegNemetSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.ErtekelesSzovegNemetEdit));
                            </text>
                        }
                        if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + ertekelesSzovegHorvatSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.ErtekelesSzovegHorvatEdit));
                            </text>
                        }
                        if (Model.IsRomanNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + ertekelesSzovegRomanSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.ErtekelesSzovegRomanEdit));
                            </text>
                        }
                        if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                        {
                            <text>
                                $("#" + ertekelesSzovegSzerbSelector + "Edit").val(TanuloErtekelesHelper.getNormalizedErtekelesSzoveg(formData.ErtekelesSzovegSzerbEdit));
                            </text>
                        }
                    }
                }
            }
            AjaxHelper.DoPostElement(url.Edit, editPopupFormName, editResponseOk);
        }

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

        ertekelesHelper.dataBoundAdditionalFunction = function (e) {
            var tipusId = null;

            var nemIrtSelector = "td div[id*='ErtekelesOsztalyzatId'] .kretaSelectorButton[val='1']";
            var dicseretSelector = "td div[id*='ErtekelesOsztalyzatId'] .kretaSelectorButton[val='2']";
            var kitunoSelector = "td div[id*='ErtekelesOsztalyzatId'] .kretaSelectorButton[val='3']";
            var mentesitveSelector = "td div[id*='ErtekelesOsztalyzatId'] .kretaSelectorButton[val='4']";

            if (!CommonUtils.isNullOrUndefined(startPopupModel)) {
                var egyszerAdhatoErtekelesTipusIds = [@string.Join(", ", Model.EgyszerAdhatoErtekelesTipusIds)];
                tipusId = startPopupModel.TipusId;
                if (egyszerAdhatoErtekelesTipusIds.includes(parseInt(tipusId))) {
                    $(nemIrtSelector).hide();
                    $(dicseretSelector).show();
                    $(kitunoSelector).show();
                    $(mentesitveSelector).show();
                } else {
                    $(nemIrtSelector).show();
                    $(dicseretSelector).hide();
                    $(kitunoSelector).hide();
                    $(mentesitveSelector).hide();
                }
            } else {
                $(nemIrtSelector).hide();
                $(dicseretSelector).hide();
                $(kitunoSelector).hide();
                $(mentesitveSelector).hide();
            }

            KretaTooltipHelper.setTooltip($(".kendoTooltipErtekelesTanuloNev"), "#kendoTooltip-ertekelesTanuloNevKendoTooltipTemplate");

            var tanuloErtekelesKendoTooltip = $(".tanuloErtekelesKendoTooltip");
            KretaTooltipHelper.setTooltip(tanuloErtekelesKendoTooltip, "#kendoTooltip-ertekelesKendoTooltipTemplate");
            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();
                        ertekelesHelper.openEditWindow(data);
                    }
                }
            });

            $("td.atlag").each(function() {
                var atlagText = $(this).html();
                if (!CommonUtils.isNullOrEmpty(atlagText)) {
                    var atlag = parseFloat(atlagText);
                    if (atlag < 2) {
                        $(this).html("<span class='spanAtlagFigyelmeztetes'>" + atlagText + "</span>");
                    }
                }
            });
            ertekelesHelper.setTanuloErtekelesDataAfterChangeDate();

            $("#" + ertekelesSzovegesMasterSelector).off("paste");
            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + ertekelesSzovegSelector + "_");
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + ertekelesSzovegNemetSelector + "_");
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + ertekelesSzovegHorvatSelector + "_");
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + ertekelesSzovegRomanSelector + "_");
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            TanuloErtekelesHelper.setSzovegEditorOnPaste(gridName + "_" + ertekelesSzovegSzerbSelector + "_");
                        </text>
                    }
                }
            }

            HaviAtlagHelper.setHaviAtlagok(e.sender);
        }

        ertekelesHelper.hideAllTanuloErtekelesFajtaGridColumns = function() {
            var kendoGrid = KretaGridHelper.getKendoGridData(gridName);
            if (!CommonUtils.isUndefined(kendoGrid)) {
                kendoGrid.showColumn(placeholderColumnIndex);
                kendoGrid.hideColumn(ertekelesOsztalyzatIdColumnIndex);
                kendoGrid.hideColumn(ertekelesSzovegColumnIndex);
                kendoGrid.hideColumn(ertekelesSzovegRovidNevColumnIndex);
                kendoGrid.hideColumn(ertekelesSzazalekColumnIndex);
                kendoGrid.hideColumn(mondatbankColumnIndex);
            }
        }

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

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

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

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

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

            getAtlag(startPopupModel);
            getTemak(startPopupModel);
        }

        function saveResponseOk(data) {
            setErtekelesTemaControls(true);

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

            if (!CommonUtils.parseBool('@Model.IsFromSzervezet')) {
                ertekelesModId = -1;
            }
            KretaGridHelper.refreshGrid(gridName);

            getAtlag(startPopupModel);
            getTemak(startPopupModel);

            deleteSzovegesErtekelesMasterValue();
            $("#szazalekMaster").data("kendoNumericTextBox").value('');
        }

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

            getAtlag(startPopupModel);
            getTemak(startPopupModel);
        }

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

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

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

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

        ertekelesHelper.showSzazalek = function() {
            ertekelesHelper.setTanuloErtekelesFajtaColumnsVisibility("@((int) TanuloErtekelesFajtaEnum.Szazalekos)");
        }

        ertekelesHelper.setTanuloErtekelesFajtaColumnsVisibility = function(value) {
            ertekelesHelper.hideAllTanuloErtekelesFajtaGridColumns();
            var kendoGrid = KretaGridHelper.getKendoGridData(gridName);
            if (value !== "") {
                kendoGrid.hideColumn(placeholderColumnIndex);
                if (value === "@((int) TanuloErtekelesFajtaEnum.Osztalyzat)") {
                    kendoGrid.showColumn(ertekelesOsztalyzatIdColumnIndex);
                } else if (value === "@((int) TanuloErtekelesFajtaEnum.Szoveges)") {
                    kendoGrid.showColumn(ertekelesSzovegColumnIndex);
                    kendoGrid.showColumn(mondatbankColumnIndex);
                } else if (value === "@((int) TanuloErtekelesFajtaEnum.Szazalekos)") {
                    kendoGrid.showColumn(ertekelesSzazalekColumnIndex);
                }
            } else {
                kendoGrid.showColumn(placeholderColumnIndex);
            }
        }

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

            var ertekelesModIdDiv = $("#divErtekelesModId");
            var ertekelesModIdComboBoxData = KretaComboBoxHelper.getKendoComboBoxData("ErtekelesModId");
            if (isResetErtekelesModId) {
                ertekelesModId = -1;
            }
            if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                ertekelesModIdComboBoxData.select(ertekelesModId);
                ertekelesModIdDiv.show();
            } else {
                ertekelesModIdDiv.hide();
                ertekelesModIdComboBoxData.select(ertekelesModId);
            }
        }

        ertekelesHelper.setPopupErtekelesModIdVisibility = function(firstLoad) {
            var value = $("#TipusIdEdit").val();
            var ertekelesModIdEditDiv = $("#divErtekelesModIdEdit");
            var ertekelesModIdEditComboBoxData = KretaComboBoxHelper.getKendoComboBoxData("ErtekelesModIdEdit");
            if (value === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                if (!firstLoad) {
                    ertekelesModIdEditComboBoxData.select(-1);
                    ertekelesModIdEditDiv.show();
                }
            } else {
                ertekelesModIdEditDiv.hide();
                ertekelesModIdEditComboBoxData.select(-1);
            }
        }

        ertekelesHelper.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 selectListSelector = "#div" + gridName + "_ErtekelesOsztalyzatId_" + id + " li";
                    var valueControlSelector = "#" + gridName + "_ErtekelesOsztalyzatId_" + id;
                    TanuloErtekelesHelper.setValueToGridSelectorControlAfterChangeDate(tanuloErtekelesTortent[i].ki_ErtekelesOsztalyzatId, selectListSelector, valueControlSelector);

                    $("#" + gridName + "_" + ertekelesSzovegSelector + "_" + id).html(tanuloErtekelesTortent[i].ErtekelesSzoveg);
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + ertekelesSzovegNemetSelector + "_" + id).html(tanuloErtekelesTortent[i].ErtekelesSzovegNemet);
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + ertekelesSzovegHorvatSelector + "_" + id).html(tanuloErtekelesTortent[i].ErtekelesSzovegHorvat);
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + ertekelesSzovegRomanSelector + "_" + id).html(tanuloErtekelesTortent[i].ErtekelesSzovegRoman);
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    $("#" + gridName + "_" + ertekelesSzovegSzerbSelector + "_" + id).html(tanuloErtekelesTortent[i].ErtekelesSzovegSzerb);
                                </text>
                            }
                        }
                    }
                    $("#" + gridName + "_ErtekelesSzovegRovidNev_" + id).val(tanuloErtekelesTortent[i].ki_ErtekelesSzovegRovidNev);

                    //NOTE: A kendo numeric miatt kell így megcsinálni a százalékos értékeket, mert egy helyett igazából két control van kint és mindkettőnek meg kell adni az értéket.
                    var szazalekControl = $("#" + gridName + "_ErtekelesSzazalek_" + id);
                    szazalekControl.prev().val(tanuloErtekelesTortent[i].ki_ErtekelesSzazalek);
                    szazalekControl.val(tanuloErtekelesTortent[i].ki_ErtekelesSzazalek);

                    KretaGridHelper.setRowToDirty(gridName, id);

                }
            }
            KretaComboBoxHelper.getKendoComboBoxData("ErtekelesModId").select(ertekelesModId);
            setErtekelesTemaControls(false);
        }

        ertekelesHelper.changeAllOsztalyzatValue = function(val) {
            var defaultSelector = "td div[id*='ErtekelesOsztalyzatId'] .kretaSelectorButton";
            TanuloErtekelesHelper.changeColumnValues(gridName, defaultSelector, val);
        }

        ertekelesHelper.changeAllSzazalekValue = function (value) {
            var numericBoxes = $(`[id^=${gridName}_ErtekelesSzazalek]`);
            numericBoxes.each(function () {
                $(this).data("kendoNumericTextBox").value(value);
            })
            var rows = KretaGridHelper.getAllRows(gridName);
            rows.forEach(function (r) {
                r.dirty = true;
            })
        }

        ertekelesHelper.changeAllSzovegesRovidNev = function (content){
            var ertekelesRovidBoxNodes = document.querySelectorAll(`[id^=${gridName}_ErtekelesSzovegRovidNev_]`);
            for (var i = 0; i < ertekelesRovidBoxNodes.length; i++) {
                ertekelesRovidBoxNodes[i].value = content || "";
            }
        }

        ertekelesHelper.changeAllSzovegesErtekeles = function (content) {
            var ertekelesBoxNodes = document.querySelectorAll(`[id^=${gridName}_ErtekelesSzoveg_]`);
            for (var i = 1; i < ertekelesBoxNodes.length; i++) {
                ertekelesBoxNodes[i].innerHTML = content;
            }
        }

        ertekelesHelper.deleteAllSzazalekValue = function () {
            $("#szazalekMaster").data("kendoNumericTextBox").value('');
            var numericBoxes = $("[id^=" + gridName + "_ErtekelesSzazalek_]");
            numericBoxes.each(function () {
                $(this).data("kendoNumericTextBox").value('');
            })
        }

        ertekelesHelper.deleteAllSzovegesErtekeles = function () {
            deleteSzovegesErtekelesMasterValue();
            ertekelesHelper.changeAllSzovegesErtekeles("");
            ertekelesHelper.changeAllSzovegesRovidNev("");
        }

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

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

            KretaGridHelper.addInputToRowData(data);
            var id = parseInt(data.ID);
            var ertekelesSzoveg = $("#" + gridName + "_" + ertekelesSzovegSelector + "_" + id).html();
            var postData = {
                "MondatbankSelectPopupRowId": id,
                "MondatbankSelectPopupSzoveg": ertekelesSzoveg,
                "MondatbankSelectPopupRovidNev": data.ki_ErtekelesSzovegRovidNev,
                "MondatbankSelectPopupTanuloErtekelesTipusId": parseInt(tipusId),
                "MondatbankSelectPopupOsztalyCsoportId": parseInt(startPopupModel.OsztalyCsoportId),
                "MondatbankSelectPopupTantargyId": parseInt(startPopupModel.TantargyId),
                "MondatbankSelectPopupTipusId": parseInt("@((int)ErtMondatbankTipusEnum.Tantargy)")
            };
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var ertekelesSzovegNemet = $("#" + gridName + "_" + ertekelesSzovegNemetSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegNemet"] = ertekelesSzovegNemet;
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var ertekelesSzovegHorvat = $("#" + gridName + "_" + ertekelesSzovegHorvatSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegHorvat"] = ertekelesSzovegHorvat;
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var ertekelesSzovegRoman = $("#" + gridName + "_" + ertekelesSzovegRomanSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegRoman"] = ertekelesSzovegRoman;
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var ertekelesSzovegSzerb = $("#" + gridName + "_" + ertekelesSzovegSzerbSelector + "_" + id).html();
                            postData["MondatbankSelectPopupSzovegSzerb"] = ertekelesSzovegSzerb;
                        </text>
                    }
                }
            }
            AjaxHelper.DoPost(url.OpenMondatbankSelectPopup, postData, popUpMondatbankSelectWindow);
        };

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

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

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

        ertekelesHelper.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 (!CommonUtils.isNullOrWhiteSpace(ertekelesSzoveg, false)) {
                        $("#" + gridName + "_" + ertekelesSzovegSelector + "_" + 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 + "_" + ertekelesSzovegNemetSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegNemet);
                                        }
                                    </text>
                                }
                                if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegHorvat, false)) {
                                            $("#" + gridName + "_" + ertekelesSzovegHorvatSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegHorvat);
                                        }
                                    </text>
                                }
                                if (Model.IsRomanNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegRoman, false)) {
                                            $("#" + gridName + "_" + ertekelesSzovegRomanSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegRoman);
                                        }
                                    </text>
                                }
                                if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                                {
                                    <text>
                                        if (!CommonUtils.isNullOrWhiteSpace(ertekelesSzovegSzerb, false)) {
                                            $("#" + gridName + "_" + ertekelesSzovegSzerbSelector + "_" + data.MondatbankSelectPopupRowId).html(ertekelesSzovegSzerb);
                                        }
                                    </text>
                                }
                            }
                        }
                        $("#" + gridName + "_ErtekelesSzovegRovidNev_" + data.MondatbankSelectPopupRowId).val(data.MondatbankSelectPopupRovidNev);
                    }
                    KretaGridHelper.setRowToDirty(gridName, data.MondatbankSelectPopupRowId);

                    if (data.MondatbankSelectPopupRowId === szovegesMasterId) {
                        document.getElementById(gridName + "_" + ertekelesSzovegSelector + "_" + data.MondatbankSelectPopupRowId).dispatchEvent(new Event('input'));
                        ertekelesHelper.changeAllSzovegesRovidNev(data.MondatbankSelectPopupRovidNev);
                    }

                    destroyMondatbankItemSelectPopup();
                } else {
                    KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", "@CommonResource.AzErtekekNemEngedelyezettSzovegetTartalmaznak", true);
                }
            }
        }

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

        ertekelesHelper.setErtekelesTemaMainLabelText = function() {
            setErtekelesTemaLabelText(startPopupModel.TipusId, false);
        }

        ertekelesHelper.setErtekelesTemaEditLabelText = function() {
            setErtekelesTemaLabelText($("#TipusIdEdit").val(), true);
        }

        function setErtekelesTemaLabelText(tipusId, isEdit) {
            var selector = ertekelesTemaSelector;
            if (isEdit) {
                selector += "Edit";
            } else {
                var ertekelesTemaTextLabel = $("label[for='" + ertekelesTemaTextSelector + "']");
                if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                    ertekelesTemaTextLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesTemaja)");
                    $("#ertekelesTemaComboBox").show();
                    $("#ertekelesTemaTextBox").hide();
                } else {
                    ertekelesTemaTextLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesFeljegyzese)");
                    $("#ertekelesTemaComboBox").hide();
                    $("#ertekelesTemaTextBox").show();
                }
            }
            var ertekelesTemaLabel = $("label[for='" + selector + "']");
            if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                ertekelesTemaLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesTemaja)");
            } else {
                ertekelesTemaLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesFeljegyzese)");
            }

            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var selectorNemet = ertekelesTemaNemetSelector;
                            if (isEdit) {
                                selectorNemet += "Edit";
                            }
                            var ertekelesTemaNemetLabel = $("label[for='" + selectorNemet + "']");
                            if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                                ertekelesTemaNemetLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesTemajaNemet)");
                            } else {
                                ertekelesTemaNemetLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesFeljegyzeseNemet)");
                            }
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var selectorHorvat = ertekelesTemaHorvatSelector;
                            if (isEdit) {
                                selectorHorvat += "Edit";
                            }
                            var ertekelesTemaHorvatLabel = $("label[for='" + selectorHorvat + "']");
                            if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                                ertekelesTemaHorvatLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesTemajaHorvat)");
                            } else {
                                ertekelesTemaHorvatLabel.text(
                                    "@Html.Raw(TanuloErtekelesResource.ErtekelesFeljegyzeseHorvat)");
                            }
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var selectorRoman = ertekelesTemaRomanSelector;
                            if (isEdit) {
                                selectorRoman += "Edit";
                            }
                            var ertekelesTemaRomanLabel = $("label[for='" + selectorRoman + "']");
                            if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                                ertekelesTemaRomanLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesTemajaRoman)");
                            } else {
                                ertekelesTemaRomanLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesFeljegyzeseRoman)");
                            }
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            var selectorSzerb = ertekelesTemaSzerbSelector;
                            if (isEdit) {
                                selectorSzerb += "Edit";
                            }
                            var ertekelesTemaSzerbLabel = $("label[for='" + selectorSzerb + "']");
                            if (tipusId === "@((int) ErtekelesTipusEnum.evkozi_jegy_ertekeles)") {
                                ertekelesTemaSzerbLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesTemajaSzerb)");
                            } else {
                                ertekelesTemaSzerbLabel.text("@Html.Raw(TanuloErtekelesResource.ErtekelesFeljegyzeseSzerb)");
                            }
                        </text>
                    }
                }
            }
        }

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

            if (setNull) {
                ertekelesTema = null;
            }
            var ertekelesTemaComboBoxData = KretaComboBoxHelper.getKendoComboBoxData(ertekelesTemaSelector);
            KretaComboBoxHelper.setKendoValue(ertekelesTemaComboBoxData, ertekelesTema);
            if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                @if (Model.IsNyelviesitesActive)
                {
                    if (Model.IsNemetNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            if (setNull) {
                                ertekelesTemaNemet = null;
                            }
                            $("#" + ertekelesTemaNemetSelector).val(ertekelesTemaNemet);
                        </text>
                    }
                    if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            if (setNull) {
                                ertekelesTemaHorvat = null;
                            }
                            $("#" + ertekelesTemaHorvatSelector).val(ertekelesTemaHorvat);
                        </text>
                    }
                    if (Model.IsRomanNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            if (setNull) {
                                ertekelesTemaRoman = null;
                            }
                            $("#" + ertekelesTemaRomanSelector).val(ertekelesTemaRoman);
                        </text>
                    }
                    if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                    {
                        <text>
                            if (setNull) {
                                ertekelesTemaSzerb = null;
                            }
                            $("#" + ertekelesTemaSzerbSelector).val(ertekelesTemaSzerb);
                        </text>
                    }
                }
            }
        }

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

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

        return ertekelesHelper;
    })();

    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() {
        @if (!Model.IsNaploErtekeles)
        {
            <text>ErtekelesHelper.openStartWindow();</text>
        }

        $("#ertekelesTemaTextBox").hide();

        var szovegesMasterMondatbankSelector = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .mondatbank-fejlec ul > li:first-child";
        var szovegesMasterTorlesSelector = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .mondatbank-fejlec ul > li:nth-child(2)";
        var szazalekMasterTorlesSelector = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .szazalek-torles ul li";
        var szovegesMasterSelector = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .k-kretaFormattedTextInput";
        var szovegesInputsSelector = ".k-grid > table.TanuloErtekelesGrid .k-kretaFormattedTextInput";
        var szovegesInputsOnlyDataRowSelector = ".k-grid > table.TanuloErtekelesGrid td .k-kretaFormattedTextInput";
        var szazalekInputsSelector = ".k-grid > table.TanuloErtekelesGrid .gridNumericBox > span > span.k-numeric-wrap";
        var szazalekInputsOnlyDataRowSelector = ".k-grid > table.TanuloErtekelesGrid td .gridNumericBox > span > span.k-numeric-wrap";
        var szazalekMasterSelectorOuter = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .gridNumericBox";
        var szazalekMasterSelector = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .gridNumericBox span.k-numeric-wrap";
        var szazalekMasterSpinSelector = ".k-grid > table.TanuloErtekelesGrid > .k-grid-header .k-header .gridNumericBox span.k-select";
        var warning = "warning";
        var highlight = "highlight";
        var focus = "focus";

        var szazalekMasterNumBox = $("#szazalekMaster").data("kendoNumericTextBox");
        var szovegesMasterDivBox = document.getElementById("@ertekelesSzovegesMasterSelector");

        szovegesMasterDivBox.addEventListener('input', function () {
            ErtekelesHelper.changeAllSzovegesErtekeles(szovegesMasterDivBox.innerHTML);
        })
        szovegesMasterDivBox.addEventListener('focus', function () {
            addClass(szovegesMasterSelector, focus);
            addClass(szovegesInputsOnlyDataRowSelector, warning);
        })
        szovegesMasterDivBox.addEventListener('focusout', function () {
            removeClass(szovegesMasterSelector, focus);
            removeClass(szovegesInputsOnlyDataRowSelector, warning);
        })
        var szovegesMasterTorles = document.querySelector(szovegesMasterTorlesSelector);
        szovegesMasterTorles.addEventListener('mouseover', function () {
            addClass(szovegesInputsSelector, warning);
        });
        szovegesMasterTorles.addEventListener('mouseout', function () {
            removeClass(szovegesInputsSelector, warning);
        });
        var szovegesMasterMondatbank = document.querySelector(szovegesMasterMondatbankSelector);
        szovegesMasterMondatbank.addEventListener('mouseover', function () {
            addClass(szovegesMasterSelector, highlight)
            addClass(szovegesInputsOnlyDataRowSelector, warning);
        });
        szovegesMasterMondatbank.addEventListener('mouseout', function () {
            removeClass(szovegesMasterSelector, highlight)
            removeClass(szovegesInputsOnlyDataRowSelector, warning);
        });

        szazalekMasterNumBox.bind("spin", function () {
            ErtekelesHelper.changeAllSzazalekValue(this.value());
        });
        szazalekMasterNumBox.bind("change", function () {
            ErtekelesHelper.changeAllSzazalekValue(this.value());
        });
        var szazalekMasterTorles = document.querySelector(szazalekMasterTorlesSelector);
        szazalekMasterTorles.addEventListener('mouseover', function () {
            addClass(szazalekInputsSelector, warning);
        });
        szazalekMasterTorles.addEventListener('mouseout', function () {
            removeClass(szazalekInputsSelector, warning);
        });
        var szazalekMasterSpin = document.querySelector(szazalekMasterSpinSelector);
        szazalekMasterSpin.addEventListener('mouseover', function () {
            addClass(szazalekMasterSelector, focus);
            addClass(szazalekInputsOnlyDataRowSelector, warning);
        })
        szazalekMasterSpin.addEventListener('mouseout', function () {
            removeClass(szazalekMasterSelector, focus);
            removeClass(szazalekInputsOnlyDataRowSelector, warning);
        })
        var szazalekMasterOuter = document.querySelector(szazalekMasterSelectorOuter);
        szazalekMasterOuter.addEventListener('focusin', function () {
            addClass(szazalekInputsOnlyDataRowSelector, warning);
        });
        szazalekMasterOuter.addEventListener('focusout', function () {
            removeClass(szazalekInputsOnlyDataRowSelector, warning);
        })
    });
</script>

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