replace client area template

clientarea.tpl

@@ -0,0 +1,433 @@
+{*
+ **********************************************************
+ * 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">
+    {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">
+                      {if $moduleParams.configoption3 == 'on'}
+                        <img src="/templates/croster/thurdata/productgroups/2.svg" class="img-fluid" style="height:100px;">
+                      {else}
+                        <img src="/templates/croster/thurdata/productgroups/2.svg" class="img-fluid" style="height:100px;">
+                      {/if}
+                    </div>
+                  </div>
+                  <h4><small>SeaFile 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 $status == "Beendet"}
+                              <td class="list-text" style="font-size:85%;">
+                                Abgelaufen seit {((($smarty.now - ($regdate|@strtotime)) / 86400)|round) - 14} Tagen
+                              </td>
+                            {elseif ($smarty.now - ($regdate|@strtotime)) > 1123200} {* wenn Heute - RegisterDatum > 13 Tage *}
+                              <td class="list-text" style="color:red;font-size:85%;">
+                                <span class="w-hidden">{$normalisedNextDueDate}</span>
+                                Letzter Tag der Trial Periode
+                              </td>
+                            {elseif ($smarty.now - ($regdate|@strtotime)) > 950400} {* wenn Heute - RegisterDatum > 11 Tage *}
+                              <td class="list-text" style="color:orange;font-size:85%;">
+                                <span class="w-hidden">{$normalisedNextDueDate}</span>
+                                Endet in {(14 - (($smarty.now - ($regdate|@strtotime)) / 86400)|round)} Tagen
+                              </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 $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 $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 !$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 !$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 !$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 !$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 !$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'>Seafile Speicher inklusive</td>
+                                <td align="left">{$basequota} GB</td>
+                              </tr>
+                              <tr>
+                                <td align='left'>Seafile Speicher zugebucht</td>
+                                <td align="left">{$addonquota} GB</td>
+                              </tr>
+                              <tr>
+                                <td align='left'>Seafile Speicher gesamt</td>
+                                <td align="left">{$userquota} GB</td>
+                              </tr>
+                              {if $moduleParams.configoption3 == 'on'}
+                              <tr>
+                                <td align='left'>Seafile 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 !$moduleclientarea && !$configurableoptions} show active{/if}" role="tabpanel" id="metrics">
+                      {include file="$template/clientareaproductusagebilling.tpl"}
+                    </div>
+                  {/if}
+                  {if $customfields}
+                    <div class="tab-pane fade{if !$moduleclientarea && !$configurableoptions && !$metricStats} show active{/if}" role="tabpanel" id="additionalinfo">
+                      <table width="100%" cellspacing="0" cellpadding="0" class="frame">
+                        <tr>
+                          <th width="50%"></th>
+                          <th width="50%"></th>
+                        </tr>
+                        <tr>
+                          <td align='center'>Seafile URL</td>
+                          <td align="center"><a href="{$webmailurl}" target="_blank">{$webmailurl}</a></td>
+                        </tr>
+                        {if $moduleParams.configoption3 == 'on'}
+                        <tr>
+                          <td align='center'>Seafile URL</td>
+                          <td align="center"><a href="{$moduleParams.configoption4}" target="_blank">{$moduleParams.configoption4}</a></td>
+                        </tr>
+                        {/if}
+                        <tr>
+                          <td colspan=2 align='center'>
+                            <br />
+                            <hr>
+                            <br />
+                          </td>
+                        <tr>
+                          <td colspan=2 align='center'>
+                            <h6 class="heading">Integrieren Sie Seafile auf Ihr Mobiltelefon oder Ihren PC</h6>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td colspan=2 align='center'>
+                            <h6 class="heading">Als Benutzernamen verwenden Sie immer Ihren Seafile Account</h6>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td colspan=2 align='center'>
+                            <br />
+                            <hr>
+                            <br />
+                          </td>
+                        </tr>
+                        <tr>
+                          <td align='center'>
+                        	<strong>Windows Drive Client</strong><br />
+                        	Zugriff auf die Daten über ein<br />
+                        	eingebundenes Netzlaufwerk.<br />
+                        	<br />
+                                <a href="https://s3.eu-central-1.amazonaws.com/download.seadrive.org/seadrive-2.0.5-en.msi" target="_blank"><img src="modules/servers/seafile/seadrive-win.png" /><a/>
+                          </td>
+                          <td align="center">
+                        	<strong>Windows Client</strong><br />
+                        	Synchronisierung Ihrer Dateien mit Seafile<br />
+                        	Mehrere Konten auf veschiedenen Servern<br />
+                        	<br />
+                                <a href="https://s3.eu-central-1.amazonaws.com/download.seadrive.org/seafile-7.0.9-en.msi" target="_blank"><img src="modules/servers/seafile/windows.png" /><a/>
+                          </td>
+                        </tr>
+                          <td colspan=2 align='left'>
+                            <br />
+                            <hr>
+                            <br />
+                          </td>
+                        </tr>
+                        <tr>
+                          <td align='center'>
+                        	<strong>Apple Drive Client</strong><br />
+                        	Zugriff auf Ihre Daten über eine im Finder
+                        	direkt eingebundene Freigabe.
+                        	Mehrere Konten auf veschiedenen Servern<br />
+                        	<br />
+                                <a href="https://s3.eu-central-1.amazonaws.com/download.seadrive.org/seadrive-2.0.5.dmg" target="_blank"><img src="modules/servers/seafile/apple.png" /><a/>
+                          </td>
+                          <td align="center">
+                                <strong>Apple Client</strong><br />
+                                Zugriff auf die Dateien via <br />
+                                Desktop Applikation<br />
+                                <br />
+                                <a href="https://s3.eu-central-1.amazonaws.com/download.seadrive.org/seafile-client-7.0.9.dmg" target="_blank"><img src="modules/servers/seafile/apple.png" /><a/>
+                          </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 Seafile-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://play.google.com/store/apps/details?id=com.seafile.seadroid2" target="_blank"><img src="modules/servers/seafile/google_play.png" /><a/>
+                          </td>
+                          <td align="center">
+                        	<strong>App für iPhone</strong><br />
+                        	Mit dem Seafile-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://itunes.apple.com/cn/app/seafile-pro/id639202512?l=en&mt=8" target="_blank"><img src="modules/servers/seafile/apple_store.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}
+    {/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>

seafile.php

@@ -203,7 +203,7 @@ function seafile_ClientArea($params) {
 	$slang = array();
 	include_once dirname(__FILE__).'/lang/'.$lla.'.php';
 	return array(
-		'templatefile' => 'clientside',
+		'tabOverviewReplacementTemplate' => 'clientarea',
 		'vars' => array_merge(
 			array(
 				'url' => $seafileURL,