https://educared.fundaciontelefonica.com.pe/assets/controllers/offering_preview_controller-a1e44b52.js

1import { Controller } from "@hotwired/stimulus"
2
3// Connects to data-controller="offering-preview"
4export default class extends Controller {
5  static targets = [ "iframe", "bannerStyle", "bannerBackgroundColor", "ctaButtonColor" ]
6
7  loadPreview() {
8    const bannerStyle = this.bannerStyleTarget.value;
9    const bannerBackgroundColor = this.bannerBackgroundColorTarget.value;
10    const ctaButtonColor = this.ctaButtonColorTarget.value;
11
12    const url = new URL(this.element.dataset.previewUrl);
13    url.searchParams.set("page_banner_style", bannerStyle);
14    url.searchParams.set("page_banner_background_color", bannerBackgroundColor);
15    url.searchParams.set("page_cta_button_color", ctaButtonColor);
16    url.searchParams.set("preview", "true");
17    this.iframeTarget.src = url.toString();
18  }
19}