417 lines
16 KiB
HTML
417 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<!-- $Id: imapsync_form_extra.html,v 1.35 2024/08/06 18:43:50 gilles Exp gilles $ -->
|
|
|
|
<html lang="en" id="top">
|
|
|
|
|
|
<head>
|
|
|
|
<title>Mailbox Imapsync Online</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
|
|
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
|
|
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
|
|
|
|
<link rel="stylesheet" href="imapsync_form.css">
|
|
<link rel="stylesheet" href="../S/style.css" type="text/css" />
|
|
|
|
<link rel="license" href="https://imapsync.lamiral.info/NOLIMIT">
|
|
|
|
<noscript>
|
|
<link rel="stylesheet" href="noscript.css">
|
|
</noscript>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div class="scripton">
|
|
<!-- will appear if some tests fail -->
|
|
<pre id="tests" class="collapse"></pre>
|
|
<!-- hidden stuff that must exit for the tests -->
|
|
<div class="hidden">
|
|
<input type="checkbox" id="test_checkbox">
|
|
<input type="text" id="test_text">
|
|
<input type="radio" id="test_radio1" name="test_radio" value="first" >
|
|
<input type="radio" id="test_radio2" name="test_radio" value="second" >
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid" >
|
|
|
|
<form id="form" action="/cgi-bin/imapsync" method="post" autocomplete="on">
|
|
<div id="form_row" class="row">
|
|
<div id="account1" class="col-md-5" >
|
|
<fieldset>
|
|
<legend class="text-center h2">IMAP source Mailbox</legend>
|
|
|
|
<label for="user1">Login</label> (usually an email address)
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-user"> </i></span>
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="It is usually an email address or its left part before @"
|
|
type="text" class="form-control input-lg" id="user1" name="user1" tabindex="1"
|
|
placeholder="Enter login name"
|
|
>
|
|
</div>
|
|
|
|
<label for="password1">Password</label>
|
|
<label class="checkbox-inline out">
|
|
<input type="checkbox" id="showpassword1"> show password
|
|
</label>
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Passwords are not stored on the server"
|
|
type="password" class="form-control input-lg" id="password1" name="password1" tabindex="2"
|
|
placeholder="Enter password"
|
|
>
|
|
</div>
|
|
|
|
<label for="host1">IMAP Server hostname</label> (or its IP address)
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-cloud"></i></span>
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" 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" 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.hostinger.com">
|
|
<option value="ssl0.ovh.net">
|
|
<option value="email-ssl.com.br">
|
|
<option value="imap.mail.yahoo.com">
|
|
</datalist>
|
|
</div>
|
|
|
|
<div class="form-group collapse extra_param">
|
|
<label class="checkbox-inline">
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Be careful with this option"
|
|
type="checkbox" id="delete1" name="delete1"
|
|
>
|
|
Move sync. Deletes messages on source mailbox after a successful transfer.
|
|
</label>
|
|
</div>
|
|
|
|
<div class="form-group collapse extra_param" >
|
|
<label for="subfolder1">Sub-folder</label>
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-folder-open"></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>
|
|
|
|
<div>
|
|
<br>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div id="parameters" class="col-md-2" >
|
|
<div>
|
|
<br>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="checkbox-inline">
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Shows what would be done without really doing it."
|
|
type="checkbox" id="dry" name="dry"
|
|
>
|
|
Just verbose, no real sync.
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="checkbox-inline">
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Checks credentials without syncing anything."
|
|
type="checkbox" id="justlogin" name="justlogin"
|
|
>
|
|
Just checks credentials.
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="checkbox-inline">
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Shows folders sizes and exits."
|
|
type="checkbox" id="justfoldersizes" name="justfoldersizes"
|
|
>
|
|
Just presents folders sizes.
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="checkbox-inline">
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Just create the folder hierarchy, messages are not synced."
|
|
type="checkbox" id="justfolders" name="justfolders"
|
|
>
|
|
Just create folders.
|
|
</label>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<br>
|
|
</div>
|
|
|
|
<div id="button_extra_param" class="text-center scripton">
|
|
<button type="button" class="btn btn-default btn-block" data-toggle="collapse"
|
|
data-target=".extra_param">Show / Hide extra parameters</button>
|
|
</div>
|
|
|
|
<div>
|
|
<br>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="account2" class="col-md-5" >
|
|
<fieldset>
|
|
<legend class="text-center h2">IMAP destination Mailbox</legend>
|
|
|
|
<label for="user2">Login</label> (usually an email address)
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="It is usually an email address or its left part before @"
|
|
type="text" class="form-control input-lg" id="user2" name="user2" tabindex="6"
|
|
placeholder="Enter login name"
|
|
>
|
|
</div>
|
|
<label for="password2">Password</label>
|
|
<label class="checkbox-inline out">
|
|
<input type="checkbox" id="showpassword2"> show password
|
|
</label>
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Passwords are not stored on the server"
|
|
type="password" class="form-control input-lg" id="password2" name="password2" tabindex="7"
|
|
placeholder="Enter password"
|
|
>
|
|
</div>
|
|
|
|
<label for="host2">IMAP Server hostname</label> (Fixed destination)
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-cloud"></i></span>
|
|
<div class="form-control input-lg" style="background-color: #d4edda; border-color: #c3e6cb; color: #155724; font-weight: bold; padding-top: 12px;">
|
|
imap.uni-bremen.de
|
|
</div>
|
|
<input type="hidden" id="host2" name="host2" value="imap.uni-bremen.de">
|
|
</div>
|
|
|
|
<!-- -->
|
|
<div class="form-group collapse extra_param">
|
|
<label class="checkbox-inline">
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Be careful with this option"
|
|
type="checkbox" id="delete2" name="delete2" tabindex="9"
|
|
>
|
|
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">Sub-folder</label>
|
|
<div class="input-group form-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-folder-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>
|
|
<br>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
|
|
<input
|
|
data-toggle="tooltip" data-placement="bottom" title="Extra parameters like in the imapsync command line."
|
|
type="text" class="form-control input-lg collapse extra_param" id="extra" name="extra"
|
|
placeholder="Enter extra parameters"
|
|
>
|
|
|
|
</div>
|
|
|
|
<input type="hidden" name="automap" value="on">
|
|
<input type="hidden" name="addheader" value="on">
|
|
<!-- -#->
|
|
<input type="hidden" name="log" value="on">
|
|
<input type="hidden" name="simulong" value="360">
|
|
<input type="hidden" name="exitwhenover" value="3000000000">
|
|
<!-#- -->
|
|
|
|
<a id="buttons"></a>
|
|
<br>
|
|
<div class="text-center center-block">
|
|
If you <b>close</b> this <b>window</b> (or this tab) <b>during</b> the synchronization,
|
|
it will <b>stop</b> the synchronization, it's like <b>hitting</b> the red button <b>"Stop!"</b> below.
|
|
</div>
|
|
<br>
|
|
<!-- Classical button to go to the log only, when javascript is turned off -->
|
|
<noscript>
|
|
<div class="row">
|
|
<div class="col-sm-12 padd0" >
|
|
<button type="submit" class="btn btn-success btn-lg center-block btn-block">Go sync!</button>
|
|
</div>
|
|
</div>
|
|
</noscript>
|
|
|
|
<!-- Javascript buttons using xhr -->
|
|
<div class="row scripton">
|
|
<div class="col-sm-6 padd0" >
|
|
<button id="bt-sync" type="button"
|
|
class="btn btn-success btn-lg center-block btn-block"
|
|
tabindex="11"
|
|
data-toggle="tooltip" data-placement="top"
|
|
title="Launch the sync! You can stop the sync with the red Stop! button nearby or by closing the tab/window."
|
|
>
|
|
Sync or resync!<br>
|
|
<span class="glyphicon glyphicon-envelope"></span>
|
|
<span class="glyphicon glyphicon-arrow-right"></span>
|
|
<span class="glyphicon glyphicon-envelope"></span>
|
|
</button>
|
|
</div>
|
|
<div class="col-sm-6 padd0" >
|
|
<button id="bt-abort" type="button"
|
|
class="btn btn-danger btn-lg center-block btn-block" tabindex="12"
|
|
data-toggle="tooltip" data-placement="top"
|
|
title="Stop the sync! You can restart the sync later, no duplicates should happen."
|
|
>
|
|
Stop!<br>
|
|
<span class="glyphicon glyphicon-scissors"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="row scripton" id="consoles" >
|
|
|
|
<pre id="progress-txt">ETA: Estimation Time of Arrival</pre>
|
|
|
|
<div class="progress">
|
|
<div id="progress-bar-done" class="progress-bar progress-bar-success" role="progressbar">
|
|
Progress bar
|
|
</div>
|
|
<div id="progress-bar-left" class="progress-bar progress-bar-info" role="progressbar">
|
|
Progress bar
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 well">
|
|
<h2 class="text-center">Console of imapsync launch</h2>
|
|
<pre id="console">
|
|
|
|
|
|
|
|
</pre>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-6 well">
|
|
<h2 class="text-center">Console of Stopping</h2>
|
|
<pre id="abort">
|
|
|
|
|
|
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h2 id="imapsync_log_beginning" class="text-center scripton">Log of imapsync run</h2>
|
|
<div class="text-center scripton">
|
|
<a href="#imapsync_log_bottom">Link to the <b>bottom</b> of the imapsync log file</a>
|
|
</div>
|
|
|
|
<pre id="output" class="scripton">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</pre>
|
|
|
|
<div id="imapsync_log_bottom" class="text-center scripton">
|
|
<a href="#imapsync_log_beginning">Link to the <b>beginning</b> of the imapsync log file</a>
|
|
</div>
|
|
|
|
<a id="bottom"></a>
|
|
<hr>
|
|
|
|
<p class="text-center">Feel free to contact
|
|
<strong><a href="https://imapsync.lamiral.info/#AUTHOR" target="_blank">Gilles LAMIRAL</a></strong>
|
|
</p>
|
|
|
|
|
|
<script
|
|
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"
|
|
integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"
|
|
crossorigin="anonymous"
|
|
>
|
|
</script>
|
|
|
|
<script
|
|
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
|
|
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
|
|
crossorigin="anonymous"
|
|
>
|
|
</script>
|
|
|
|
<!--
|
|
<script src="crypto-js/core.js"></script>
|
|
<script src="crypto-js/sha256.js"></script>
|
|
-->
|
|
|
|
<script
|
|
src="imapsync_form.js"
|
|
type="text/javascript"
|
|
>
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|