Viewing file:  92db34a5b0a71c51fad1ae948d7f58b3.php (13.11 KB) -rw-rw-rw-
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php echo view_render_event('admin.dashboard.index.revenue.after'); ?>
<!-- Over Details Vue Component -->
<v-dashboard-revenue-stats>
<!-- Shimmer -->
<?php if (isset($component)) { $__componentOriginal9c2401f601e6d79e253560e6742ec3e4 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9c2401f601e6d79e253560e6742ec3e4 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.dashboard.index.revenue','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('admin::shimmer.dashboard.index.revenue'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9c2401f601e6d79e253560e6742ec3e4)): ?>
<?php $attributes = $__attributesOriginal9c2401f601e6d79e253560e6742ec3e4; ?>
<?php unset($__attributesOriginal9c2401f601e6d79e253560e6742ec3e4); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9c2401f601e6d79e253560e6742ec3e4)): ?>
<?php $component = $__componentOriginal9c2401f601e6d79e253560e6742ec3e4; ?>
<?php unset($__componentOriginal9c2401f601e6d79e253560e6742ec3e4); ?>
<?php endif; ?>
</v-dashboard-revenue-stats>
<?php echo view_render_event('admin.dashboard.index.revenue.after'); ?>
<?php if (! $__env->hasRenderedOnce('e61c0ff5-b2f3-4bca-b258-5fee1dcdf4a7')): $__env->markAsRenderedOnce('e61c0ff5-b2f3-4bca-b258-5fee1dcdf4a7');
$__env->startPush('scripts'); ?>
<script
type="text/x-template"
id="v-dashboard-revenue-stats-template"
>
<!-- Shimmer -->
<template v-if="isLoading">
<?php if (isset($component)) { $__componentOriginal9c2401f601e6d79e253560e6742ec3e4 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9c2401f601e6d79e253560e6742ec3e4 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.dashboard.index.revenue','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('admin::shimmer.dashboard.index.revenue'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9c2401f601e6d79e253560e6742ec3e4)): ?>
<?php $attributes = $__attributesOriginal9c2401f601e6d79e253560e6742ec3e4; ?>
<?php unset($__attributesOriginal9c2401f601e6d79e253560e6742ec3e4); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9c2401f601e6d79e253560e6742ec3e4)): ?>
<?php $component = $__componentOriginal9c2401f601e6d79e253560e6742ec3e4; ?>
<?php unset($__componentOriginal9c2401f601e6d79e253560e6742ec3e4); ?>
<?php endif; ?>
</template>
<!-- Total Sales Section -->
<template v-else>
<div class="box-shadow rounded-lg border border-gray-200 bg-white p-4 dark:border-gray-800 dark:bg-gray-900">
<div class="flex gap-4 max-md:flex-wrap">
<!-- Total Revenue -->
<div class="flex gap-2 max-md:flex-wrap md:flex-col">
<!-- Won Revenue Card -->
<div class="flex flex-col gap-2 rounded-lg border border-gray-200 px-4 py-5 dark:border-gray-800 max-sm:w-full">
<p class="text-xs font-medium text-gray-600 dark:text-gray-300">
<?php echo app('translator')->get('admin::app.dashboard.index.revenue.won-revenue'); ?>
</p>
<div class="flex gap-2">
<p class="text-xl font-bold text-green-600">
{{ report.statistics.total_won_revenue.formatted_total }}
</p>
<div class="flex items-center gap-0.5">
<span
class="text-base !font-semibold text-green-500"
:class="[report.statistics.total_won_revenue.progress < 0 ? 'icon-stats-down text-red-500 dark:!text-red-500' : 'icon-stats-up text-green-500 dark:!text-green-500']"
></span>
<p
class="text-xs font-semibold text-green-500"
:class="[report.statistics.total_won_revenue.progress < 0 ? 'text-red-500' : 'text-green-500']"
>
{{ Math.abs(report.statistics.total_won_revenue.progress.toFixed(2)) }}%
</p>
</div>
</div>
</div>
<!-- Lost Revenue Card -->
<div class="flex flex-col gap-2 rounded-lg border border-gray-200 px-4 py-5 dark:border-gray-800 max-sm:w-full">
<p class="text-xs font-medium text-gray-600 dark:text-gray-300">
<?php echo app('translator')->get('admin::app.dashboard.index.revenue.lost-revenue'); ?>
</p>
<div class="flex gap-2">
<p class="text-xl font-bold text-red-500">
{{ report.statistics.total_lost_revenue.formatted_total }}
</p>
<div class="flex items-center gap-0.5">
<span
class="text-base !font-semibold text-green-500"
:class="[report.statistics.total_lost_revenue.progress < 0 ? 'icon-stats-down text-red-500 dark:!text-red-500' : 'icon-stats-up text-green-500 dark:!text-green-500']"
></span>
<p
class="text-xs font-semibold text-green-500"
:class="[report.statistics.total_lost_revenue.progress < 0 ? 'text-red-500' : 'text-green-500']"
>
{{ Math.abs(report.statistics.total_lost_revenue.progress.toFixed(2)) }}%
</p>
</div>
</div>
</div>
</div>
<!-- Bar Chart -->
<div class="flex w-full max-w-full flex-col gap-4">
<canvas
:id="$.uid + '_chart'"
class="w-full max-w-full items-end"
></canvas>
<div class="flex justify-center gap-5">
<div class="flex items-center gap-2">
<span class="h-3.5 w-3.5 rounded-sm bg-green-500 opacity-80"></span>
<p class="text-xs dark:text-gray-300">
<?php echo app('translator')->get('admin::app.dashboard.index.revenue.won-revenue'); ?>
</p>
</div>
<div class="flex items-center gap-2">
<span class="h-3.5 w-3.5 rounded-sm bg-red-500 opacity-80"></span>
<p class="text-xs dark:text-gray-300">
<?php echo app('translator')->get('admin::app.dashboard.index.revenue.lost-revenue'); ?>
</p>
</div>
</div>
</div>
</div>
</div>
</template>
</script>
<script type="module">
app.component('v-dashboard-revenue-stats', {
template: '#v-dashboard-revenue-stats-template',
data() {
return {
report: [],
isLoading: true,
chart: undefined,
}
},
mounted() {
this.getStats({});
this.$emitter.on('reporting-filter-updated', this.getStats);
},
methods: {
getStats(filters) {
this.isLoading = true;
var filters = Object.assign({}, filters);
filters.type = 'revenue-stats';
this.$axios.get("<?php echo e(route('admin.dashboard.stats')); ?>", {
params: filters
})
.then(response => {
this.report = response.data;
this.isLoading = false;
setTimeout(() => {
this.prepare();
}, 0);
})
.catch(error => {});
},
prepare() {
if (this.chart) {
this.chart.destroy();
}
this.chart = new Chart(document.getElementById(this.$.uid + '_chart'), {
type: 'bar',
data: {
labels: [
"<?php echo app('translator')->get('admin::app.dashboard.index.revenue.won-revenue'); ?>",
"<?php echo app('translator')->get('admin::app.dashboard.index.revenue.lost-revenue'); ?>"
],
datasets: [{
axis: 'y',
data: [
this.report.statistics.total_won_revenue.current,
this.report.statistics.total_lost_revenue.current
],
backgroundColor: [
'rgba(34, 197, 94, 0.8)',
'rgba(239, 68, 68, 0.8)',
],
barPercentage: 0.8,
categoryPercentage: 0.7,
}],
},
options: {
aspectRatio: 5,
indexAxis: 'y',
plugins: {
legend: {
display: false,
},
},
scales: {
x: {
beginAtZero: true,
ticks: {
stepSize: 500,
},
border: {
dash: [8, 4],
}
},
y: {
beginAtZero: true,
ticks: {
display: false,
},
border: {
dash: [8, 4],
}
}
},
maintainAspectRatio: true,
responsive: true,
layout: {
padding: {
left: 0,
right: 0,
top: 0,
bottom: 0
}
}
}
});
}
}
});
</script>
<?php $__env->stopPush(); endif; ?>
<?php /**PATH C:\xampp\htdocs\laravel-crm\packages\Webkul\Admin\src/resources/views/dashboard/index/revenue.blade.php ENDPATH**/ ?>
|