lottery/website/Views/Home/TransferHistory.cshtml

@{
    ViewData["Title"] = "Results";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using LotteryWebApp.Languages;
@using LotteryWebApp.Controllers;
@using LotteryWebApp.Common;
@using System.Globalization;
@using LotteryWebApp.Service

@model MoneyConvertRes

@{
    // DateTime oDateFrom = DateTime.ParseExact(Model.fromDate, "dd/MM/yyyy", CultureInfo.InvariantCulture);
    // String dateFrom = oDateFrom.ToString("yyyy-MM-dd", CultureInfo.InvariantCulture);

    // DateTime oDateTo = DateTime.ParseExact(Model.toDate, "dd/MM/yyyy", CultureInfo.InvariantCulture);
    // String dateTo = oDateTo.ToString("yyyy-MM-dd", CultureInfo.InvariantCulture);
}

<style>
    .draw-date {
        padding-right: 26px !important;
        background-repeat: no-repeat;
        /* z-index: 2; */
        background-image: url(../img/ic_calendar.png);
        background-position: right;
    }

    #term-result-history-data {
        margin-top: 20px;
    }
</style>

<div class="app-content content" style="position:relative; overflow-x: visible">
    <div class="card-title text-center ">
        <div class="news-button-header-container" style="text-align: start; margin: 0 10px;">
            @await Component.InvokeAsync("SmallHeader", new { title = @Lang.transfer_history.ToUpper() })
        </div>
    </div>

    <div class="content-wrapper">
        <div class="content-body">
            <section class="loto-container">
                <div class="buy-ticket-container ">

                    <div class="div-result">
                        <div id="transfer-history-data" class="transfer-his">
                        </div>
                    </div>

                    @* <div class="result-form-all"> 

                        <div id="term-result-history-data">
                        </div>
                        <script>
                            getResultTermHistoryData(@Model.termType);
                        </script>
                    </div> *@

                </div>
            </section>
        </div>
    </div>
</div>

<script>

    var countPage = 1;
    getListConvertByUser(countPage);
    $(window).scroll(function() {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
            // ajax call get data from server and append to the div
            console.log("next " + countPage);
            getListConvertByUser(++countPage);
        }
    });

    stopLoading();
</script>