Find this useful? Enter your email to receive occasional updates for securing PHP code.
Signing you up...
Thank you for signing up!
PHP Decode
<!-- Top Selling Products By Revenue Vue Component --> <v-reporting-product-top-selling-by..
Decoded Output download
<? <!-- Top Selling Products By Revenue Vue Component -->
<v-reporting-product-top-selling-by-revenue>
<!-- Shimmer -->
<x-admin::shimmer.reporting.products.top-selling-by-revenue />
</v-reporting-product-top-selling-by-revenue>
@pushOnce('scripts')
<script
type="text/x-template"
id="v-reporting-product-top-selling-by-revenue-template"
>
<!-- Shimmer -->
<template v-if="isLoading">
<x-admin::shimmer.reporting.products.top-selling-by-revenue />
</template>
<!-- Top Selling Products By Revenue Section -->
<template v-else>
<div class="box-shadow relative flex-1 rounded bg-white p-4 dark:bg-gray-900">
<!-- Header -->
<div class="mb-4 flex items-center justify-between">
<p class="text-base font-semibold text-gray-600 dark:text-white">
@lang('admin::app.reporting.products.index.top-selling-products-by-revenue')
</p>
<a
href="{{ route('admin.reporting.products.view', ['type' => 'top-selling-products-by-revenue']) }}"
class="cursor-pointer text-sm text-blue-600 transition-all hover:underline"
>
@lang('admin::app.reporting.products.index.view-details')
</a>
</div>
<!-- Content -->
<div class="grid gap-4">
<!-- Top Selling Products By Revenue -->
<template v-if="report.statistics.length">
<!-- Customers -->
<div class="grid gap-7">
<div
class="grid"
v-for="product in report.statistics"
>
<p class="dark:text-white">
@{{ product.name }}
</p>
<div class="flex items-center gap-5">
<div class="relative h-2 w-full bg-slate-100">
<div
class="absolute left-0 h-2 bg-emerald-500"
:style="{ 'width': product.progress + '%' }"
></div>
</div>
<p class="text-sm font-semibold text-gray-600 dark:text-gray-300">
@{{ product.formatted_revenue }}
</p>
</div>
</div>
</div>
</template>
<!-- Empty State -->
<template v-else>
@include('admin::reporting.empty')
</template>
<!-- Date Range -->
<div class="flex justify-end gap-5">
<div class="flex items-center gap-1">
<span class="h-3.5 w-3.5 rounded-md bg-emerald-400"></span>
<p class="text-xs dark:text-gray-300">
@{{ report.date_range.current }}
</p>
</div>
</div>
</div>
</div>
</template>
</script>
<script type="module">
app.component('v-reporting-product-top-selling-by-revenue', {
template: '#v-reporting-product-top-selling-by-revenue-template',
data() {
return {
report: [],
isLoading: true,
}
},
mounted() {
this.getStats({});
this.$emitter.on('reporting-filter-updated', this.getStats);
},
methods: {
getStats(filtets) {
this.isLoading = true;
var filtets = Object.assign({}, filtets);
filtets.type = 'top-selling-products-by-revenue';
this.$axios.get("{{ route('admin.reporting.products.stats') }}", {
params: filtets
})
.then(response => {
this.report = response.data;
this.isLoading = false;
})
.catch(error => {});
}
}
});
</script>
@endPushOnce ?>
Did this file decode correctly?
Original Code
<!-- Top Selling Products By Revenue Vue Component -->
<v-reporting-product-top-selling-by-revenue>
<!-- Shimmer -->
<x-admin::shimmer.reporting.products.top-selling-by-revenue />
</v-reporting-product-top-selling-by-revenue>
@pushOnce('scripts')
<script
type="text/x-template"
id="v-reporting-product-top-selling-by-revenue-template"
>
<!-- Shimmer -->
<template v-if="isLoading">
<x-admin::shimmer.reporting.products.top-selling-by-revenue />
</template>
<!-- Top Selling Products By Revenue Section -->
<template v-else>
<div class="box-shadow relative flex-1 rounded bg-white p-4 dark:bg-gray-900">
<!-- Header -->
<div class="mb-4 flex items-center justify-between">
<p class="text-base font-semibold text-gray-600 dark:text-white">
@lang('admin::app.reporting.products.index.top-selling-products-by-revenue')
</p>
<a
href="{{ route('admin.reporting.products.view', ['type' => 'top-selling-products-by-revenue']) }}"
class="cursor-pointer text-sm text-blue-600 transition-all hover:underline"
>
@lang('admin::app.reporting.products.index.view-details')
</a>
</div>
<!-- Content -->
<div class="grid gap-4">
<!-- Top Selling Products By Revenue -->
<template v-if="report.statistics.length">
<!-- Customers -->
<div class="grid gap-7">
<div
class="grid"
v-for="product in report.statistics"
>
<p class="dark:text-white">
@{{ product.name }}
</p>
<div class="flex items-center gap-5">
<div class="relative h-2 w-full bg-slate-100">
<div
class="absolute left-0 h-2 bg-emerald-500"
:style="{ 'width': product.progress + '%' }"
></div>
</div>
<p class="text-sm font-semibold text-gray-600 dark:text-gray-300">
@{{ product.formatted_revenue }}
</p>
</div>
</div>
</div>
</template>
<!-- Empty State -->
<template v-else>
@include('admin::reporting.empty')
</template>
<!-- Date Range -->
<div class="flex justify-end gap-5">
<div class="flex items-center gap-1">
<span class="h-3.5 w-3.5 rounded-md bg-emerald-400"></span>
<p class="text-xs dark:text-gray-300">
@{{ report.date_range.current }}
</p>
</div>
</div>
</div>
</div>
</template>
</script>
<script type="module">
app.component('v-reporting-product-top-selling-by-revenue', {
template: '#v-reporting-product-top-selling-by-revenue-template',
data() {
return {
report: [],
isLoading: true,
}
},
mounted() {
this.getStats({});
this.$emitter.on('reporting-filter-updated', this.getStats);
},
methods: {
getStats(filtets) {
this.isLoading = true;
var filtets = Object.assign({}, filtets);
filtets.type = 'top-selling-products-by-revenue';
this.$axios.get("{{ route('admin.reporting.products.stats') }}", {
params: filtets
})
.then(response => {
this.report = response.data;
this.isLoading = false;
})
.catch(error => {});
}
}
});
</script>
@endPushOnce
Function Calls
None |
Stats
MD5 | 10038fb0af36d82fa7c70d47540c6b91 |
Eval Count | 0 |
Decode Time | 127 ms |