Bu title'ı değiştiriyorum fakat siteye yansımıyor. Herhangi bir cpanel vs yok sadece filezilla ile yapıyorum işlemi
<template>
<v-row v-if="!isLoading">
<v-col
cols="12"
sm="12"
md="6"
>
<dashboard-card-total-earning :amount=totalAdminEarnings></dashboard-card-total-earning>
</v-col>
<v-col
cols="12"
md="6"
sm="12"
>
<v-row class="match-height">
<v-col
cols="12"
sm="6"
>
<statistics-card-vertical
:change="totalFromSchools.change"
:color="totalFromSchools.color"
:icon="totalFromSchools.icon"
:statistics="totalFromSchools.amount"
:stat-title="totalFromSchools.statTitle"
:subtitle="totalFromSchools.subtitle"
></statistics-card-vertical>
</v-col>
<v-col
cols="12"
sm="6"
>
<statistics-card-vertical
:change="totalFromParents.change"
:color="totalFromParents.color"
:icon="totalFromParents.icon"
:statistics="totalFromParents.amount"
:stat-title="totalFromParents.statTitle"
:subtitle="totalFromParents.subtitle"
></statistics-card-vertical>
</v-col>
</v-row>
</v-col>
<v-col
cols="12"
md="12"
>
<dashboard-statistics-card :all-counts=allCounts></dashboard-statistics-card>
</v-col>
<v-col
cols="12"
sm="12"
md="6"
>
<dashboard-weekly-overview
:trip-count=plannedTripsCount
:trip-dates=plannedTripsDates
></dashboard-weekly-overview>
</v-col>
<v-col
cols="12"
md="6"
>
<dashboard-card-plans
:best-plans=bestSalesPlans
></dashboard-card-plans>
</v-col>
</v-row>
<v-row v-else>
<v-col
cols="12"
sm="6"
md="6"
>
<v-skeleton-loader
type="card"
height="200"
></v-skeleton-loader>
</v-col>
<v-col
cols="12"
md="6"
>
<v-row class="match-height">
<v-col
cols="12"
sm="6"
>
<v-skeleton-loader
type="card"
height="200"
></v-skeleton-loader>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-skeleton-loader
type="card"
height="200"
></v-skeleton-loader>
</v-col>
</v-row>
</v-col>
<v-col
cols="12"
md="12"
>
<v-skeleton-loader
type="card"
height="120"
></v-skeleton-loader>
</v-col>
<v-col
cols="12"
sm="6"
md="6"
>
<v-skeleton-loader
type="image"
height="500"
></v-skeleton-loader>
</v-col>
<v-col
cols="12"
md="6"
>
<v-skeleton-loader
type="image"
height="500"
></v-skeleton-loader>
</v-col>
</v-row>
</template>
<script>
// eslint-disable-next-line object-curly-newline
import { mdiPoll, mdiCurrencyUsd, mdiCloseOctagonOutline, mdiCard, mdiSchool, mdiAlien, mdiAccountAlert, mdiAccountBox, mdiAccountCash } from '@mdi/js'
import StatisticsCardVertical from '@/components/statistics-card/StatisticsCardVertical.vue'
import auth from '@/services/AuthService'
// demos
import DashboardStatisticsCard from './DashboardStatisticsCard.vue'
import DashboardCardTotalEarning from './DashboardCardTotalEarning.vue'
import DashboardCardPlans from './DashboardCardPlans.vue'
import DashboardWeeklyOverview from './DashboardWeeklyOverview.vue'
export default {
components: {
StatisticsCardVertical,
DashboardStatisticsCard,
DashboardCardTotalEarning,
DashboardCardPlans,
DashboardWeeklyOverview,
},
data() {
return {
isLoading: false,
totalFromSchools: {
statTitle: 'Schools Payments123',
icon: mdiSchool,
color: 'success',
amount: '',
},
bestSalesPlans: [],
plannedTripsCount: [],
plannedTripsDates: [],
bestSalesPlansColors: [
'success', 'error', 'warning', 'secondary', 'error',
],
totalFromParents: {
statTitle: 'Parents Payments',
icon: mdiAccountCash,
color: 'info',
amount: '',
},
totalAdminEarnings: null,
allCounts:
[
{
title: 'Schools',
total: '',
},
{
title: 'Guardians',
total: '',
},
{
title: 'Drivers',
total: '',
},
{
title: 'Students',
total: '',
},
{
title: 'Routes',
total: '',
},
{
title: 'Stops',
total: '',
},
],
}
},
mounted() {
this.fetchDashboardStatistics()
},
methods: {
fetchDashboardStatistics() {
this.isLoading = true;
this.reservations = [];
axios
.get(`/admin-dashboard/all`)
.then((response) => {
this.totalFromSchools.amount = response.data.paidSchools;
this.totalFromParents.amount = response.data.paidParents;
// this.totalRefunds.amount = response.data.totalRefunds;
this.totalAdminEarnings = response.data.totalPaid;
this.allCounts[0].total = response.data.totalSchools;
this.allCounts[1].total = response.data.totalGuardians;
this.allCounts[2].total = response.data.totalDrivers;
this.allCounts[3].total = response.data.totalStudents;
this.allCounts[4].total = response.data.totalRoutes;
this.allCounts[5].total = response.data.totalStops;
this.bestSalesPlans = response.data.bestSalesPlans;
//merge bestSalesPlans with bestSalesPlansColors
this.bestSalesPlans.forEach((item, index) => {
item.color = this.bestSalesPlansColors[index];
});
for (var key in response.data.plannedTrips) {
this.plannedTripsCount.push(response.data.plannedTrips[key]);
this.plannedTripsDates.push(key);
}
console.log(this.bestSalesPlans);
})
.catch((error) => {
this.$notify({
title: "Error",
text: "Error while retrieving dashboard statistics",
type: "error",
});
console.log(error);
auth.checkError(error.response.data.message, this.$router, this.$swal);
})
.then(() => {
this.isLoading = false;
});
},
},
}
</script>
<style lang="scss">
.v-skeleton-loader__image {
height: 400px !important;
}
</style> 
