feat: implement site visit in controller and add visit table
This commit is contained in:
@@ -1,4 +1,3 @@
|
||||
```blade
|
||||
@extends('admin.layouts.app')
|
||||
|
||||
@section('breadcrumb')
|
||||
@@ -23,8 +22,47 @@
|
||||
|
||||
<div class="row">
|
||||
|
||||
{{-- تعداد پروازها --}}
|
||||
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
|
||||
|
||||
<div class="card custom-card overflow-hidden">
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="d-flex gap-3">
|
||||
|
||||
<div class="avatar avatar-md bg-info svg-white">
|
||||
|
||||
<i class="ri-eye-line fs-24"></i>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex-fill">
|
||||
|
||||
<div class="fw-medium fs-13 mb-1 text-dark">
|
||||
بازدید کل سایت
|
||||
</div>
|
||||
|
||||
<div class="fs-22 fw-semibold mb-1 text-info">
|
||||
{{ $indexPageCont }}
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center fs-11">
|
||||
<span class="text-default op-6">
|
||||
کل بازدیدها
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
|
||||
|
||||
<div class="card custom-card overflow-hidden">
|
||||
|
||||
@@ -64,9 +102,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{{-- تعداد کاربران --}}
|
||||
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
|
||||
|
||||
<div class="card custom-card overflow-hidden">
|
||||
|
||||
@@ -106,9 +142,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{{-- تعداد رزروها --}}
|
||||
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
|
||||
|
||||
<div class="card custom-card overflow-hidden">
|
||||
|
||||
@@ -150,9 +184,57 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
|
||||
<div class="col-xl-12">
|
||||
|
||||
<div class="card custom-card">
|
||||
|
||||
<div class="card-header">
|
||||
<div class="card-title">
|
||||
نمودار بازدید سایت (۱۰ روز اخیر)
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<canvas id="visitsChart" height="90"></canvas>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<script>
|
||||
new Chart(document.getElementById('visitsChart'), {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: @json($visits->map(fn($v) => verta($v->visit_date)->format('m/d'))),
|
||||
datasets: [{
|
||||
label: 'تعداد بازدید',
|
||||
data: @json($visits->pluck('total')),
|
||||
backgroundColor: 'rgba(54, 162, 235, 0.6)',
|
||||
borderRadius: 6,
|
||||
maxBarThickness: 40
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
scales: {
|
||||
y: { beginAtZero: true, ticks: { precision: 0 } }
|
||||
},
|
||||
plugins: {
|
||||
legend: { display: false }
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user