jb-data.de/template/tpl/webspace_v1.tpl
2025-08-11 22:23:30 +02:00

377 lines
No EOL
22 KiB
Smarty

<div class="col-md-12 mb20">
<h5 class="subtitle mb5">{$sel_web_doamin.domain}</h5>
<p>You can use darker tab bar for a nicer look and feel.</p>
<br />
<!-- Nav tabs -->
<ul class="nav nav-tabs nav-dark">
<li {if $aktiv=="home"}class="active"{/if}><a href="#home2" data-toggle="tab"><strong>Home</strong></a></li>
<li {if $aktiv=="ftp"}class="active"{/if}><a href="#ftp" data-toggle="tab"><strong>FTP</strong></a></li>
<li {if $aktiv=="email"}class="active"{/if}><a href="#email" data-toggle="tab"><strong>E-Mail</strong></a></li>
<li {if $aktiv=="db"}class="active"{/if}><a href="#db" data-toggle="tab"><strong>MySQL-Datenbank</strong></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content mb30">
<div class="tab-pane {if $aktiv=="home"}active{/if}" id="home2">
<!-- linke seite start -->
<div class="col-sm-12">
<div class="panel panel-default" style="background-color:#F3F3F3;">
<div class="panel-body">Panel content</div>
</div><!-- panel -->
</div>
<!-- linke seite ende -->
</div>
<!-- ************************************************************************************** -->
<!-- **************************************************************************** FTP ***** -->
<!-- ************************************************************************************** -->
<div class="tab-pane {if $aktiv=="ftp"}active{/if}" id="ftp">
<div class="row">
<!-- ***** linke seite -->
<div class="col-md-8">
<h5 class="subtitle mb5">FTP Account</h5>
<input type="button" class="btn btn-xs btn-darkblue" style="float:right;" value="Neuen FTP Account erstellen" data-toggle="modal" data-target=".newftpacc">
<div class="table-responsive">
<table class="table mb30">
<thead>
<tr>
<th>Server URL</th>
<th>Server Port</th>
<th>FTP-Benutzer</th>
<th>aktiv</th>
<th>Bearbeiten</th>
</tr>
</thead>
<tbody>
{foreach from=$ftp_doamin item=ftp_doamin}
<tr>
<td>{$sel_web_doamin.domain}</td>
<td>Port: 21 (standard)</td>
<td>{$ftp_doamin.username}</td>
{if $ftp_doamin.active=="y"}
<td><i class="fa fa-check-square-o"></i></td>
{else}
<td><i class="fa fa-times-circle"></i></td>
{/if}
<!-- <td>{$ftp_doamin.dir}</td> **** braucht keine Sau im FTP -->
<td>
<div class="btn-group">
<a data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-cog"></i></a>
<ul role="menu" class="dropdown-menu pull-right">
<li>
<form action="" method="post">
<input type="submit" name="delete_ftp_account" style="width:100%;" class="btn btn-danger" value="löschen">
<input type="hidden" name="ftpID" value="{$ftp_doamin.ftp_user_id}">
</form>
</li>
<li class="divider"></li>
<li><form action="" method="post"><input type="button" style="width:100%;" class="btn btn-warning" value="bearbeiten"</form></li>
</ul>
</div>
</td>
</tr>
{/foreach}
</tbody>
</table>
</div><!-- table-responsive -->
</div><!-- col-md-8 -->
<!-- rechte seite start -->
<div class="col-sm-4">
<div class="panel panel-warning" style="background-color:#F3F3F3">
<div class="panel-heading">
<div class="panel-btns"></div><!-- panel-btns -->
<h6 class="panel-title">Was ist FTP-Server ? ? ?</h6>
</div>
<div class="panel-body">
<strong>FTP ist die Abkürzung für das FileTransferProtokoll.</strong><br>
Mit Hilfe eines zusätzlichen Programm, was dieses Protokoll unterstützt, ist es möglich Daten zwischen Ihrem lokalen Computer und dem DNSMax.de Speicherplatz zu übertragen. Das FTP-Übertragungsprotokoll ist unabhängig vom verwendeten Betriebssystem und von der Art der Verbindung. Zusätzlich zur Möglichkeit Daten über das FTP-Protokoll zu übertragen, erlaubt es auch die Anzeige von Verzeichnissen, deren Umbenennung oder die Einschränkung von Rechten.
</div>
</div><!-- panel -->
<div class="panel panel-warning" style="background-color:#F3F3F3">
<div class="panel-heading">
<div class="panel-btns"></div><!-- panel-btns -->
<h6 class="panel-title">Downloads (Links)</h6>
</div>
<div class="panel-body">
<table>
<thead>
<tr>
<th style="width:55%" >Download</th>
<th style="width:15%" > </th>
<th style="width:30%" >Type</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fa fa-windows"></i>&nbsp;&nbsp;&nbsp;<a href="http://www.chip.de/downloads/FileZilla_13011076.html" target="_blank">FileZilla</a></td>
<td><i class="fa fa-info-circle tooltips" data-original-title="FileZilla ist ein genialer FTP-Client mit allen nötigen Komfort-Funktionen."></i></td>
<td>Freeware</td>
</tr>
<tr>
<td><i class="fa fa-apple"></i>&nbsp;&nbsp;&nbsp;<a href="http://www.chip.de/downloads/FileZilla-fuer-Mac-OS_70024129.html" target="_blank">FileZilla</a></td>
<td><i class="fa fa-info-circle tooltips" data-original-title="FileZilla ist ein genialer FTP-Client mit allen nötigen Komfort-Funktionen."></i></td>
<td>Freeware</td>
</tr>
<tr>
<td><i class="fa fa-linux"></i>&nbsp;&nbsp;&nbsp;<a href="http://www.computerbild.de/download/FileZilla-Linux-8569676.html" target="_blank">FileZilla</a></td>
<td><i class="fa fa-info-circle tooltips" data-original-title="FileZilla ist ein genialer FTP-Client mit allen nötigen Komfort-Funktionen."></i></td>
<td>Freeware</td>
</tr>
<tr>
<td><i class="fa fa-windows"></i>&nbsp;&nbsp;&nbsp;<a href="http://www.chip.de/downloads/SmartFTP-32-Bit_12998017.html" target="_blank">SmartFTP (x86)</a></td>
<td><i class="fa fa-info-circle tooltips" data-original-title="SmartFTP ist ein FTP-Client, der anderen Tools das Fürchten lehrt. Leider ist das Tool auch für die Privatnutzung nicht mehr kostenlos."></i></td>
<td>Shareware</td>
</tr>
<tr>
<td><i class="fa fa-windows"></i>&nbsp;&nbsp;&nbsp;<a href="http://www.computerbild.de/download/SmartFTP-64-Bit-6399676.html" target="_blank">SmartFTP (x64)</a></td>
<td><i class="fa fa-info-circle tooltips" data-original-title="SmartFTP ist ein FTP-Client, der anderen Tools das Fürchten lehrt. Leider ist das Tool auch für die Privatnutzung nicht mehr kostenlos."></i></td>
<td>Shareware</td>
</tr>
</tbody>
</table>
</div><!-- panel body-->
</div><!-- panel warning -->
</div> <!-- col -->
<!-- rechte seite ende -->
</div><!-- row -->
</div><!-- if ftp angeklickt .... -->
<!-- ************************************************************************************** -->
<!-- *********************************************************************** E-Mail ******* -->
<!-- ************************************************************************************** -->
<div class="tab-pane {if $aktiv=="email"}active{/if}" id="email">
<!-- ***** linke seite -->
<div class="col-md-7">
<!-- <input type="button" class="btn btn-xs btn-orange" style="float:right;" value="Neue E-Mail Adresse erstellen" data-toggle="modal" data-target=".newmailacc"> -->
<h5 class="subtitle mb5">E-Mail Konto</h5>
<div class="table-responsive">
<table class="table table-success mb30">
<thead>
<tr>
<th>E-Mail Adresse</th>
<th>Absendername</th>
<th>Typ</th>
<th>bearbeiten</th>
<th> </th>
</tr>
</thead>
<tbody>
{foreach from=$mail_accounts item=mail_accounts}
<tr>
<td>{$mail_accounts.email}</td>
<td>{$mail_accounts.name}</td>
<td>
<button type="submit"><i class="fa fa-pencil"></i></button>
<button type="submit"><i class="fa fa-trash-o"></i></button>
</td>
<td><div class="btn-group">
<a data-toggle="dropdown" class="dropdown-toggle"> <i class="fa fa-cog"></i> </a>
<ul role="menu" class="dropdown-menu pull-right">
<li><form action="" method="post"><input type="submit" name="delete_mail_account" style="width:100%;" class="btn btn-danger" value="löschen"><input type="hidden" name="mailID" value="{$mail_accounts.name.mailuser_id}"></form></li>
<li class="divider"></li>
<li><form action="" method="post"><input type="button" style="width:100%;" class="btn btn-warning" value="bearbeiten"</form></li>
</ul>
</div>
</td>
</tr>
{/foreach}
</tbody>
</table>
<input type="button" class="btn btn-success btn-sm" style="float:right;" value="Neuen E-Mail Account erstellen" data-toggle="modal" data-target=".newmailacc">
</div><!-- table-responsive -->
<br><br>
<!-- Anfang email weiterleitung in zweiter tabelle aber linke seite anzeigen -->
<h5 class="subtitle mb5">E-Mail Alias / Weiterleitung / Catchall</h5>
<div class="table-responsive">
<table class="table table-success mb30">
<thead>
<tr>
<th>E-Mail Adresse</th>
<th>Empfängeradresse</th>
<th>Typ</th>
<th>bearbeiten</th>
<th> </th>
</tr>
</thead>
<tbody>
{foreach from=$mail_forwarding item=mail_forwarding}
<tr>
<td>{$mail_forwarding.source}</td>
<td>{$mail_forwarding.destination}</td>
<td>{$mail_forwarding.type}</td>
<td>
<button type="submit"><i class="fa fa-pencil"></i></button>
<button type="submit"><i class="fa fa-trash-o"></i></button>
</td>
<td><div class="btn-group">
<a data-toggle="dropdown" class="dropdown-toggle">
<i class="fa fa-cog"></i>
</a>
<ul role="menu" class="dropdown-menu pull-right">
<li><form action="" method="post"><input type="submit" name="delete_mail_account" style="width:100%;" class="btn btn-danger" value="löschen">
<input type="hidden" name="forwarding_id" value="{$mail_forwarding.name.forwarding_id}"></form></li>
<li class="divider"></li>
<li><form action="" method="post"><input type="button" style="width:100%;" class="btn btn-warning" value="bearbeiten"</form></li>
</ul>
</div>
</td>
</tr>
{/foreach}
<!-- anfang email actch in erster tabelle anzeigen -->
<!-- Ende email catch in erster tabelle anzeigen -->
</tbody>
</table>
<!-- Ende email weiterleitung in erster tabelle anzeigen -->
<input type="button" class="btn btn-success btn-sm" style="float:right;" value="Alias erstellen" data-toggle="modal" data-target=".newmail_al">
<input type="button" class="btn btn-success btn-sm" style="float:right; margin-right:10Px" value="Weiterleitung erstellen" data-toggle="modal" data-target=".newmail_fw">
<input type="button" class="btn btn-success btn-sm" style="float:right; margin-right:10Px" value="Catchall erstellen" data-toggle="modal" data-target=".newmail_ca">
</div><!-- table-responsive -->
</div><!-- col-md-4 linke seite ende -->
<!-- mitte seite start -->
<!-- rechte seite INFO start -->
<div class="col-sm-5">
<div class="panel panel-warning" style="background-color:#F3F3F3">
<div class="panel-heading">
<div class="panel-btns"></div><!-- panel-btns -->
<h6 class="panel-title">>E-Mail Setup</h6>
</div>
<div class="panel-body">
<strong>Echte E-Mail Adressen</strong><br>
Echte E-Mail Adressen können Sie weltweit per IMAP oder per pop3 abrufen und mit SMTP versenden. Für jede Plattform (Windows/Linux/Android usw.) gibt es dafür unzählige E-Mail Clients. Bei diesen Adressen werden die E-Mails auf unseren DNSMax.de Servern gespeichert und Ihnen zum Abruf bereitgestellt.<br><br>
<strong>E-Mail Alias</strong><br>
E-Mail Alias ist eine zweite E-Mail Adresse. Alle eingeneden Emails werden dann an die erste Mailadresse weitergeleitet. <br>Bsp.: Max Mustermann hat die E-Mail: max.mustermann@{$sel_web_doamin.domain}. Damit er auch unter max@{$sel_web_doamin.domain} sowie mustermann@{$sel_web_doamin.domain} erreichbar ist, hat er diese 2 zusätzlichen Adressen als Alias der ersten Hauptadresse hinzugefügt.<br><br>
<strong>E-Mail Weiterleitung (forward)</strong><br>
Bei E-Mail Weiterleitung werden Adressen von Ihnen generiert, die eingehende E-Mails an eine andere bestehende E-Mail weiterleitet. Diese E-Mails werden sofort weitergeleitet und nicht auf unseren Serverm zwischengespeichert.<br><br>
<strong>E-Mail Catchall</strong><br>
Nichts geht verloren ...... Bei E-Mail Catchall können Sie eine tatsächliche E-Mailadresse angeben. Zu dieser Adresse werden alle E-Mails gesendet, die nicht zugeornet werden können.<br>Bsp.: So sind sie auch unter 0815@{$sel_web_doamin.domain} erreichbar, obwohl diese E-Mail nicht eingerichtet ist.<br>
</div><!-- panel-body -->
</div><!-- table-responsive -->
</div><!-- col-md-4 linke seite ende -->
</div><!-- if email angeklickt .... -->
<!-- ************************************************************************************** -->
<!-- *********************************************************************** MYSQL DB ***** -->
<!-- ************************************************************************************** -->
<div class="tab-pane {if $aktiv=="db"}active{/if}" id="db">
<address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
<strong>Full Name</strong><br>
<a href="mailto:#">first.last@example.com</a>
</address>
</div><!-- if db angeklickt .... -->
</div>
<div class="modal fade newftpacc" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
<h4 class="modal-title">Neuen FTP Account erstellen</h4>
</div>
<div class="modal-body">
<form action="" method="post">
<div class="form-group">
<label class="col-sm-3 control-label">Benutzername</label>
<div class="col-sm-6">
<input type="text" name="ftp_user_name" title="{$sel_web_doamin.domain}_WUNSCHNAME" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" required />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Passwort</label>
<div class="col-sm-6">
<input type="text" name="ftp_user_password" title="Wähle ein Sicheres Passwort" placeholder="min. 6 Zeichen" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" required />
</div>
</div>
<div class="form-group">
<div class="col-sm-9">
<input type="submit" class="btn btn-xs btn-darkblue" style="float:right;" name="create_ftp_account" value="erstellen">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade newmailacc" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
<h4 class="modal-title">Neues E-Mail Konto</h4>
</div>
<div class="modal-body">
<form action="" method="post">
<div class="form-group">
<label class="col-sm-3 control-label">Name</label>
<div class="col-sm-6">
<input type="text" name="email_name" data-toggle="tooltip" placeholder="optional" data-trigger="hover" class="form-control tooltips" required />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Email Adresse</label>
<div class="col-sm-6">
<input type="text" name="email_adresse" data-toggle="tooltip" placeholder="wunschname@{$sel_web_doamin.domain}" data-trigger="hover" class="form-control tooltips" required />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Passwort</label>
<div class="col-sm-6">
<input type="text" name="email_password" title="Wähle ein Sicheres Passwort" placeholder="min. 8 Zeichen" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" required />
</div>
</div>
<div class="form-group">
<div class="col-sm-9">
<input type="submit" class="btn btn-xs btn-darkblue" style="float:right;" name="create_email_account" value="erstellen">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade newmail_ca" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
<h4 class="modal-title">Neues E-Mail Konto</h4>
</div>
<div class="modal-body">
<form action="" method="post">
<div class="form-group">
<label class="col-sm-3 control-label">Ziel-Email Adresse</label>
<div class="col-sm-6">
<input type="text" name="email_adresse" data-toggle="tooltip" placeholder="wunschname@{$sel_web_doamin.domain}" data-trigger="hover" class="form-control tooltips" required />
</div>
</div>
<div class="form-group">
<div class="col-sm-9">
<input type="submit" class="btn btn-xs btn-success" style="float:right;" name="create_email_account" value="erstellen">
</div>
</div>
</form>
</div>
</div>
</div>
</div>