clientarea.tpl 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. {*
  2. **********************************************************
  3. * Developed by: Team Theme Metro
  4. * Website: http://www.thememetro.com
  5. * Customized ny thurdata
  6. **********************************************************
  7. *}
  8. {if $modulechangepwresult}
  9. {if $modulechangepwresult == "success"}
  10. {include file="$template/includes/alert.tpl" type="success" msg=$modulechangepasswordmessage textcenter=true}
  11. {elseif $modulechangepwresult == "error"}
  12. {include file="$template/includes/alert.tpl" type="error" msg=$modulechangepasswordmessage|strip_tags textcenter=true}
  13. {/if}
  14. {/if}
  15. {if $modulecustombuttonresult}
  16. {if $modulecustombuttonresult == "success"}
  17. {include file="$template/includes/alert.tpl" type="success" msg=$LANG.moduleactionsuccess textcenter=true idname="alertModuleCustomButtonSuccess"}
  18. {else}
  19. {include file="$template/includes/alert.tpl" type="error" msg=$LANG.moduleactionfailed|cat:' ':$modulecustombuttonresult textcenter=true idname="alertModuleCustomButtonFailed"}
  20. {/if}
  21. {/if}
  22. {if $pendingcancellation}
  23. {include file="$template/includes/alert.tpl" type="error" msg=$LANG.cancellationrequestedexplanation textcenter=true idname="alertPendingCancellation"}
  24. {/if}
  25. {if $unpaidInvoice}
  26. <div class="alert alert-{if $unpaidInvoiceOverdue}danger{else}warning{/if}" id="alert{if $unpaidInvoiceOverdue}Overdue{else}Unpaid{/if}Invoice">
  27. <div class="pull-right">
  28. <a href="viewinvoice.php?id={$unpaidInvoice}" class="btn btn-xs btn-default">
  29. {lang key='payInvoice'}
  30. </a>
  31. </div>
  32. {$unpaidInvoiceMessage}
  33. </div>
  34. {/if}
  35. <div class="tab-content margin-bottom">
  36. <div class="tab-pane fade show active" id="tabOverview">
  37. {if $tplOverviewTabOutput}
  38. {$tplOverviewTabOutput}
  39. {else}
  40. <div class="section">
  41. <div class="product-details">
  42. <div class="row row-eq-height row-eq-height-sm">
  43. <div class="col-md-6">
  44. <div class="product-holder product-status-{$rawstatus|strtolower}" style="min-height: unset; height:210px">
  45. <div class="product-content">
  46. <div class="product-image">
  47. <div class="feature-icon">
  48. <img src="/templates/croster/thurdata/productgroups/{$gid}.svg" class="img-fluid" style="height:100px;">
  49. </div>
  50. </div>
  51. <h4><small>Hosting Account</small> - {$domain}</h4>
  52. <div class="status-sticker-wrapper">
  53. <div class="status-sticker product-status-{$rawstatus|strtolower}">
  54. {$status}
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="col-md-6">
  61. <div class="product-info" style="min-height: unset; height:210px;">
  62. <table width="100%" border="0">
  63. <tr>
  64. <td class="list-heading" style="font-size: 85%;">{$LANG.clientareahostingregdate}</td>
  65. <td class="list-text" style="font-size: 85%;">{$regdate}</td>
  66. </tr>
  67. {if $billingcycle ne {lang key='orderpaymenttermfreeaccount'}}
  68. <tr>
  69. <td class="list-heading" style="font-size: 85%;">{$LANG.firstpaymentamount}</td>
  70. <td class="list-text" style="font-size: 85%;">{$firstpaymentamount}</td>
  71. </tr>
  72. <tr>
  73. <td class="list-heading" style="font-size: 85%;">{$LANG.recurringamount}</td>
  74. <td class="list-text" style="font-size: 85%;">{$recurringamount}</td>
  75. </tr>
  76. <tr>
  77. <td class="list-heading" style="font-size: 85%;">{$LANG.orderbillingcycle}</td>
  78. <td class="list-text" style="font-size: 85%;">{$billingcycle}</td>
  79. </tr>
  80. <tr>
  81. <td class="list-heading" style="font-size: 85%;">{$LANG.clientareahostingnextduedate}</td>
  82. <td class="list-text" style="font-size: 85%;">{$nextduedate}</td>
  83. </tr>
  84. <tr>
  85. <td class="list-heading" style="font-size: 85%;">{$LANG.orderpaymentmethod}</td>
  86. <td class="list-text" style="font-size: 85%;">{$paymentmethod}</td>
  87. </tr>
  88. {else}
  89. <tr>
  90. <td class="list-heading" style="font-size: 85%;"><strong>Trial Account</strong></td>
  91. {if $rawstatus eq "terminated"}
  92. <td class="list-text" style="font-size:85%;">{lang key='domainRenewal.expiredDaysAgo' days=((($smarty.now - ($regdate|@strtotime)) / 86400)|round) - 14}</td>
  93. {elseif 1123200 > ($smarty.now - ($regdate|@strtotime)) && ($smarty.now - ($regdate|@strtotime)) > 950400} {* wenn Heute - RegisterDatum < 13 Tage && > 11 Tage *}
  94. <td class="list-text" style="color:orange; font-size:85%">{lang key='domainRenewal.expiringIn' days=(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)}</td>
  95. {elseif ($smarty.now - ($regdate|@strtotime)) > 1123200} {* wenn Heute - RegisterDatum > 13 Tage *}
  96. <td class="list-text" style="color:red; font-size:85%;">{lang key='trialLastDay'}</td>
  97. {else}
  98. <td class="list-text" style="font-size: 85%;">{lang key='domainRenewal.expiringIn' days=(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)}</td>
  99. {/if}
  100. </tr>
  101. <tr>
  102. <td colspan="2"><br /><br /></td>
  103. </tr>
  104. <tr>
  105. <td></td>
  106. <td>
  107. {if $rawstatus eq "terminated"}
  108. <a href="/cart.php?gid={$gid}" class="btn btn-block btn-primary">{lang key='orderNow'}</a>
  109. {else}
  110. <a href="/upgrade.php?type=package&id={$id}" class="btn btn-block btn-primary">{lang key='upgradeNow'}</a>
  111. {/if}
  112. </td>
  113. </tr>
  114. {/if}
  115. </table>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. {*
  122. {if $showcancelbutton || $packagesupgrade}
  123. <div class="row">
  124. {if $packagesupgrade}
  125. <div class="col-xs-{if $showcancelbutton}6{else}12{/if}">
  126. <a href="upgrade.php?type=package&amp;id={$id}" class="btn btn-block btn-primary">{$LANG.upgrade}</a>
  127. </div>
  128. {/if}
  129. {if $showcancelbutton}
  130. <div class="col-xs-{if $packagesupgrade}6{else}12{/if}">
  131. <a href="clientarea.php?action=cancel&amp;id={$id}" class="btn btn-block btn-danger {if $pendingcancellation}disabled{/if}">{if $pendingcancellation}{$LANG.cancellationrequested}{else}{$LANG.clientareacancelrequestbutton}{/if}</a>
  132. </div>
  133. {/if}
  134. </div>
  135. {/if}
  136. *}
  137. {if $systemStatus == 'Active'}
  138. {foreach $hookOutput as $output}
  139. <div class="section">
  140. <div>
  141. {$output}
  142. </div>
  143. <div class=" clearfix"></div>
  144. </div>
  145. {/foreach}
  146. {if $moduleclientarea || $lastupdate}
  147. <div class="section">
  148. <div class="card panel panel-tabs">
  149. <div class="card-header">
  150. <ul class="nav nav-pills card-header-pills flex-column flex-md-row">
  151. {if $moduleclientarea}
  152. <li class="nav-item">
  153. <a href="#manage" data-toggle="tab" class="nav-link active"><i class="fas fa-globe fa-fw"></i> {lang key='manage'}</a>
  154. </li>
  155. {/if}
  156. {if $lastupdate}
  157. <li class="nav-item">
  158. <a href="#resourceusage" data-toggle="tab" class="nav-link{if !$moduleclientarea} active{/if}"><i class="fas fa-inbox fa-fw"></i> {lang key='resourceUsage'}</a>
  159. </li>
  160. {/if}
  161. </ul>
  162. </div>
  163. <div class="card-body">
  164. <div class="tab-content">
  165. {if $moduleclientarea}
  166. <div class="tab-pane fade show active" role="tabpanel" id="manage" align="center">
  167. <div class="col-sm-10">
  168. <div class="col-sm-6">
  169. <h4>{lang key='overview'}</h4>
  170. <a style="margin-top:1em;" href="{$systemurl}clientarea.php?action=productdetails&id={$serviceid}&dosinglesignon=1" class="btn btn-primary" target=_blank color="white">
  171. <i class="fas fa-sign-in fa-fw"></i> Login
  172. </a>
  173. </div>
  174. </div>
  175. </div>
  176. {/if}
  177. {if $lastupdate}
  178. <div class="tab-pane fade" role="tabpanel" id="resourceusage" align="center">
  179. <table>
  180. <tr>
  181. <td class="col-sm-6 text-sm-center">
  182. <h4>{lang key='diskSpace'}</h4>
  183. <input type="text" value="{$diskpercent|substr:0:-1}" class="dial-usage" data-width="100" data-height="100" data-min="0" data-readOnly="true" />
  184. <p>{($diskusage / 1024)|round:1} GB / {($disklimit / 1024)|round:1} GB</p>
  185. </td>
  186. <td class="col-sm-6 text-sm-center">
  187. <h4>{lang key='bandwidth'}</h4>
  188. <input type="text" value="{$bwpercent|substr:0:-1}" class="dial-usage" data-width="100" data-height="100" data-min="0" data-readOnly="true" />
  189. <p>{($bwusage / 1024)|round:1} GB / {($bwlimit / 1024)|round:1} GB</p>
  190. </td>
  191. </tr>
  192. </table>
  193. <div class="clearfix">
  194. </div>
  195. <p class="text-muted">{lang key='clientarealastupdated'}: {$lastupdate}</p>
  196. <script src="{$BASE_PATH_JS}/jquery.knob.js"></script>
  197. <script>
  198. jQuery(function() {
  199. jQuery(".dial-usage").knob({
  200. 'format': function(v) {
  201. alert(v);
  202. }
  203. });
  204. });
  205. </script>
  206. </div>
  207. {/if}
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. {/if}
  213. {else}
  214. <div class="alert-lg no-data">
  215. <div class="icon">
  216. <i class="fas fa-exclamation-triangle"></i>
  217. </div>
  218. <div class="text">
  219. {if $suspendreason}
  220. <strong>{$suspendreason}</strong><br />
  221. {/if}
  222. {$LANG.cPanel.packageNotActive} {$status}.<br />
  223. {if $systemStatus eq "Pending"}
  224. {$LANG.cPanel.statusPendingNotice}
  225. {elseif $systemStatus eq "Suspended"}
  226. {$LANG.cPanel.statusSuspendedNotice}
  227. {/if}
  228. </div>
  229. </div>
  230. {/if}
  231. {/if}
  232. </div>
  233. <div class="tab-pane fade in" id="tabChangepw">
  234. <div class="section">
  235. <div class="section-header">
  236. <h3>{$LANG.serverchangepassword}</h3>
  237. <p class="desc">Hier können Sie Ihr Passwort für {$mailaddress} ändern</p>
  238. </div>
  239. <div class="section-body">
  240. <div class="row">
  241. <div class="col-sm-7">
  242. <form class=" using-password-strength" method="post" action="{$smarty.server.PHP_SELF}?action=productdetails&id={$id}" role="form">
  243. <input type="hidden" name="id" value="{$id}" />
  244. <input type="hidden" name="modulechangepassword" value="true" />
  245. <div class="TM-card">
  246. <div id="newPassword1" class="form-group has-feedback">
  247. <label for="inputNewPassword1" class="control-label">{$LANG.newpassword}</label>
  248. <input type="password" class="form-control" id="inputNewPassword1" name="newpw" autocomplete="off" />
  249. <span class="form-control-feedback glyphicon"></span>
  250. {include file="$template/thurdata/thurpwcheck.tpl"}
  251. </div>
  252. <div class="alert alert-info">
  253. <div id='hints'>
  254. <strong id='hint2Head'></strong>
  255. <div id='hintLength'></div>
  256. <div id='hintNumeric'></div>
  257. <div id='hintSymbols'></div>
  258. <div id='hintUpperLower'></div>
  259. </div>
  260. </div>
  261. <div id="newPassword2" class="form-group has-feedback">
  262. <label for="inputNewPassword2" class="control-label">{$LANG.confirmnewpassword}</label>
  263. <input type="password" class="form-control" id="inputNewPassword2" name="confirmpw" autocomplete="off" />
  264. <span class="form-control-feedback glyphicon"></span>
  265. <div id="inputNewPassword2Msg">
  266. </div>
  267. </div>
  268. </div>
  269. <div class="form-actions">
  270. <input class="btn btn-primary" type="submit" value="{$LANG.clientareasavechanges}" />
  271. </div>
  272. </form>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. </div>