PluginProbe
Tagembed: Social Media Feeds and Customer Reviews Widget / 4.3
Tagembed: Social Media Feeds and Customer Reviews Widget v4.3
7.8 7.5 7.6 7.7 7.4 trunk 3.10 3.9 4.0 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 5.0 5.1 5.2 5.3 5.4 5.5 5.6 All 43 releases
tagembed-widget / assets / js / customize / tagembed.customize.script.js

tagembed.customize.script.js in Tagembed: Social Media Feeds and Customer Reviews Widget 4.3, at assets/js/customize/tagembed.customize.script.js

433 lines 26.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*--Start-- Manage Custom Font Family Dropdown*/
2 const mainEl = document.querySelector('.__tagembed__ff_dropdwon .__tagembed__dd_first');
3 const liEls = document.querySelectorAll('.__tagembed__ff_dropdwon > ul > li.__tagembed__dd_inputoption');
4 mainEl.addEventListener("click", () => {
5 for (let liEl of liEls)
6 liEl.style.display = 'list-item';
7 });
8 for (let liEl of liEls) {
9 liEl.addEventListener("click", () => {
10 mainEl.innerHTML = liEl.innerHTML;
11 document.getElementById('__tagembed__font_family').value = liEl.getAttribute('data-value');
12 for (let liEle of liEls)
13 liEle.style.display = 'none';
14 });
15 }
16 /*--End-- Manage Custom Font Family Dropdown*/
17 /*--Start--Get Customization Option*/
18 window.addEventListener ? window.addEventListener("load", __tagembed__getCustomizationOption, false) : window.attachEvent && window.attachEvent("onload", __tagembed__getCustomizationOption);
19 function __tagembed__getCustomizationOption() {
20 /*Manage Customizaton Section Hide Show*/
21 document.querySelector("#__tagembed__customization_section").style.display = "none";
22 let widgetId = document.querySelector("#__tagembed__widgets").selectedOptions[0];
23 widgetId = widgetId.value.split('#')[0];
24 let __tagembed__toast = new TagembedToast;
25 let formData = new FormData();
26 formData.append('action', 'data');
27 formData.append('widgetId', widgetId);
28 formData.append('__tagembed__ajax_action', '__tagembed__get_customization_option');
29 __tagembed__open_loader();
30 fetch(__tagembed__ajax_url, {
31 method: 'POST',
32 headers: {
33 'x-requested-with': 'XMLHttpRequest',
34 },
35 body: formData,
36 }).then(response => {
37 return response.json()
38 }).then(response => {
39 __tagembed__close_loader();
40 if (response.status == true) {
41 __tagembed__manageCustomizationOptions(response.data);
42 } else {
43 __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
44 }
45 }).catch((error) => {
46 console.log(error);
47 __tagembed__close_loader();
48 __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
49 });
50 }
51 /*--Start-- Manage Customization Options*/
52 function __tagembed__manageCustomizationOptions(__tagembed__customizationsOptions) {
53 document.querySelector("#__tagembed__personalization_id").value = __tagembed__customizationsOptions.Personalization.id;
54 document.querySelector("#__tagembed__themeRule_id").value = __tagembed__customizationsOptions.ThemeRule.id;
55
56 /*--Start-- Manage Layout Setting*/
57 document.querySelector("#__tagembed__featured_popup").checked = false;
58 document.querySelector("#__tagembed__direct_to_source").checked = false;
59 document.querySelector("#__tagembed__none").checked = false;
60 if (__tagembed__customizationsOptions.Personalization.postFeatured == 1)
61 document.querySelector("#__tagembed__featured_popup").checked = true;
62 if (__tagembed__customizationsOptions.Personalization.mobilePopup == 1)
63 document.querySelector("#__tagembed__direct_to_source").checked = true;
64 if (__tagembed__customizationsOptions.Personalization.postFeatured == 0 && __tagembed__customizationsOptions.Personalization.mobilePopup == 0)
65 document.querySelector("#__tagembed__none").checked = true;
66 document.querySelector("#__tagembed__total_noptd").value = __tagembed__customizationsOptions.ThemeRule.numberOfPosts;
67 document.querySelector("#__tagembed__hide_top_ck").checked = false;
68 if (__tagembed__customizationsOptions.Personalization.postText == 1)
69 document.querySelector("#__tagembed__hide_top_ck").checked = true;
70 document.querySelector("#__tagembed__ps").value = __tagembed__customizationsOptions.Personalization.padding;
71 document.querySelector("#__tagembed__post_spacing_range_value_section").innerHTML = __tagembed__customizationsOptions.Personalization.padding;
72 document.querySelector("#__tagembed__post_mw").value = __tagembed__customizationsOptions.Personalization.minimumPostWidth;
73 document.querySelector("#__tagembed__post_width_range_value_section").innerHTML = __tagembed__customizationsOptions.Personalization.minimumPostWidth;
74 document.querySelector("#__tagembed__columnCount").value = __tagembed__customizationsOptions.Personalization.columnCount;
75 document.querySelector("#__tagembed__columnCountMobile").value = __tagembed__customizationsOptions.Personalization.columnCountMobile;
76 /*--End-- Manage Layout Setting*/
77
78 /*--Start-- Manage Card Setting*/
79 document.querySelector("#__tagembed__fontColor").value = __tagembed__customizationsOptions.ThemeRule.fontColor;
80 document.querySelector("#__tagembed__post_font_color_value_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.fontColor;
81 document.querySelector("#__tagembed__authorFontColor").value = __tagembed__customizationsOptions.ThemeRule.authorColor;
82 document.querySelector("#__tagembed__author_font_color_value_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.authorColor;
83 document.querySelector("#__tagembed__cardColor").value = __tagembed__customizationsOptions.ThemeRule.cardColor;
84 document.querySelector("#__tagembed__card_color_value_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.cardColor;
85 document.querySelector("#__tagembed__post_font_size").innerHTML = __tagembed__customizationsOptions.ThemeRule.fontSize;
86 document.querySelector("#__tagembed__post_font_size_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.fontSize;
87 document.querySelector("#__tagembed__show_so_ck").checked = false;
88 if (__tagembed__customizationsOptions.ThemeRule.shareOption == 1)
89 document.querySelector("#__tagembed__show_so_ck").checked = true;
90 document.querySelector("#__tagembed__hide_c_ck").checked = false;
91 if (__tagembed__customizationsOptions.ThemeRule.hideContent == 1)
92 document.querySelector("#__tagembed__hide_c_ck").checked = true;
93 document.querySelector("#__tagembed__show_ad_ck").checked = false;
94 if (__tagembed__customizationsOptions.Personalization.postAuthor == 1)
95 document.querySelector("#__tagembed__show_ad_ck").checked = true;
96 document.querySelector("#__tagembed__show_date_ck").checked = false;
97 if (__tagembed__customizationsOptions.Personalization.postTime == 1)
98 document.querySelector("#__tagembed__show_date_ck").checked = true;
99 document.querySelector("#__tagembed__font_family").value = __tagembed__customizationsOptions.ThemeRule.font;
100 document.querySelector(".__tagembed__dd_first").innerHTML = `<img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/fonts/${__tagembed__customizationsOptions.ThemeRule.font}.png" alt="">`;
101 document.querySelector("#__tagembed__linetrim").value = (__tagembed__customizationsOptions.ThemeRule.lineTrim == null) ? 0 : __tagembed__customizationsOptions.ThemeRule.lineTrim
102 document.querySelector("#__tagembed__aspectimageratio").value = __tagembed__customizationsOptions.ThemeRule.aspectImageRatio;
103 document.querySelector("#__tagembed__left_alignment").checked = false;
104 document.querySelector("#__tagembed__center_alignment").checked = false;
105 document.querySelector("#__tagembed__right_alignment").checked = false;
106 if (__tagembed__customizationsOptions.ThemeRule.textAlignment == 'left')
107 document.querySelector("#__tagembed__left_alignment").checked = true;
108 if (__tagembed__customizationsOptions.ThemeRule.textAlignment == 'right')
109 document.querySelector("#__tagembed__right_alignment").checked = true;
110 if (__tagembed__customizationsOptions.ThemeRule.textAlignment == 'center' || __tagembed__customizationsOptions.ThemeRule.textAlignment == 'NULL')
111 document.querySelector("#__tagembed__center_alignment").checked = true;
112 document.querySelector("#__tagembed__square_curve").checked = false;
113 document.querySelector("#__tagembed__rounded_corner").checked = false;
114 document.querySelector("#__tagembed__circular_corner").checked = false;
115 if (__tagembed__customizationsOptions.ThemeRule.cardCurve == 0)
116 document.querySelector("#__tagembed__square_curve").checked = true;
117 if (__tagembed__customizationsOptions.ThemeRule.cardCurve == 8)
118 document.querySelector("#__tagembed__rounded_corner").checked = true;
119 if (__tagembed__customizationsOptions.ThemeRule.cardCurve == 24)
120 document.querySelector("#__tagembed__circular_corner").checked = true;
121 document.querySelector("#__tagembed__light_theme").checked = false;
122 document.querySelector("#__tagembed__dark_theme").checked = false;
123 if (__tagembed__customizationsOptions.ThemeRule.colorType == 0)
124 document.querySelector("#__tagembed__light_theme").checked = true;
125 if (__tagembed__customizationsOptions.ThemeRule.colorType == 1)
126 document.querySelector("#__tagembed__dark_theme").checked = true;
127 /*--End-- Manage Card Setting*/
128
129 /*--Start-- Manage Custom Css Setting*/
130 document.querySelector("#__tagembed__custom_css").value = __tagembed__customizationsOptions.Personalization.css;
131 /*--End-- Manage Custom Css Setting*/
132
133 /*--Start-- Manage Footer Setting*/
134 document.querySelector("#__tagembed__show_more").checked = false;
135 document.querySelector("#__tagembed__auto_load").checked = false;
136 document.querySelector("#__tagembed__showmore_autoload_none").checked = false;
137 document.querySelector("#__tagembed__show_more_txt").value = __tagembed__customizationsOptions.Personalization.custom_lan_data.showMore;
138 if (__tagembed__customizationsOptions.Personalization.loadMoreStatus == 1)
139 document.querySelector("#__tagembed__show_more").checked = true;
140 if (__tagembed__customizationsOptions.Personalization.autoScrollStatus == 1)
141 document.querySelector("#__tagembed__auto_load").checked = true;
142 if (__tagembed__customizationsOptions.Personalization.loadMoreStatus == 0 && __tagembed__customizationsOptions.Personalization.autoScrollStatus == 0)
143 document.querySelector("#__tagembed__showmore_autoload_none").checked = true;
144 if (__tagembed__customizationsOptions.Personalization.loadMoreStatus == 1) {
145 document.querySelector("#__tagembed__show_more_text_sectction").style.display = "block";
146 } else {
147 document.querySelector("#__tagembed__show_more_text_sectction").style.display = "none";
148 }
149 /*--End-- Manage Footer Setting*/
150
151 /*Manage Customizaton Section Hide Show*/
152 document.querySelector("#__tagembed__customization_section").style.display = "flex";
153 }
154 /*--End-- Manage Customization Options*/
155 /*--End--Get Customization Option*/
156
157 /*--Start--Update Customization Option*/
158 function __tagembed__updateCustomizationOption(__tagembed__optionType) {
159 let __tagembed__toast = new TagembedToast;
160 let formData = new FormData();
161 formData.append('personalizationId', document.querySelector("#__tagembed__personalization_id").value);
162 formData.append('themeRuleId', document.querySelector("#__tagembed__themeRule_id").value);
163 switch (__tagembed__optionType) {
164 case 'footer':
165 let __tagembed__show_more_txt = document.querySelector("#__tagembed__show_more_txt").value;
166 let __tagembed__autoScrollStatusValue = 0;
167 let __tagembed__showMoreValue = 0;
168 if (document.querySelector("#__tagembed__show_more").checked) {
169 __tagembed__showMoreValue = 1;
170 __tagembed__autoScrollStatusValue = 0;
171 }
172 if (document.querySelector("#__tagembed__auto_load").checked) {
173 __tagembed__showMoreValue = 0;
174 __tagembed__autoScrollStatusValue = 1;
175 }
176 if (document.querySelector("#__tagembed__showmore_autoload_none").checked) {
177 __tagembed__showMoreValue = 0;
178 __tagembed__autoScrollStatusValue = 0;
179 }
180 /*Manage Form Data*/
181 formData.append('loadMoreStatus', __tagembed__showMoreValue);
182 formData.append('autoScrollStatus', __tagembed__autoScrollStatusValue);
183 formData.append('showMoreTxt', __tagembed__show_more_txt);
184 break;
185 case 'layout':
186 let __tagembed__total_numberOFPostToDisplay = document.querySelector("#__tagembed__total_noptd").value;
187 let __tagembed__postSpacing = document.querySelector("#__tagembed__ps").value;
188 let __tagembed__maximumPostWidth = document.querySelector("#__tagembed__post_mw").value;
189 let __tagembed__columnCountDesktop = document.querySelector("#__tagembed__columnCount").value;
190 let __tagembed__columnCountMobile = document.querySelector("#__tagembed__columnCountMobile").value;
191 let __tagembed__hideTextOnlyPostCheckBoxValue = 0;
192 let __tagembed__hideTextOnlyPost = document.querySelector("#__tagembed__hide_top_ck");
193 if (__tagembed__hideTextOnlyPost.checked)
194 __tagembed__hideTextOnlyPostCheckBoxValue = 1;
195 let __tagembed__featurePopupCheckBoxValue = 0;
196 if (document.querySelector("#__tagembed__featured_popup").checked)
197 __tagembed__featurePopupCheckBoxValue = 1;
198 let __tagembed__directToSourceCheckBoxValue = 0;
199 if (document.querySelector("#__tagembed__direct_to_source").checked)
200 __tagembed__directToSourceCheckBoxValue = 1;
201 if (document.querySelector("#__tagembed__none").checked) {
202 __tagembed__directToSourceCheckBoxValue = 0;
203 __tagembed__featurePopupCheckBoxValue = 0;
204 }
205 /*Manage Form Data*/
206 formData.append('numberOfPosts', __tagembed__total_numberOFPostToDisplay);
207 formData.append('padding', __tagembed__postSpacing);
208 formData.append('minimumPostWidth', __tagembed__maximumPostWidth);
209 formData.append('columnCount', __tagembed__columnCountDesktop);
210 formData.append('columnCountMobile', __tagembed__columnCountMobile);
211 formData.append('postText', __tagembed__hideTextOnlyPostCheckBoxValue);
212 formData.append('mobilePopup', __tagembed__directToSourceCheckBoxValue);
213 formData.append('postFeatured', __tagembed__featurePopupCheckBoxValue);
214 break;
215 case 'card':
216 let __tagembed__fontColor = document.querySelector("#__tagembed__fontColor").value;
217 let __tagembed__authorFontColor = document.querySelector("#__tagembed__authorFontColor").value;
218 let __tagembed__cardColor = document.querySelector("#__tagembed__cardColor").value;
219 let __tagembed__fontSize = document.querySelector("#__tagembed__post_font_size").value;
220 let __tagembed__font_family = document.querySelector("#__tagembed__font_family").value;
221 let __tagembed__showShareOptionCheckBoxValue = 0;
222 let __tagembed__show_so_ck = document.querySelector("#__tagembed__show_so_ck");
223 if (__tagembed__show_so_ck.checked)
224 __tagembed__showShareOptionCheckBoxValue = 1;
225 let __tagembed__hideContentCheckBoxValue = 0;
226 let __tagembed__hide_c_ck = document.querySelector("#__tagembed__hide_c_ck");
227 if (__tagembed__hide_c_ck.checked)
228 __tagembed__hideContentCheckBoxValue = 1;
229 let __tagembed__showAuthorDetailsCheckBoxValue = 0;
230 let __tagembed__show_ad_ck = document.querySelector("#__tagembed__show_ad_ck");
231 if (__tagembed__show_ad_ck.checked)
232 __tagembed__showAuthorDetailsCheckBoxValue = 1;
233 let __tagembed__showDataCheckBoxValue = 0;
234 let __tagembed__show_date_ck = document.querySelector("#__tagembed__show_date_ck");
235 if (__tagembed__show_date_ck.checked)
236 __tagembed__showDataCheckBoxValue = 1;
237 /*New Card Style Data*/
238
239 let __tagembed__linetrim = document.querySelector("#__tagembed__linetrim").value;
240 let __tagembed__aspectImageRatio = document.querySelector("#__tagembed__aspectimageratio").value;
241 if (document.querySelector("#__tagembed__left_alignment").checked)
242 __tagembed__textAlignment = 'left';
243 if (document.querySelector("#__tagembed__center_alignment").checked)
244 __tagembed__textAlignment = 'center';
245 if (document.querySelector("#__tagembed__right_alignment").checked)
246 __tagembed__textAlignment = 'right';
247 if (document.querySelector("#__tagembed__square_curve").checked)
248 __tagembed__cardCurve = 0;
249 if (document.querySelector("#__tagembed__rounded_corner").checked)
250 __tagembed__cardCurve = 8;
251 if (document.querySelector("#__tagembed__circular_corner").checked)
252 __tagembed__cardCurve = 24;
253 if (document.querySelector("#__tagembed__light_theme").checked)
254 __tagembed__themeOption = 0;
255 if (document.querySelector("#__tagembed__dark_theme").checked)
256 __tagembed__themeOption = 1;
257 /*Manage Form Data*/
258 formData.append('fontColor', __tagembed__fontColor);
259 formData.append('authorColor', __tagembed__authorFontColor);
260 formData.append('cardColor', __tagembed__cardColor);
261 formData.append('fontSize', __tagembed__fontSize);
262 formData.append('font', __tagembed__font_family);
263 formData.append('shareOption', __tagembed__showShareOptionCheckBoxValue);
264 formData.append('hideContent', __tagembed__hideContentCheckBoxValue);
265 formData.append('postAuthor', __tagembed__showAuthorDetailsCheckBoxValue);
266 formData.append('postTime', __tagembed__showDataCheckBoxValue);
267 formData.append('lineTrim', __tagembed__linetrim);
268 formData.append('aspectImageRatio', __tagembed__aspectImageRatio);
269 formData.append('textAlignment', __tagembed__textAlignment);
270 formData.append('cardCurve', __tagembed__cardCurve);
271 formData.append('colorType', __tagembed__themeOption);
272 break;
273 case 'other':
274 let __tagembed__customCss = document.querySelector("#__tagembed__custom_css").value;
275 /*Manage Form Data*/
276 formData.append('css', __tagembed__customCss);
277 break;
278 default:
279 return __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
280 break;
281 }
282 /*Get And Manage Widget Id*/
283 let widgetId = document.querySelector("#__tagembed__widgets").selectedOptions[0];
284 widgetId = widgetId.value.split('#')[0];
285 formData.append('action', 'data');
286 formData.append('widgetId', widgetId);
287 formData.append('__tagembed__ajax_action', '__tagembed__update_' + __tagembed__optionType + '_customization_option');
288 __tagembed__open_loader();
289 fetch(__tagembed__ajax_url, {
290 method: 'POST',
291 headers: {
292 'x-requested-with': 'XMLHttpRequest',
293 },
294 body: formData,
295 }).then(response => {
296 return response.json()
297 }).then(response => {
298 __tagembed__close_loader();
299 if (response.status == true) {
300 if (response.data.hasOwnProperty("message"))
301 __tagembed__toast.success({message: response.data.message, position: '__tagembed__is-top-right'});
302 } else {
303 if (response.hasOwnProperty("message")) {
304 __tagembed__toast.danger({message: response.message, position: '__tagembed__is-top-right'});
305 } else {
306 __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
307 }
308 }
309 }).catch((error) => {
310 console.log(error);
311 __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
312 });
313 }
314 /*--End--Update Customization Option*/
315
316 /*--Start--Manage Customize Menue Hide Show*/
317 function __tagembed__manageCustomizeMenueHideShow(__tagembed__customize_menue) {
318 /*Section*/
319 let __tagembed__layoutSettings = document.querySelector("#__tagembed__layout_settings");
320 let __tagembed__cardSettings = document.querySelector("#__tagembed__card_settings");
321 let __tagembed__otherSettings = document.querySelector("#__tagembed__other_settings");
322 let __tagembed__footer_settings = document.querySelector("#__tagembed__footer_settings");
323 /*Menue*/
324 let __tagembed__layoutSettingsMenue = document.querySelector("#__tagembed__layout_settings_menue");
325 let __tagembed__cardSettingsMenue = document.querySelector("#__tagembed__card_settings_menue");
326 let __tagembed__otherSettingsMenue = document.querySelector("#__tagembed__other_settings_menue");
327 let __tagembed__footer_settings_menue = document.querySelector("#__tagembed__footer_settings_menue");
328 switch (__tagembed__customize_menue) {
329 case 'ls':
330 __tagembed__cardSettingsMenue.classList.remove("__tagembed__active");
331 __tagembed__cardSettings.style.display = "none";
332
333 __tagembed__otherSettingsMenue.classList.remove("__tagembed__active");
334 __tagembed__otherSettings.style.display = "none";
335
336 __tagembed__footer_settings_menue.classList.remove("__tagembed__active");
337 __tagembed__footer_settings.style.display = "none";
338
339 __tagembed__layoutSettingsMenue.classList.add("__tagembed__active");
340 __tagembed__layoutSettings.style.display = "block";
341 break;
342 case 'cs':
343 __tagembed__layoutSettingsMenue.classList.remove("__tagembed__active");
344 __tagembed__layoutSettings.style.display = "none";
345
346 __tagembed__otherSettingsMenue.classList.remove("__tagembed__active");
347 __tagembed__otherSettings.style.display = "none";
348
349 __tagembed__footer_settings_menue.classList.remove("__tagembed__active");
350 __tagembed__footer_settings.style.display = "none";
351
352 __tagembed__cardSettingsMenue.classList.add("__tagembed__active");
353 __tagembed__cardSettings.style.display = "block";
354 break;
355 case 'os':
356 __tagembed__layoutSettingsMenue.classList.remove("__tagembed__active");
357 __tagembed__layoutSettings.style.display = "none";
358
359 __tagembed__cardSettingsMenue.classList.remove("__tagembed__active");
360 __tagembed__cardSettings.style.display = "none";
361
362 __tagembed__footer_settings_menue.classList.remove("__tagembed__active");
363 __tagembed__footer_settings.style.display = "none";
364
365 __tagembed__otherSettingsMenue.classList.add("__tagembed__active");
366 __tagembed__otherSettings.style.display = "block";
367 break;
368 case 'fo':
369 __tagembed__layoutSettingsMenue.classList.remove("__tagembed__active");
370 __tagembed__layoutSettings.style.display = "none";
371
372 __tagembed__cardSettingsMenue.classList.remove("__tagembed__active");
373 __tagembed__cardSettings.style.display = "none";
374
375 __tagembed__otherSettingsMenue.classList.remove("__tagembed__active");
376 __tagembed__otherSettings.style.display = "none";
377
378 __tagembed__footer_settings_menue.classList.add("__tagembed__active");
379 __tagembed__footer_settings.style.display = "block";
380 break;
381 default:
382 let __tagembed__toast = new TagembedToast;
383 __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
384 break;
385 }
386 }
387 /*--End--Manage Customize Menue Hide Show*/
388 /*--Start-- Show Range Input Value*/
389 function __tagembed__showRangeInputValue(__tagembed__range_val, __tagembed__range_value_Show_section_id) {
390 let __tagembed__rangeValueShowSection = document.getElementById(__tagembed__range_value_Show_section_id);
391 if (__tagembed__rangeValueShowSection)
392 __tagembed__rangeValueShowSection.innerHTML = __tagembed__range_val;
393 }
394 /*--End-- Show Range Input Value*/
395 /*--Start-- Show Range Input Value*/
396 function __tagembed__showColorInputValue(__tagembed__color_val, __tagembed__color_value_Show_section_id) {
397 let __tagembed__colorValueShowSection = document.getElementById(__tagembed__color_value_Show_section_id);
398 if (__tagembed__colorValueShowSection)
399 __tagembed__colorValueShowSection.innerHTML = __tagembed__color_val;
400 }
401 /*--End-- Show Range Input Value*/
402 /*--Start-- Show Theme Type*/
403 let __tagembed__light_theme_option = document.querySelector("#__tagembed__light_theme");
404 if (__tagembed__light_theme_option) {
405 __tagembed__light_theme_option.addEventListener('click', function (event) {
406 let cardColor = document.getElementById("__tagembed__cardColor").value = '#fafafa';
407 __tagembed__showColorInputValue(cardColor, '__tagembed__card_color_value_section');
408 let fontColor = document.getElementById("__tagembed__fontColor").value = '#000000';
409 __tagembed__showColorInputValue(fontColor, '__tagembed__post_font_color_value_section');
410 let authorColor = document.getElementById("__tagembed__authorFontColor").value = '#000000';
411 __tagembed__showColorInputValue(authorColor, '__tagembed__author_font_color_value_section');
412 });
413 }
414 let __tagembed__dark_theme_option = document.querySelector("#__tagembed__dark_theme");
415 if (__tagembed__dark_theme_option) {
416 __tagembed__dark_theme_option.addEventListener('click', function (event) {
417 let cardColor = document.getElementById("__tagembed__cardColor").value = '#000000';
418 __tagembed__showColorInputValue('#000000', '__tagembed__card_color_value_section');
419 let fontColor = document.getElementById("__tagembed__fontColor").value = '#fafafa';
420 __tagembed__showColorInputValue(fontColor, '__tagembed__post_font_color_value_section');
421 let authorColor = document.getElementById("__tagembed__authorFontColor").value = '#fafafa';
422 __tagembed__showColorInputValue(authorColor, '__tagembed__author_font_color_value_section');
423 });
424 }
425 /*--End-- Show Theme Type*/
426
427 /*--Start-- Mange Show More Text Section Hide Show*/
428 function __tagembed__manageShowMoreTextSectionHideShow(status) {
429 document.querySelector("#__tagembed__show_more_text_sectction").style.display = "none";
430 if (status == "show")
431 document.querySelector("#__tagembed__show_more_text_sectction").style.display = "block";
432 }
433 /*--End-- Mange Show More Text Section Hide Show*/