whmcsNextcloud/clientarea.tpl

{*
 **********************************************************
 * Developed by: Team Theme Metro
 * Website: http://www.thememetro.com
 * Customized ny 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 $modulecustombuttonresult}
  {if $modulecustombuttonresult == "success"}
    {include file="$template/includes/alert.tpl" type="success" msg=$LANG.moduleactionsuccess textcenter=true idname="alertModuleCustomButtonSuccess"}
  {else}
    {include file="$template/includes/alert.tpl" type="error" msg=$LANG.moduleactionfailed|cat:' ':$modulecustombuttonresult textcenter=true idname="alertModuleCustomButtonFailed"}
  {/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">
    <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">
                    {if $moduleParams.configoption3 == 'on'}
                      <img src="/templates/croster/thurdata/productgroups/3.svg" class="img-fluid" style="height:100px;">
                    {else}
                      <img src="/templates/croster/thurdata/productgroups/3.svg" class="img-fluid" style="height:100px;">
                    {/if}
                  </div>
                </div>
                <h4><small>NextCloud Account:</small> {$mailaddress}</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 != 'Gratis-Account'}
                  <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 ($smarty.now - ($regdate|@strtotime)) > 950400} {* wenn Heute - RegisterDatum > 11 Tage *}
                      <td class="list-text" style="color:yellow;font-size:85%;">Endet in {(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)} Tagen</td>
                    {elseif ($smarty.now - ($regdate|@strtotime)) > 1123200} {* wenn Heute - RegisterDatum > 13 Tage *}
                      <td class="list-text" style="color:red;font-size:85%;">Letzter Tag der Trial Periode</td>
                    {else}
                      <td class="list-text" style="font-size: 85%;">Endet in {(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)} Tagen</td>
                    {/if}
                  </tr>
                  <tr>
                    <td colspan="2"><br /><br /></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><a href="/upgrade.php?type=package&id={$id}" class="btn btn-block btn-primary">Jetzt upgraden</a></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 $domain || $moduleclientarea || $configurableoptions || $customfields || $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 $domain}
                  <li class="nav-item">
                    <a href="#domain" data-toggle="tab" class="nav-link active"><i class="fas fa-globe fa-fw"></i> {if $type eq "server"}{lang key='sslserverinfo'}{elseif ($type eq "hostingaccount" || $type eq "reselleraccount") && $serverdata}{lang key='hostingInfo'}{else}{lang key='clientareahostingdomain'}{/if}</a>
                  </li>
                {elseif $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 $configurableoptions}
                  <li class="nav-item">
                    <a href="#configoptions" data-toggle="tab" class="nav-link{if !$domain && !$moduleclientarea} active{/if}"><i class="fas fa-cubes fa-fw"></i>Details</a>
                  </li>
                {/if}
                {if $metricStats}
                  <li class="nav-item">
                    <a href="#metrics" data-toggle="tab" class="nav-link{if !$domain && !$moduleclientarea && !$configurableoptions} active{/if}"><i class="fas fa-chart-line fa-fw"></i> {lang key='metrics.title'}</a>
                  </li>
                {/if}
                {if $customfields}
                  <li class="nav-item">
                    <a href="#additionalinfo" data-toggle="tab" class="nav-link{if !$domain && !$moduleclientarea && !$metricStats && !$configurableoptions} active{/if}"><i class="fas fa-info fa-fw"></i>Zugangsdaten</a>
                  </li>
                {/if}
                {if $lastupdate}
                  <li class="nav-item">
                    <a href="#resourceusage" data-toggle="tab" class="nav-link{if !$domain && !$moduleclientarea && !$configurableoptions && !$customfields} active{/if}"><i class="fas fa-inbox fa-fw"></i> {lang key='resourceUsage'}</a>
                  </li>
                {/if}
              </ul>
            </div>
            <div class="card-body">
              <div class="tab-content">
                {if $configurableoptions}
                  <div class="tab-pane fade{if !$domain && !$moduleclientarea} show active{/if}" role="tabpanel" id="configoptions">
                    <table width="100%" cellspacing="0" cellpadding="0" class="frame">
                      <tr>
                        <td>
                          <table width="100%" border="0" cellpadding="10" cellspacing="0" class="table table-striped table-framed">
                            <tr>
                              <td align='left'>Benutzername</td>
                              <td align="left">{$mailaddress}</td>
                            </tr>
                            <tr>
                              <td align='left'>Nextcloud Speicher inklusive</td>
                              <td align="left">{$basequota} GB</td>
                            </tr>
                            <tr>
                              <td align='left'>Nextcloud Speicher zugebucht</td>
                              <td align="left">{$addonquota} GB</td>
                            </tr>
                            <tr>
                              <td align='left'>Nextcloud Speicher gesamt</td>
                              <td align="left">{$userquota} GB</td>
                            </tr>
                            {if $moduleParams.configoption3 == 'on'}
                            <tr>
                              <td align='left'>NextCloud Speicher</td>
                              <td align="left">{$userquota * 2} GB</a></td>
                            </tr>
                            {/if}
                          </table>
                        </td>
                      </tr>
                    </table>
                  </div>
                {/if}
                {if $metricStats}
                  <div class="tab-pane fade{if !$domain && !$moduleclientarea && !$configurableoptions} show active{/if}" role="tabpanel" id="metrics">
                    {include file="$template/clientareaproductusagebilling.tpl"}
                  </div>
                {/if}
                {if $customfields}
                  <div class="tab-pane fade{if !$domain && !$moduleclientarea && !$configurableoptions && !$metricStats} show active{/if}" role="tabpanel" id="additionalinfo">
                    <table width="100%" cellspacing="0" cellpadding="0" class="frame">
                      <tr>
                        <td align='left'>NextCloud URL</td>
                        <td align="left"><a href="{$webmailurl}" target="_blank">{$webmailurl}</a></td>
                      </tr>
                      {if $moduleParams.configoption3 == 'on'}
                      <tr>
                        <td align='left'>NextCloud URL</td>
                        <td align="left"><a href="{$moduleParams.configoption4}" target="_blank">{$moduleParams.configoption4}</a></td>
                      </tr>
                      {/if}
                      <tr>
                        <td colspan=2 align='left'>
                          <br />
                          <hr>
                          <br />
                        </td>
                      <tr>
                        <td colspan=2 align='left'>
                          <h6 class="heading">Integrieren Sie Ihr Nextcloud auf Ihr Mobiltelefon oder Ihren PC</h6>
                        </td>
                      </tr>
                      <tr>
                        <td colspan=2 align='left'>
                          <h6 class="heading">Als Benutzernamen verwenden Sie immer Ihre Nextcloud Account ({$mailaddress})</h6>
                        </td>
                      </tr>
                      <tr>
                        <td colspan=2 align='left'>
                          <br />
                          <hr>
                          <br />
                        </td>
                      </tr>
                      <tr>
                        <td align='center'>
                        <strong>Windows Client</strong><br />
                        Synchronisierung Ihrer Dateien mit Nextcloud<br />
                        Mehrere Konten auf veschiedenen Servern<br />
                        <br />
                        <a href="https://github.com/nextcloud/desktop/releases/download/v3.2.4/Nextcloud-3.2.4-x64.msi" target="_blank"><img src="modules/servers/nextcloud/windows.png" /><a/>
                        </td>
                        <td align="center">
                        <strong>Mac Client</strong><br />
                        Synchronisierung Ihrer Dateien mit Nextcloud<br />
                        Mehrere Konten auf veschiedenen Servern<br />
                        <br />
                        <a href="https://github.com/nextcloud/desktop/releases/download/v3.2.4/Nextcloud-3.2.4.pkg" target="_blank"><img src="modules/servers/nextcloud/apple.png" /><a/>
                        </td>
                      </tr>
                        <td colspan=2 align='left'>
                          <br />
                          <hr>
                          <br />
                        </td>
                      </tr>
                      <tr>
                        <td align='center'>
                        <strong>Linux Client</strong><br />
                        Synchronisierung Ihrer Dateien mit Nextcloud<br />
                        Mehrere Konten auf veschiedenen Servern<br />
                        <br />
                              <a href="https://github.com/nextcloud/desktop/releases/download/v3.2.4/Nextcloud-3.2.4-x86_64.AppImage" target="_blank"><img src="modules/servers/nextcloud/linux.png" /><a/>
                        </td>
                        <td align="center"><strong>Appimage</strong><br />
                        Der Linux-Client liegt im Appimage Format vor<br />
                        Das AppImage Format ist eine neue Methode Linux Applikationen zu packen.<br />
                        AppImages sind portabel, das heisst sie müssen nicht installiert <br />
                        werden und funktionieren mit nahezu jeder Linux Distribution.<br />
                        Alle Abhängigkeiten befinden sich in der AppImage Datei.<br />
                        </td>
                      </tr>
                        <td colspan=2 align='left'>
                          <br />
                          <hr>
                          <br />
                        </td>
                      </tr>
                      <tr>
                        <td align='center'>
                        <strong>App für Android</strong><br />
                        Mit dem Nextcloud-Client für Android<br />
                        können Sie Ihre Dateien über eine <br />
                        verschlüsselte Verbindung völlig <br />
                        sicher synchronisieren, bearbeiten und teilen.<br />
                        <br />
                              <a href="https://apps.apple.com/ch/app/nextcloud/id1125420102" target="_blank"><img src="modules/servers/nextcloud/apple_store.png" /><a/>
                        </td>
                        <td align="center">
                        <strong>App für iPhone</strong><br />
                        Mit dem Nextcloud-Client für iPhone<br />
                        können Sie Ihre Dateien über eine <br />
                        verschlüsselte Verbindung völlig <br />
                        sicher synchronisieren, bearbeiten und teilen.<br />
                        <br />
                              <a href="https://play.google.com/store/apps/details?id=com.nextcloud.client&hl=de_CH&gl=US" target="_blank"><img src="modules/servers/nextcloud/google_play.png" /><a/>
                        </td>
                      </tr>
                    </table>
                  </div>
                {/if}
                {if $lastupdate}
                  <div class="tab-pane fade" role="tabpanel" id="resourceusage" align="center">
                    <div class="col-sm-10">
                      <div class="col-sm-6">
                        <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>{($diskusage / 1024)|round:1} GB / {($disklimit / 1024)|round:1} GB</p>
                      </div>
                    </div>
                    <div class="clearfix">
                    </div>
                    <p class="text-muted">{lang key='clientarealastupdated'}: {$lastupdate}</p>
                    <script src="{$BASE_PATH_JS}/jquery.knob.js"></script>
                    <script>
                      jQuery(function() {
                        jQuery(".dial-usage").knob({
                          'format': function(v) {
                            alert(v);
                          }
                        });
                      });
                    </script>
                    <div class="col-xs-{if $showcancelbutton}6{else}12{/if}">
                      <a href="upgrade.php?type=configoptions&amp;id={$id}" class="btn btn-block btn-primary">Weiteren Speicher hinzubuchen</a>
                    </div>
                  </div>
                {/if}
              </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}
  </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>