@icvdeveloper/common-module 0.0.126 → 0.0.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/README.md +6 -6
  2. package/dist/module.json +1 -1
  3. package/dist/runtime/@types/components.d.ts +12 -0
  4. package/dist/runtime/assets/svg/answer.svg +14 -14
  5. package/dist/runtime/assets/svg/avatar.svg +1 -1
  6. package/dist/runtime/assets/svg/bell-icon.svg +3 -3
  7. package/dist/runtime/assets/svg/checkmark-icon.svg +1 -1
  8. package/dist/runtime/assets/svg/close-icon.svg +1 -1
  9. package/dist/runtime/assets/svg/icon-avatar.svg +1 -1
  10. package/dist/runtime/assets/svg/icon-chevron.svg +4 -4
  11. package/dist/runtime/assets/svg/icon-circle-plus.svg +1 -1
  12. package/dist/runtime/assets/svg/icon-close.svg +1 -1
  13. package/dist/runtime/assets/svg/icon-info.svg +2 -2
  14. package/dist/runtime/assets/svg/icon-new-window.svg +11 -11
  15. package/dist/runtime/assets/svg/icon-offline.svg +3 -3
  16. package/dist/runtime/assets/svg/icon-online.svg +3 -3
  17. package/dist/runtime/assets/svg/icon-person.svg +2 -2
  18. package/dist/runtime/assets/svg/icon-play.svg +2 -2
  19. package/dist/runtime/assets/svg/icon-star-filled.svg +29 -29
  20. package/dist/runtime/assets/svg/icon-star.svg +24 -24
  21. package/dist/runtime/assets/svg/icon-video-chat.svg +14 -14
  22. package/dist/runtime/assets/svg/icon-website.svg +2 -2
  23. package/dist/runtime/assets/svg/icon-zoom.svg +10 -10
  24. package/dist/runtime/assets/svg/notification-icon.svg +32 -32
  25. package/dist/runtime/assets/svg/offline-icon.svg +1 -1
  26. package/dist/runtime/assets/svg/online-icon.svg +3 -3
  27. package/dist/runtime/assets/svg/peer2peer.svg +3 -3
  28. package/dist/runtime/assets/svg/phone.svg +1 -1
  29. package/dist/runtime/assets/svg/plus-icon.svg +1 -1
  30. package/dist/runtime/assets/svg/red-icon.svg +3 -3
  31. package/dist/runtime/assets/svg/reject.svg +14 -14
  32. package/dist/runtime/assets/svg/search-icon.svg +3 -3
  33. package/dist/runtime/components/affiliates/AffiliatePage.vue +329 -17
  34. package/dist/runtime/components/agenda/AgendaList.vue +259 -259
  35. package/dist/runtime/components/agenda/AgendaTabbed.vue +305 -305
  36. package/dist/runtime/components/agenda/components/AgendaListAccordion.vue +67 -67
  37. package/dist/runtime/components/agenda/components/Calendar.vue +67 -67
  38. package/dist/runtime/components/agenda/components/InfoLink.vue +56 -56
  39. package/dist/runtime/components/agenda/components/PlayIcon.vue +49 -49
  40. package/dist/runtime/components/agenda/components/PresentationLink.vue +137 -137
  41. package/dist/runtime/components/agenda/components/Sponsor.vue +132 -132
  42. package/dist/runtime/components/auth/LoginFullWidth.vue +78 -78
  43. package/dist/runtime/components/auth/PasswordReset.vue +60 -60
  44. package/dist/runtime/components/auth/Registration.vue +27 -27
  45. package/dist/runtime/components/auth/Ucc.vue +129 -129
  46. package/dist/runtime/components/core/Accordion.vue +97 -97
  47. package/dist/runtime/components/core/CountdownTimer.vue +336 -336
  48. package/dist/runtime/components/core/DynamicHtml.vue +1 -1
  49. package/dist/runtime/components/core/Modal.vue +111 -111
  50. package/dist/runtime/components/core/Navbar.vue +154 -154
  51. package/dist/runtime/components/core/SvgIcon.vue +157 -157
  52. package/dist/runtime/components/core/ZoomModal.vue +37 -37
  53. package/dist/runtime/components/events/EventHeader.vue +133 -133
  54. package/dist/runtime/components/events/ListEvents.vue +554 -554
  55. package/dist/runtime/components/forms/AlertBox.vue +21 -21
  56. package/dist/runtime/components/forms/ErrorField.vue +17 -17
  57. package/dist/runtime/components/forms/Message.vue +27 -27
  58. package/dist/runtime/components/forms/SearchInput.vue +38 -38
  59. package/dist/runtime/components/forms/SupportForm.vue +112 -112
  60. package/dist/runtime/components/forms/SwitchInput.vue +42 -42
  61. package/dist/runtime/components/forms/TextArea.vue +26 -26
  62. package/dist/runtime/components/forms/TextInput.vue +28 -28
  63. package/dist/runtime/components/layouts/Accordion.vue +78 -78
  64. package/dist/runtime/components/media/ArchivePlayerAndContentContainer.vue +160 -160
  65. package/dist/runtime/components/media/ArchiveVideoPlayer.vue +186 -186
  66. package/dist/runtime/components/media/PlayerAndContentContainer.vue +183 -183
  67. package/dist/runtime/components/media/WebcastVideoPlayer.vue +140 -140
  68. package/dist/runtime/components/media/components/AgendaPanel.vue +43 -43
  69. package/dist/runtime/components/media/components/ArchiveMediaContainer.vue +91 -91
  70. package/dist/runtime/components/media/components/CeCreditNotification.vue +95 -95
  71. package/dist/runtime/components/media/components/ContentAccordion.vue +63 -63
  72. package/dist/runtime/components/media/components/ContentArea.vue +158 -158
  73. package/dist/runtime/components/media/components/ContentTabs.vue +231 -231
  74. package/dist/runtime/components/media/components/DocumentsPanel.vue +31 -31
  75. package/dist/runtime/components/media/components/JsonApi.vue +31 -31
  76. package/dist/runtime/components/media/components/MediaContainer.vue +63 -63
  77. package/dist/runtime/components/media/components/OverviewPanel.vue +52 -52
  78. package/dist/runtime/components/media/components/PresentersPanel.vue +52 -52
  79. package/dist/runtime/components/media/components/SessionReporting.vue +102 -102
  80. package/dist/runtime/components/media/components/SponsorsPanel.vue +71 -71
  81. package/dist/runtime/components/media/components/WindowContent.vue +92 -92
  82. package/dist/runtime/components/media/components/WindowSlide.vue +72 -72
  83. package/dist/runtime/components/presenters/PresenterListing.vue +164 -164
  84. package/dist/runtime/components/presenters/PresenterModal.vue +223 -223
  85. package/dist/runtime/components/profile/Profile.vue +149 -149
  86. package/dist/runtime/components/profile/components/Sidebar.vue +27 -27
  87. package/dist/runtime/components/profile/components/SidebarNavItem.vue +39 -39
  88. package/dist/runtime/components/profile/tabs/Favorites.vue +21 -21
  89. package/dist/runtime/components/profile/tabs/GeneralInformation.vue +122 -122
  90. package/dist/runtime/components/profile/tabs/ProfileImage.vue +75 -75
  91. package/dist/runtime/components/support/FAQAccordion.vue +140 -140
  92. package/dist/runtime/models/conference.d.ts +24 -0
  93. package/dist/runtime/models/document.d.ts +7 -0
  94. package/dist/runtime/models/link.d.ts +6 -0
  95. package/dist/runtime/models/link.mjs +0 -0
  96. package/dist/runtime/models/video.d.ts +6 -0
  97. package/dist/runtime/models/video.mjs +0 -0
  98. package/package.json +1 -1
  99. package/dist/runtime/models/affiliate.d.ts +0 -1
  100. /package/dist/runtime/models/{affiliate.mjs → document.mjs} +0 -0
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="84" viewBox="0 0 120 84">
2
- <image x="8" y="16" width="104" height="55" xlink:href="data:img/png;base64,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"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="84" viewBox="0 0 120 84">
2
+ <image x="8" y="16" width="104" height="55" xlink:href="data:img/png;base64,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"/>
3
+ </svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3.445 17.827c-3.684 1.684-9.401-9.43-5.8-11.308l1.053-.519 1.746 3.409-1.042.513c-1.095.587 1.185 5.04 2.305 4.497l1.032-.505 1.76 3.397-1.054.516z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3.445 17.827c-3.684 1.684-9.401-9.43-5.8-11.308l1.053-.519 1.746 3.409-1.042.513c-1.095.587 1.185 5.04 2.305 4.497l1.032-.505 1.76 3.397-1.054.516z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" fill="#e3effa" width="15" height="15" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="#e3effa" width="15" height="15" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/></svg>
@@ -1,3 +1,3 @@
1
- <svg class="h-2 w-2 fill-current text-red mr-2" viewBox="0 0 20 20">
2
- <circle cx="10" cy="10" r="10"/>
3
- </svg>
1
+ <svg class="h-2 w-2 fill-current text-red mr-2" viewBox="0 0 20 20">
2
+ <circle cx="10" cy="10" r="10"/>
3
+ </svg>
@@ -1,14 +1,14 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="50px" height="50px" viewBox="0 0 525 525" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
4
- <title>reject</title>
5
- <desc>Created with Sketch.</desc>
6
- <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
- <g id="Video-Call-yes-no-(1)" transform="translate(-622.000000, -134.000000)">
8
- <g id="reject" transform="translate(622.000000, 134.000000)">
9
- <circle id="Oval" fill="#9F2214" cx="262.32" cy="262.62" r="262.12"></circle>
10
- <path d="M431.13,324.68 C439.848013,309.180629 442.302617,290.932119 437.99,273.68 C416.99,187.68 263.99,190.13 263.99,190.13 C263.99,190.13 111,182.69 87.24,267.92 C82.3719639,285.020231 84.2288246,303.334817 92.43,319.11 L92.5,319.26 C96.787592,327.204682 105.735171,331.447697 114.6,329.74 L185.18,316.46 C185.18,316.46 208.36,310.18 206.24,290.15 C205.764001,286.286139 204.631018,282.532076 202.89,279.05 C199.05,267.58 192.23,250.83 184.23,247.22 C194.73,243.76 220.14,237.37 263.05,238.07 C305.96,238.77 331.14,246 341.52,249.8 C333.41,253.15 326.05,269.66 321.82,281.01 C319.970001,284.440405 318.715528,288.159869 318.11,292.01 C315.33,311.95 338.29,319.01 338.29,319.01 L408.61,334.65 C417.413254,336.643207 426.492273,332.696687 431.04,324.9 L431.13,324.68 Z" id="Path" fill="#FFFFFF"></path>
11
- </g>
12
- </g>
13
- </g>
14
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="50px" height="50px" viewBox="0 0 525 525" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
4
+ <title>reject</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <g id="Video-Call-yes-no-(1)" transform="translate(-622.000000, -134.000000)">
8
+ <g id="reject" transform="translate(622.000000, 134.000000)">
9
+ <circle id="Oval" fill="#9F2214" cx="262.32" cy="262.62" r="262.12"></circle>
10
+ <path d="M431.13,324.68 C439.848013,309.180629 442.302617,290.932119 437.99,273.68 C416.99,187.68 263.99,190.13 263.99,190.13 C263.99,190.13 111,182.69 87.24,267.92 C82.3719639,285.020231 84.2288246,303.334817 92.43,319.11 L92.5,319.26 C96.787592,327.204682 105.735171,331.447697 114.6,329.74 L185.18,316.46 C185.18,316.46 208.36,310.18 206.24,290.15 C205.764001,286.286139 204.631018,282.532076 202.89,279.05 C199.05,267.58 192.23,250.83 184.23,247.22 C194.73,243.76 220.14,237.37 263.05,238.07 C305.96,238.77 331.14,246 341.52,249.8 C333.41,253.15 326.05,269.66 321.82,281.01 C319.970001,284.440405 318.715528,288.159869 318.11,292.01 C315.33,311.95 338.29,319.01 338.29,319.01 L408.61,334.65 C417.413254,336.643207 426.492273,332.696687 431.04,324.9 L431.13,324.68 Z" id="Path" fill="#FFFFFF"></path>
11
+ </g>
12
+ </g>
13
+ </g>
14
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg class="fill-current text-grey h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2
- <path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" />
3
- </svg>
1
+ <svg class="fill-current text-grey h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2
+ <path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" />
3
+ </svg>
@@ -1,17 +1,329 @@
1
- <script lang="ts" setup>
2
- import { toRefs } from "vue";
3
- import { Affiliate } from "../../models/affiliate";
4
- import { Sponsor } from "../../models/conference";
5
-
6
- type Props = {
7
- affiliate: Affiliate | Sponsor;
8
- };
9
-
10
- const props = defineProps<Props>();
11
-
12
- const { affiliate } = toRefs(props);
13
- </script>
14
-
15
- <template>
16
- <div class="flex w-full flex-col"></div>
17
- </template>
1
+ <script lang="ts" setup>
2
+ import { toRefs } from "vue";
3
+ import { get } from "lodash-es";
4
+ import { useApi } from "../../composables/useApi";
5
+ import { Affiliate } from "../../models/conference";
6
+ import { affiliatePageClassObj } from "../../@types/components";
7
+ import { useClassBinding } from "../../composables/useClassBinding";
8
+
9
+
10
+ type Props = {
11
+ affiliateId: string;
12
+ classObject?: affiliatePageClassObj;
13
+ };
14
+
15
+ const props = withDefaults(defineProps<Props>(), {
16
+ classObject: () => {
17
+ return {
18
+ container: "",
19
+ headerContainer: "",
20
+ headerNameContainer: "",
21
+ headerNameElement: "",
22
+ headerContactContainer: "",
23
+ headerSocialContainer: "",
24
+ htmlHeaderContainer: "",
25
+ biographyContainer: "",
26
+ contentContainer: "",
27
+ affiliateContentBox: "flex flex-col w-full h-full overflow-y-auto p-4 border border-slate-300",
28
+ };
29
+ },
30
+ });
31
+
32
+ // data
33
+ const { affiliateId } = toRefs(props);
34
+ const { classBinding } = useClassBinding();
35
+ const affiliate = ref<Affiliate>({documents:[],links:[],videos:[]});
36
+ const showVideoModal = ref<boolean>(false);
37
+ const modalVideoTitle = ref<string>("");
38
+ const modalVideoUrl = ref<string>("");
39
+
40
+ // computed
41
+ const contentCount = computed((): number => {
42
+ let hasDocuments = (affiliate.value.documents.length > 0) ? 1 : 0;
43
+ let hasVideos = (affiliate.value.videos.length > 0) ? 1 : 0;
44
+ let hasLinks = (affiliate.value.links.length > 0) ? 1 : 0;
45
+ return hasDocuments + hasVideos + hasLinks;
46
+ });
47
+ const hasContactInfo = computed((): boolean => {
48
+ return (
49
+ affiliate.value.contact_photo ||
50
+ affiliate.value.contact_name ||
51
+ affiliate.value.contact_title ||
52
+ affiliate.value.contact_phone ||
53
+ affiliate.value.contact_email
54
+ );
55
+ });
56
+ const showLeftBottomBox = computed((): boolean => {
57
+ return (hasContactInfo.value || getAffiliateContentItem('custom_box_1'));
58
+ });
59
+
60
+ // methods
61
+ const fireAnalytics = (type: string) => {
62
+ let event = 'affiliate-' + affiliate.value.name + '-' + type;
63
+ this.$analyticsPlugin.click(event, event);
64
+ };
65
+
66
+ const getAffiliateContentItem = (_item: string) => {
67
+ let itemVal = get(affiliate.value, 'affiliate_content.'+_item);
68
+ if (itemVal == undefined || itemVal == '') { return null; }
69
+ return itemVal;
70
+ };
71
+
72
+ const getAffiliateContent = () => {
73
+ return new Promise((resolve, reject) => {
74
+ const request = useApi();
75
+ request(
76
+ `/affiliates/${affiliateId.value}?with=affiliate_content,documents,videos,links`
77
+ )
78
+ .then((response) => {
79
+ affiliate.value = response.data;
80
+ })
81
+ .catch((error) => {
82
+ reject(error);
83
+ });
84
+ });
85
+ };
86
+
87
+ const getStreamingVideoUrl = (_videoUrl: string): string => {
88
+ let tmpUrl = 'https://cdn.v3mediaportal.com/streaming-player/iframe-player.htm?';
89
+ tmpUrl += 'cs=' + encodeURIComponent(_videoUrl);
90
+ tmpUrl += '&ar=16:9&f=video&as=false';
91
+ return tmpUrl;
92
+ };
93
+
94
+ const openVideoModal = (_title: string, _videoUrl: string) => {
95
+ fireAnalytics('video-' + _title);
96
+ let tmpUrl = getStreamingVideoUrl(_videoUrl);
97
+ modalVideoUrl.value = tmpUrl;
98
+ modalVideoTitle.value = _title;
99
+ showVideoModal.value = true;
100
+ };
101
+
102
+ // on mount
103
+ onMounted(() => {
104
+ getAffiliateContent();
105
+ });
106
+
107
+ </script>
108
+
109
+ <template>
110
+ <div
111
+ :class="
112
+ classBinding(
113
+ classObject,
114
+ 'container',
115
+ 'flex w-full flex-col'
116
+ )
117
+ "
118
+ >
119
+
120
+ <div v-if="getAffiliateContentItem('html_vanity_page')" v-html="getAffiliateContentItem('html_vanity_page')">
121
+ </div>
122
+
123
+ <div v-else>
124
+
125
+ <div :class="classBinding(
126
+ classObject,
127
+ 'headerContainer',
128
+ 'flex flex-col md:flex-row w-full pb-6 border-b border-solid border-grey-light'
129
+ )">
130
+ <div v-if="affiliate.photo" class="mb-6 md:mb-0">
131
+ <img :src="affiliate.photo" />
132
+ </div>
133
+ <div
134
+ v-if="!affiliate.photo"
135
+ :class="classBinding(
136
+ classObject,
137
+ 'headerNameContainer',
138
+ 'flex w-full justify-center md:justify-start'
139
+ )"
140
+ >
141
+ <h1 :class="classBinding(classObject, 'headerNameElement', 'font-light mb-0 body-color-4 self-end')">{{affiliate.name}}</h1>
142
+ </div>
143
+ <div
144
+ v-if="getAffiliateContentItem('contact_in_header') == 1"
145
+ :class="classBinding(classObject, 'headerContactContainer', 'w-full text-center md:text-right')"
146
+ >
147
+ <p>
148
+ <span v-if="affiliate.contact_address">{{affiliate.contact_address}}<br/></span>
149
+ <span v-if="affiliate.contact_location">{{affiliate.contact_location}}<br/></span>
150
+ <span v-if="affiliate.website"><a @click="fireAnalytics('website')" class="affiliate-website" :href="affiliate.website" target="_blank">{{affiliate.website}}</a><br/></span>
151
+ </p>
152
+ <span :class="classBinding(classObject, 'headerSocialContainer', 'flex justify-center md:justify-end')">
153
+ <a @click="fireAnalytics('twitter')" v-if="affiliate.twitter_url" :href="affiliate.twitter_url" target="_blank" class="affiliate-twitter" :aria-label="affiliate.name + ` Twitter Page`">
154
+ <span class="presenter-icon"><CommonSvgIcon icon="twitter"></CommonSvgIcon></span>
155
+ </a>
156
+ <a @click="fireAnalytics('facebook')" v-if="affiliate.facebook_url" :href="affiliate.facebook_url" target="_blank" class="affiliate-facebook" :aria-label="affiliate.name + ` Facebook Page`">
157
+ <span class="presenter-icon "><CommonSvgIcon icon="facebook"></CommonSvgIcon></span>
158
+ </a>
159
+ <a @click="fireAnalytics('linked_in')" v-if="affiliate.linkedin_url" :href="affiliate.linkedin_url" target="_blank" class="affiliate-linkedin" :aria-label="affiliate.name + ` LinkedIn Page`">
160
+ <span class="presenter-icon"><CommonSvgIcon icon="linkedin"></CommonSvgIcon></span>
161
+ </a>
162
+ <a @click="fireAnalytics('youtube')" v-if="affiliate.youtube_url" :href="affiliate.youtube_url" target="_blank" class="affiliate-youtube" :aria-label="affiliate.name + ` YouTube Page`">
163
+ <span class="presenter-icon"><CommonSvgIcon icon="youtube"></CommonSvgIcon></span>
164
+ </a>
165
+ </span>
166
+ </div>
167
+ </div>
168
+
169
+ <div
170
+ v-if="getAffiliateContentItem('html_header')"
171
+ v-html="getAffiliateContentItem('html_header')"
172
+ :class="classBinding(classObject, 'htmlHeaderContainer', 'w-full mt-5 text-center md:text-left')"
173
+ ></div>
174
+ <div
175
+ v-if="affiliate.biography"
176
+ v-html="affiliate.biography"
177
+ :class="classBinding(classObject, 'biographyContainer', 'w-full mt-5 text-center md:text-left')"
178
+ ></div>
179
+ <div
180
+ v-if="contentCount>0"
181
+ class="grid-container-responsive"
182
+ :class="classBinding(classObject, 'contentContainer', 'w-full mt-5 md:max-h-300')"
183
+ >
184
+
185
+ <div v-if="affiliate.documents.length>0">
186
+ <div :class="classBinding(classObject, 'affiliateContentBox', '')">
187
+ <h3 class="mb-3">Documents</h3>
188
+ <span v-for="document in affiliate.documents" :key="document.id">
189
+ <div class="mb-2"><a @click="fireAnalytics('document-' + document.name)" class="affiliate-document" :href="document.url" target="_blank">{{ document.name }}</a></div>
190
+ </span>
191
+ </div>
192
+ </div>
193
+ <div v-if="affiliate.videos.length>0">
194
+ <div :class="classBinding(classObject, 'affiliateContentBox', '')">
195
+ <div v-if="affiliate.videos.length == 1 && getAffiliateContentItem('embed_video') == 1">
196
+ <iframe
197
+ :src="getStreamingVideoUrl(affiliate.videos[0].url)"
198
+ width="100%"
199
+ style="max-width: 300px; margin:auto;"
200
+ scrolling="no"
201
+ frameborder="0"
202
+ marginheight="0"
203
+ marginwidth="0"
204
+ allowfullscreen="">
205
+ </iframe>
206
+ </div>
207
+ <div v-else>
208
+ <h3 class="mb-3">Videos</h3>
209
+ <input name="affiliateName" type="hidden" id="affiliateName" :value="affiliate.name">
210
+ <span v-for="video in affiliate.videos" :key="video.id">
211
+ <div class="mb-2"><a href="javascript:null" class="affiliate-video-trigger" @click="openVideoModal(video.name, video.url)">{{ video.name }}</a></div>
212
+ </span>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ <div v-if="affiliate.links.length>0">
217
+ <div :class="classBinding(classObject, 'affiliateContentBox', '')">
218
+ <h3 class="mb-3">Links</h3>
219
+ <span v-for="link in affiliate.links" :key="link.id">
220
+ <div class="mb-2"><a @click="fireAnalytics('external_link-' + link.name)" :href="link.url" class="affiliate-link" target="_blank">{{ link.name }}</a></div>
221
+ </span>
222
+ </div>
223
+ </div>
224
+
225
+ </div>
226
+ <div class="grid-container-responsive mt-5">
227
+ <div v-if="showLeftBottomBox" :class="classBinding(classObject, 'affiliateContentBox', '')">
228
+ <div v-if="getAffiliateContentItem('custom_box_1')" v-html="getAffiliateContentItem('custom_box_1')"></div>
229
+ <div v-else-if="hasContactInfo">
230
+ <div class="flex flex-col md:flex-row">
231
+ <div v-if="affiliate.contact_photo" class="mr-4 w-1/3 mb-3 md:mb-0 self-center md:self-start">
232
+ <img :src="affiliate.contact_photo" class="w-full" />
233
+ </div>
234
+ <div class="text-center md:text-left">
235
+ <p>Contact:</p>
236
+ <p>
237
+ <span v-if="affiliate.contact_name">{{affiliate.contact_name}}<br/></span>
238
+ <span v-if="affiliate.contact_title">{{affiliate.contact_title}}<br/></span>
239
+ <span v-if="affiliate.contact_phone">Phone: {{affiliate.contact_phone}}<br/></span>
240
+ <span v-if="affiliate.contact_email">
241
+ <a @click="fireAnalytics('contact_email')" class="affiliate-email" :href="'mailto:' + affiliate.contact_email">
242
+ {{affiliate.contact_email}}
243
+ </a><br />
244
+ </span>
245
+ </p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+
251
+ <div :class="classBinding(classObject, 'affiliateContentBox', '')">
252
+ <div v-if="getAffiliateContentItem('custom_box_2')" v-html="getAffiliateContentItem('custom_box_2')"></div>
253
+ <div v-else class="text-center md:text-right">
254
+ <p>
255
+ <span v-if="affiliate.contact_address">{{affiliate.contact_address}}<br/></span>
256
+ <span v-if="affiliate.contact_location">{{affiliate.contact_location}}<br/></span>
257
+ <span v-if="affiliate.website"><a @click="fireAnalytics('website')" class="affiliate-website" :href="affiliate.website" target="_blank">{{affiliate.website}}</a><br/></span>
258
+ </p>
259
+ <span class="flex justify-center" :class="{'md:justify-end':hasContactInfo}">
260
+ <a @click="fireAnalytics('twitter')" v-if="affiliate.twitter_url" :href="affiliate.twitter_url" target="_blank" class="affiliate-twitter" :aria-label="affiliate.name + ` Twitter Page`">
261
+ <span class="presenter-icon"><CommonSvgIcon icon="twitter"></CommonSvgIcon></span>
262
+ </a>
263
+ <a @click="fireAnalytics('facebook')" v-if="affiliate.facebook_url" :href="affiliate.facebook_url" target="_blank" class="affiliate-facebook" :aria-label="affiliate.name + ` Facebook Page`">
264
+ <span class="presenter-icon "><CommonSvgIcon icon="facebook"></CommonSvgIcon></span>
265
+ </a>
266
+ <a @click="fireAnalytics('linked_in')" v-if="affiliate.linkedin_url" :href="affiliate.linkedin_url" target="_blank" class="affiliate-linkedin" :aria-label="affiliate.name + ` LinkedIn Page`">
267
+ <span class="presenter-icon"><CommonSvgIcon icon="linkedin"></CommonSvgIcon></span>
268
+ </a>
269
+ <a @click="fireAnalytics('youtube')" v-if="affiliate.youtube_url" :href="affiliate.youtube_url" target="_blank" class="affiliate-youtube" :aria-label="affiliate.name + ` YouTube Page`">
270
+ <span class="presenter-icon"><CommonSvgIcon icon="youtube"></CommonSvgIcon></span>
271
+ </a>
272
+ </span>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <CommonModal :visible="showVideoModal" modal-size="lg" @clicked="showVideoModal = false" class="video-dialog">
279
+ <template #modal-title>
280
+ <div class="p-1 pb-2">
281
+ {{ modalVideoTitle }}
282
+ </div>
283
+ </template>
284
+ <template #modal-body>
285
+ <div class="video-modal-body">
286
+ <iframe
287
+ class='video-frame'
288
+ :src="modalVideoUrl"
289
+ width="640"
290
+ height="360"
291
+ scrolling="no"
292
+ frameborder="0"
293
+ marginheight="0"
294
+ marginwidth="0"
295
+ allowfullscreen="">
296
+ </iframe>
297
+ </div>
298
+ </template>
299
+ </CommonModal>
300
+
301
+ </div>
302
+
303
+ </template>
304
+
305
+ <style scoped>
306
+ .grid-container-responsive {
307
+ display: grid;
308
+ grid-template-columns: 1fr;
309
+ grid-column-gap: 20px;
310
+ grid-row-gap: 20px;
311
+ }
312
+ @media (min-width: 768px) {
313
+ .grid-container-responsive {
314
+ grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
315
+ }
316
+ }
317
+ .video-dialog >>> .modal-box {
318
+ width: 704px;
319
+ }
320
+ .video-frame {
321
+ display: block;
322
+ width: 640px;
323
+ margin-left: auto;
324
+ margin-right: auto;
325
+ padding-left: auto;
326
+ padding-right: auto;
327
+ }
328
+ </style>
329
+