Arkadaşlar merhabalar codecanyon üzerinden bir yazılım aldık. Dil değişikliği şuanda mevcutta yok. Vue.js dosyalarından değişiklik yapıyorum fakat siteye yansımıyor. Sadece admin panelinde yer alan School Plans yazısını arattım ve dosyayı buldum aşağıdaki gibidir...
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>