whmcsHosting/clientarea.tpl

{*
 **********************************************************
 * Developed by: Team Theme Metro
 * Website: http://www.thememetro.com
 * Customized by thurdata
 **********************************************************
*}
{if $modulechangepwresult}
  {if $modulechangepwresult == "success"}
    {include file="$template/includes/alert.tpl" type="success" msg=$modulechangepasswordmessage textcenter=true}
  {elseif $modulechangepwresult == "error"}
    {include file="$template/includes/alert.tpl" type="error" msg=$modulechangepasswordmessage|strip_tags textcenter=true}
  {/if}
{/if}
{if $pendingcancellation}
  {include file="$template/includes/alert.tpl" type="error" msg=$LANG.cancellationrequestedexplanation textcenter=true idname="alertPendingCancellation"}
{/if}
{if $unpaidInvoice}
  <div class="alert alert-{if $unpaidInvoiceOverdue}danger{else}warning{/if}"
    id="alert{if $unpaidInvoiceOverdue}Overdue{else}Unpaid{/if}Invoice">
    <div class="pull-right">
      <a href="viewinvoice.php?id={$unpaidInvoice}" class="btn btn-xs btn-default">
        {lang key='payInvoice'}
      </a>
    </div>
    {$unpaidInvoiceMessage}
  </div>
{/if}
<div class="tab-content margin-bottom">
  <div class="tab-pane fade show active" id="tabOverview">
    {if $tplOverviewTabOutput}
      {$tplOverviewTabOutput}
    {else}
      <div class="section">
        <div class="product-details">
          <div class="row row-eq-height row-eq-height-sm">
            <div class="col-md-6">
              <div class="product-holder product-status-{$rawstatus|strtolower}" style="min-height: unset; height:210px">
                <div class="product-content">
                  <div class="product-image">
                    <div class="feature-icon">
                      <img src="/templates/croster/thurdata/productgroups/{$gid}.svg" class="img-fluid"
                        style="height:100px;">
                    </div>
                  </div>
                  <h4><small>Hosting Account</small> - {$domain}</h4>
                  <div class="status-sticker-wrapper">
                    <div class="status-sticker product-status-{$rawstatus|strtolower}">
                      {$status}
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="product-info" style="min-height: unset; height:210px;">
                <table width="100%" border="0">
                  <tr>
                    <td class="list-heading" style="font-size: 85%;">{$LANG.clientareahostingregdate}</td>
                    <td class="list-text" style="font-size: 85%;">{$regdate}</td>
                  </tr>
                  {if $billingcycle ne {lang key='orderpaymenttermfreeaccount'}}
                    <tr>
                      <td class="list-heading" style="font-size: 85%;">{$LANG.firstpaymentamount}</td>
                      <td class="list-text" style="font-size: 85%;">{$firstpaymentamount}</td>
                    </tr>
                    <tr>
                      <td class="list-heading" style="font-size: 85%;">{$LANG.recurringamount}</td>
                      <td class="list-text" style="font-size: 85%;">{$recurringamount}</td>
                    </tr>
                    <tr>
                      <td class="list-heading" style="font-size: 85%;">{$LANG.orderbillingcycle}</td>
                      <td class="list-text" style="font-size: 85%;">{$billingcycle}</td>
                    </tr>
                    <tr>
                      <td class="list-heading" style="font-size: 85%;">{$LANG.clientareahostingnextduedate}</td>
                      <td class="list-text" style="font-size: 85%;">{$nextduedate}</td>
                    </tr>
                    <tr>
                      <td class="list-heading" style="font-size: 85%;">{$LANG.orderpaymentmethod}</td>
                      <td class="list-text" style="font-size: 85%;">{$paymentmethod}</td>
                    </tr>
                  {else}
                    <tr>
                      <td class="list-heading" style="font-size: 85%;"><strong>Trial Account</strong></td>
                      {if $rawstatus eq "terminated"}
                        <td class="list-text" style="font-size:85%;">
                          {lang key='domainRenewal.expiredDaysAgo' days=((($smarty.now - ($regdate|@strtotime)) / 86400)|round) - 14}
                        </td>
                      {elseif 1123200 > ($smarty.now - ($regdate|@strtotime)) && ($smarty.now - ($regdate|@strtotime)) > 950400}
                        {* wenn Heute - RegisterDatum < 13 Tage && > 11 Tage *}
                        <td class="list-text" style="color:orange; font-size:85%">
                          {lang key='domainRenewal.expiringIn' days=(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)}
                        </td>
                      {elseif ($smarty.now - ($regdate|@strtotime)) > 1123200} {* wenn Heute - RegisterDatum > 13 Tage *}
                        <td class="list-text" style="color:red; font-size:85%;">{lang key='trialLastDay'}</td>
                      {else}
                        <td class="list-text" style="font-size: 85%;">
                          {lang key='domainRenewal.expiringIn' days=(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)}
                        </td>
                      {/if}
                    </tr>
                    <tr>
                      <td colspan="2"><br /><br /></td>
                    </tr>
                    <tr>
                      <td></td>
                      <td>
                        {if $rawstatus eq "terminated"}
                          <a href="/cart.php?gid={$gid}" class="btn btn-block btn-primary">{lang key='orderNow'}</a>
                        {else}
                          <a href="/upgrade.php?type=package&id={$id}"
                            class="btn btn-block btn-primary">{lang key='upgradeNow'}</a>
                        {/if}
                      </td>
                    </tr>
                  {/if}
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      {*
        {if $showcancelbutton || $packagesupgrade}
          <div class="row">
            {if $packagesupgrade}
              <div class="col-xs-{if $showcancelbutton}6{else}12{/if}">
                <a href="upgrade.php?type=package&amp;id={$id}" class="btn btn-block btn-primary">{$LANG.upgrade}</a>
              </div>
            {/if}
            {if $showcancelbutton}
              <div class="col-xs-{if $packagesupgrade}6{else}12{/if}">
                <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>
              </div>
            {/if}
          </div>
        {/if}
      *}
      {if $systemStatus == 'Active'}
        {foreach $hookOutput as $output}
          <div class="section">
            <div>
              {$output}
            </div>
            <div class=" clearfix"></div>
          </div>
        {/foreach}
        {if $moduleclientarea || $lastupdate}
          <div class="section">
            <div class="card panel panel-tabs">
              <div class="card-header">
                <ul class="nav nav-pills card-header-pills flex-column flex-md-row">
                  {if $moduleclientarea}
                    <li class="nav-item">
                      <a href="#manage" data-toggle="tab" class="nav-link active"><i class="fas fa-globe fa-fw"></i>
                        {lang key='manage'}</a>
                    </li>
                  {/if}
                  {if $lastupdate}
                    <li class="nav-item">
                      <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>
                    </li>
                  {/if}
                  <a href="{$systemurl}clientarea.php?action=productdetails&id={$serviceid}&dosinglesignon=1"
                    class="nav-link active" target=_blank style="margin-left: auto;">
                    <i class="fas fa-sign-in fa-fw"></i> CWP Login
                  </a>
                </ul>
              </div>
              <div class="card-body">
                <div class="tab-content">
                  {if $moduleclientarea}
                    <div class="tab-pane fade show active" role="tabpanel" id="manage" align="center">
                      <div class="col-sm-12">
                        <h4>{lang key='overview'}</h4>
                        {if $domains|count > 0}
                          {foreach $domains as $domain}
                            <div style="font-size:85%;color:#999;">Domain</div>
                            <table style="width:100%;border-collapse:collapse;border:1px solid grey;">
                              <tr style="font-size:85%;background-color:#0273d4;color:#fff;">
                                <th style="width:25%;text-align:left;padding:5px;">
                                  DOMAIN NAME
                                </th>
                                <th style="min-width:50px;text-align:center;padding:5px;">
                                </th>
                                <th style="width:50%;text-align:left;padding:5px;">
                                  WEBROOT
                                </th>
                                <th style="min-width:50px;text-align:center;padding:5px;" title="Gültigkeit des Zertifikats in Tagen">
                                  EXP
                                </th>
                              </tr>
                              <tr style="background-color:#ddd;">
                                <td style="text-align:left;padding:5px;">
                                  <form method="post" action="clientarea.php?action=productdetails">
                                    <input type="hidden" name="id" value="{$serviceid}" />
                                    <input type="hidden" name="modop" value="custom" />
                                    <input type="hidden" name="a" value="delDomainConfirm" />
                                    <input type="hidden" name="d" value="{$domain.domain}" />
                                    <button title="Domain löschen" type="submit" class="fabutton" style="background:none;padding:0px;border:none;" {if $domain.subdomains|count > 0}disabled{/if}>
                                      <i class="fas fa-trash fa-fw"></i>
                                    </button>
                                  </form>
                                </td>
                                <td style="text-align:left;padding:5px;">
                                  {$domain.relpath}
                                </td>
                                <td style="text-align:center;padding:5px;border-left:1px dotted black;">
                                  {if $domain.ssl == 1}
                                    <form method="post" action="clientarea.php?action=productdetails">
                                      <input type="hidden" name="id" value="{$serviceid}" />
                                      <input type="hidden" name="modop" value="custom" />
                                      <input type="hidden" name="a" value="renewSSLConfirm" />
                                      <input type="hidden" name="d" value="{$domain.domain}" />
                                      <button title="Zertifikat erneuern" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
                                        <i class="fas fa-repeat fa-fw" style="color:green;"></i>
                                      </button>
                                    </form>
                                  {else}
                                    <form method="post" action="clientarea.php?action=productdetails">
                                      <input type="hidden" name="id" value="{$serviceid}" />
                                      <input type="hidden" name="modop" value="custom" />
                                      <input type="hidden" name="a" value="infoSSL" />
                                      <input type="hidden" name="d" value="{$domain.domain}" />
                                      <button title="SSL Info" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
                                        <i class="fas fa-power-off fa-fw" style="color:red;"></i>
                                      </button>
                                    </form>
                                  {/if}
                                </td>
                                <td style="text-align:center;padding:5px;" title="Zertifikat ist noch {$domain.sslexpire} Tage gültig">
                                  {if $domain.ssl == 1}
                                    {$domain.sslexpire}
                                  {/if}
                                </td>
                              </tr>
                              {if $domain.subdomains}
                                {foreach $domain.subdomains as $subdomain}
                                  <tr>
                                    <td style="min-width:50px;text-align:left;padding:5px;">
                                      <form method="post" action="clientarea.php?action=productdetails">
                                        <input type="hidden" name="id" value="{$serviceid}" />
                                        <input type="hidden" name="modop" value="custom" />
                                        <input type="hidden" name="a" value="delSubdomainConfirm" />
                                        <input type="hidden" name="d" value="{$subdomain.subdomain}.{$subdomain.domain}" />
                                        <button title="Subdomain löschen" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
                                          <i class="fas fa-trash fa-fw"></i>
                                        </button>
                                      </form>
                                    </td>
                                    <td style="width:50%;text-align:left;padding:5px;">
                                      {$subdomain.relpath}
                                    </td>
                                    <td style="min-width:50px;text-align:center;padding:5px;border-left:1px dotted black;">
                                      {if $subdomain.ssl == 1}
                                        <form method="post" action="clientarea.php?action=productdetails">
                                          <input type="hidden" name="id" value="{$serviceid}" />
                                          <input type="hidden" name="modop" value="custom" />
                                          <input type="hidden" name="a" value="renewSSLConfirm" />
                                          <input type="hidden" name="d" value="{$subdomain.subdomain}.{$subdomain.domain}" />
                                          <button title="Zertifikat erneuern" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
                                            <i class="fas fa-repeat fa-fw" style="color:green;"></i>
                                          </button>
                                        </form>
                                      {else}
                                        <form method="post" action="clientarea.php?action=productdetails">
                                          <input type="hidden" name="id" value="{$serviceid}" />
                                          <input type="hidden" name="modop" value="custom" />
                                          <input type="hidden" name="a" value="infoSSL" />
                                          <input type="hidden" name="d" value="{$subdomain.subdomain}.{$subdomain.domain}" />
                                          <button title="SSL Info" type="submit" class="fabutton" style="background:none;padding:0px;border:none;">
                                            <i class="fas fa-power-off fa-fw" style="color:red;"></i>
                                          </button>
                                        </form>
                                      {/if}
                                    </td>
                                    <td style="min-width:50px;text-align:center;padding:5px;">
                                      {if $subdomain.ssl == 1}
                                        {$subdomain.sslexpire}
                                      {/if}
                                    </td>
                                  </tr>
                                {/foreach}
                              {/if}
                              <tr>
                                <td colspan=6 style="border-top:1px solid grey;">
                                  <form method="post" action="clientarea.php?action=productdetails">
                                    <input type="hidden" name="id" value="{$serviceid}" />
                                    <input type="hidden" name="modop" value="custom" />
                                    <input type="hidden" name="a" value="newSubdomain" />
                                    <input type="hidden" name="d" value="{$domain.domain}" />
                                    <button type="submit" class="fabutton" style="background:none;border:none;font-size:75%;" {if $subdomainlimit == 1}disabled="disabled" title="Subdomain Limit erreicht!"{else}title="Neue Subdomain"{/if}>
                                      <i class="fas fa-plus fa-fw"></i> Neue Subdomain
                                    </button>
                                  </form>
                                </td>
                              </tr>
                            </table>
                          {/foreach}
                        {/if}
                        <form method="post" action="clientarea.php?action=productdetails">
                          <input type="hidden" name="id" value="{$serviceid}" />
                          <input type="hidden" name="modop" value="custom" />
                          <input type="hidden" name="a" value="newDomain" />
                          <button type="submit" class="btn btn-primary" style="margin-top:20px;" {if $domainlimit == 1}disabled="disabled" title="Domain Limit erreicht!"{else}title="Neue Domain"{/if}>
                            <i class="fas fa-plus fa-fw"></i> Neue Domain
                          </button>
                        </form>
                      </div>
                    </div>
                  {/if}
                  <div class="tab-pane fade" role="tabpanel" id="resourceusage" align="center">
                    <table>
                      <tr>
                        <td class="col-sm-6 text-sm-center">
                          <h4>Domains</h4>
                          <input type="text" value="{$addons_domains_used}" class="dial-usage" data-width="100"
                            data-height="100" data-min="0" data-max="{$addons_domains}" data-readOnly="true" />
                          <p>{$addons_domains_used} / {$addons_domains}</p>
                        </td>
                        <td class="col-sm-6 text-sm-center">
                          <h4>Subdomains</h4>
                          <input type="text" value="{$sub_domains_used}" class="dial-usage" data-width="100"
                            data-height="100" data-min="0" data-max="{$sub_domains}" data-readOnly="true" />
                          <p>{$sub_domains_used} / {$sub_domains}</p>
                        </td>
                      </tr>
                      <tr>
                        <td class="col-sm-6 text-sm-center">
                          <h4>{lang key='diskSpace'}</h4>
                          <input type="text" value="{$diskpercent|substr:0:-1}" class="dial-usage" data-width="100"
                            data-height="100" data-min="0" data-readOnly="true" />
                          <p>{($space_usage / 1024)|round:1} GB / {($space_disk / 1024)|round:1} GB</p>
                        </td>
                        <td class="col-sm-6 text-sm-center">
                          <h4>{lang key='bandwidth'}</h4>
                          <input type="text" value="{$bwpercent|substr:0:-1}" class="dial-usage" data-width="100"
                            data-height="100" data-min="0" data-readOnly="true" />
                          <p>{($bandwidth_used / 1024)|round:1} GB / {($bandwidth / 1024)|round:1} GB</p>
                        </td>
                      </tr>
                      {*
                      <tr>
                        <td class="col-sm-6 text-sm-center">
                          <h4>Datenbanken</h4>
                          <input type="text" value="{$db_used}" class="dial-usage" data-width="100"
                            data-height="100" data-min="0" data-max="{$db_max}" data-readOnly="true" />
                          <p>{$db_used} / {$db_max}</p>
                        </td>
                        <td class="col-sm-6 text-sm-center">
                          <h4>FTP Accounts</h4>
                          <input type="text" value="{$ftp_accounts_used}" class="dial-usage" data-width="100"
                            data-height="100" data-min="0" data-max="{$ftp_accounts}" data-readOnly="true" />
                          <p>{$ftp_accounts_used} / {$ftp_accounts}</p>
                        </td>
                      </tr> 
                    *}
                    </table>
                    <div class="clearfix">
                    </div>
                    <script src="{$BASE_PATH_JS}/jquery.knob.js"></script>
                    <script>
                      jQuery(function() {
                        jQuery(".dial-usage").knob({
                          'format': function(v) {
                            alert(v);
                          }
                        });
                      });
                    </script>
                  </div>
                </div>
              </div>
            </div>
          </div>
        {/if}
      {else}
        <div class="alert-lg no-data">
          <div class="icon">
            <i class="fas fa-exclamation-triangle"></i>
          </div>
          <div class="text">
            {if $suspendreason}
              <strong>{$suspendreason}</strong><br />
            {/if}
            {$LANG.cPanel.packageNotActive} {$status}.<br />
            {if $systemStatus eq "Pending"}
              {$LANG.cPanel.statusPendingNotice}
            {elseif $systemStatus eq "Suspended"}
              {$LANG.cPanel.statusSuspendedNotice}
            {/if}
          </div>
        </div>
      {/if}
    {/if}
  </div>
  <div class="tab-pane fade in" id="tabChangepw">
    <div class="section">
      <div class="section-header">
        <h3>{$LANG.serverchangepassword}</h3>
        <p class="desc">Hier können Sie Ihr Passwort für {$mailaddress} ändern</p>
      </div>
      <div class="section-body">
        <div class="row">
          <div class="col-sm-7">
            <form class=" using-password-strength" method="post"
              action="{$smarty.server.PHP_SELF}?action=productdetails&id={$id}" role="form">
              <input type="hidden" name="id" value="{$id}" />
              <input type="hidden" name="modulechangepassword" value="true" />
              <div class="TM-card">
                <div id="newPassword1" class="form-group has-feedback">
                  <label for="inputNewPassword1" class="control-label">{$LANG.newpassword}</label>
                  <input type="password" class="form-control" id="inputNewPassword1" name="newpw" autocomplete="off" />
                  <span class="form-control-feedback glyphicon"></span>
                  {include file="$template/thurdata/thurpwcheck.tpl"}
                </div>
                <div class="alert alert-info">
                  <div id='hints'>
                    <strong id='hint2Head'></strong>
                    <div id='hintLength'></div>
                    <div id='hintNumeric'></div>
                    <div id='hintSymbols'></div>
                    <div id='hintUpperLower'></div>
                  </div>
                </div>
                <div id="newPassword2" class="form-group has-feedback">
                  <label for="inputNewPassword2" class="control-label">{$LANG.confirmnewpassword}</label>
                  <input type="password" class="form-control" id="inputNewPassword2" name="confirmpw"
                    autocomplete="off" />
                  <span class="form-control-feedback glyphicon"></span>
                  <div id="inputNewPassword2Msg">
                  </div>
                </div>
              </div>
              <div class="form-actions">
                <input class="btn btn-primary" type="submit" value="{$LANG.clientareasavechanges}" />
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>