@using Kreta.BusinessLogic.Classes
@using Kreta.Web.Areas.TanuloErtekeles.Controllers
@using Kreta.Web.Areas.TanuloErtekeles.Models.TanuloErtekeles
@using Kreta.Web.Helpers
@using Kreta.Web.Helpers.Grid

@model TanuloErtekelesByTanuloDetailModel

@{
    var gridName = Model.NamePrefix + BaseTanuloErtekelesController.DetailGridName + Model.ID;
    var javascriptClassName = gridName + "Helper";
    var tooltipClassName = "tanuloErtekelesDetailKendoTooltip";
    var tooltipDataAttributeName = "ertekelestext";
    var tooltipTemplateId = "kendoTooltip-ertekelesDetailKendoTooltipTemplate";
}

<script>
    var @javascriptClassName = (function () {
        var gridDetailHelper = function () { };

        gridDetailHelper.dataBoundAdditionalFunction = function () {
            TanuloErtekelesHelper.setDetailGridRowAthuzas("@gridName");

            var tanuloErtekelesKendoTooltip = $("." + "@tooltipClassName");
            KretaTooltipHelper.setTooltip(tanuloErtekelesKendoTooltip, "#" + "@tooltipTemplateId");
        }

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

<div>
    @{
        var gridApiUrl = Model.IsTanuloView ?
            new GridApiUrl("TanuloErtekelesByTanuloApi", "GetTanuloErtekelesByTanuloDetailGridTanuloView", new Dictionary<string, string>
            {
                { "TantargyId", Model.ID },
                { "OktatasiNevelesiFeladatId", Model.OktatasiNevelesiFeladatId.ToString() }
                        }) :
            new GridApiUrl("TanuloErtekelesByTanuloApi", "GetTanuloErtekelesByTanuloDetailGrid", new Dictionary<string, string>
            {
                { "TantargyId", Model.ID },
                { "OktatasiNevelesiFeladatId", Model.OktatasiNevelesiFeladatId.ToString() },
                { "TanuloId", Model.TanuloId.ToString() }
                        });
    }

    @(
        Html.KretaGrid<TanuloErtekelesByTanuloDetailGridModel>(
            gridName,
            gridApiUrl,
            useToolBar: false,
            dataBoundAdditionalFunction: javascriptClassName + ".dataBoundAdditionalFunction();",
            allowSorting: false,
            allowPaging: false,
            pageSizes: null
        )
        .TableHtmlAttributes(new { @class = "TanuloErtekelesDetailGrid TanuloErtekelesWithSortoresGrid" })
        .Columns(columns =>
        {
            columns.Bound(c => c.Datum).Width("90px").Format(SDAFormat.Format[SDAFormat.FormatType.ShortDate]);
            columns.Bound(c => c.ErtekeloNyomtatasiNev).Width("12%").SetDisplayPropertyWithToolip("ErtekeloNyomtatasiNev");
            columns.Bound(c => c.TipusId_DNAME).Width("12%").SetDisplayPropertyWithToolip("TipusId_DNAME");
            columns.Bound(c => c.TipusId).Visible(false);
            columns.Bound(c => c.ErtekelesModId_DNAME).Width("12%").SetDisplayPropertyWithToolip("ErtekelesModId_DNAME");
            columns.Bound(c => c.RogzitesDatum).Width("90px").Format(SDAFormat.Format[SDAFormat.FormatType.ShortDate]).Visible(!Model.IsTanuloView);
            columns.Bound(c => c.TanuloErtekelesText).SetHtmlDisplayPropertyWithToolip("TanuloErtekelesText", tooltipClassName, tooltipDataAttributeName, "MagatartasSzorgalomSortores").HeaderHtmlAttributes(new { @class = "headerWidthFix" });
            columns.Bound(c => c.ErtekelesTema).SetDisplayPropertyWithToolip("ErtekelesTema").HeaderHtmlAttributes(new { @class = "headerWidthFix" });
        })
    )
</div>

@Html.KretaTooltipTemplate(tooltipTemplateId,
    @"<div class='kendoTooltip'>
        <p class='tooltipText'>#=target.data('" + tooltipDataAttributeName + @"')#</p>
    </div>")