294 lines
14 KiB
PHP
Executable File
294 lines
14 KiB
PHP
Executable File
<?php echo view_render_event('admin.components.activities.actions.activity.participants.before'); ?>
|
|
|
|
|
|
<!-- Participants Vue Component -->
|
|
<v-activity-participants></v-activity-participants>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.after'); ?>
|
|
|
|
|
|
<?php if (! $__env->hasRenderedOnce('c6e14115-cbb5-415e-ac55-35895fe34166')): $__env->markAsRenderedOnce('c6e14115-cbb5-415e-ac55-35895fe34166');
|
|
$__env->startPush('scripts'); ?>
|
|
<script type="text/x-template" id="v-activity-participants-template">
|
|
<!-- Search Button -->
|
|
<div class="relative">
|
|
<div
|
|
class="relative rounded border border-gray-200 px-2 py-1 hover:border-gray-400 focus:border-gray-400 dark:border-gray-800 dark:hover:border-gray-400"
|
|
role="button"
|
|
>
|
|
<ul class="flex flex-wrap items-center gap-1">
|
|
<template v-for="userType in ['users', 'persons']">
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.user_type.before'); ?>
|
|
|
|
|
|
<li
|
|
class="flex items-center gap-1 rounded-md bg-slate-100 pl-2 dark:bg-gray-950 dark:text-gray-300"
|
|
v-for="(user, index) in addedParticipants[userType]"
|
|
>
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.user_type.user.before'); ?>
|
|
|
|
|
|
<!-- User Id -->
|
|
<?php if (isset($component)) { $__componentOriginal53af403f6b2179a3039d488b8ab2a267 = $component; } ?>
|
|
<?php if (isset($attributes)) { $__attributesOriginal53af403f6b2179a3039d488b8ab2a267 = $attributes; } ?>
|
|
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.form.control-group.control','data' => ['type' => 'hidden',':name' => '\'participants.\' + userType + \'[\' + index + \']\'',':value' => 'user.id']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
|
<?php $component->withName('admin::form.control-group.control'); ?>
|
|
<?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(['type' => 'hidden',':name' => '\'participants.\' + userType + \'[\' + index + \']\'',':value' => 'user.id']); ?>
|
|
<?php echo $__env->renderComponent(); ?>
|
|
<?php endif; ?>
|
|
<?php if (isset($__attributesOriginal53af403f6b2179a3039d488b8ab2a267)): ?>
|
|
<?php $attributes = $__attributesOriginal53af403f6b2179a3039d488b8ab2a267; ?>
|
|
<?php unset($__attributesOriginal53af403f6b2179a3039d488b8ab2a267); ?>
|
|
<?php endif; ?>
|
|
<?php if (isset($__componentOriginal53af403f6b2179a3039d488b8ab2a267)): ?>
|
|
<?php $component = $__componentOriginal53af403f6b2179a3039d488b8ab2a267; ?>
|
|
<?php unset($__componentOriginal53af403f6b2179a3039d488b8ab2a267); ?>
|
|
<?php endif; ?>
|
|
|
|
{{ user.name }}
|
|
|
|
<span
|
|
class="icon-cross-large cursor-pointer p-0.5 text-xl"
|
|
@click="remove(userType, user)"
|
|
></span>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.user_type.user.after'); ?>
|
|
|
|
</li>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.user_type.after'); ?>
|
|
|
|
</template>
|
|
|
|
<li>
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.search_term.before'); ?>
|
|
|
|
|
|
<input
|
|
type="text"
|
|
class="w-full px-1 py-1 dark:bg-gray-900 dark:text-gray-300"
|
|
placeholder="<?php echo app('translator')->get('admin::app.components.activities.actions.activity.participants.placeholder'); ?>"
|
|
v-model.lazy="searchTerm"
|
|
v-debounce="500"
|
|
/>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.search_term.after'); ?>
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<div>
|
|
<template v-if="! isSearching.users && ! isSearching.persons">
|
|
<span
|
|
class="absolute right-1.5 top-1.5 text-2xl"
|
|
:class="[searchTerm.length >= 2 ? 'icon-up-arrow' : 'icon-down-arrow']"
|
|
></span>
|
|
</template>
|
|
|
|
<template v-else>
|
|
<?php if (isset($component)) { $__componentOriginal991e5e3816aa635af8067aa2abbd328b = $component; } ?>
|
|
<?php if (isset($attributes)) { $__attributesOriginal991e5e3816aa635af8067aa2abbd328b = $attributes; } ?>
|
|
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.spinner.index','data' => ['class' => 'absolute right-2 top-2']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
|
<?php $component->withName('admin::spinner'); ?>
|
|
<?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(['class' => 'absolute right-2 top-2']); ?>
|
|
<?php echo $__env->renderComponent(); ?>
|
|
<?php endif; ?>
|
|
<?php if (isset($__attributesOriginal991e5e3816aa635af8067aa2abbd328b)): ?>
|
|
<?php $attributes = $__attributesOriginal991e5e3816aa635af8067aa2abbd328b; ?>
|
|
<?php unset($__attributesOriginal991e5e3816aa635af8067aa2abbd328b); ?>
|
|
<?php endif; ?>
|
|
<?php if (isset($__componentOriginal991e5e3816aa635af8067aa2abbd328b)): ?>
|
|
<?php $component = $__componentOriginal991e5e3816aa635af8067aa2abbd328b; ?>
|
|
<?php unset($__componentOriginal991e5e3816aa635af8067aa2abbd328b); ?>
|
|
<?php endif; ?>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.dropdown.before'); ?>
|
|
|
|
|
|
<!-- Search Dropdown -->
|
|
<div
|
|
class="absolute z-10 w-full rounded bg-white shadow-[0px_10px_20px_0px_#0000001F] dark:bg-gray-900"
|
|
v-if="searchTerm.length >= 2"
|
|
>
|
|
<ul class="flex flex-col gap-1 p-2">
|
|
<!-- Users -->
|
|
<li
|
|
class="flex flex-col gap-2"
|
|
v-for="userType in ['users', 'persons']"
|
|
>
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.dropdown.user_type.before'); ?>
|
|
|
|
|
|
<h3 class="text-sm font-bold text-gray-600 dark:text-gray-300">
|
|
<template v-if="userType === 'users'">
|
|
<?php echo app('translator')->get('admin::app.components.activities.actions.activity.participants.users'); ?>
|
|
</template>
|
|
|
|
<template v-else>
|
|
<?php echo app('translator')->get('admin::app.components.activities.actions.activity.participants.persons'); ?>
|
|
</template>
|
|
</h3>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.dropdown.user_type.after'); ?>
|
|
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.dropdown.no_results.before'); ?>
|
|
|
|
|
|
<ul>
|
|
<li
|
|
class="rounded-sm px-5 py-2 text-sm text-gray-800 dark:text-white"
|
|
v-if="! searchedParticipants[userType].length && ! isSearching[userType]"
|
|
>
|
|
<p class="text-sm text-gray-500 dark:text-gray-400">
|
|
<?php echo app('translator')->get('admin::app.components.activities.actions.activity.participants.no-results'); ?>
|
|
</p>
|
|
</li>
|
|
|
|
<li
|
|
class="cursor-pointer rounded-sm px-3 py-2 text-sm text-gray-800 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-950"
|
|
v-for="user in searchedParticipants[userType]"
|
|
@click="add(userType, user)"
|
|
>
|
|
{{ user.name }}
|
|
</li>
|
|
</ul>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.dropdown.no_results.after'); ?>
|
|
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<?php echo view_render_event('admin.components.activities.actions.activity.participants.dropdown.after'); ?>
|
|
|
|
</div>
|
|
</script>
|
|
|
|
<script type="module">
|
|
app.component('v-activity-participants', {
|
|
template: '#v-activity-participants-template',
|
|
|
|
props: {
|
|
participants: {
|
|
type: Object,
|
|
default: () => ({
|
|
users: [],
|
|
|
|
persons: [],
|
|
})
|
|
}
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
isSearching: {
|
|
users: false,
|
|
|
|
persons: false,
|
|
},
|
|
|
|
searchTerm: '',
|
|
|
|
addedParticipants: {
|
|
users: [],
|
|
|
|
persons: [],
|
|
},
|
|
|
|
searchedParticipants: {
|
|
users: [],
|
|
|
|
persons: [],
|
|
},
|
|
|
|
searchEnpoints: {
|
|
users: "<?php echo e(route('admin.settings.users.search')); ?>",
|
|
|
|
persons: "<?php echo e(route('admin.contacts.persons.search')); ?>",
|
|
},
|
|
}
|
|
},
|
|
|
|
watch: {
|
|
searchTerm(newVal, oldVal) {
|
|
this.search('users');
|
|
|
|
this.search('persons');
|
|
},
|
|
},
|
|
|
|
mounted() {
|
|
this.addedParticipants = this.participants;
|
|
},
|
|
|
|
methods: {
|
|
search(userType) {
|
|
if (this.searchTerm.length <= 1) {
|
|
this.searchedParticipants[userType] = [];
|
|
|
|
this.isSearching[userType] = false;
|
|
|
|
return;
|
|
}
|
|
|
|
this.isSearching[userType] = true;
|
|
|
|
let self = this;
|
|
|
|
this.$axios.get(this.searchEnpoints[userType], {
|
|
params: {
|
|
search: 'name:' + this.searchTerm,
|
|
searchFields: 'name:like',
|
|
}
|
|
})
|
|
.then (function(response) {
|
|
self.addedParticipants[userType].forEach(function(addedParticipant) {
|
|
response.data.data = response.data.data.filter(function(participant) {
|
|
return participant.id !== addedParticipant.id;
|
|
});
|
|
});
|
|
|
|
self.searchedParticipants[userType] = response.data.data;
|
|
|
|
self.isSearching[userType] = false;
|
|
})
|
|
.catch (function (error) {
|
|
self.isSearching[userType] = false;
|
|
});
|
|
},
|
|
|
|
add(userType, participant) {
|
|
this.addedParticipants[userType].push(participant);
|
|
|
|
this.searchTerm = '';
|
|
|
|
this.searchedParticipants = {
|
|
users: [],
|
|
|
|
persons: [],
|
|
};
|
|
},
|
|
|
|
remove(userType, participant) {
|
|
this.addedParticipants[userType] = this.addedParticipants[userType].filter(function(addedParticipant) {
|
|
return addedParticipant.id !== participant.id;
|
|
});
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
<?php $__env->stopPush(); endif; ?><?php /**PATH /var/www/html/packages/Webkul/Admin/src/Resources/views/components/activities/actions/activity/participants.blade.php ENDPATH**/ ?>
|