Add 2024 Thank You Banners

wmde · Dec 12, 2024 · fadcee4 · fadcee4
1 parent d475609
commit fadcee4
Show file tree

Hide file tree

Showing 45 changed files with 2,198 additions and 56 deletions.
diff --git a/banners/thank_you_2024/banner_ctrl.de.ts b/banners/thank_you_2024/banner_ctrl.de.ts
@@ -0,0 +1,59 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles_wporg.scss';
+
+import PageWPORG from '@src/page/PageWPORG';
+import { SkinFactory } from '@src/page/skin/SkinFactory';
+import { WindowSizeIssueChecker } from '@src/utils/SizeIssueChecker/WindowSizeIssueChecker';
+import { Translator } from '@src/Translator';
+import { WindowMediaWiki } from '@src/page/MediaWiki/WindowMediaWiki';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
+import BannerConductor from '@src/components/BannerConductor/BannerConductor.vue';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import Banner from './components/BannerCtrl.de.vue';
+import messages from './messages.de';
+import eventMappings from './event_map';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { createTrackedURL, MEMBERSHIP_FORM_URL, SUBSCRIBE_URL, USE_OF_FUNDS_URL } from './createTrackedURL';
+import { createThankYouSettings } from './settings';
+import { IntegerDe } from '@src/utils/DynamicContent/formatters/IntegerDe';
+import { Locales } from '@src/domain/Locales';
+import { WindowTimer } from '@src/utils/Timer';
+
+const translator = new Translator( messages );
+const mediaWiki = new WindowMediaWiki();
+const page = new PageWPORG( mediaWiki, ( new SkinFactory( mediaWiki ) ).getSkin(), new WindowSizeIssueChecker( 0 ) );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new LegacyTrackerWPORG( mediaWiki, page.getTracking().keyword, eventMappings, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: 0,
+		transitionDuration: 0
+	},
+	bannerProps: {
+		settings: createThankYouSettings( new IntegerDe(), page.getCampaignParameters().thankYouCampaign ),
+		subscribeURL: createTrackedURL( SUBSCRIBE_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		useOfFundsURL: createTrackedURL( USE_OF_FUNDS_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		membershipWithAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, {
+			locale: Locales.DE,
+			interval: '1',
+			fee: '200',
+			type: 'sustaining'
+		} ),
+		membershipWithoutAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, { locale: Locales.DE, type: 'sustaining' } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/thank_you_2024/banner_ctrl.en.ts b/banners/thank_you_2024/banner_ctrl.en.ts
@@ -0,0 +1,59 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles_wporg.scss';
+
+import PageWPORG from '@src/page/PageWPORG';
+import { SkinFactory } from '@src/page/skin/SkinFactory';
+import { WindowSizeIssueChecker } from '@src/utils/SizeIssueChecker/WindowSizeIssueChecker';
+import { Translator } from '@src/Translator';
+import { WindowMediaWiki } from '@src/page/MediaWiki/WindowMediaWiki';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
+import BannerConductor from '@src/components/BannerConductor/BannerConductor.vue';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import Banner from './components/BannerCtrl.en.vue';
+import messages from './messages.en';
+import eventMappings from './event_map';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { createTrackedURL, MEMBERSHIP_FORM_URL, SUBSCRIBE_URL, USE_OF_FUNDS_URL } from './createTrackedURL';
+import { createThankYouSettings } from './settings';
+import { IntegerEn } from '@src/utils/DynamicContent/formatters/IntegerEn';
+import { Locales } from '@src/domain/Locales';
+import { WindowTimer } from '@src/utils/Timer';
+
+const translator = new Translator( messages );
+const mediaWiki = new WindowMediaWiki();
+const page = new PageWPORG( mediaWiki, ( new SkinFactory( mediaWiki ) ).getSkin(), new WindowSizeIssueChecker( 0 ) );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new LegacyTrackerWPORG( mediaWiki, page.getTracking().keyword, eventMappings, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: 0,
+		transitionDuration: 0
+	},
+	bannerProps: {
+		settings: createThankYouSettings( new IntegerEn(), page.getCampaignParameters().thankYouCampaign ),
+		subscribeURL: createTrackedURL( SUBSCRIBE_URL, page.getTracking(), impressionCount, { locale: Locales.EN } ),
+		useOfFundsURL: createTrackedURL( USE_OF_FUNDS_URL, page.getTracking(), impressionCount, { locale: Locales.EN } ),
+		membershipWithAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, {
+			locale: Locales.EN,
+			interval: '1',
+			fee: '200',
+			type: 'sustaining'
+		} ),
+		membershipWithoutAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, { locale: Locales.EN, type: 'sustaining' } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/thank_you_2024/banner_ctrl.wpde.ts b/banners/thank_you_2024/banner_ctrl.wpde.ts
@@ -0,0 +1,61 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles_wpde.scss';
+import { Translator } from '@src/Translator';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import BannerConductor from '@src/components/BannerConductor/BannerConductor.vue';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import Banner from './components/BannerCtrl.de.vue';
+import messages from './messages.de';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { createTrackedURL, MEMBERSHIP_FORM_URL, SUBSCRIBE_URL, USE_OF_FUNDS_URL } from './createTrackedURL';
+import PageWPDE from '@src/page/PageWPDE';
+import { TrackerWPDE } from '@src/tracking/TrackerWPDE';
+import eventMap from './event_map.wpde';
+import { createThankYouSettings } from './settings';
+import { IntegerDe } from '@src/utils/DynamicContent/formatters/IntegerDe';
+import { Locales } from '@src/domain/Locales';
+import { WindowTimer } from '@src/utils/Timer';
+
+// Tracking placeholders will be replaced by webpack string-replace-loader
+// using the campaign configuration ( campaign_info.toml ) for the correct values
+const tracking = {
+	campaign: '!insert-campaign-here!',
+	keyword: '!insert-keyword-here!'
+};
+
+const translator = new Translator( messages );
+const page = new PageWPDE( tracking );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new TrackerWPDE( 'FundraisingTracker', page.getTracking().keyword, eventMap, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: 0,
+		transitionDuration: 0
+	},
+	bannerProps: {
+		settings: createThankYouSettings( new IntegerDe(), page.getCampaignParameters().thankYouCampaign ),
+		subscribeURL: createTrackedURL( SUBSCRIBE_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		useOfFundsURL: createTrackedURL( USE_OF_FUNDS_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		membershipWithAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, {
+			locale: Locales.DE,
+			interval: '1',
+			fee: '200',
+			type: 'sustaining'
+		} ),
+		membershipWithoutAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, { locale: Locales.DE, type: 'sustaining' } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/thank_you_2024/banner_var.de.ts b/banners/thank_you_2024/banner_var.de.ts
@@ -0,0 +1,59 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles_wporg.scss';
+
+import PageWPORG from '@src/page/PageWPORG';
+import { SkinFactory } from '@src/page/skin/SkinFactory';
+import { WindowSizeIssueChecker } from '@src/utils/SizeIssueChecker/WindowSizeIssueChecker';
+import { Translator } from '@src/Translator';
+import { WindowMediaWiki } from '@src/page/MediaWiki/WindowMediaWiki';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
+import BannerConductor from '@src/components/BannerConductor/BannerConductor.vue';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import Banner from './components/BannerVar.de.vue';
+import messages from './messages.de';
+import eventMappings from './event_map';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { createTrackedURL, MEMBERSHIP_FORM_URL, SUBSCRIBE_URL, USE_OF_FUNDS_URL } from './createTrackedURL';
+import { createThankYouSettings } from './settings';
+import { IntegerDe } from '@src/utils/DynamicContent/formatters/IntegerDe';
+import { Locales } from '@src/domain/Locales';
+import { WindowTimer } from '@src/utils/Timer';
+
+const translator = new Translator( messages );
+const mediaWiki = new WindowMediaWiki();
+const page = new PageWPORG( mediaWiki, ( new SkinFactory( mediaWiki ) ).getSkin(), new WindowSizeIssueChecker( 0 ) );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new LegacyTrackerWPORG( mediaWiki, page.getTracking().keyword, eventMappings, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: 0,
+		transitionDuration: 0
+	},
+	bannerProps: {
+		settings: createThankYouSettings( new IntegerDe(), page.getCampaignParameters().thankYouCampaign ),
+		subscribeURL: createTrackedURL( SUBSCRIBE_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		useOfFundsURL: createTrackedURL( USE_OF_FUNDS_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		membershipWithAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, {
+			locale: Locales.DE,
+			interval: '1',
+			fee: '200',
+			type: 'sustaining'
+		} ),
+		membershipWithoutAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, { locale: Locales.DE, type: 'sustaining' } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/thank_you_2024/banner_var.en.ts b/banners/thank_you_2024/banner_var.en.ts
@@ -0,0 +1,59 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles_wporg.scss';
+
+import PageWPORG from '@src/page/PageWPORG';
+import { SkinFactory } from '@src/page/skin/SkinFactory';
+import { WindowSizeIssueChecker } from '@src/utils/SizeIssueChecker/WindowSizeIssueChecker';
+import { Translator } from '@src/Translator';
+import { WindowMediaWiki } from '@src/page/MediaWiki/WindowMediaWiki';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
+import BannerConductor from '@src/components/BannerConductor/BannerConductor.vue';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import Banner from './components/BannerVar.en.vue';
+import messages from './messages.en';
+import eventMappings from './event_map';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { createTrackedURL, MEMBERSHIP_FORM_URL, SUBSCRIBE_URL, USE_OF_FUNDS_URL } from './createTrackedURL';
+import { createThankYouSettings } from './settings';
+import { IntegerEn } from '@src/utils/DynamicContent/formatters/IntegerEn';
+import { Locales } from '@src/domain/Locales';
+import { WindowTimer } from '@src/utils/Timer';
+
+const translator = new Translator( messages );
+const mediaWiki = new WindowMediaWiki();
+const page = new PageWPORG( mediaWiki, ( new SkinFactory( mediaWiki ) ).getSkin(), new WindowSizeIssueChecker( 0 ) );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new LegacyTrackerWPORG( mediaWiki, page.getTracking().keyword, eventMappings, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: 0,
+		transitionDuration: 0
+	},
+	bannerProps: {
+		settings: createThankYouSettings( new IntegerEn(), page.getCampaignParameters().thankYouCampaign ),
+		subscribeURL: createTrackedURL( SUBSCRIBE_URL, page.getTracking(), impressionCount, { locale: Locales.EN } ),
+		useOfFundsURL: createTrackedURL( USE_OF_FUNDS_URL, page.getTracking(), impressionCount, { locale: Locales.EN } ),
+		membershipWithAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, {
+			locale: Locales.EN,
+			interval: '1',
+			fee: '200',
+			type: 'sustaining'
+		} ),
+		membershipWithoutAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, { locale: Locales.EN, type: 'sustaining' } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/thank_you_2024/banner_var.wpde.ts b/banners/thank_you_2024/banner_var.wpde.ts
@@ -0,0 +1,61 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles_wpde.scss';
+import { Translator } from '@src/Translator';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import BannerConductor from '@src/components/BannerConductor/BannerConductor.vue';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import Banner from './components/BannerVar.de.vue';
+import messages from './messages.de';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { createTrackedURL, MEMBERSHIP_FORM_URL, SUBSCRIBE_URL, USE_OF_FUNDS_URL } from './createTrackedURL';
+import PageWPDE from '@src/page/PageWPDE';
+import { TrackerWPDE } from '@src/tracking/TrackerWPDE';
+import eventMap from './event_map.wpde';
+import { createThankYouSettings } from './settings';
+import { IntegerDe } from '@src/utils/DynamicContent/formatters/IntegerDe';
+import { Locales } from '@src/domain/Locales';
+import { WindowTimer } from '@src/utils/Timer';
+
+// Tracking placeholders will be replaced by webpack string-replace-loader
+// using the campaign configuration ( campaign_info.toml ) for the correct values
+const tracking = {
+	campaign: '!insert-campaign-here!',
+	keyword: '!insert-keyword-here!'
+};
+
+const translator = new Translator( messages );
+const page = new PageWPDE( tracking );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new TrackerWPDE( 'FundraisingTracker', page.getTracking().keyword, eventMap, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: 0,
+		transitionDuration: 0
+	},
+	bannerProps: {
+		settings: createThankYouSettings( new IntegerDe(), page.getCampaignParameters().thankYouCampaign ),
+		subscribeURL: createTrackedURL( SUBSCRIBE_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		useOfFundsURL: createTrackedURL( USE_OF_FUNDS_URL, page.getTracking(), impressionCount, { locale: Locales.DE } ),
+		membershipWithAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, {
+			locale: Locales.DE,
+			interval: '1',
+			fee: '200',
+			type: 'sustaining'
+		} ),
+		membershipWithoutAmountURL: createTrackedURL( MEMBERSHIP_FORM_URL, page.getTracking(), impressionCount, { locale: Locales.DE, type: 'sustaining' } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );