PluginProbe
Tagembed: Social Media Feeds and Customer Reviews Widget / 5.5
Tagembed: Social Media Feeds and Customer Reviews Widget v5.5
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 5.7 All 42 releases
tagembed-widget / assets / js / customize / tagembed.customize.script.js

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

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