add: full multi-tenancy control
This commit is contained in:
Cauê Faleiros
904
storage/framework/views/fe7372eb19574941f5c3dac69cde3dc3.php
Executable file
904
storage/framework/views/fe7372eb19574941f5c3dac69cde3dc3.php
Executable file
@@ -0,0 +1,904 @@
|
||||
<?php if (isset($component)) { $__componentOriginal8001c520f4b7dcb40a16cd3b411856d1 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal8001c520f4b7dcb40a16cd3b411856d1 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.layouts.index','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::layouts'); ?>
|
||||
<?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 $__env->slot('title', null, []); ?>
|
||||
<?php echo app('translator')->get('admin::app.activities.index.title'); ?>
|
||||
<?php $__env->endSlot(); ?>
|
||||
|
||||
<?php echo view_render_event('admin.activities.index.activities.before'); ?>
|
||||
|
||||
|
||||
<!-- Activities Datagrid -->
|
||||
<v-activities>
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
|
||||
<div class="flex flex-col gap-2">
|
||||
<?php if (isset($component)) { $__componentOriginal477735b45b070062c5df1d72c43d48f5 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal477735b45b070062c5df1d72c43d48f5 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.breadcrumbs.index','data' => ['name' => 'activities']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::breadcrumbs'); ?>
|
||||
<?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(['name' => 'activities']); ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal477735b45b070062c5df1d72c43d48f5)): ?>
|
||||
<?php $attributes = $__attributesOriginal477735b45b070062c5df1d72c43d48f5; ?>
|
||||
<?php unset($__attributesOriginal477735b45b070062c5df1d72c43d48f5); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal477735b45b070062c5df1d72c43d48f5)): ?>
|
||||
<?php $component = $__componentOriginal477735b45b070062c5df1d72c43d48f5; ?>
|
||||
<?php unset($__componentOriginal477735b45b070062c5df1d72c43d48f5); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="text-xl font-bold dark:text-white">
|
||||
<?php echo app('translator')->get('admin::app.activities.index.title'); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-2">
|
||||
<i class="icon-list cursor-pointer rounded p-2 text-2xl"></i>
|
||||
|
||||
<i class="icon-calendar cursor-pointe rounded p-2 text-2xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- DataGrid Shimmer -->
|
||||
<?php if(
|
||||
request()->get('view-type') == 'table'
|
||||
|| ! request()->has('view-type')
|
||||
): ?>
|
||||
<?php if (isset($component)) { $__componentOriginal6de075cdae15a153e978193a85b13d2e = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal6de075cdae15a153e978193a85b13d2e = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.datagrid.index','data' => ['isMultiRow' => true]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::shimmer.datagrid'); ?>
|
||||
<?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(['is-multi-row' => true]); ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal6de075cdae15a153e978193a85b13d2e)): ?>
|
||||
<?php $attributes = $__attributesOriginal6de075cdae15a153e978193a85b13d2e; ?>
|
||||
<?php unset($__attributesOriginal6de075cdae15a153e978193a85b13d2e); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal6de075cdae15a153e978193a85b13d2e)): ?>
|
||||
<?php $component = $__componentOriginal6de075cdae15a153e978193a85b13d2e; ?>
|
||||
<?php unset($__componentOriginal6de075cdae15a153e978193a85b13d2e); ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</v-activities>
|
||||
|
||||
<?php echo view_render_event('admin.activities.index.activities.after'); ?>
|
||||
|
||||
|
||||
<?php if (! $__env->hasRenderedOnce('0ff9b9a3-5f6f-4bc1-a85f-4b17fc84289b')): $__env->markAsRenderedOnce('0ff9b9a3-5f6f-4bc1-a85f-4b17fc84289b');
|
||||
$__env->startPush('scripts'); ?>
|
||||
<script
|
||||
type="text/x-template"
|
||||
id="v-activities-template"
|
||||
>
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
|
||||
<div class="flex flex-col gap-2">
|
||||
<?php if (isset($component)) { $__componentOriginal477735b45b070062c5df1d72c43d48f5 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal477735b45b070062c5df1d72c43d48f5 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.breadcrumbs.index','data' => ['name' => 'activities']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::breadcrumbs'); ?>
|
||||
<?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(['name' => 'activities']); ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal477735b45b070062c5df1d72c43d48f5)): ?>
|
||||
<?php $attributes = $__attributesOriginal477735b45b070062c5df1d72c43d48f5; ?>
|
||||
<?php unset($__attributesOriginal477735b45b070062c5df1d72c43d48f5); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal477735b45b070062c5df1d72c43d48f5)): ?>
|
||||
<?php $component = $__componentOriginal477735b45b070062c5df1d72c43d48f5; ?>
|
||||
<?php unset($__componentOriginal477735b45b070062c5df1d72c43d48f5); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="text-xl font-bold dark:text-white">
|
||||
<?php echo app('translator')->get('admin::app.activities.index.title'); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php echo view_render_event('admin.activities.index.toggle_view.before'); ?>
|
||||
|
||||
|
||||
<div class="flex">
|
||||
<i
|
||||
class="icon-list cursor-pointer rounded-md p-2 text-2xl"
|
||||
:class="{'bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white': viewType == 'table'}"
|
||||
@click="toggleView('table')"
|
||||
></i>
|
||||
|
||||
<i
|
||||
class="icon-calendar cursor-pointer rounded-md p-2 text-2xl"
|
||||
:class="{'bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white': viewType == 'calendar'}"
|
||||
@click="toggleView('calendar')"
|
||||
></i>
|
||||
</div>
|
||||
|
||||
<?php echo view_render_event('admin.activities.index.toggle_view.after'); ?>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- DataGrid Shimmer -->
|
||||
<div>
|
||||
<template v-if="viewType == 'table'">
|
||||
<?php echo view_render_event('admin.activities.index.datagrid.before'); ?>
|
||||
|
||||
|
||||
<?php if (isset($component)) { $__componentOriginal3bea17ac3f7235e71a823454ccb74424 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal3bea17ac3f7235e71a823454ccb74424 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.datagrid.index','data' => ['src' => ''.e(route('admin.activities.get')).'','isMultiRow' => true,'ref' => 'datagrid']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::datagrid'); ?>
|
||||
<?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(['src' => ''.e(route('admin.activities.get')).'','isMultiRow' => true,'ref' => 'datagrid']); ?>
|
||||
<template #header="{
|
||||
isLoading,
|
||||
available,
|
||||
applied,
|
||||
selectAll,
|
||||
sort,
|
||||
performAction
|
||||
}">
|
||||
<template v-if="isLoading">
|
||||
<?php if (isset($component)) { $__componentOriginalc107096d39100b5f7264e4f2087676a5 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginalc107096d39100b5f7264e4f2087676a5 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.datagrid.table.head','data' => ['isMultiRow' => true]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::shimmer.datagrid.table.head'); ?>
|
||||
<?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(['isMultiRow' => true]); ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginalc107096d39100b5f7264e4f2087676a5)): ?>
|
||||
<?php $attributes = $__attributesOriginalc107096d39100b5f7264e4f2087676a5; ?>
|
||||
<?php unset($__attributesOriginalc107096d39100b5f7264e4f2087676a5); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginalc107096d39100b5f7264e4f2087676a5)): ?>
|
||||
<?php $component = $__componentOriginalc107096d39100b5f7264e4f2087676a5; ?>
|
||||
<?php unset($__componentOriginalc107096d39100b5f7264e4f2087676a5); ?>
|
||||
<?php endif; ?>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<div class="row grid grid-cols-[.3fr_.1fr_.3fr_.5fr] grid-rows-1 items-center gap-x-2.5 border-b px-4 py-2.5 dark:border-gray-800 max-lg:hidden">
|
||||
<div
|
||||
class="flex select-none items-center gap-2.5"
|
||||
v-for="(columnGroup, index) in [['id', 'title', 'created_by_id'], ['is_done'], ['comment', 'lead_title', 'type'], ['schedule_from', 'schedule_to', 'created_at']]"
|
||||
>
|
||||
<label
|
||||
class="flex w-max cursor-pointer select-none items-center gap-1"
|
||||
for="mass_action_select_all_records"
|
||||
v-if="! index"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="mass_action_select_all_records"
|
||||
id="mass_action_select_all_records"
|
||||
class="peer hidden"
|
||||
:checked="['all', 'partial'].includes(applied.massActions.meta.mode)"
|
||||
@change="selectAll"
|
||||
>
|
||||
|
||||
<span
|
||||
class="icon-checkbox-outline cursor-pointer rounded-md text-2xl text-gray-600 dark:text-gray-300"
|
||||
:class="[
|
||||
applied.massActions.meta.mode === 'all' ? 'peer-checked:icon-checkbox-select peer-checked:text-brandColor' : (
|
||||
applied.massActions.meta.mode === 'partial' ? 'peer-checked:icon-checkbox-multiple peer-checked:text-brandColor' : ''
|
||||
),
|
||||
]"
|
||||
>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
<span class="[&>*]:after:content-['_/_']">
|
||||
<template v-for="column in columnGroup">
|
||||
<span
|
||||
class="after:content-['/'] last:after:content-['']"
|
||||
:class="{
|
||||
'font-medium text-gray-800 dark:text-white': applied.sort.column == column,
|
||||
'cursor-pointer hover:text-gray-800 dark:hover:text-white': available.columns.find(columnTemp => columnTemp.index === column)?.sortable,
|
||||
}"
|
||||
@click="
|
||||
available.columns.find(columnTemp => columnTemp.index === column)?.sortable ? sort(available.columns.find(columnTemp => columnTemp.index === column)): {}
|
||||
"
|
||||
>
|
||||
{{ available.columns.find(columnTemp => columnTemp.index === column)?.label }}
|
||||
</span>
|
||||
</template>
|
||||
</span>
|
||||
|
||||
<i
|
||||
class="align-text-bottom text-base text-gray-800 dark:text-white ltr:ml-1.5 rtl:mr-1.5"
|
||||
:class="[applied.sort.order === 'asc' ? 'icon-stats-down': 'icon-stats-up']"
|
||||
v-if="columnGroup.includes(applied.sort.column)"
|
||||
></i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Sort/Filter Header -->
|
||||
<div class="hidden border-b bg-gray-50 px-4 py-3 text-black dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300 max-lg:block">
|
||||
<div class="flex items-center justify-between">
|
||||
<!-- Mass Actions for Mobile -->
|
||||
<div v-if="available.massActions.length">
|
||||
<label
|
||||
class="flex w-max cursor-pointer select-none items-center gap-1"
|
||||
for="mass_action_select_all_records"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="mass_action_select_all_records"
|
||||
id="mass_action_select_all_records"
|
||||
class="peer hidden"
|
||||
:checked="['all', 'partial'].includes(applied.massActions.meta.mode)"
|
||||
@change="selectAll"
|
||||
>
|
||||
|
||||
<span
|
||||
class="icon-checkbox-outline cursor-pointer rounded-md text-2xl text-gray-600 dark:text-gray-300"
|
||||
:class="[
|
||||
applied.massActions.meta.mode === 'all' ? 'peer-checked:icon-checkbox-select peer-checked:text-brandColor' : (
|
||||
applied.massActions.meta.mode === 'partial' ? 'peer-checked:icon-checkbox-multiple peer-checked:text-brandColor' : ''
|
||||
),
|
||||
]"
|
||||
>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Sort Dropdown -->
|
||||
<div v-if="available.columns.some(column => column.sortable)">
|
||||
<?php if (isset($component)) { $__componentOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.dropdown.index','data' => ['position' => 'bottom-'.e(in_array(app()->getLocale(), ['fa', 'ar']) ? 'left' : 'right').'']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::dropdown'); ?>
|
||||
<?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(['position' => 'bottom-'.e(in_array(app()->getLocale(), ['fa', 'ar']) ? 'left' : 'right').'']); ?>
|
||||
<?php $__env->slot('toggle', null, []); ?>
|
||||
<div class="flex items-center gap-1">
|
||||
<button
|
||||
type="button"
|
||||
class="inline-flex w-full max-w-max cursor-pointer appearance-none items-center justify-between gap-x-2 rounded-md border bg-white px-2.5 py-1.5 text-center leading-6 text-gray-600 transition-all marker:shadow hover:border-gray-400 focus:border-gray-400 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300 dark:hover:border-gray-400 dark:focus:border-gray-400"
|
||||
>
|
||||
<span>
|
||||
Sort
|
||||
</span>
|
||||
|
||||
<span class="icon-down-arrow text-2xl"></span>
|
||||
</button>
|
||||
</div>
|
||||
<?php $__env->endSlot(); ?>
|
||||
|
||||
<?php $__env->slot('menu', null, []); ?>
|
||||
<?php if (isset($component)) { $__componentOriginal0223c8534d6a243be608c3a65289c4d0 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal0223c8534d6a243be608c3a65289c4d0 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.dropdown.menu.item','data' => ['vFor' => 'column in available.columns.filter(column => column.sortable && column.visibility)','@click' => 'sort(column)']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::dropdown.menu.item'); ?>
|
||||
<?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(['v-for' => 'column in available.columns.filter(column => column.sortable && column.visibility)','@click' => 'sort(column)']); ?>
|
||||
<div class="flex items-center gap-2">
|
||||
<span v-html="column.label"></span>
|
||||
<i
|
||||
class="align-text-bottom text-base text-gray-600 dark:text-gray-300"
|
||||
:class="[applied.sort.order === 'asc' ? 'icon-stats-down': 'icon-stats-up']"
|
||||
v-if="column.index == applied.sort.column"
|
||||
></i>
|
||||
</div>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal0223c8534d6a243be608c3a65289c4d0)): ?>
|
||||
<?php $attributes = $__attributesOriginal0223c8534d6a243be608c3a65289c4d0; ?>
|
||||
<?php unset($__attributesOriginal0223c8534d6a243be608c3a65289c4d0); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal0223c8534d6a243be608c3a65289c4d0)): ?>
|
||||
<?php $component = $__componentOriginal0223c8534d6a243be608c3a65289c4d0; ?>
|
||||
<?php unset($__componentOriginal0223c8534d6a243be608c3a65289c4d0); ?>
|
||||
<?php endif; ?>
|
||||
<?php $__env->endSlot(); ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2)): ?>
|
||||
<?php $attributes = $__attributesOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2; ?>
|
||||
<?php unset($__attributesOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2)): ?>
|
||||
<?php $component = $__componentOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2; ?>
|
||||
<?php unset($__componentOriginalaf937e0ec72fa678d3a0c6dc6c0ac5f2); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<template #body="{
|
||||
isLoading,
|
||||
available,
|
||||
applied,
|
||||
selectAll,
|
||||
sort,
|
||||
performAction
|
||||
}">
|
||||
<template v-if="isLoading">
|
||||
<?php if (isset($component)) { $__componentOriginal601d211589286a2faeaa4f7f9edf9405 = $component; } ?>
|
||||
<?php if (isset($attributes)) { $__attributesOriginal601d211589286a2faeaa4f7f9edf9405 = $attributes; } ?>
|
||||
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.datagrid.table.body','data' => ['isMultiRow' => true]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
||||
<?php $component->withName('admin::shimmer.datagrid.table.body'); ?>
|
||||
<?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(['isMultiRow' => true]); ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal601d211589286a2faeaa4f7f9edf9405)): ?>
|
||||
<?php $attributes = $__attributesOriginal601d211589286a2faeaa4f7f9edf9405; ?>
|
||||
<?php unset($__attributesOriginal601d211589286a2faeaa4f7f9edf9405); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal601d211589286a2faeaa4f7f9edf9405)): ?>
|
||||
<?php $component = $__componentOriginal601d211589286a2faeaa4f7f9edf9405; ?>
|
||||
<?php unset($__componentOriginal601d211589286a2faeaa4f7f9edf9405); ?>
|
||||
<?php endif; ?>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<div
|
||||
class="row grid grid-cols-[.3fr_.1fr_.3fr_.5fr] grid-rows-1 gap-x-2.5 border-b px-4 py-2.5 transition-all hover:bg-gray-50 dark:border-gray-800 dark:hover:bg-gray-950 max-lg:hidden"
|
||||
v-for="record in available.records"
|
||||
>
|
||||
<!-- Mass Actions, Title and Created By -->
|
||||
<div class="flex gap-2.5">
|
||||
<input
|
||||
type="checkbox"
|
||||
:name="`mass_action_select_record_${record.id}`"
|
||||
:id="`mass_action_select_record_${record.id}`"
|
||||
:value="record.id"
|
||||
class="peer hidden"
|
||||
v-model="applied.massActions.indices"
|
||||
>
|
||||
|
||||
<label
|
||||
class="icon-checkbox-outline peer-checked:icon-checkbox-select cursor-pointer rounded-md text-2xl text-gray-600 peer-checked:text-brandColor dark:text-gray-300"
|
||||
:for="`mass_action_select_record_${record.id}`"
|
||||
></label>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
{{ record.id }}
|
||||
</p>
|
||||
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
{{ record.title }}
|
||||
</p>
|
||||
|
||||
<p
|
||||
class="text-gray-600 dark:text-gray-300"
|
||||
v-html="record.created_by_id"
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Is Done -->
|
||||
<div class="flex gap-1.5">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<p
|
||||
class="text-gray-600 dark:text-gray-300"
|
||||
v-html="record.is_done"
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Comment, Lead Title and Type -->
|
||||
<div class="flex gap-1.5">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
|
||||
{{ record.comment.length > 180 ? record.comment.slice(0, 180) + '...' : record.comment }}
|
||||
</p>
|
||||
|
||||
<p v-html="record.lead_title"></p>
|
||||
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
{{ record.type ?? 'N/A'}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start justify-between gap-x-4">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
{{ record.schedule_from ?? 'N/A' }}
|
||||
</p>
|
||||
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
{{ record.schedule_to }}
|
||||
</p>
|
||||
|
||||
<p class="text-gray-600 dark:text-gray-300">
|
||||
{{ record.created_at }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-1.5">
|
||||
<p
|
||||
class="place-self-end"
|
||||
v-if="available.actions.length"
|
||||
>
|
||||
<span
|
||||
class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200 dark:hover:bg-gray-800 max-sm:place-self-center"
|
||||
:class="action.icon"
|
||||
v-text="! action.icon ? action.title : ''"
|
||||
v-for="action in record.actions"
|
||||
@click="performAction(action)"
|
||||
></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Card View -->
|
||||
<div
|
||||
class="hidden border-b px-4 py-4 text-black dark:border-gray-800 dark:text-gray-300 max-lg:block"
|
||||
v-for="record in available.records"
|
||||
>
|
||||
<div class="mb-2 flex items-center justify-between">
|
||||
<!-- Mass Actions for Mobile Cards -->
|
||||
<div class="flex w-full items-center justify-between gap-2">
|
||||
<p v-if="available.massActions.length">
|
||||
<label :for="`mass_action_select_record_${record[available.meta.primary_column]}`">
|
||||
<input
|
||||
type="checkbox"
|
||||
:name="`mass_action_select_record_${record[available.meta.primary_column]}`"
|
||||
:value="record[available.meta.primary_column]"
|
||||
:id="`mass_action_select_record_${record[available.meta.primary_column]}`"
|
||||
class="peer hidden"
|
||||
v-model="applied.massActions.indices"
|
||||
>
|
||||
|
||||
<span class="icon-checkbox-outline peer-checked:icon-checkbox-select cursor-pointer rounded-md text-2xl text-gray-500 peer-checked:text-brandColor">
|
||||
</span>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<!-- Actions for Mobile -->
|
||||
<div
|
||||
class="flex w-full items-center justify-end"
|
||||
v-if="available.actions.length"
|
||||
>
|
||||
<span
|
||||
class="dark:hover:bg-gray-80 cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200"
|
||||
:class="action.icon"
|
||||
v-text="! action.icon ? action.title : ''"
|
||||
v-for="action in record.actions"
|
||||
@click="performAction(action)"
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card Content -->
|
||||
<div class="grid gap-2">
|
||||
<template v-for="column in available.columns">
|
||||
<div class="flex flex-wrap items-baseline gap-x-2">
|
||||
<span class="text-slate-600 dark:text-gray-300" v-html="column.label + ':'"></span>
|
||||
<span class="break-words font-medium text-slate-900 dark:text-white" v-html="record[column.index]"></span>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal3bea17ac3f7235e71a823454ccb74424)): ?>
|
||||
<?php $attributes = $__attributesOriginal3bea17ac3f7235e71a823454ccb74424; ?>
|
||||
<?php unset($__attributesOriginal3bea17ac3f7235e71a823454ccb74424); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal3bea17ac3f7235e71a823454ccb74424)): ?>
|
||||
<?php $component = $__componentOriginal3bea17ac3f7235e71a823454ccb74424; ?>
|
||||
<?php unset($__componentOriginal3bea17ac3f7235e71a823454ccb74424); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php echo view_render_event('admin.activities.index.datagrid.after'); ?>
|
||||
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<?php echo view_render_event('admin.activities.index.vue_calender.before'); ?>
|
||||
|
||||
|
||||
<v-calendar></v-calendar>
|
||||
|
||||
<?php echo view_render_event('admin.activities.index.vue_calender.after'); ?>
|
||||
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script
|
||||
type="text/x-template"
|
||||
id="v-calendar-template"
|
||||
>
|
||||
<v-vue-cal
|
||||
hide-view-selector
|
||||
:watchRealTime="true"
|
||||
:twelveHour="true"
|
||||
:disable-views="['years', 'year', 'month', 'day']"
|
||||
style="height: calc(100vh - 240px);"
|
||||
:class="{'vuecal--dark': theme === 'dark'}"
|
||||
:events="events"
|
||||
:time-format="'h:mm a'"
|
||||
:events-on-month-view="'stack'"
|
||||
:events-count-on-year-view="3"
|
||||
:overlapping-events-stacked="true"
|
||||
:min-event-width="60"
|
||||
:cell-click-hold="false"
|
||||
:sticky-events="true"
|
||||
:events-overlap="true"
|
||||
:detailed-time="true"
|
||||
@ready="getActivities"
|
||||
@view-change="getActivities"
|
||||
@event-click="goToActivity"
|
||||
locale="<?php echo e(app()->getLocale()); ?>"
|
||||
>
|
||||
<template #event="{ event }">
|
||||
<div
|
||||
class="vuecal__event-content"
|
||||
v-tooltip="{
|
||||
content: `
|
||||
<div class='mb-1 font-semibold text-white'>${event.title}</div>
|
||||
<div class='mb-1 text-xs text-gray-300'>${formatTime(event.start)} - ${formatTime(event.end)}</div>
|
||||
${event.description ? `<div class='text-xs text-gray-200'>${event.description}</div>` : ''
|
||||
}`,
|
||||
html: true,
|
||||
placement: 'top',
|
||||
trigger: 'hover',
|
||||
delay: { show: 200, hide: 100 }
|
||||
}"
|
||||
>
|
||||
<div class="vuecal__event-title font-medium">
|
||||
{{ event.title }}
|
||||
</div>
|
||||
|
||||
<div class="vuecal__event-time text-sm">
|
||||
{{ formatTime(event.start) }} - {{ formatTime(event.end) }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</v-vue-cal>
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
app.component('v-activities', {
|
||||
template: '#v-activities-template',
|
||||
|
||||
data() {
|
||||
return {
|
||||
viewType: '<?php echo e(request('view-type')); ?>' || 'table',
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
/**
|
||||
* Toggle view type.
|
||||
*
|
||||
* @param {String} type
|
||||
* @return {void}
|
||||
*/
|
||||
toggleView(type) {
|
||||
this.viewType = type;
|
||||
|
||||
let currentUrl = new URL(window.location);
|
||||
|
||||
currentUrl.searchParams.set('view-type', type);
|
||||
|
||||
window.history.pushState({}, '', currentUrl);
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
app.component('v-calendar', {
|
||||
template: '#v-calendar-template',
|
||||
|
||||
data() {
|
||||
return {
|
||||
events: [],
|
||||
theme: document.documentElement.classList.contains('dark') ? 'dark' : 'light',
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
/**
|
||||
* Listen for the theme change event.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
this.$emitter.on('change-theme', (theme) => this.theme = theme);
|
||||
},
|
||||
|
||||
methods: {
|
||||
/**
|
||||
* Get the activities for the calendar.
|
||||
*
|
||||
* @param {Object} {startDate}
|
||||
* @param {Object} {endDate}
|
||||
* @return {void}
|
||||
*/
|
||||
getActivities({startDate, endDate}) {
|
||||
this.$root.pageLoaded = false;
|
||||
|
||||
this.$axios.get("<?php echo e(route('admin.activities.get', ['view_type' => 'calendar'])); ?>" + `&startDate=${new Date(startDate).toLocaleDateString("en-US")}&endDate=${new Date(endDate).toLocaleDateString("en-US")}`)
|
||||
.then(response => {
|
||||
this.events = this.processEvents(response.data.activities);
|
||||
})
|
||||
.catch(error => {});
|
||||
},
|
||||
|
||||
/**
|
||||
* Process events to improve their display
|
||||
*
|
||||
* @param {Array} events
|
||||
* @return {Array}
|
||||
*/
|
||||
processEvents(events) {
|
||||
return events.map(event => {
|
||||
if (
|
||||
! event.background
|
||||
|| event.background === "#fff"
|
||||
|| event.background === "#ffffff"
|
||||
) {
|
||||
const hash = this.hashString(event.id || event.title || '');
|
||||
|
||||
const colors = [
|
||||
'#4F46E5', '#0891B2', '#10B981', '#F59E0B', '#EC4899',
|
||||
'#8B5CF6', '#06B6D4', '#22C55E', '#F97316', '#D946EF'
|
||||
];
|
||||
|
||||
event.background = colors[Math.abs(hash) % colors.length];
|
||||
|
||||
event.textColor = '#ffffff';
|
||||
}
|
||||
|
||||
return event;
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Simple string hash function for consistent color generation
|
||||
*
|
||||
* @param {string} str
|
||||
* @return {number}
|
||||
*/
|
||||
hashString(str) {
|
||||
let hash = 0;
|
||||
|
||||
for (let i = 0; i < str.length; i++) {
|
||||
hash = ((hash << 5) - hash) + str.charCodeAt(i);
|
||||
hash |= 0;
|
||||
}
|
||||
|
||||
return hash;
|
||||
},
|
||||
|
||||
/**
|
||||
* Format time for display in event template
|
||||
*
|
||||
* @param {Date} date
|
||||
* @return {string}
|
||||
*/
|
||||
formatTime(date) {
|
||||
if (! date) {
|
||||
return '';
|
||||
}
|
||||
|
||||
const dateObj = new Date(date);
|
||||
|
||||
let hours = dateObj.getHours();
|
||||
|
||||
const minutes = dateObj.getMinutes().toString().padStart(2, '0');
|
||||
|
||||
const ampm = hours >= 12 ? 'PM' : 'AM';
|
||||
|
||||
hours = hours % 12;
|
||||
|
||||
hours = hours ? hours : 12;
|
||||
|
||||
return `${hours}:${minutes} ${ampm}`;
|
||||
},
|
||||
|
||||
/**
|
||||
* Redirect to the activity edit page.
|
||||
*
|
||||
* @param {Object} event
|
||||
* @return {void}
|
||||
*/
|
||||
goToActivity(event) {
|
||||
if (event.id) {
|
||||
window.location.href = `<?php echo e(route('admin.activities.edit', ':id')); ?>`.replace(':id', event.id);
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* Update status for `is_done`.
|
||||
*
|
||||
* @param {Event} {target}
|
||||
* @return {void}
|
||||
*/
|
||||
const updateStatus = ({ target }, url) => {
|
||||
axios
|
||||
.post(url, {
|
||||
_method: 'put',
|
||||
is_done: target.checked,
|
||||
})
|
||||
.then(response => {
|
||||
window.emitter.emit('add-flash', { type: 'success', message: response.data.message });
|
||||
})
|
||||
.catch(error => {});
|
||||
};
|
||||
</script>
|
||||
<?php $__env->stopPush(); endif; ?>
|
||||
|
||||
<?php if (! $__env->hasRenderedOnce('946f376c-8376-44ad-a2a7-e5eed00e970b')): $__env->markAsRenderedOnce('946f376c-8376-44ad-a2a7-e5eed00e970b');
|
||||
$__env->startPush('styles'); ?>
|
||||
<style>
|
||||
/* Base Event Styling */
|
||||
.vuecal__event {
|
||||
background-color: #0e90d9 !important;
|
||||
color: #fff !important;
|
||||
cursor: pointer;
|
||||
height: auto !important;
|
||||
border-radius: 4px;
|
||||
padding: 4px 6px;
|
||||
font-size: 14px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
transition: all 0.2s ease;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.vuecal__event:hover {
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.vuecal__event.done {
|
||||
background-color: #53c41a !important;
|
||||
}
|
||||
|
||||
/* Event Title & Time */
|
||||
.vuecal__event-title {
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.vuecal__event-time {
|
||||
font-size: 12px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* More Events Indicator */
|
||||
.vuecal__cell-more-events {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
padding: 2px 5px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
/* Events Count Badge */
|
||||
.vuecal__cell-events-count {
|
||||
background-color: rgba(66, 92, 240, 0.85);
|
||||
border-radius: 10px;
|
||||
padding: 0 4px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* Week View Stacking */
|
||||
.vuecal--week-view .vuecal__event-container {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.vuecal__event-container--overlapped .vuecal__event {
|
||||
margin-top: 2px;
|
||||
min-height: 28px;
|
||||
}
|
||||
|
||||
/* Dark Mode Styles */
|
||||
.vuecal--dark {
|
||||
background-color: #1F2937 !important;
|
||||
color: #FFFFFF !important;
|
||||
border-color: #374151 !important;
|
||||
}
|
||||
|
||||
.vuecal--dark .vuecal__header,
|
||||
.vuecal--dark .vuecal__header-weekdays,
|
||||
.vuecal--dark .vuecal__header-months {
|
||||
background-color: #374151 !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.vuecal--dark .vuecal__day,
|
||||
.vuecal--dark .vuecal__month-view,
|
||||
.vuecal--dark .vuecal__week-view,
|
||||
.vuecal--dark .vuecal__day--weekend,
|
||||
.vuecal--dark .vuecal__day--selected {
|
||||
background-color: #1F2937 !important;
|
||||
color: #FFFFFF !important;
|
||||
border-color: #374151 !important;
|
||||
}
|
||||
|
||||
.vuecal--dark .vuecal__event {
|
||||
background-color: #374151 !important;
|
||||
color: #FFFFFF !important;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.vuecal--dark .vuecal__cell-more-events {
|
||||
color: #ddd;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
</style>
|
||||
<?php $__env->stopPush(); endif; ?>
|
||||
<?php echo $__env->renderComponent(); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__attributesOriginal8001c520f4b7dcb40a16cd3b411856d1)): ?>
|
||||
<?php $attributes = $__attributesOriginal8001c520f4b7dcb40a16cd3b411856d1; ?>
|
||||
<?php unset($__attributesOriginal8001c520f4b7dcb40a16cd3b411856d1); ?>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($__componentOriginal8001c520f4b7dcb40a16cd3b411856d1)): ?>
|
||||
<?php $component = $__componentOriginal8001c520f4b7dcb40a16cd3b411856d1; ?>
|
||||
<?php unset($__componentOriginal8001c520f4b7dcb40a16cd3b411856d1); ?>
|
||||
<?php endif; ?>
|
||||
<?php /**PATH /var/www/html/packages/Webkul/Admin/src/Resources/views/activities/index.blade.php ENDPATH**/ ?>
|
||||
Reference in New Issue
Block a user