clientarea.tpl 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445
  1. {*
  2. **********************************************************
  3. * Developed by: Team Theme Metro
  4. * Website: http://www.thememetro.com
  5. * Customized by 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 $pendingcancellation}
  16. {include file="$template/includes/alert.tpl" type="error" msg=$LANG.cancellationrequestedexplanation textcenter=true idname="alertPendingCancellation"}
  17. {/if}
  18. {if $unpaidInvoice}
  19. <div class="alert alert-{if $unpaidInvoiceOverdue}danger{else}warning{/if}"
  20. id="alert{if $unpaidInvoiceOverdue}Overdue{else}Unpaid{/if}Invoice">
  21. <div class="pull-right">
  22. <a href="viewinvoice.php?id={$unpaidInvoice}" class="btn btn-xs btn-default">
  23. {lang key='payInvoice'}
  24. </a>
  25. </div>
  26. {$unpaidInvoiceMessage}
  27. </div>
  28. {/if}
  29. <div class="tab-content margin-bottom">
  30. <div class="tab-pane fade show active" id="tabOverview">
  31. {if $tplOverviewTabOutput}
  32. {$tplOverviewTabOutput}
  33. {else}
  34. <div class="section">
  35. <div class="product-details">
  36. <div class="row row-eq-height row-eq-height-sm">
  37. <div class="col-md-6">
  38. <div class="product-holder product-status-{$rawstatus|strtolower}" style="min-height: unset; height:210px">
  39. <div class="product-content">
  40. <div class="product-image">
  41. <div class="feature-icon">
  42. <img src="/templates/croster/thurdata/productgroups/{$gid}.svg" class="img-fluid"
  43. style="height:100px;">
  44. </div>
  45. </div>
  46. <h4><small>Hosting Account</small> - {$domain}</h4>
  47. <div class="status-sticker-wrapper">
  48. <div class="status-sticker product-status-{$rawstatus|strtolower}">
  49. {$status}
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="col-md-6">
  56. <div class="product-info" style="min-height: unset; height:210px;">
  57. <table width="100%" border="0">
  58. <tr>
  59. <td class="list-heading" style="font-size: 85%;">{$LANG.clientareahostingregdate}</td>
  60. <td class="list-text" style="font-size: 85%;">{$regdate}</td>
  61. </tr>
  62. {if $billingcycle ne {lang key='orderpaymenttermfreeaccount'}}
  63. <tr>
  64. <td class="list-heading" style="font-size: 85%;">{$LANG.firstpaymentamount}</td>
  65. <td class="list-text" style="font-size: 85%;">{$firstpaymentamount}</td>
  66. </tr>
  67. <tr>
  68. <td class="list-heading" style="font-size: 85%;">{$LANG.recurringamount}</td>
  69. <td class="list-text" style="font-size: 85%;">{$recurringamount}</td>
  70. </tr>
  71. <tr>
  72. <td class="list-heading" style="font-size: 85%;">{$LANG.orderbillingcycle}</td>
  73. <td class="list-text" style="font-size: 85%;">{$billingcycle}</td>
  74. </tr>
  75. <tr>
  76. <td class="list-heading" style="font-size: 85%;">{$LANG.clientareahostingnextduedate}</td>
  77. <td class="list-text" style="font-size: 85%;">{$nextduedate}</td>
  78. </tr>
  79. <tr>
  80. <td class="list-heading" style="font-size: 85%;">{$LANG.orderpaymentmethod}</td>
  81. <td class="list-text" style="font-size: 85%;">{$paymentmethod}</td>
  82. </tr>
  83. {else}
  84. <tr>
  85. <td class="list-heading" style="font-size: 85%;"><strong>Trial Account</strong></td>
  86. {if $rawstatus eq "terminated"}
  87. <td class="list-text" style="font-size:85%;">
  88. {lang key='domainRenewal.expiredDaysAgo' days=((($smarty.now - ($regdate|@strtotime)) / 86400)|round) - 14}
  89. </td>
  90. {elseif 1123200 > ($smarty.now - ($regdate|@strtotime)) && ($smarty.now - ($regdate|@strtotime)) > 950400}
  91. {* wenn Heute - RegisterDatum < 13 Tage && > 11 Tage *}
  92. <td class="list-text" style="color:orange; font-size:85%">
  93. {lang key='domainRenewal.expiringIn' days=(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)}
  94. </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%;">
  99. {lang key='domainRenewal.expiringIn' days=(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)}
  100. </td>
  101. {/if}
  102. </tr>
  103. <tr>
  104. <td colspan="2"><br /><br /></td>
  105. </tr>
  106. <tr>
  107. <td></td>
  108. <td>
  109. {if $rawstatus eq "terminated"}
  110. <a href="/cart.php?gid={$gid}" class="btn btn-block btn-primary">{lang key='orderNow'}</a>
  111. {else}
  112. <a href="/upgrade.php?type=package&id={$id}"
  113. class="btn btn-block btn-primary">{lang key='upgradeNow'}</a>
  114. {/if}
  115. </td>
  116. </tr>
  117. {/if}
  118. </table>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. {*
  125. {if $showcancelbutton || $packagesupgrade}
  126. <div class="row">
  127. {if $packagesupgrade}
  128. <div class="col-xs-{if $showcancelbutton}6{else}12{/if}">
  129. <a href="upgrade.php?type=package&amp;id={$id}" class="btn btn-block btn-primary">{$LANG.upgrade}</a>
  130. </div>
  131. {/if}
  132. {if $showcancelbutton}
  133. <div class="col-xs-{if $packagesupgrade}6{else}12{/if}">
  134. <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>
  135. </div>
  136. {/if}
  137. </div>
  138. {/if}
  139. *}
  140. {if $systemStatus == 'Active'}
  141. {foreach $hookOutput as $output}
  142. <div class="section">
  143. <div>
  144. {$output}
  145. </div>
  146. <div class=" clearfix"></div>
  147. </div>
  148. {/foreach}
  149. {if $moduleclientarea || $lastupdate}
  150. <div class="section">
  151. <div class="card panel panel-tabs">
  152. <div class="card-header">
  153. <ul class="nav nav-pills card-header-pills flex-column flex-md-row">
  154. {if $lastupdate}
  155. <li class="nav-item">
  156. <a href="#resourceusage" data-toggle="tab" class="nav-link{if !$moduleclientarea} active{/if}"><i
  157. class="fas fa-inbox fa-fw"></i> {lang key='resourceUsage'}</a>
  158. </li>
  159. {/if}
  160. </ul>
  161. </div>
  162. <div class="card-body">
  163. <div class="tab-content">
  164. {if $moduleclientarea}
  165. <div class="tab-pane fade show active" role="tabpanel" id="manage" align="center">
  166. <div class="col-sm-12">
  167. <h4>{lang key='overview'}</h4>
  168. {if $sites|count > 0}
  169. {foreach $sites as $site}
  170. <table style="width:100%;border-collapse:collapse;border:1px solid grey;">
  171. <tr style="font-size:85%;background-color:#0273d4;color:#fff;">
  172. <th style="width:25%;text-align:left;padding:5px;">
  173. {$site.name}.{$domain}
  174. </th>
  175. <th style="min-width:50px;text-align:center;padding:5px;">
  176. </th>
  177. <th style="width:50%;text-align:left;padding:5px; title='Gültigkeit des Zertifikats in Tagen'">
  178. {$site.ssl}
  179. </th>
  180. <th style="min-width:50px;text-align:center;padding:5px;">
  181. <form method="post" action="clientarea.php?action=productdetails">
  182. <input type="hidden" name="id" value="{$serviceid}" />
  183. <input type="hidden" name="modop" value="custom" />
  184. <input type="hidden" name="a" value="delDomainConfirm" />
  185. <input type="hidden" name="d" value="{$site.name}" />
  186. <button title="Webseite löschen" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
  187. <i class="fas fa-trash fa-fw"></i>
  188. </button>
  189. </form>
  190. </th>
  191. </tr>
  192. {*
  193. <tr style="background-color:#ddd;">
  194. <td style="text-align:left;padding:5px;">
  195. <form method="post" action="clientarea.php?action=productdetails">
  196. <input type="hidden" name="id" value="{$serviceid}" />
  197. <input type="hidden" name="modop" value="custom" />
  198. <input type="hidden" name="a" value="delDomainConfirm" />
  199. <input type="hidden" name="d" value="{$domain.domain}" />
  200. <button title="Domain löschen" type="submit" class="fabutton" style="background:none;padding:0px;border:none;" {if $domain.subdomains|count > 0}disabled{/if}>
  201. <i class="fas fa-trash fa-fw"></i>
  202. </button>
  203. </form>
  204. </td>
  205. <td style="text-align:left;padding:5px;">
  206. {$domain.relpath}
  207. </td>
  208. <td style="text-align:center;padding:5px;border-left:1px dotted black;">
  209. {if $domain.ssl == 1}
  210. <form method="post" action="clientarea.php?action=productdetails">
  211. <input type="hidden" name="id" value="{$serviceid}" />
  212. <input type="hidden" name="modop" value="custom" />
  213. <input type="hidden" name="a" value="renewSSLConfirm" />
  214. <input type="hidden" name="d" value="{$domain.domain}" />
  215. <button title="Zertifikat erneuern" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
  216. <i class="fas fa-repeat fa-fw" style="color:green;"></i>
  217. </button>
  218. </form>
  219. {else}
  220. <form method="post" action="clientarea.php?action=productdetails">
  221. <input type="hidden" name="id" value="{$serviceid}" />
  222. <input type="hidden" name="modop" value="custom" />
  223. <input type="hidden" name="a" value="infoSSL" />
  224. <input type="hidden" name="d" value="{$domain.domain}" />
  225. <button title="SSL Info" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
  226. <i class="fas fa-power-off fa-fw" style="color:red;"></i>
  227. </button>
  228. </form>
  229. {/if}
  230. </td>
  231. <td style="text-align:center;padding:5px;" title="Zertifikat ist noch {$domain.sslexpire} Tage gültig">
  232. {if $domain.ssl == 1}
  233. {$domain.sslexpire}
  234. {/if}
  235. </td>
  236. </tr>
  237. {if $domain.subdomains}
  238. {foreach $domain.subdomains as $subdomain}
  239. <tr>
  240. <td style="min-width:50px;text-align:left;padding:5px;">
  241. <form method="post" action="clientarea.php?action=productdetails">
  242. <input type="hidden" name="id" value="{$serviceid}" />
  243. <input type="hidden" name="modop" value="custom" />
  244. <input type="hidden" name="a" value="delSubdomainConfirm" />
  245. <input type="hidden" name="d" value="{$subdomain.subdomain}.{$subdomain.domain}" />
  246. <button title="Subdomain löschen" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
  247. <i class="fas fa-trash fa-fw"></i>
  248. </button>
  249. </form>
  250. </td>
  251. <td style="width:50%;text-align:left;padding:5px;">
  252. {$subdomain.relpath}
  253. </td>
  254. <td style="min-width:50px;text-align:center;padding:5px;border-left:1px dotted black;">
  255. {if $subdomain.ssl == 1}
  256. <form method="post" action="clientarea.php?action=productdetails">
  257. <input type="hidden" name="id" value="{$serviceid}" />
  258. <input type="hidden" name="modop" value="custom" />
  259. <input type="hidden" name="a" value="renewSSLConfirm" />
  260. <input type="hidden" name="d" value="{$subdomain.subdomain}.{$subdomain.domain}" />
  261. <button title="Zertifikat erneuern" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
  262. <i class="fas fa-repeat fa-fw" style="color:green;"></i>
  263. </button>
  264. </form>
  265. {else}
  266. <form method="post" action="clientarea.php?action=productdetails">
  267. <input type="hidden" name="id" value="{$serviceid}" />
  268. <input type="hidden" name="modop" value="custom" />
  269. <input type="hidden" name="a" value="infoSSL" />
  270. <input type="hidden" name="d" value="{$subdomain.subdomain}.{$subdomain.domain}" />
  271. <button title="SSL Info" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
  272. <i class="fas fa-power-off fa-fw" style="color:red;"></i>
  273. </button>
  274. </form>
  275. {/if}
  276. </td>
  277. <td style="min-width:50px;text-align:center;padding:5px;">
  278. {if $subdomain.ssl == 1}
  279. {$subdomain.sslexpire}
  280. {/if}
  281. </td>
  282. </tr>
  283. {/foreach}
  284. {/if}
  285. *}
  286. <tr>
  287. <td colspan=6 style="border-top:1px solid grey;">
  288. <form method="post" action="clientarea.php?action=productdetails">
  289. <input type="hidden" name="id" value="{$serviceid}" />
  290. <input type="hidden" name="modop" value="custom" />
  291. <input type="hidden" name="a" value="newSubdomain" />
  292. <input type="hidden" name="d" value="{$domain}" />
  293. <button type="submit" class="fabutton" style="background:none;border:none;font-size:75%;" title="Neue Subdomain">
  294. <i class="fas fa-plus fa-fw"></i> Neue Subdomain
  295. </button>
  296. </form>
  297. </td>
  298. </tr>
  299. </table>
  300. {/foreach}
  301. {/if}
  302. <form method="post" action="clientarea.php?action=productdetails">
  303. <input type="hidden" name="id" value="{$serviceid}" />
  304. <input type="hidden" name="modop" value="custom" />
  305. <input type="hidden" name="a" value="newDomain" />
  306. <button type="submit" class="btn btn-primary" style="margin-top:20px;" title="Neue Domain">
  307. <i class="fas fa-plus fa-fw"></i> Neue Domain
  308. </button>
  309. </form>
  310. </div>
  311. </div>
  312. {/if}
  313. <div class="tab-pane fade" role="tabpanel" id="resourceusage" align="center">
  314. <table>
  315. <tr>
  316. <td class="col-sm-6 text-sm-center">
  317. <h4>Domains</h4>
  318. <input type="text" value="{$addons_domains_used}" class="dial-usage" data-width="100"
  319. data-height="100" data-min="0" data-max="{$addons_domains}" data-readOnly="true" />
  320. <p>{$addons_domains_used} / {$addons_domains}</p>
  321. </td>
  322. <td class="col-sm-6 text-sm-center">
  323. <h4>Subdomains</h4>
  324. <input type="text" value="{$sub_domains_used}" class="dial-usage" data-width="100"
  325. data-height="100" data-min="0" data-max="{$sub_domains}" data-readOnly="true" />
  326. <p>{$sub_domains_used} / {$sub_domains}</p>
  327. </td>
  328. </tr>
  329. <tr>
  330. <td class="col-sm-6 text-sm-center">
  331. <h4>{lang key='diskSpace'}</h4>
  332. <input type="text" value="{$diskpercent|substr:0:-1}" class="dial-usage" data-width="100"
  333. data-height="100" data-min="0" data-readOnly="true" />
  334. <p>{($space_usage / 1024)|round:1} GB / {($space_disk / 1024)|round:1} GB</p>
  335. </td>
  336. <td class="col-sm-6 text-sm-center">
  337. <h4>{lang key='bandwidth'}</h4>
  338. <input type="text" value="{$bwpercent|substr:0:-1}" class="dial-usage" data-width="100"
  339. data-height="100" data-min="0" data-readOnly="true" />
  340. <p>{($bandwidth_used / 1024)|round:1} GB / {($bandwidth / 1024)|round:1} GB</p>
  341. </td>
  342. </tr>
  343. {*
  344. <tr>
  345. <td class="col-sm-6 text-sm-center">
  346. <h4>Datenbanken</h4>
  347. <input type="text" value="{$db_used}" class="dial-usage" data-width="100"
  348. data-height="100" data-min="0" data-max="{$db_max}" data-readOnly="true" />
  349. <p>{$db_used} / {$db_max}</p>
  350. </td>
  351. <td class="col-sm-6 text-sm-center">
  352. <h4>FTP Accounts</h4>
  353. <input type="text" value="{$ftp_accounts_used}" class="dial-usage" data-width="100"
  354. data-height="100" data-min="0" data-max="{$ftp_accounts}" data-readOnly="true" />
  355. <p>{$ftp_accounts_used} / {$ftp_accounts}</p>
  356. </td>
  357. </tr>
  358. *}
  359. </table>
  360. <div class="clearfix">
  361. </div>
  362. <script src="{$BASE_PATH_JS}/jquery.knob.js"></script>
  363. <script>
  364. jQuery(function() {
  365. jQuery(".dial-usage").knob({
  366. 'format': function(v) {
  367. alert(v);
  368. }
  369. });
  370. });
  371. </script>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. {/if}
  378. {else}
  379. <div class="alert-lg no-data">
  380. <div class="icon">
  381. <i class="fas fa-exclamation-triangle"></i>
  382. </div>
  383. <div class="text">
  384. {if $suspendreason}
  385. <strong>{$suspendreason}</strong><br />
  386. {/if}
  387. {$LANG.cPanel.packageNotActive} {$status}.<br />
  388. {if $systemStatus eq "Pending"}
  389. {$LANG.cPanel.statusPendingNotice}
  390. {elseif $systemStatus eq "Suspended"}
  391. {$LANG.cPanel.statusSuspendedNotice}
  392. {/if}
  393. </div>
  394. </div>
  395. {/if}
  396. {/if}
  397. </div>
  398. <div class="tab-pane fade in" id="tabChangepw">
  399. <div class="section">
  400. <div class="section-header">
  401. <h3>{$LANG.serverchangepassword}</h3>
  402. <p class="desc">Hier können Sie Ihr Passwort für {$mailaddress} ändern</p>
  403. </div>
  404. <div class="section-body">
  405. <div class="row">
  406. <div class="col-sm-7">
  407. <form class=" using-password-strength" method="post"
  408. action="{$smarty.server.PHP_SELF}?action=productdetails&id={$id}" role="form">
  409. <input type="hidden" name="id" value="{$id}" />
  410. <input type="hidden" name="modulechangepassword" value="true" />
  411. <div class="TM-card">
  412. <div id="newPassword1" class="form-group has-feedback">
  413. <label for="inputNewPassword1" class="control-label">{$LANG.newpassword}</label>
  414. <input type="password" class="form-control" id="inputNewPassword1" name="newpw" autocomplete="off" />
  415. <span class="form-control-feedback glyphicon"></span>
  416. {include file="$template/thurdata/thurpwcheck.tpl"}
  417. </div>
  418. <div class="alert alert-info">
  419. <div id='hints'>
  420. <strong id='hint2Head'></strong>
  421. <div id='hintLength'></div>
  422. <div id='hintNumeric'></div>
  423. <div id='hintSymbols'></div>
  424. <div id='hintUpperLower'></div>
  425. </div>
  426. </div>
  427. <div id="newPassword2" class="form-group has-feedback">
  428. <label for="inputNewPassword2" class="control-label">{$LANG.confirmnewpassword}</label>
  429. <input type="password" class="form-control" id="inputNewPassword2" name="confirmpw"
  430. autocomplete="off" />
  431. <span class="form-control-feedback glyphicon"></span>
  432. <div id="inputNewPassword2Msg">
  433. </div>
  434. </div>
  435. </div>
  436. <div class="form-actions">
  437. <input class="btn btn-primary" type="submit" value="{$LANG.clientareasavechanges}" />
  438. </div>
  439. </form>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  445. </div>