Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / paidSubscriptionList.tpl
1 {capture assign='headContent'}
2 {if PAID_SUBSCRIPTION_ENABLE_TOS_CONFIRMATION}
3 <script data-relocate="true">
4 $(function() {
5 $('#tosConfirmed').change(function () {
6 if ($('#tosConfirmed').is(':checked')) {
7 $('.paidSubscriptionList button').enable();
8 }
9 else {
10 $('.paidSubscriptionList button').disable();
11 }
12 });
13 $('#tosConfirmed').change();
14 });
15 </script>
16
17 <noscript>
18 <style type="text/css">
19 .paidSubscriptionList button {
20 display: none;
21 }
22 </style>
23 </noscript>
24 {/if}
25 {/capture}
26
27 {include file='userMenuSidebar'}
28
29 {include file='header'}
30
31 {if $subscriptions|count}
32 <section class="section sectionContainerList paidSubscriptionList">
33 <header class="sectionHeader">
34 <h2 class="sectionTitle">{lang}wcf.paidSubscription.availableSubscriptions{/lang}</h2>
35 {if PAID_SUBSCRIPTION_ENABLE_TOS_CONFIRMATION}
36 <div class="sectionDescription"><label><input type="checkbox" id="tosConfirmed" name="tosConfirmed" value="1" /> {lang}wcf.paidSubscription.confirmTOS{/lang}</label></div>
37 {/if}
38 </header>
39
40 <ul class="containerList">
41 {foreach from=$subscriptions item=subscription}
42 <li>
43 <div class="containerHeadline">
44 <h3>{$subscription->title|language} <span class="badge label">{lang}wcf.paidSubscription.formattedCost{/lang}</span></h3>
45 <p>{@$subscription->description|language|newlineToBreak}</p>
46 </div>
47
48 <div class="containerContent">
49 <ul class="buttonList">
50 {foreach from=$subscription->getPurchaseButtons() item=button}
51 <li>{@$button}</li>
52 {/foreach}
53 </ul>
54 </div>
55 </li>
56 {/foreach}
57 </ul>
58 </section>
59 {/if}
60
61 {if $userSubscriptions|count}
62 <section class="section sectionContainerList">
63 <h2 class="sectionTitle">{lang}wcf.paidSubscription.purchasedSubscriptions{/lang}</h2>
64
65 <ul class="containerList">
66 {foreach from=$userSubscriptions item=userSubscription}
67 <li>
68 <div class="containerHeadline">
69 <h3>{$userSubscription->getSubscription()->title|language}</h3>
70 <p>{@$userSubscription->getSubscription()->description|language|newlineToBreak}</p>
71 </div>
72
73 {if $userSubscription->endDate}
74 <div class="containerContent">
75 <dl class="plain inlineDataList">
76 <dt>{lang}wcf.paidSubscription.expires{/lang}</dt>
77 <dd>{@$userSubscription->endDate|time}</dd>
78 </dl>
79 </div>
80 {/if}
81 </li>
82 {/foreach}
83 </ul>
84 </section>
85 {/if}
86
87 {if !$subscriptions|count && !$userSubscriptions|count}
88 <p class="info">{lang}wcf.global.noItems{/lang}</p>
89 {/if}
90
91 <footer class="contentFooter">
92 {hascontent}
93 <nav class="contentFooterNavigation">
94 <ul>
95 {content}{event name='contentFooterNavigation'}{/content}
96 </ul>
97 </nav>
98 {/hascontent}
99 </footer>
100
101 {include file='footer'}