Explorer

home / zoteqbgb / public_html / resources / js / components / admin / subscribers

Location: /home/zoteqbgb/public_html/resources/js/components/admin/subscribers
Root path: /home/zoteqbgb/public_html/config/676626

Editing: SubscriberMailComponent.vue

<div id="sidebar" class="drawer">
        <div class="drawer-header">
            <h3 class="drawer-title">{{ $t("menu.subscribers") }}</h3>
            <button class="fa-solid fa-xmark close-btn" @click="reset"></button>
        </div>
        <div class="drawer-body">
            <form @submit.prevent="save">
                <div class="form-row">
                    <div class="form-col-12 sm:form-col-12">
                        <label for="subject" class="db-field-title required">{{ $t("label.subject") }}</label>
                        <input v-model="props.form.subject" v-bind:class="errors?.subject ? 'invalid' : ''" type="text"
                            id="title" class="db-field-control" />
                        <small class="db-field-alert" v-if="errors?.subject">{{ errors.subject[0] }}</small>
                    </div>
                    <div class="form-col-12 sm:form-col-12">
                        <label for="message" class="db-field-title required">{{
                            $t("label.message")
                        }}</label>
                        <textarea v-model="props.form.message" v-bind:class="errors?.message ? 'invalid' : ''" id="message"
                            class="db-field-control"></textarea>
                        <small class="db-field-alert" v-if="errors?.message">{{ errors.message[0] }}</small>
                    </div>
                    <div class="form-col-12">
                        <div class="flex flex-wrap gap-3 mt-4">
                            <button type="submit" class="db-btn py-2 text-white bg-primary">
                                <i class="lab lab-fill-save"></i>
                                <span>{{ $t("label.save") }}</span>
                            </button>
                            <button type="button" class="modal-btn-outline modal-close" @click="reset">
                                <i class="lab lab-fill-close-circle"></i>
                                <span>{{ $t("button.close") }}</span>
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</template>
<script>
import SmSidebarModalCreateComponent from "../components/buttons/SmSidebarModalCreateComponent";
import Datepicker from "@vuepic/vue-datepicker";
import "@vuepic/vue-datepicker/dist/main.css";
import LoadingComponent from "../components/LoadingComponent";
import alertService from "../../../services/alertService";
import appService from "../../../services/appService";

export default {
    name: "SubscriberMailComponent",
    components: { SmSidebarModalCreateComponent, LoadingComponent, Datepicker },
    props: ["props"],
    data() {
        return {
            loading: {
                isActive: false,
            },
            errors: {},
        };
    },
    computed: {
        addButton: function () {
              return {title: this.$t("button.send_mail")}
        }
    },
    methods: {
        floatNumber(e) {
            return appService.floatNumber(e);
        },
        changeImage: function (e) {
            this.image = e.target.files[0];
        },
        reset: function () {
            appService.sideDrawerHide();
            this.$store.dispatch("subscriber/reset").then().catch();
            this.errors = {};
            this.$props.props.form = {
                subject: "",
                message: "",
            };
        },

save: function () {
            try {
                this.loading.isActive = true;
                this.$store
                    .dispatch("subscriber/sendEmail", this.props)
                    .then((res) => {
                        appService.sideDrawerHide();
                        this.loading.isActive = false;
                        alertService.successInfo(0, this.$t("message.email_send"));
                        this.props.form = {
                            subject: "",
                            message: "",
                        };
                        this.errors = {};
                    })
                    .catch((err) => {
                        this.loading.isActive = false;
                        this.errors = err.response.data.errors;
                        if(err?.response?.data?.status === false){
                            alertService.error(this.$t('message.email_send_failed'));
                        }
                    });
            } catch (err) {
                this.loading.isActive = false;
                alertService.error(err);
            }
        },
    },
};
</script>

Directory Contents

Name	Size	Perms	Modified	Actions
SubscriberComponent.vue	416 bytes	0644	2025-04-25 02:11	âï¸
SubscriberListComponent.vue	10,946 bytes	0644	2025-04-25 02:11	âï¸
SubscriberMailComponent.vue	4,865 bytes	0644	2025-04-25 02:11	âï¸