com.woltlab.wcf/templates/paidSubscriptionList.tpl

   1 {include file='documentHeader'}
   2
   3 <head>
   4         <title>{lang}wcf.user.menu.settings.paidSubscription{/lang} - {lang}wcf.user.menu.settings{/lang} - {PAGE_TITLE|language}</title>
   5
   6         {include file='headInclude'}
   7
   8         {if PAID_SUBSCRIPTION_ENABLE_TOS_CONFIRMATION}
   9                 <script data-relocate="true">
  10                         $(function() {
  11                                 $('#tosConfirmed').change(function () {
  12                                         if ($('#tosConfirmed').is(':checked')) {
  13                                                 $('.paidSubscriptionList button').enable();
  14                                         }
  15                                         else {
  16                                                 $('.paidSubscriptionList button').disable();
  17                                         }
  18                                 });
  19                                 $('#tosConfirmed').change();
  20                         });
  21                 </script>
  22
  23                 <noscript>
  24                         <style type="text/css">
  25                                 .paidSubscriptionList button {
  26                                         display: none;
  27                                 }
  28                         </style>
  29                 </noscript>
  30         {/if}
  31 </head>
  32
  33 <body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
  34
  35 {include file='userMenuSidebar'}
  36
  37 {include file='header'}
  38
  39 <header class="contentHeader">
  40         <div class="contentHeaderTitle">
  41                 <h1 class="contentTitle">{lang}wcf.user.menu.settings.paidSubscription{/lang}</h1>
  42         </div>
  43
  44         {hascontent}
  45                 <nav class="contentHeaderNavigation">
  46                         <ul>
  47                                 {content}{event name='contentHeaderNavigation'}{/content}
  48                         </ul>
  49                 </nav>
  50         {/hascontent}
  51 </header>
  52
  53 {include file='userNotice'}
  54
  55 {if $subscriptions|count}
  56         <section class="section sectionContainerList paidSubscriptionList">
  57                 <header class="sectionHeader">
  58                         <h2 class="sectionTitle">{lang}wcf.paidSubscription.availableSubscriptions{/lang}</h2>
  59                         {if PAID_SUBSCRIPTION_ENABLE_TOS_CONFIRMATION}
  60                                 <div class="sectionDescription"><label><input type="checkbox" id="tosConfirmed" name="tosConfirmed" value="1" /> {lang}wcf.paidSubscription.confirmTOS{/lang}</label></div>
  61                         {/if}
  62                 </header>
  63
  64                 <ul class="containerList">
  65                         {foreach from=$subscriptions item=subscription}
  66                                 <li>
  67                                         <div class="containerHeadline">
  68                                                 <h3>{$subscription->title|language} <span class="badge label">{lang}wcf.paidSubscription.formattedCost{/lang}</span></h3>
  69                                                 <p>{@$subscription->description|language|newlineToBreak}</p>
  70                                         </div>
  71
  72                                         <div class="containerContent">
  73                                                 <ul class="buttonList">
  74                                                         {foreach from=$subscription->getPurchaseButtons() item=button}
  75                                                                 <li>{@$button}</li>
  76                                                         {/foreach}
  77                                                 </ul>
  78                                         </div>
  79                                 </li>
  80                         {/foreach}
  81                 </ul>
  82         </section>
  83 {/if}
  84
  85 {if $userSubscriptions|count}
  86         <section class="section sectionContainerList">
  87                 <h2 class="sectionTitle">{lang}wcf.paidSubscription.purchasedSubscriptions{/lang}</h2>
  88
  89                 <ul class="containerList">
  90                         {foreach from=$userSubscriptions item=userSubscription}
  91                                 <li>
  92                                         <div class="containerHeadline">
  93                                                 <h3>{$userSubscription->getSubscription()->title|language}</h3>
  94                                                 <p>{@$userSubscription->getSubscription()->description|language|newlineToBreak}</p>
  95                                         </div>
  96
  97                                         {if $userSubscription->endDate}
  98                                                 <div class="containerContent">
  99                                                         <dl class="plain inlineDataList">
 100                                                                 <dt>{lang}wcf.paidSubscription.expires{/lang}</dt>
 101                                                                 <dd>{@$userSubscription->endDate|time}</dd>
 102                                                         </dl>
 103                                                 </div>
 104                                         {/if}
 105                                 </li>
 106                         {/foreach}
 107                 </ul>
 108         </section>
 109 {/if}
 110
 111 {if !$subscriptions|count && !$userSubscriptions|count}
 112         <p class="info">{lang}wcf.global.noItems{/lang}</p>
 113 {/if}
 114
 115 <footer class="contentFooter">
 116         {hascontent}
 117                 <nav class="contentFooterNavigation">
 118                         <ul>
 119                                 {content}{event name='contentFooterNavigation'}{/content}
 120                         </ul>
 121                 </nav>
 122         {/hascontent}
 123 </footer>
 124
 125 {include file='footer'}
 126
 127 </body>
 128 </html>