xXx

Hexid M1n1 5h3ll MobiLe

C:/home/site/wwwroot/Views/DetailFlora/_[ Writable ]

File:C:/home/site/wwwroot/Views/DetailFlora/Index.cshtml

@model  Tuple<List<Kehati.Areas.CMS.Models.FloraHistory>, 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(),
            ListDetailFloraID : model.map(x=>x.ListDetailFloraID).toString()
        };

         //alert(grafik);
        $j.ajax({
            type: "POST",
            url: "/detailflora/getHistoryFlora?ID="+model.map(x=>x.ListDetailFloraID),
            //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].Diameter);
                        ChartData.dataRealisasi.push(response[x].TinggiTotal);
                    }

                    var RealisasiVSTargetData = {
                        labels: ChartData.labels,
                        datasets: [{
                            label: "Tinggi",
                            borderColor: "#45D4D5",
                            //backgroundColor:"#6fdede",
                            data: ChartData.dataRealisasi ,
                        }, {
                            label: "Diameter",
                            borderColor: "#ff0000",
                            //backgroundColor: "#F4ACB7",
                            data: ChartData.data,
                        }]
                    };


                    var chartOptions1 = {
                        responsive: true,
                        title: {
                            display: true,
                            text: ' Tinggi dan Diameter '
                        },
                        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>@item.NamaUmum</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" />
                    }
                </div>
                <div class="col-8">

                    <table class="table table-striped" id="mytable" style="width:100%">
                        <tbody>
                            <tr>
                                <td>ID</td>
                                <td>@item.ListDetailFloraID</td>
                            </tr>
                            <tr>
                                <td>Nama Lokal</td>
                                <td>@item.NamaUmum</td>
                            </tr>
                            <tr>
                                <td>Nama Jenis</td>
                                <td>@item.NamaLatin</td>

                            </tr>
                            <tr>
                                <td>Diameter (cm)</td>
                                <td>@item.Diameter</td>
                            </tr>
                            <tr>
                                <td>Tinggi Total (m)</td>
                                <td>@item.TinggiTotal</td>
                            </tr>

                            <tr>
                                <td>Tahun Tanam</td>
                                <td>@item.TahunTanam</td>
                            </tr>
                            <tr>
                                <td>Longitude</td>
                                <td>@item.Longitude</td>
                            </tr>
                            <tr>
                                <td>Latitude</td>
                                <td>@item.Lattitude</td>
                            </tr>
                        </tbody>
                    </table>
                    <canvas id="Chart1"></canvas>
                   
                    <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