https://lalexpo.com/build/assets/ExampleUploadEditComponent-lnRkzHYs.js

1import { R as S, ah as O, a9 as V, a8 as N, $ as F, I as w, g as t, C as l, d as v, e as a, h as n, f as r, c as E, b as I, F as P, i as B } from "./vendor-DwBTsVHv.js";
2import { _ as j } from "./app-Ci_-ARAC.js";
3const A = { name: "ExampleUploadEditComponent", components: { LoadingOutlined: F, PlusOutlined: N, MinusCircleOutlined: V, DeleteOutlined: O, Editor: S }, props: { openEditModal: { type: Boolean, default: false }, editData: {} }, data() {
4  return { preview_visible: false, preview_title: "", preview_image: "", max_count_files: 1, confirmRemove: false, visibleModalEdit: false, loadingUpdate: false, form: new this.VForm({}), rules: { name: [{ required: true, message: "El nombre del conferencista es requerido", trigger: "blur" }], description_es: [{ required: true, message: "Este campo es requerido", trigger: "blur" }], description_en: [{ required: true, message: "Este campo es requerido", trigger: "blur" }], occupancy_es: [{ required: true, message: "Este campo es requerido", trigger: "blur" }], occupancy_en: [{ required: true, message: "Este campo es requerido", trigger: "blur" }], status: [{ required: true, message: "Este campo es requerido", trigger: "blur" }], images: [{ required: true, message: "Este campo es requerido", trigger: "blur" }] }, resData: { showModal: false, updateSpeakers: false } };
5}, watch: { openEditModal: function(o, e) {
6  o && (this.$emit("edit-data-emit", this.resData), this.form = new this.VForm({ ticket_id: this.editData.event_id, name: this.editData.name, description_es: this.editData.description_es, description_en: this.editData.description_en, occupancy_es: this.editData.occupancy_es, occupancy_en: this.editData.occupancy_en, order: this.editData.order, status: this.editData.status, images: [{ name: this.editData.avatar, status: "done", url: this.$utils.methods.$asset("storage/speakers/" + this.editData.id + "/avatar/" + this.editData.avatar) }], images_remove: [], social: JSON.parse(this.editData.social) }), this.visibleModalEdit = o);
7} }, mounted() {
8}, created() {
9}, methods: { async updateSpeaker() {
10  let o = true;
11  await this.$refs.speakerFormEdit.validate().then((e) => {
12    o = false;
13  }).catch((e) => {
14  }), !o && (this.loadingUpdate = true, this.form.social_json_string = JSON.stringify(this.form.social), this.form.post(route("admin.speaker.update_speaker")).then((e) => {
15    e.data.success ? (this.loadingUpdate = false, this.closeModal(), this.$utils.methods.openNotification("success", "Success", "Actividad actualizada correctamente."), this.resData.updateSpeakers = true, this.$emit("edit-data-emit", this.resData), this.form.reset()) : (this.loadingUpdate = false, this.$utils.methods.openNotification("error", "Error", "Ha ocurrido un error al procesar la solicitud. Por favor intente m\xE1s tarde."));
16  }).catch((e) => {
17    console.log(e), this.$utils.methods.openNotification("error", "Error", "Ha ocurrido un error al procesar la solicitud. Por favor intente m\xE1s tarde."), this.loadingUpdate = false;
18  }));
19}, closeModal() {
20  this.visibleModalEdit = false;
21}, handleCancel() {
22  this.preview_visible = false, this.preview_title = "";
23}, async handlePreview(o) {
24  !o.url && !o.preview && (o.preview = await this.$utils.methods.getBase64(o.originFileObj)), this.preview_image = o.url || o.preview, this.preview_visible = true, this.preview_title = o.name || o.url.substring(o.url.lastIndexOf("/") + 1);
25}, beforeUpload(o) {
26  return this.form.images.push(o), false;
27}, removeSocial(o) {
28  let e = this.form.social.indexOf(o);
29  e !== -1 && this.form.social.splice(e, 1);
30}, addSocial() {
31  this.form.social.push({ value: "", key: Date.now() });
32}, removeFile(o) {
33  this.form.images_remove.push(o.name);
34} } }, R = { class: "clearfix" }, H = { key: 0 }, L = ["src"], z = { class: "form-item-repeat" }, J = { class: "d-flex justify-content-center mb-2" };
35function T(o, e, Y, G, i, u) {
36  const p = l("a-input"), c = l("a-form-item"), d = l("a-col"), b = l("a-select-option"), x = l("a-select"), U = l("delete-outlined"), C = l("a-upload"), h = l("a-modal"), k = l("editor"), f = l("a-radio"), D = l("a-radio-group"), q = l("MinusCircleOutlined"), g = l("a-button"), y = l("a-row"), M = l("a-form");
37  return v(), w(h, { visible: i.visibleModalEdit, "onUpdate:visible": e[8] || (e[8] = (s) => i.visibleModalEdit = s), title: "Edici\xF3n de actividad", class: "admin-modal-edit-activity", width: "100%", style: { "max-width": "800px" }, centered: "" }, { footer: t(() => [a(g, { key: "back", onClick: e[7] || (e[7] = (s) => u.closeModal()), disabled: i.loadingUpdate }, { default: t(() => e[18] || (e[18] = [n("Cancelar")])), _: 1, __: [18] }, 8, ["disabled"]), a(g, { key: "submit", type: "primary", loading: i.loadingUpdate, onClick: u.updateSpeaker }, { default: t(() => e[19] || (e[19] = [n("Actualizar")])), _: 1, __: [19] }, 8, ["loading", "onClick"])]), default: t(() => [a(y, { gutter: 24 }, { default: t(() => [a(d, { span: 24 }, { default: t(() => [a(M, { layout: "vertical", class: "validate-dark", id: "formEdit", ref: "speakerFormEdit", model: i.form, rules: i.rules }, { default: t(() => [a(y, { gutter: 16 }, { default: t(() => [a(d, { span: 24 }, { default: t(() => [a(c, { label: "Nombre", "has-feedback": "", name: "name" }, { default: t(() => [a(p, { value: i.form.name, "onUpdate:value": e[0] || (e[0] = (s) => i.form.name = s), type: "text", name: "name", id: "name", placeholder: "Ingresa el nombre del c

37onferencista" }, null, 8, ["value"])]), _: 1 })]), _: 1 }), a(d, { span: 12 }, { default: t(() => [a(c, { label: "Ocupaci\xF3n en espa\xF1ol", "has-feedback": "", name: "occupancy_es" }, { default: t(() => [a(p, { value: i.form.occupancy_es, "onUpdate:value": e[1] || (e[1] = (s) => i.form.occupancy_es = s), type: "text", name: "occupancy_es", id: "occupancy_es", placeholder: "Ingresa la ocupaci\xF3n" }, null, 8, ["value"])]), _: 1 })]), _: 1 }), a(d, { span: 12 }, { default: t(() => [a(c, { label: "Ocupaci\xF3n en ingl\xE9s", "has-feedback": "", name: "occupancy_en" }, { default: t(() => [a(p, { value: i.form.occupancy_en, "onUpdate:value": e[2] || (e[2] = (s) => i.form.occupancy_en = s), type: "text", name: "occupancy_en", id: "occupancy_en", placeholder: "Ingresa la ocupaci\xF3n" }, null, 8, ["value"])]), _: 1 })]), _: 1 }), a(d, { span: 12 }, { default: t(() => [a(c, { label: "Habilitado", "has-feedback": "", name: "status" }, { default: t(() => [a(x, { value: i.form.status, "onUpdate:value": e[3] || (e[3] = (s) => i.form.status = s), id: "status", name: "status", placeholder: "--Seleccione un Estado--" }, { default: t(() => [a(b, { "aria-selected": "true", disabled: "" }, { default: t(() => e[9] || (e[9] = [n("--Seleccione un Estado--")])), _: 1, __: [9] }), a(b, { value: 0 }, { default: t(() => e[10] || (e[10] = [n("No")])), _: 1, __: [10] }), a(b, { value: 1 }, { default: t(() => e[11] || (e[11] = [n("Si")])), _: 1, __: [11] })]), _: 1 }, 8, ["value"])]), _: 1 })]), _: 1 }), a(d, { span: 12 }, { default: t(() => [a(c, { label: "Avatar", "has-feedback": "", name: "images" }, { default: t(() => [r("div", R, [a(C, { "file-list": i.form.images, "onUpdate:fileList": e[4] || (e[4] = (s) => i.form.images = s), "list-type": "picture-card", onPreview: u.handlePreview, "before-upload": u.beforeUpload, "max-count": i.max_count_files, onRemove: u.removeFile, accept: "image/*", id: "images", multiple: "" }, { removeIcon: t(() => [a(U)]), default: t(() => [i.form.images.length < i.max_count_files ? (v(), E("div", H, e[12] || (e[12] = [r("i", { class: "far fa-plus" }, null, -1), r("div", { style: { "margin-top": "8px" } }, "A\xF1adir", -1)]))) : I("", true)]), _: 1 }, 8, ["file-list", "onPreview", "before-upload", "max-count", "onRemove"]), a(h, { visible: i.preview_visible, title: i.preview_title, footer: null, onCancel: u.handleCancel }, { default: t(() => [r("img", { alt: "example", style: { width: "100%" }, src: i.preview_image }, null, 8, L)]), _: 1 }, 8, ["visible", "title", "onCancel"])])]), _: 1 })]), _: 1 }), a(d, { span: 12 }, { default: t(() => [a(c, { label: "Descripci\xF3n en espa\xF1ol", class: "validate-editor", "has-feedback": "", name: "description_es" }, { default: t(() => [a(k, { "api-key": "3ov0hguyl3m2oownna79uxk9ticwdo6r4dejaxtdquu0bo7f", modelValue: i.form.description_es, "onUpdate:modelValue": e[5] || (e[5] = (s) => i.form.description_es = s), id: "description_es", init: { height: 250, skin: "oxide-dark", content_css: "dark", menubar: true, plugins: ["advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table paste code help wordcount"], toolbar: "bold italic |                                                                                        bullist numlist | removeformat | help" } }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), a(d, { span: 12 }, { default: t(() => [a(c, { label: "Descripci\xF3n en ingl\xE9s", class: "validate-editor", "has-feedback": "", name: "description_en" }, { default: t(() => [a(k, { "api-key": "3ov0hguyl3m2oownna79uxk9ticwdo6r4dejaxtdquu0bo7f", modelValue: i.form.description_en, "onUpdate:modelValue": e[6] || (e[6] = (s) => i.form.description_en = s), id: "description_en", init: { height: 250, skin: "oxide-dark", content_css: "dark", menubar: true, plugins: ["advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table paste code help wordcount"], toolbar: "bold italic |                                                                                        bullist numlist | removeformat | help" } }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), a(d, { span: 24 }, { default: t(() => [r("div", z, [(v(true), E(P, null, B(i.form.social, (s, m) => (v(), w(c, { key: s.key, class: "social-item" }, { default: t(() => [a(D, { value: i.form.social[m].icon, "onUpdate:value": (_) => i.form.social[m].icon = _, class: "text-center", name: "social_icon" + m }, { default: t(() => [a(f, { value: "fab fa-instagram" }, { default: t(() => e[13] || (e[13] = [r("i", { class: "fab fa-instagram" }, null, -1), n(" Instagram")])), _: 1, __: [13] }), a(f, { value: "fab fa-facebook" }, { default: t(() => e[14] || (e[14] = [r("i", { class: "fab fa-facebook" }, null, -1), n(" Facebook")])), _: 1, __: [14] }), a(f, { value: "fab fa-youtube" }, { default: t(() => e[15] || (e[15] = [r("i", { class: "fab fa-youtube" }, null, -1), n(" Youtube")])), _: 1, __: [15] }), a(f, { value: "fab fa-tiktok" }, { default: t(() => e[16] || (e[16] = [r("i", { class: "fab fa-tiktok" }, null, -1), n(" Tiktok")])), _: 1, __: [16] })]), _: 2 }, 1032, ["value", "onUpdate:value", "name"]), a(p, { value: i.form.social[m].value, "onUpdate:value": (_) => i.form.social[m].value = _, name: "social_user" + m, placeholder: "Ingresa el nombre de @usuario", style: { width: "95%", "margin-right": "8px" } }, null, 8, ["value", "onUpdate:value", "name"]), a(q, { class: "dynamic-delete-button", disabled: i.form.social.length === 0, onClick: (_) => u.removeSocial(s) }, null, 8, ["disabled", "onClick"])]), _: 2 }, 1024))), 128)), r("div", J, [a(g, { type: "dashed", onClick: u.addSocial }, { default: t(() => e[17] || (e[17] = [r("i", { class: "fad fa-plus-circle mr-icon" }, null, -1), n(" Agregar ")])), _: 1, __: [17] }, 8, ["onClick"])])])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["model", "rules"])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["visible"]);
38}
39const W = j(A, [["render", T], ["__scopeId", "data-v-425ab69c"]]);
40export {
41  W as default
42};