PluginProbe
Tagembed: Social Media Feeds and Customer Reviews Widget / 8.0
Tagembed: Social Media Feeds and Customer Reviews Widget v8.0
7.9 8.0 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 All 45 releases
← All changes | views/upgrade/upgradeView.php +500 -25 5.1 → 8.0 View file →
@@ -1,25 +1,500 @@
1 -<?php
2 -include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/headView.php";
3 -include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/headerView.php";
4 -wp_enqueue_script('__script-upgrade-js', TAGEMBED_PLUGIN_URL . '/assets/js/upgrade/tagembed.upgrade.script.js', ['jquery'], TAGEMBED_PLUGIN_VERSION, true);
5 -?>
6 -<div class="__tagembed__sourcerow __tagembed__pricesection">
7 - <div class="__tagembed__tabheading">
8 - <h3>Plan Subscriptions</h3>
9 - </div>
10 - <div class="__tagembed__priceswitcher">
11 - <a href="javascript:void(0);" id="__tagembbed__monthely_price_button" onclick="__tagembed__manageSelectPlanPrice('monthely');">Monthly</a>
12 - <a href="javascript:void(0);" id="__tagembbed__yearly_price_button" onclick="__tagembed__manageSelectPlanPrice('yearly');" class="__tagembed__active">Yearly (Save 20%)</a>
13 - </div>
14 - <div class="__tagembed__fourplan" id="__tagembed__plan"></div>
15 - <!--Start--All Feature Section -->
16 - <div id="__tagembed__all_feacture_section" class="__tagembed__planfeatures" style="display:none;"></div>
17 - <div class="__tagembed__showallfeatures">
18 - <button id="__tagembed__all_feacture_button" onclick="__tagembed__manageAllFeactureHideShow();" class="__tagembed__btn">Show All Features</button>
19 - </div>
20 - <!--End--All Feature Section -->
21 -</div>
22 -<!--Start--Account Upgrade Popup-->
23 -<div id="__tagembed__upgrade_account_popup" class="__tagembed__overlay" style="display:none;"></div>
24 -<!--End--Account Upgrade Popup-->
25 -<?php include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/footerView.php"; ?>
1 +<?php
2 +if (!defined('ABSPATH')) :
3 + exit;
4 +endif;
5 +include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/headView.php';
6 +include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/headerView.php';
7 +wp_enqueue_script('__tagembed__script-upgrade-js', TAGEMBED_PLUGIN_URL . '/assets/js/upgrade/tagembed.upgrade.script.js', ['jquery'], TAGEMBED_PLUGIN_VERSION, true);
8 +?>
9 +
10 +<div class="__tagembed__support" id="__tagembed__support_section" style="display: none;">
11 + <h3><span style="font-size: 12px;">🔗</span> <a href="https://tagembed.com/support/" target="_blank">We’re Here to Help You Succeed -</a></h3>
12 + <p>You've signed up with Tagembed, and your upgrade will be managed from your Tagembed account.
13 + To upgrade your plan, manage your subscription, or view billing details, please visit the Tagembed app.</p>
14 + </br>
15 + <a class="__tagembed__btn" href="https://app.tagembed.com/price" target="_blank" id="__tagembed__book_demo_free_btn"> Upgrade Now</a>
16 + <a class="__tagembed__btn __tagembed__intercom_chat_btn" href="javascript:void(0);"> Chat with Us</a>
17 +</div>
18 +
19 +<div id="__tagembed__upgrade_plan_section" style="display: none;">
20 + <div class="__tagembed__billing_head">
21 + <h2 class="__tagembed__billing_title">Billing &amp; Plans</h2>
22 + <div class="__tagembed__billing_stats" id="__tagembed__billing_stats" style="display: none;">
23 + <div class="__tagembed__billing_stat">
24 + <span>Current Plan</span>
25 + <strong id="__tagembed__billing_stat_plan">&ndash;</strong>
26 + </div>
27 + <div class="__tagembed__billing_stat">
28 + <span>Renews</span>
29 + <strong id="__tagembed__billing_stat_renews">&ndash;</strong>
30 + </div>
31 + <div class="__tagembed__billing_stat">
32 + <span>Views Used</span>
33 + <strong id="__tagembed__billing_stat_views">&ndash;</strong>
34 + </div>
35 + </div>
36 + </div>
37 + <div class="__tagembed__plan_notice" id="__tagembed__plan_notice" style="display: none;">
38 + <strong id="__tagembed__plan_notice_title"></strong>
39 + <span id="__tagembed__plan_notice_message"></span>
40 + </div>
41 + <div class="__tagembed__upgrade_tabarea" id="__tagembed__upgrade_tabarea">
42 + <ul>
43 + <li><a href="javascript:void(0);" id="__tagembed__upgrade_tab_plan" class="__tagembed__active" onclick="__tagembed__manageUpgradeTab('plan');">Plan Subscriptions</a></li>
44 + <li id="__tagembed__upgrade_tab_invoice_item"><a href="javascript:void(0);" id="__tagembed__upgrade_tab_invoice" onclick="__tagembed__manageUpgradeTab('invoice');">Billing History<span class="__tagembed__tab_count" id="__tagembed__upgrade_tab_count" style="display: none;"></span></a></li>
45 + </ul>
46 + </div>
47 + <div class="__tagembed__sourcerow __tagembed__pricesection" id="__tagembed__upgrade_plan_panel">
48 + <div class="__tagembed__priceswitcher">
49 + <a href="javascript:void(0);" id="__tagembbed__monthely_price_button" onclick="__tagembed__manageSelectPlanPrice('monthely');">Monthly</a>
50 + <a href="javascript:void(0);" id="__tagembbed__yearly_price_button" onclick="__tagembed__manageSelectPlanPrice('yearly');" class="__tagembed__active">Yearly (Save 20%)</a>
51 + </div>
52 + <div class="__tagembed__fourplan" id="__tagembed__plan"></div>
53 + <!--Start--All Feature Section -->
54 + <div id="__tagembed__all_feacture_section" class="__tagembed__planfeatures" style="display:none;"></div>
55 + <div class="__tagembed__showallfeatures">
56 + <button id="__tagembed__all_feacture_button" onclick="__tagembed__manageAllFeactureHideShow();" class="__tagembed__btn">Compare All Plans</button>
57 + </div>
58 + <!--End--All Feature Section -->
59 + </div>
60 + <div class="__tagembed__sourcerow __tagembed__pricesection __tagembed__invoicesection" id="__tagembed__invoice_section" style="display: none;">
61 + <div class="__tagembed__card_wrap" id="__tagembed__card_wrap" style="display: none;"></div>
62 + <div class="__tagembed__invoice_wrap" id="__tagembed__invoice_wrap"></div>
63 + <p class="__tagembed__invoice_note" id="__tagembed__invoice_note" style="display: none;"></p>
64 + </div>
65 + <!--Start--Account Upgrade Popup-->
66 + <div id="__tagembed__upgrade_account_popup" class="__tagembed__overlay" style="display:none;"></div>
67 + <!--End--Account Upgrade Popup-->
68 +</div>
69 +
70 +<style>
71 + #__tagembed__upgrade_plan_section {
72 + float: left;
73 + clear: both;
74 + width: 100%;
75 + padding: 0 15px 6px;
76 + box-sizing: border-box;
77 + height: 100%;
78 + overflow-y: auto;
79 + max-height: calc(100% - 80px);
80 + }
81 +
82 + #__tagembed__upgrade_plan_section::-webkit-scrollbar {
83 + background-color: #f5f5f5;
84 + width: 6px;
85 + }
86 +
87 + #__tagembed__upgrade_plan_section::-webkit-scrollbar-thumb {
88 + background-color: #4179ff;
89 + border-radius: 0;
90 + -moz-border-radius: 0;
91 + -webkit-border-radius: 0;
92 + }
93 +
94 + .notice~.__tagembed__container #__tagembed__upgrade_plan_section {
95 + max-height: calc(100% - 50px);
96 + }
97 +
98 + .notice+.notice~.__tagembed__container #__tagembed__upgrade_plan_section {
99 + max-height: calc(100% - 90px);
100 + }
101 +
102 + #__tagembed__upgrade_plan_section .__tagembed__pricesection {
103 + height: auto;
104 + max-height: none;
105 + overflow-y: visible;
106 + }
107 +
108 + .__tagembed__billing_head {
109 + display: -webkit-box;
110 + display: -ms-flexbox;
111 + display: flex;
112 + -webkit-box-align: start;
113 + -ms-flex-align: start;
114 + align-items: flex-start;
115 + -webkit-box-pack: justify;
116 + -ms-flex-pack: justify;
117 + justify-content: space-between;
118 + -ms-flex-wrap: wrap;
119 + flex-wrap: wrap;
120 + gap: 12px;
121 + margin: 14px 0 0;
122 + }
123 +
124 + .__tagembed__billing_title {
125 + margin: 0;
126 + padding: 4px 0 0;
127 + font-size: 20px;
128 + font-weight: 700;
129 + line-height: 1.2;
130 + color: #1d2327;
131 + }
132 +
133 + .__tagembed__plan_notice {
134 + margin: 14px 0 0;
135 + padding: 11px 16px;
136 + background: #fff;
137 + border: 1px solid #e5e5e5;
138 + border-left: 4px solid #dba617;
139 + border-radius: 0;
140 + }
141 +
142 + .__tagembed__plan_notice > strong {
143 + display: block;
144 + font-size: 13px;
145 + font-weight: 600;
146 + line-height: 1.4;
147 + color: #1d2327;
148 + margin: 0 0 2px;
149 + }
150 +
151 + .__tagembed__plan_notice span strong {
152 + display: inline;
153 + font-weight: 600;
154 + color: #1d2327;
155 + }
156 +
157 + .__tagembed__plan_notice span {
158 + display: block;
159 + font-size: 13px;
160 + font-weight: 400;
161 + line-height: 1.5;
162 + color: #50575e;
163 + }
164 +
165 +
166 + .__tagembed__billing_stats {
167 + display: -webkit-box;
168 + display: -ms-flexbox;
169 + display: flex;
170 + background: #fff;
171 + border: 1px solid #e5e5e5;
172 + }
173 +
174 + .__tagembed__billing_stat {
175 + padding: 6px 14px;
176 + border-right: 1px solid #e5e5e5;
177 + min-width: 104px;
178 + }
179 +
180 + .__tagembed__billing_stat:last-child {
181 + border-right: 0;
182 + }
183 +
184 + .__tagembed__billing_stat span {
185 + display: block;
186 + font-size: 10px;
187 + font-weight: 500;
188 + letter-spacing: .6px;
189 + text-transform: uppercase;
190 + line-height: 1.4;
191 + color: #8c8f94;
192 + margin-bottom: 1px;
193 + }
194 +
195 + .__tagembed__billing_stat strong {
196 + display: block;
197 + font-size: 14px;
198 + font-weight: 600;
199 + line-height: 1.25;
200 + color: #1d2327;
201 + }
202 +
203 + .__tagembed__upgrade_tabarea {
204 + border-bottom: 1px solid #c3c4c7;
205 + margin: 12px 0 0;
206 + }
207 +
208 + .__tagembed__upgrade_tabarea ul {
209 + display: -webkit-box;
210 + display: -ms-flexbox;
211 + display: flex;
212 + margin: 0;
213 + padding: 0;
214 + list-style: none;
215 + }
216 +
217 + .__tagembed__upgrade_tabarea ul li {
218 + margin: 0 28px 0 0;
219 + }
220 +
221 + .__tagembed__upgrade_tabarea ul li a {
222 + display: block;
223 + padding: 0 0 9px;
224 + font-size: 14px;
225 + font-weight: 600;
226 + line-height: 20px;
227 + color: #8c8f94;
228 + text-decoration: none;
229 + border-bottom: 3px solid transparent;
230 + margin-bottom: -1px;
231 + -webkit-transition: 0.3s ease-in-out;
232 + -o-transition: 0.3s ease-in-out;
233 + transition: 0.3s ease-in-out;
234 + }
235 +
236 + .__tagembed__upgrade_tabarea ul li a:hover {
237 + color: #2271b1;
238 + }
239 +
240 + .__tagembed__upgrade_tabarea ul li a:focus {
241 + outline: 0;
242 + -webkit-box-shadow: none;
243 + box-shadow: none;
244 + }
245 +
246 + .__tagembed__upgrade_tabarea ul li a.__tagembed__active {
247 + color: #1d2327;
248 + border-bottom-color: #2271b1;
249 + }
250 +
251 + .__tagembed__tab_count {
252 + display: inline-block;
253 + margin-left: 7px;
254 + padding: 1px 7px;
255 + font-size: 11px;
256 + font-weight: 600;
257 + line-height: 17px;
258 + color: #2271b1;
259 + background: #eaf2f9;
260 + vertical-align: middle;
261 + }
262 +
263 + #__tagembed__upgrade_plan_panel,
264 + .__tagembed__invoicesection {
265 + margin-top: 18px;
266 + }
267 +
268 + .__tagembed__invoicesection {
269 + margin-bottom: 10px;
270 + }
271 +
272 + .__tagembed__card_wrap {
273 + margin-bottom: 14px;
274 + background: #fff;
275 + border: 1px solid #e5e5e5;
276 + padding: 16px 18px;
277 + }
278 +
279 + .__tagembed__card_head {
280 + font-size: 11px;
281 + font-weight: 600;
282 + letter-spacing: .5px;
283 + text-transform: uppercase;
284 + color: #646970;
285 + margin: 0 0 10px;
286 + }
287 +
288 + .__tagembed__card_row {
289 + display: flex;
290 + align-items: center;
291 + justify-content: space-between;
292 + gap: 14px;
293 + flex-wrap: wrap;
294 + }
295 +
296 + .__tagembed__card_detail {
297 + font-size: 13px;
298 + color: #1d2327;
299 + line-height: 1.6;
300 + }
301 +
302 + .__tagembed__card_detail strong {
303 + font-weight: 600;
304 + }
305 +
306 + .__tagembed__card_expiry {
307 + color: #646970;
308 + }
309 +
310 + .__tagembed__card_expired {
311 + color: #d63638;
312 + font-weight: 600;
313 + }
314 +
315 + a.__tagembed__card_action {
316 + cursor : pointer;
317 + display : inline-block;
318 + background : #2271b1;
319 + color : #fff;
320 + border : 0;
321 + border-radius : 0;
322 + padding : 0 14px;
323 + min-height : 32px;
324 + min-width : 62px;
325 + line-height : 2.15;
326 + font-size : 13px;
327 + font-weight : 600;
328 + text-align : center;
329 + text-decoration: none;
330 + text-shadow : none;
331 + box-shadow : none;
332 + }
333 +
334 + a.__tagembed__card_action:hover,
335 + a.__tagembed__card_action:focus,
336 + a.__tagembed__card_action:active {
337 + background : #3a8dcc;
338 + color : #fff;
339 + text-decoration: none;
340 + }
341 +
342 + .__tagembed__card_empty {
343 + font-size: 13px;
344 + color: #646970;
345 + }
346 +
347 + .__tagembed__invoice_wrap {
348 + background: #fff;
349 + border: 1px solid #e5e5e5;
350 + border-radius: 0;
351 + overflow-x: auto;
352 + }
353 +
354 + .__tagembed__invoice_table {
355 + width: 100%;
356 + max-width: 100%;
357 + border-collapse: separate;
358 + border-spacing: 0;
359 + margin-bottom: 0;
360 + }
361 +
362 + .__tagembed__invoice_table th {
363 + background-color: #f6f7f7;
364 + color: #646970;
365 + font-size: 11px;
366 + font-weight: 600;
367 + letter-spacing: .6px;
368 + text-transform: uppercase;
369 + text-align: left;
370 + white-space: nowrap;
371 + vertical-align: middle;
372 + padding: 11px 15px;
373 + border-bottom: 1px solid #e5e5e5;
374 + }
375 +
376 + .__tagembed__invoice_table td {
377 + background-color: #fff;
378 + color: #3f4254;
379 + font-size: 13px;
380 + font-weight: 400;
381 + vertical-align: middle;
382 + white-space: nowrap;
383 + padding: 13px 15px;
384 + border-bottom: 1px solid #f0f0f1;
385 + }
386 +
387 + .__tagembed__invoice_table tbody tr:last-child td {
388 + border-bottom: 0;
389 + }
390 +
391 + .__tagembed__invoice_table tbody tr:hover td {
392 + background-color: #fafafa;
393 + }
394 +
395 + .__tagembed__invoice_table .__tagembed__invoice_col_amount,
396 + .__tagembed__invoice_table .__tagembed__invoice_amount {
397 + text-align: left;
398 + }
399 +
400 + .__tagembed__invoice_table .__tagembed__invoice_col_action,
401 + .__tagembed__invoice_table .__tagembed__invoice_action {
402 + text-align: right;
403 + }
404 +
405 + .__tagembed__invoice_table .__tagembed__invoice_number {
406 + font-weight: 600;
407 + color: #1d2327;
408 + }
409 +
410 + .__tagembed__invoice_table .__tagembed__invoice_plan {
411 + white-space: normal;
412 + }
413 +
414 + .__tagembed__invoice_table .__tagembed__invoice_muted {
415 + color: #a1a5b7;
416 + }
417 +
418 + .__tagembed__invoice_table .__tagembed__invoice_coupon {
419 + display: block;
420 + margin-top: 3px;
421 + font-size: 11px;
422 + font-weight: 400;
423 + color: #4fa746;
424 + }
425 +
426 + .__tagembed__invoice_table .__tagembed__invoice_was {
427 + display: inline-block;
428 + margin-right: 6px;
429 + font-size: 12px;
430 + font-weight: 400;
431 + color: #a1a5b7;
432 + text-decoration: line-through;
433 + }
434 +
435 + .__tagembed__invoice_state {
436 + font-size: 13px;
437 + font-weight: 400;
438 + color: #3f4254;
439 + }
440 +
441 + .__tagembed__invoice_state.__tagembed__invoice_state_refunded {
442 + color: #b32d2e;
443 + }
444 +
445 + a.__tagembed__invoice_action_link {
446 + cursor : pointer;
447 + display : inline-block;
448 + background : #2271b1;
449 + color : #fff;
450 + border : 0;
451 + border-radius : 0;
452 + padding : 0 14px;
453 + min-height : 32px;
454 + min-width : 62px;
455 + line-height : 2.15;
456 + font-size : 13px;
457 + font-weight : 600;
458 + text-align : center;
459 + text-decoration: none;
460 + text-shadow : none;
461 + box-shadow : none;
462 + }
463 +
464 + a.__tagembed__invoice_action_link:hover,
465 + a.__tagembed__invoice_action_link:focus,
466 + a.__tagembed__invoice_action_link:active {
467 + background : #3a8dcc;
468 + color : #fff;
469 + text-decoration: none;
470 + }
471 +
472 + .__tagembed__invoice_empty {
473 + text-align: center;
474 + color: #646970;
475 + padding: 30px 15px;
476 + font-size: 13px;
477 + }
478 +
479 + .__tagembed__invoice_note {
480 + margin: 12px 2px 0;
481 + font-size: 12px;
482 + color: #a1a5b7;
483 + }
484 + .__tagembed__container .__tagembed__row .__tagembed__pricesection .__tagembed__fourplan .__tagembed__planbox span.__tagembed__selectbtn_cancelled {
485 + background: #f6f7f7;
486 + color: #8c8f94;
487 + border: 1px solid #dcdcde;
488 + cursor: default;
489 + pointer-events: none;
490 + user-select: none;
491 + border-radius: 0;
492 + }
493 +
494 + .__tagembed__container .__tagembed__row .__tagembed__pricesection .__tagembed__fourplan .__tagembed__planbox span.__tagembed__selectbtn_cancelled:hover {
495 + background: #f6f7f7;
496 + color: #8c8f94;
497 + }
498 +</style>
499 +
500 +<?php include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/footerView.php'; ?>