heyday-marketing-gmbh/imapsync
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine output container and set hosts as predefined

Browse Source
This commit is contained in:
Matthäus Kuhn
2025-12-11 17:51:38 +01:00
parent 2db3fc1f7f
commit 08486ed928
1 changed files with 25 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
html/imapsync_form_extra.html
View File

@@ -42,22 +42,9 @@
</div> </div>
<div class="container"> <div class="container">
<div class="row"> <div class="row my-3">
<div class="text-center">
<a href="https://imapsync.lamiral.info/">
<img alt="Imapsync home" title="Imapsync home page"
src="https://imapsync.lamiral.info/X/logo_imapsync_Xn.png" height="38" width="60">
</a>
<a href="#top" title="Top of the page" class="btn btn-info " role="button">Top</a>
<a href="#bottom" title="Bottom of the page" class="btn btn-info active" role="button">Bottom</a>
</div>
</div>
<div class="row mb-3">
<div class="col"> <div class="col">
<h1 class="text-center">Imapsync online</h1> <h1 class="text-center">heyday Imap Sync</h1>
<p class="text-center"> <strong>Copy</strong>/synchronize a <strong>complete</strong> mailbox to
another,
without <strong>duplicates!</strong></p>
</div> </div>
</div> </div>
@@ -71,9 +58,9 @@
<div class="input-group form-group"> <div class="input-group form-group">
<span class="input-group-text"><i class="bi bi-person"></i></span> <span class="input-group-text"><i class="bi bi-person"></i></span>
<input data-toggle="tooltip" data-placement="bottom" <input data-toggle="tooltip" data-placement="bottom"
title="It is usually an email address or its left part before @" type="text" title="Euer LDAP Login" type="text"
class="form-control input-lg" id="user1" name="user1" tabindex="1" class="form-control input-lg" id="user1" name="user1" tabindex="1"
placeholder="Enter login name"> placeholder="kuhnm">
</div> </div>
<label class="form-check-label text-light" for="password1">Password</label> <label class="form-check-label text-light" for="password1">Password</label>
@@ -82,11 +69,11 @@
<input data-toggle="tooltip" data-placement="bottom" <input data-toggle="tooltip" data-placement="bottom"
title="Passwords are not stored on the server" type="password" title="Passwords are not stored on the server" type="password"
class="form-control input-lg" id="password1" name="password1" tabindex="2" class="form-control input-lg" id="password1" name="password1" tabindex="2"
placeholder="Enter password"> placeholder="Passwort">
</div> </div>
<div class="text-end"> <div class="text-end">
<label class="form-check-label text-light" for="showpassword1"> <label class="form-check-label text-light" for="showpassword1">
show password Zeige das Passwort
</label> </label>
<input class="form-check-input" type="checkbox" id="showpassword1"> <input class="form-check-input" type="checkbox" id="showpassword1">
</div> </div>
@@ -96,88 +83,14 @@
<span class="input-group-text"><i class="bi bi-cloudy"></i></span> <span class="input-group-text"><i class="bi bi-cloudy"></i></span>
<input data-toggle="tooltip" data-placement="bottom" <input data-toggle="tooltip" data-placement="bottom"
title="IMAP transfers are done with encryption if the servers support it." title="IMAP transfers are done with encryption if the servers support it."
list="servers1" type="text" class="form-control input-lg" id="host1" name="host1" list="servers1" type="text" class="form-control input-lg" id="host1" name="host1" value="mail.heyday.marketing"
tabindex="3" placeholder="Enter imap source server name or IP address"> tabindex="3" placeholder="Enter imap source server name or IP address">
<datalist id="servers1">
<option value="imap.gmail.com">
<option value="outlook.office365.com">
<option value="imap.mail.yahoo.com">
</datalist>
</div> </div>
<div class="form-group form-check collapse extra_param">
<input class="form-check-input" data-toggle="tooltip" data-placement="bottom"
title="Be careful with this option" type="checkbox" id="delete1" name="delete1">
<label class="form-check-label text-light" for="delete1">Move sync. Deletes messages on
source
mailbox after a successful transfer.</label>
</div>
<div class="form-group collapse extra_param">
<label for="subfolder1" class="form-check-label text-light"> Sub-folder</label>
<div class="input-group form-group">
<span class="input-group-text"><i class="bi bi-folder2-open"></i></i></span>
<input data-toggle="tooltip" data-placement="bottom"
title="A subfolder where all the source mailbox comes from." type="text"
class="form-control input-lg" id="subfolder1" name="subfolder1"
placeholder="Enter sub-folder name">
</div>
</div>
</fieldset> </fieldset>
</div> </div>
<div id="parameters" class="col col-md-2 order-2 order-lg-1 d-flex justify-content-between flex-column"> <div id="account2" class="col col-md-5 order-1 order-lg-2 offset-md-2 py-3">
<div class="form-check">
<label class="form-check-label" for="dry">Dry run.</label>
<input class="form-check-input" data-toggle="tooltip" data-placement="bottom"
title="Shows what would be done without really doing it." type="checkbox" id="dry"
name="dry">
</div>
<div class="form-check">
<label class="form-check-label" for="justlogin">Login only.</label>
<input class="form-check-input" data-toggle="tooltip" data-placement="bottom"
title="Checks credentials without syncing anything." type="checkbox" id="justlogin"
name="justlogin">
</label>
</div>
<div class="form-check">
<label class="form-check-label" for="justfoldersizes">Just folders sizes.</label>
<input class="form-check-input" data-toggle="tooltip" data-placement="bottom"
title="Shows folders sizes and exits." type="checkbox" id="justfoldersizes"
name="justfoldersizes">
</label>
</div>
<div class="form-check">
<label class="form-check-label" for="justfolders">Folders only.</label>
<input class="form-check-input" data-toggle="tooltip" data-placement="bottom"
title="Just create the folder hierarchy, messages are not synced." type="checkbox"
id="justfolders" name="justfolders">
</label>
</div>
<div id="button_extra_param" class="text-center scripton">
<button type="button" class="btn btn-primary btn-block" data-bs-toggle="collapse"
data-bs-target=".extra_param" aria-expanded="false" aria-controls="extra_param">
Show / Hide extra parameters</button>
</div>
<div id="button_swap" class="text-center scripton">
<button type="button" class="btn btn-primary btn-block" id="swap">
Swap Source <i class="bi bi-arrow-left-right"></i> Destination
</button>
</div>
</div>
<div id="account2" class="col col-md-5 order-1 order-lg-2 py-3">
<fieldset> <fieldset>
<legend class="text-center h2 text-light">IMAP destination mailbox</legend> <legend class="text-center h2 text-light">IMAP destination mailbox</legend>
@@ -185,63 +98,34 @@
<div class="input-group form-group"> <div class="input-group form-group">
<span class="input-group-text"><i class="bi bi-person"></i></span> <span class="input-group-text"><i class="bi bi-person"></i></span>
<input data-toggle="tooltip" data-placement="bottom" <input data-toggle="tooltip" data-placement="bottom"
title="It is usually an email address or its left part before @" type="text" title="Eure komplette E-Mail Adresse" type="text"
class="form-control input-lg" id="user2" name="user2" tabindex="6" class="form-control input-lg" id="user2" name="user2" tabindex="6"
placeholder="Enter login name"> placeholder="m.kuhn@heydevelop.de">
</div> </div>
<label for="password2" class="form-check-label text-light">Password</label> <label for="password2" class="form-check-label text-light">Passwort</label>
<div class="input-group form-group"> <div class="input-group form-group">
<span class="input-group-text"><i class="bi bi-lock"></i></span> <span class="input-group-text"><i class="bi bi-lock"></i></span>
<input data-toggle="tooltip" data-placement="bottom" <input data-toggle="tooltip" data-placement="bottom"
title="Passwords are not stored on the server" type="password" title="Passwords are not stored on the server" type="password"
class="form-control input-lg" id="password2" name="password2" tabindex="7" class="form-control input-lg" id="password2" name="password2" tabindex="7"
placeholder="Enter password"> placeholder="Passwort">
</div> </div>
<div class="text-end"> <div class="text-end">
<label class="form-check-label text-light" for="showpassword2"> <label class="form-check-label text-light" for="showpassword2">
show password Zeige passwort
</label> </label>
<input class="form-check-input" type="checkbox" id="showpassword2"> <input class="form-check-input" type="checkbox" id="showpassword2">
</div> </div>
<label for="host2" class="form-check-label text-light">Server</label> <label for="host2" class="form-check-label text-light">Server</label>
<div class="input-group form-group"> <div class="input-group form-group ">
<span class="input-group-text"><i class="bi bi-cloudy"></i></span> <span class="input-group-text"><i class="bi bi-cloudy"></i></span>
<input data-toggle="tooltip" data-placement="bottom" <input data-toggle="tooltip" data-placement="bottom"
title="IMAP transfers are done with encryption if the servers support it." title="IMAP transfers are done with encryption if the servers support it."
list="servers2" type="text" class="form-control input-lg" id="host2" name="host2" list="servers2" type="text" class="form-control input-lg" id="host2" name="host2" value="mail.heydevelop.de"
tabindex="8" placeholder="Enter imap destination server name or IP address"> tabindex="8" placeholder="mail.heydevelop.de">
<datalist id="servers2">
<option value="imap.gmail.com">
<option value="outlook.office365.com">
<option value="imap.mail.yahoo.com">
</datalist>
</div> </div>
<!-- -->
<div class="form-group form-check collapse extra_param">
<input class="form-check-input" data-toggle="tooltip" data-placement="bottom"
title="Be careful with this option" type="checkbox" id="delete2" name="delete2"
tabindex="9">
<label class="form-check-label text-light" for="delete2">Strict sync. Deletes
messages on destination mailbox that are not at the source mailbox. </label>
</div>
<div class="form-group collapse extra_param" id="extra_subfolder2">
<label for="subfolder2" class="form-check-label text-light">Sub-folder</label>
<div class="input-group form-group">
<span class="input-group-text"><i class="bi bi-folder2-open"></i></span>
<input data-toggle="tooltip" data-placement="bottom"
title="A subfolder where all the source mailbox will go." type="text"
class="form-control input-lg" id="subfolder2" name="subfolder2"
placeholder="Enter sub-folder name">
</div>
</div>
<!-- -->
<div> <div>
<br>
</div> </div>
</fieldset> </fieldset>
</div> </div>
@@ -264,25 +148,25 @@
<!-- Classical button to go to the log only --> <!-- Classical button to go to the log only -->
<noscript> <noscript>
<div class="row"> <div class="row">
<div class="col-sm-12 padd0"> <div class="col-sm-12 p-0">
<button type="submit" class="btn btn-success btn-lg center-block btn-block">Go sync!</button> <button type="submit" class="btn btn-success btn-lg center-block btn-block">Los Synchronisiere!</button>
</div> </div>
</div> </div>
</noscript> </noscript>
<!-- Javascript buttons using xhr --> <!-- Javascript buttons using xhr -->
<div class="row scripton"> <div class="row scripton">
<div class="col-sm-6 padd0"> <div class="col-sm-6 p-0">
<button id="bt-sync" type="button" class="btn btn-success btn-lg center-block btn-block" <button id="bt-sync" type="button" class="btn btn-success btn-lg center-block btn-block"
tabindex="11" data-toggle="tooltip" data-placement="top" tabindex="11" data-toggle="tooltip" data-placement="top"
title="Launch the sync! You can abort the sync with the red Abort button nearby or by closing the tab/window."> title="Launch the sync! You can abort the sync with the red Abort button nearby or by closing the tab/window.">
Sync or resync!<br> Sync Starten!<br>
<i class="bi bi-envelope"></i> <i class="bi bi-envelope"></i>
<i class="bi bi-arrow-right"></i> <i class="bi bi-arrow-right"></i>
<i class="bi bi-envelope"></i> <i class="bi bi-envelope"></i>
</button> </button>
</div> </div>
<div class="col-sm-6 padd0"> <div class="col-sm-6 d-bone ">
<button id="bt-abort" type="button" class="btn btn-danger btn-lg center-block btn-block" <button id="bt-abort" type="button" class="btn btn-danger btn-lg center-block btn-block"
tabindex="12" data-toggle="tooltip" data-placement="top" tabindex="12" data-toggle="tooltip" data-placement="top"
title="Abort the sync! You can restart the sync later, no duplicates should happen."> title="Abort the sync! You can restart the sync later, no duplicates should happen.">
@@ -309,7 +193,7 @@
<div class="col-sm-6 well"> <div class="col-sm-6 well">
<h2 class="text-center">Console of imapsync launch</h2> <h2 class="text-center">Console of imapsync launch</h2>
<pre id="console"> <pre id="console" class="overflow-scroll">
@@ -331,34 +215,11 @@
<div class="container overflow-y-scroll vh-25"> <div class="container overflow-y-scroll vh-25">
<h2 class="text-center scripton">Log of imapsync run</h2> <h2 class="text-center scripton">Log of imapsync run</h2>
<pre id="output" class="scripton"></pre> <pre id="output" class="scripton overflow-scroll"></pre>
<a id="bottom"></a>
<hr> <hr>
<p class="text-center">Feel free to contact
<strong><a href="https://imapsync.lamiral.info/#AUTHOR" target="_blank">Gilles LAMIRAL</a></strong>
</p>
</div> </div>
<div class="container-fluid">
<div class="row">
<div class="text-center">
<a href="https://imapsync.lamiral.info/">
<img alt="Imapsync home page" src="https://imapsync.lamiral.info/X/logo_imapsync_Xn.png" height="38"
width="60">
</a>
<a href="#top" title="Top of the page" class="btn btn-info " role="button">Top</a>
<a href="#bottom" title="Bottom of the page" class="btn btn-info active" role="button">Bottom</a>
<p>Terms and conditions for anything: <a href="https://imapsync.lamiral.info/LICENSE">No limits to do
anything with this work and this license!</a></p>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" <script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>