https://lalexpo.com/build/assets/GalleryImagesPageComponent-Dsv3LQBS.js

1import { r as C, G as S, o as U, c as t, f as a, e as s, g as o, b as _, u as n, h as y, t as d, I as f, F as c, a as V, C as m, d as e, a0 as H, i as G, ay as A } from "./vendor-DwBTsVHv.js";
2import { _ as F, U as P } from "./app-Ci_-ARAC.js";
3import R from "./SubscribeComponent-DyQZBmYT.js";
4import T from "./ContactComponent-Dzu6beVi.js";
5const $ = { id: "page-galleries", class: "page" }, j = { class: "page__blur" }, D = { id: "page__banner_gallery_images", class: "page__banner" }, E = { class: "inner-content" }, M = { key: 0 }, O = { key: 1 }, Z = { class: "description" }, J = { key: 0 }, K = { key: 1 }, Q = { class: "description" }, W = { class: "page__body" }, X = { class: "container-gallery" }, Y = { key: 0, class: "gallery-name" }, ee = { key: 1, class: "gallery-name" }, te = { class: "gallery-content" }, ae = { class: "content-images" }, le = { key: 0 }, se = { key: 0 }, oe = { key: 1 }, ne = { key: 1 }, re = { key: 0 }, ie = { key: 1 }, de = { key: 0 }, ce = { key: 1 }, ue = { class: "container-image" }, _e = ["src", "alt"], ge = { class: "container-video" }, ye = ["src"], me = { class: "d-flex justify-content-center mt-2" }, pe = "/", he = { __name: "GalleryImagesPageComponent", props: { gallery_name: { type: String, required: true }, gallery_id: { type: [Number, String], required: true }, gallery_type: { type: Number, required: true }, total: { type: Number, required: true }, gallery_year: { type: Number, required: true } }, setup(l) {
6  const N = l, i = P.methods.$language(), v = C(1), k = C([]), b = C(20), B = { movable: true, initialViewIndex: 1 };
7  S.config({ top: "85px", duration: 2, maxCount: 3 });
8  const z = () => {
9    V.post(route("galleries.get_images_gallery"), { gallery_id: N.gallery_id, current_page: v.value, gallery_size: b.value }).then((x) => {
10      k.value = x.data.result;
11    }).catch((x) => {
12    });
13  };
14  return U(() => {
15    z();
16  }), (x, r) => {
17    const w = m("a-breadcrumb-item"), q = m("a-breadcrumb"), g = m("a-col"), p = m("a-row"), I = m("a-button"), L = m("a-pagination");
18    return e(), t(c, null, [a("div", $, [a("div", j, [a("div", D, [a("div", E, [r[2] || (r[2] = a("div", { class: "overlay" }, null, -1)), s(p, { class: "mb-1" }, { default: o(() => [s(g, { span: 24 }, { default: o(() => [s(q, null, { default: o(() => [s(w, null, { default: o(() => [a("a", { href: pe }, [s(n(H))])]), _: 1 }), s(w, null, { default: o(() => [n(i) === "es" ? (e(), t(c, { key: 0 }, [y(" Galer\xEDa ")], 64)) : (e(), t(c, { key: 1 }, [y(" Gallery ")], 64))]), _: 1 }), s(w, null, { default: o(() => [n(i) === "es" ? (e(), t(c, { key: 0 }, [y(d(l.gallery_name) + " " + d(l.gallery_year), 1)], 64)) : (e(), t(c, { key: 1 }, [y(d(l.gallery_name) + " " + d(l.gallery_year), 1)], 64))]), _: 1 })]), _: 1 })]), _: 1 })]), _: 1 }), s(p, { class: "mb-1" }, { default: o(() => [s(g, { span: 24 }, { default: o(() => [l.gallery_type === 1 ? (e(), t(c, { key: 0 }, [n(i) === "es" ? (e(), t("h2", M, "Lista de im\xE1genes")) : (e(), t("h2", O, "List of images")), a("div", Z, [a("p", null, d(n(i) === "es" ? "A continuaci\xF3n podr\xE1s ver las fotos del evento." : "Below you can see the photos of the event."), 1)])], 64)) : _("", true), l.gallery_type === 2 ? (e(), t(c, { key: 1 }, [n(i) === "es" ? (e(), t("h2", J, "Lista de v\xEDdeos")) : (e(), t("h2", K, "List of videos")), a("div", Q, [a("p", null, d(n(i) === "es" ? "A continuaci\xF3n podr\xE1s ver los videos del evento." : "Below you can see the videos of the event."), 1)])], 64)) : _("", true)]), _: 1 })]), _: 1 })])])]), a("div", W, [a("div", X, [n(i) === "es" ? (e(), t("div", Y, [a("h2", null, [r[3] || (r[3] = y(" Galer\xEDa: ")), a("span", null, d(l.gallery_name) + " " + d(l.gallery_year), 1)])])) : _("", true), n(i) === "en" ? (e(), t("div", ee, [a("h2", null, [r[4] || (r[4] = y(" Gallery: ")), a("span", null, d(l.gallery_name) + " " + d(l.gallery_year), 1)])])) : _("", true), a("div", te, [a("div", ae, [s(p, { gutter: [32, 32], type: "flex", class: "mb-2" }, { default: o(() => [s(g, { flex: "auto" }, { default: o(() => [l.gallery_type === 1 ? (e(), t("p", le, [n(i) === "es" ? (e(), t("span", se, "Haz clic en cualquier imagen para ampliar y navegar la galer\xEDa.")) : (e(), t("span", oe, "Click on any image to enlarge and browse the gallery."))])) : _("", true), l.gallery_type === 2 ? (e(), t("p", ne, [n(i) === "es" ? (e(), t("span", re, "Haz clic en el v\xEDdeo para reproducir.")) : (e(), t("span", ie, "Click on the video to play."))])) : _("", true)]), _: 1 }), s(g, { flex: "auto", class: "text-right" }, { default: o(() => [s(I, { type: "dashed", href: "/galleries" }, { default: o(() => [r[5] || (r[5] = a("i", { class: "fad fa-undo mr-icon" }, null, -1)), n(i) === "es" ? (e(), t("span", de, "Regresar a galer\xEDas")) : (e(), t("span", ce, "Back to galleries"))]), _: 1, __: [5] })]), _: 1 })]), _: 1 }), l.gallery_type === 1 ? (e(), f(n(A), { key: 0, ref: "viewer", images: k.value, options: B, class: "viewer" }, { default: o((u) => [s(p, { gutter: [32, 32] }, { default: o(() => [(e(true), t(c, null, G(u.images, (h) => (e(), f(g, { key: h.id, xs: 24, sm: 12, md: 6, lg: 6, xl: 6, class: "text-center" }, { default: o(() => [a("div", ue, [(e(), t("img", { key: h, src: "/storage/galleries/" + l.gallery_id + "/images/" + h, alt: h }, null, 8, _e))])]), _: 2 }, 1024))), 128))]), _: 2 }, 1024)]), _: 1 }, 8, ["images"])) : _("", true), l.gallery_type === 2 ? (e(), f(p, { key: 1, gutter: [32, 32] }, { default: o(() => [(e(true), t(c, null, G(k.value, (u) => (e(), f(g, { key: u.id, xs: 24, sm: 12, md: 12, lg: 12, xl: 12, class: "text-center" }, { default: o(() => [a("div", ge, [a("iframe", { width: "100%", height: "100%", src: u, class: "iframe-border", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowfullscreen: "" }, null, 8, ye)])]), _: 2 }, 1024))), 128))]), _: 1 })) : _("", true), a("div", me, [s(L, { current: v.value, "onUpdate:current": r[0] || (r[0] = (u) => v.value = u), "page-size": b.value, "onUpdate:pageSize": r[1] || (r[1] = (u) => b.value = u), total: l.total, "show-total": () => `Total: ${l.total} im\xE1genes`, "page-size-options": ["20", "40", "60", "80", "100"], "show-less-items": "", "show-size-changer": "", onChange: z }, null, 8, ["current", "page-size", "total", "show-total"])])])])])])]), s(n(T)), s(n(R))], 64);
19  };
20} }, xe = F(he, [["__scopeId", "data-v-d34bac3c"]]);
21export {
22  xe as default
23};