xXx

Hexid M1n1 5h3ll MobiLe

C:/local/VirtualDirectory0/site/wwwroot/Views/DetailRusa/_[ Writable ]

File:C:/local/VirtualDirectory0/site/wwwroot/Views/DetailRusa/Index.cshtml

@model  Tuple<List<Kehati.Areas.CMS.Models.RusaHistory>, List<Kehati.Areas.CMS.Models.Visitor>, List<Kehati.Models.Footer>>
@{
    ViewBag.Title = "Index";
}

<script>
    //$j(document).ready(function () {
    //    loadChart();
    //});

    function loadChart() {
        var model = @Html.Raw(Json.Encode(Model.Item1));
        var ChartData = {
            labels: [],
            data: [],
            dataRealisasi:[]
        };
        var now = new Date();
        var grafik = {
            //Bulan: $('#filterChart').val(),
            Tahun: now.getFullYear(),
            ListDetailRusaID : model.map(x=> x.ListDetailRusaID)
        };

         //alert(grafik);
        $j.ajax({
            type: "POST",
            url: "/detailRusa/getHistoryRusa?ID="+model.map(x=> x.ListDetailRusaID),
            //data: JSON.stringify(grafik),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                //alert  (JSON.stringify(response))

                if (response !=null) {
                    var RealisasiVSTarget = document.getElementById("Chart1");
                    Chart.defaults.global.defaultFontFamily = "Lato";
                    Chart.defaults.global.defaultFontSize = 18;

                    for (x=0;x<response.length;x++)
                    {
                        //if (response[x].Bulan==1) {
                        //    ChartData.labels.push('Januari');
                        //} else if (response[x].Bulan === 2) {
                        //    ChartData.labels.push('Februari');
                        //} else if (response[x].Bulan === 3) {
                        //    ChartData.labels.push('Maret');
                        //} else if (response[x].Bulan === 4) {
                        //    ChartData.labels.push('April');
                        //} else if (response[x].Bulan === 5) {
                        //    ChartData.labels.push('Mei');
                        //} else if (response[x].Bulan === 6) {
                        //    ChartData.labels.push('Juni');
                        //} else if (response[x].Bulan === 7) {
                        //    ChartData.labels.push('Juli');
                        //} else if (response[x].Bulan == 8) {
                        //    ChartData.labels.push('Agustus');
                        //} else if (response[x].Bulan === 9) {
                        //    ChartData.labels.push('September');
                        //} else if (response[x].Bulan === 10) {
                        //    ChartData.labels.push('Oktober');
                        //} else if (response[x].Bulan === 11) {
                        //    ChartData.labels.push('November');
                        //} else if (response[x].Bulan === 12) {
                        //    ChartData.labels.push('Desember');
                        //}

                        ChartData.labels.push(response[x].Tanggals)
                        //ChartData.labels.push(response[x].Bulan);
                        ChartData.data.push(response[x].StatusKonservasi);
                        ChartData.dataRealisasi.push(response[x].KeteranganMedis);
                    }

                    var RealisasiVSTargetData = {
                        labels: ChartData.labels,
                        datasets: [{
                            label: "Status Konservasi",
                            borderColor: "#45D4D5",
                            backgroundColor:"#45D4D5",
                            data: ChartData.dataRealisasi ,
                        }, {
                            label: "Keterangan Medis",
                            borderColor: "#ff0000",
                            backgroundColor: "#ff0000",
                            data: ChartData.data,
                        }]
                    };


                    var chartOptions1 = {
                        responsive: true,
                        title: {
                            display: true,
                            text: ' Realisasi VS Target '
                        },
                        legend: {
                            display: true,
                            position: 'top',
                            labels: {
                                boxWidth: 80,
                                fontColor: 'black'
                            }
                        }
                    };


                    var lineChart = new Chart(RealisasiVSTarget, {
                        type: 'line',
                        data: RealisasiVSTargetData,
                        options: chartOptions1
                    });

                }

            }
        })

    }

</script>

@foreach (var item in Model.Item1)
{
    <div class="jumbotron jumbotron-fluid" style="padding:0px !important;margin-bottom:0px;background-image:url(@item.PhotoURL);background-repeat:no-repeat;background-position:center; background-size:cover">
        <div class="container" style="padding-top:300px">
        </div>
    </div>
    <section id="Tentang" style="background-color:#f1f1f1;  padding-top: 2rem;">
        <div class="container">
            <h1>Rusa Timor</h1>
            <div class="row">
                <div class="col-4">
                    <img src="@item.PhotoURL" width="300" height="300" class="img-fluid d-block" />
                    <br />
                    <br />
                    @if (ViewBag.QRCodeImage != null)
                    {
                        <img src="@ViewBag.QRCodeImage" width="300" height="300" class="img-fluid d-block"/>
                    }
                    @*<img src="Images/apiapi.jpg" width="300" height="300" class="img-fluid d-block" />*@
                </div>
                <div class="col-8">

                    <table class="table table-striped" id="mytable" style="width:100%">
                        <tbody>
                            <tr>
                                <td>ID</td>
                                <td>@item.ListDetailRusaID</td>
                            </tr>
                            <tr>
                                <td>Tag Rusa Timor</td>
                                <td>@item.TagRusaTimor</td>
                            </tr>
                            <tr>
                                <td>No Registrasi</td>
                                <td>@item.NoRegistrasi</td>

                            </tr>
                            <tr>
                                <td>Jenis Kelamin</td>
                                <td>@item.JenisKelamin</td>
                            </tr>
                            <tr>
                                <td>Status Konservasi</td>
                                <td>@item.StatusKonservasi</td>
                            </tr>

                            <tr>
                                <td>Keterangan Medis</td>
                                <td>@item.KeteranganMedis</td>
                            </tr>
                        </tbody>
                    </table>
                    @*<canvas id="Chart1"></canvas>*@
                    @*</br>
                    <br />*@
                </div>
            </div>
        </div>
    </section>
}
<footer class="bg-black small" style="color:black" id="kontak">
    <div class="container">
        <div class="row">
            @foreach (var item in Model.Item3)
            {
                <div class="col-md-4" style="padding-right:0px;text-align:center">
                  @Html.Raw(  @item.KontakKiri)
                </div>
                <div class="col-md-4" style="padding-right:0px;text-align:center">
                  @Html.Raw(  @item.KontakTengah)
                </div>
            }

            @foreach (var item in Model.Item2)
            {
                <div class="col-md-4" style="padding-right:0px;text-align:center">
                    Today Visitors    : @item.Today
                    <br>
                    Lastweek Visitors : @item.LastWeek
                    <br>
                    Lastmonth Visitors : @item.LastMonth
                </div>
            }
        </div>
    </div>
</footer>

Your Access Expired	Date. in : 12-09-2025
Regist : 09-12-2024	Expired : 01-12-2027