Viewing file:  mail.blade.php (13.42 KB) -rw-rw-rw-
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@props([
'entity' => null,
'entityControlName' => null,
])
<!-- Mail Button -->
<div>
{!! view_render_event('admin.components.activities.actions.mail.create_btn.before') !!}
<button
class="flex h-[74px] w-[84px] flex-col items-center justify-center gap-1 rounded-lg border border-transparent bg-green-200 font-medium text-green-900 transition-all hover:border-green-400"
@click="$refs.mailActionComponent.openModal('mail')"
>
<span class="icon-mail text-2xl dark:!text-green-900"></span>
@lang('admin::app.components.activities.actions.mail.btn')
</button>
{!! view_render_event('admin.components.activities.actions.mail.create_btn.after') !!}
{!! view_render_event('admin.components.activities.actions.mail.before') !!}
<!-- Mail Activity Action Vue Component -->
<v-mail-activity
ref="mailActionComponent"
:entity="{{ json_encode($entity) }}"
entity-control-name="{{ $entityControlName }}"
></v-mail-activity>
{!! view_render_event('admin.components.activities.actions.mail.after') !!}
</div>
@pushOnce('scripts')
<script type="text/x-template" id="v-mail-activity-template">
<Teleport to="body">
{!! view_render_event('admin.components.activities.actions.mail.form_controls.before') !!}
<x-admin::form
v-slot="{ meta, errors, handleSubmit }"
enctype="multipart/form-data"
as="div"
>
<form
@submit="handleSubmit($event, save)"
ref="mailActionForm"
>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.before') !!}
<x-admin::modal
ref="mailActivityModal"
position="bottom-right"
>
<x-slot:header>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.header.before') !!}
<h3 class="text-base font-semibold dark:text-white">
@lang('admin::app.components.activities.actions.mail.title')
</h3>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.header.before') !!}
</x-slot>
<x-slot:content>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.content.controls.before') !!}
<!-- Activity Type -->
<x-admin::form.control-group.control
type="hidden"
name="type"
value="email"
/>
<!-- Id -->
<x-admin::form.control-group.control
type="hidden"
::name="entityControlName"
::value="entity.id"
/>
<!-- To -->
<x-admin::form.control-group>
<x-admin::form.control-group.label class="required">
@lang('admin::app.components.activities.actions.mail.to')
</x-admin::form.control-group.label>
<div class="relative">
<x-admin::form.control-group.control
type="tags"
name="reply_to"
rules="required"
input-rules="email"
:label="trans('admin::app.components.activities.actions.mail.to')"
:placeholder="trans('admin::app.components.activities.actions.mail.enter-emails')"
/>
<div class="absolute top-[9px] flex items-center gap-2 ltr:right-2 rtl:left-2">
<span
class="cursor-pointer font-medium hover:underline dark:text-white"
@click="showCC = ! showCC"
>
@lang('admin::app.components.activities.actions.mail.cc')
</span>
<span
class="cursor-pointer font-medium hover:underline dark:text-white"
@click="showBCC = ! showBCC"
>
@lang('admin::app.components.activities.actions.mail.bcc')
</span>
</div>
</div>
<x-admin::form.control-group.error control-name="reply_to" />
</x-admin::form.control-group>
<template v-if="showCC">
<!-- Cc -->
<x-admin::form.control-group>
<x-admin::form.control-group.label>
@lang('admin::app.components.activities.actions.mail.cc')
</x-admin::form.control-group.label>
<x-admin::form.control-group.control
type="tags"
name="cc"
input-rules="email"
:label="trans('admin::app.components.activities.actions.mail.cc')"
:placeholder="trans('admin::app.components.activities.actions.mail.enter-emails')"
/>
<x-admin::form.control-group.error control-name="cc" />
</x-admin::form.control-group>
</template>
<template v-if="showBCC">
<!-- Cc -->
<x-admin::form.control-group>
<x-admin::form.control-group.label>
@lang('admin::app.components.activities.actions.mail.bcc')
</x-admin::form.control-group.label>
<x-admin::form.control-group.control
type="tags"
name="bcc"
input-rules="email"
:label="trans('admin::app.components.activities.actions.mail.bcc')"
:placeholder="trans('admin::app.components.activities.actions.mail.enter-emails')"
/>
<x-admin::form.control-group.error control-name="bcc" />
</x-admin::form.control-group>
</template>
<!-- Subject -->
<x-admin::form.control-group>
<x-admin::form.control-group.label class="required">
@lang('admin::app.components.activities.actions.mail.subject')
</x-admin::form.control-group.label>
<x-admin::form.control-group.control
type="text"
id="subject"
name="subject"
rules="required"
:label="trans('admin::app.components.activities.actions.mail.subject')"
:placeholder="trans('admin::app.components.activities.actions.mail.subject')"
/>
<x-admin::form.control-group.error control-name="subject" />
</x-admin::form.control-group>
<!-- Content -->
<x-admin::form.control-group>
<x-admin::form.control-group.control
type="textarea"
name="reply"
id="reply"
rules="required"
{{-- tinymce="true" --}}
:label="trans('admin::app.components.activities.actions.mail.message')"
/>
<x-admin::form.control-group.error control-name="reply" />
</x-admin::form.control-group>
<!-- Attachments -->
<x-admin::form.control-group class="!mb-0">
<x-admin::attachments
allow-multiple="true"
hide-button="true"
/>
</x-admin::form.control-group>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.content.controls.after') !!}
</x-slot>
<x-slot:footer>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.footer.save_button.before') !!}
<div class="flex w-full items-center justify-between">
<label
class="icon-attachment cursor-pointer p-1 text-2xl hover:rounded-md hover:bg-gray-100 dark:hover:bg-gray-950"
for="file-upload"
></label>
<x-admin::button
class="primary-button"
:title="trans('admin::app.components.activities.actions.mail.send-btn')"
::loading="isStoring"
::disabled="isStoring"
/>
</div>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.footer.save_button.after') !!}
</x-slot>
</x-admin::modal>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.modal.after') !!}
</form>
</x-admin::form>
{!! view_render_event('admin.components.activities.actions.mail.form_controls.after') !!}
</Teleport>
</script>
<script type="module">
app.component('v-mail-activity', {
template: '#v-mail-activity-template',
props: {
entity: {
type: Object,
required: true,
default: () => {}
},
entityControlName: {
type: String,
required: true,
default: ''
}
},
data() {
return {
showCC: false,
showBCC: false,
isStoring: false,
}
},
methods: {
openModal(type) {
this.$refs.mailActivityModal.open();
},
save(params, { resetForm, setErrors }) {
this.isStoring = true;
let formData = new FormData(this.$refs.mailActionForm);
this.$axios.post("{{ route('admin.leads.emails.store', 'replaceLeadId') }}".replace('replaceLeadId', this.entity.id), formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then (response => {
this.isStoring = false;
this.$emitter.emit('add-flash', { type: 'success', message: response.data.message });
this.$emitter.emit('on-activity-added', response.data.data);
this.$refs.mailActivityModal.close();
})
.catch (error => {
this.isStoring = false;
if (error.response.status == 422) {
setErrors(error.response.data.errors);
} else {
this.$emitter.emit('add-flash', { type: 'error', message: error.response.data.message });
this.$refs.mailActivityModal.close();
}
});
},
},
});
</script>
@endPushOnce
|