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         <h1 class="contentTitle">{lang}wcf.user.menu.settings.paidSubscription{/lang}</h1>
  41 </header>
  42
  43 {include file='userNotice'}
  44
  45 <div class="contentNavigation">
  46         {hascontent}
  47                 <nav>
  48                         <ul>
  49                                 {content}
  50                                         {event name='contentNavigationButtonsTop'}
  51                                 {/content}
  52                         </ul>
  53                 </nav>
  54         {/hascontent}
  55 </div>
  56
  57 {if $subscriptions|count}
  58         <section class="section sectionContainerList paidSubscriptionList">
  59                 <header class="sectionHeader">
  60                         <h2 class="sectionTitle">{lang}wcf.paidSubscription.availableSubscriptions{/lang}</h2>
  61                         {if PAID_SUBSCRIPTION_ENABLE_TOS_CONFIRMATION}
  62                                 <div class="sectionDescription"><label><input type="checkbox" id="tosConfirmed" name="tosConfirmed" value="1" /> {lang}wcf.paidSubscription.confirmTOS{/lang}</label></div>
  63                         {/if}
  64                 </header>
  65
  66                 <ul class="containerList">
  67                         {foreach from=$subscriptions item=subscription}
  68                                 <li>
  69                                         <div class="containerHeadline">
  70                                                 <h3>{$subscription->title|language} <span class="badge label">{lang}wcf.paidSubscription.formattedCost{/lang}</span></h3>
  71                                                 <p>{@$subscription->description|language|newlineToBreak}</p>
  72                                         </div>
  73
  74                                         <div class="containerContent">
  75                                                 <ul class="buttonList">
  76                                                         {foreach from=$subscription->getPurchaseButtons() item=button}
  77                                                                 <li>{@$button}</li>
  78                                                         {/foreach}
  79                                                 </ul>
  80                                         </div>
  81                                 </li>
  82                         {/foreach}
  83                 </ul>
  84         </section>
  85 {/if}
  86
  87 {if $userSubscriptions|count}
  88         <section class="section sectionContainerList">
  89                 <h2 class="sectionTitle">{lang}wcf.paidSubscription.purchasedSubscriptions{/lang}</h2>
  90
  91                 <ul class="containerList">
  92                         {foreach from=$userSubscriptions item=userSubscription}
  93                                 <li>
  94                                         <div class="containerHeadline">
  95                                                 <h3>{$userSubscription->getSubscription()->title|language}</h3>
  96                                                 <p>{@$userSubscription->getSubscription()->description|language|newlineToBreak}</p>
  97                                         </div>
  98
  99                                         {if $userSubscription->endDate}
 100                                                 <div class="containerContent">
 101                                                         <dl class="plain inlineDataList">
 102                                                                 <dt>{lang}wcf.paidSubscription.expires{/lang}</dt>
 103                                                                 <dd>{@$userSubscription->endDate|time}</dd>
 104                                                         </dl>
 105                                                 </div>
 106                                         {/if}
 107                                 </li>
 108                         {/foreach}
 109                 </ul>
 110         </section>
 111 {/if}
 112
 113 {if !$subscriptions|count && !$userSubscriptions|count}
 114         <p class="info">{lang}wcf.global.noItems{/lang}</p>
 115 {/if}
 116
 117 <div class="contentNavigation">
 118         {hascontent}
 119                 <nav>
 120                         <ul>
 121                                 {content}
 122                                         {event name='contentNavigationButtonsBottom'}
 123                                 {/content}
 124                         </ul>
 125                 </nav>
 126         {/hascontent}
 127 </div>
 128
 129 {include file='footer'}
 130
 131 </body>
 132 </html>