SMusatov
/
IMAPsync
mirror of https://github.com/imapsync/imapsync


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476
							<!DOCTYPE html>

<!-- $Id: imapsync_form_extra.html,v 1.28 2022/05/07 13:51:28 gilles Exp gilles $ -->

<html lang="en" id="top">


<head>
<!--
        <script 
        data-ad-client="ca-pub-3325993554161060" 
        async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
        </script>
-->

        <title>Imapsync Online Unlimited</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" >

    <div class="row">
        <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>

    <h1 class="text-center">Imapsync Online Unlimited</h1>

    <p class="text-center larger"> <strong>Copy</strong>/synchronize a <strong>complete</strong> Mailbox to another, without <strong>duplicates!</strong></p>
    

    <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 id="button_swap" class="text-center scripton">
                        <button type="button" class="btn btn-default btn-block" id="swap">
                        Swap Source <span class="glyphicon glyphicon-transfer"></span> Destination
                        </button>
                        
                </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> (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="servers2" type="text" class="form-control input-lg" id="host2" name="host2" tabindex="8"
                     placeholder="Enter IMAP destination server name or IP address">
                     <datalist id="servers2">
                        <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="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>

        </div>

        <input type="hidden" name="automap"   value="on">
        <input type="hidden" name="addheader" value="on">
        <!-- -#->
        <input type="hidden" name="simulong" value="360">
        <!-#- -->

        <a id="buttons"></a>
        <hr> 

        <div class="text-center center-block">
        If you <b>close</b> this <b>window</b> (or tab) <b>during</b> the synchronization, 
        it will <b>abort</b> the synchronization, it's like <b>hitting</b> the red button <b>"Abort!"</b> below.
        </div>

        <!-- 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 abort the sync with the red Abort 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="Abort the sync! You can restart the sync later, no duplicates should happen."
            >
            Abort!<br>
                <span class="glyphicon glyphicon-scissors"></span>
            </button>
            </div>
        </div>
    </form>

    <div class="row scripton" id="consoles" >

        <pre id="imapsync_current" class="center-block text-center"></pre>
		
        <span id="imapsync_advice_hours" class="text-center collapse">
        Best <a href="#local_bandwidth"><b>bandwidth available hours</b></a> are from <b>11h PM to 11h AM UTC</b> on Mondays to Fridays, <b>all hours</b> on Saturdays and <b>Sundays</b>.
        </span>

        <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 abort</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>

<div id="local_bandwidth" class="collapse">
        <hr>
        <p class="text-center">
                <b>Local bandwidth statistics</b><br>

                <a href="/vnstat/vnstati.html">
                        <img alt="Local bandwidth statistics" src="/vnstat/vnstat_vs.png" >
                </a>
        </p>
</div>


<div id="local_status_dbmon" class="collapse">
        <hr>
        <p class="text-center">
        Imapsync <b>Online Status</b> over the <b>last 24h</b><br>
        <a href="imapsync_online_status.html"><img id="status_24h" class="img-responsive center-block" alt="Imapsync Online Status over the last 24h"  src="https://sup.lamiral.info/dbmon/cgi-bin/rrdview.cgi?child=yes&rrdfile=%2Fvar%2Ftmp%2Fdbmon%2Ftests%2Frrdbases%2Flocalhost~2583~LAMIRAL~Imapsync_Online~LAMIRAL%2CImapsync_Online~opstatus~300~.rrd;interval_vue=p86400;date_given_by=now;date_means=end;dsname=opstatus;width=1200;hight=70;lower=0;upper=100;rigid=on;Beautiful%20Image%21.x=128;Beautiful%20Image%21.y=30;title=Service%20Status;owner=Imapsync_Online;caption=Status%20in%20%25;monitor=https.rrdrt.monitor%20--rrdrt%20imapsync.lamiral.info%2Fcgi-bin%2Fimapsync%20%3B%3B">
        </a>
        </p>
</div>


<div id="local_status_hetrix" class="collapse">
<hr>
<p class="text-center">

The service is down? For how long? How often? Take also a look at the
<a href="https://hetrixtools.com/report/uptime/873a2356aea43055204b59f562b5ad52/414322.html">Imapsync Online Status</a>
monitor page powered by the <a href="https://hetrixtools.com/414322.html">HetrixTools</a> company.

</p>
</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>


<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="#buttons"  class="btn btn-info scripton" role="button">Consoles</a> -->
            <a href="#bottom" title="Bottom of the page" class="btn btn-info active" role="button">Bottom</a>
            <br>
        <small> ($Id: imapsync_form_extra.html,v 1.28 2022/05/07 13:51:28 gilles Exp gilles $) </small><br>
        Terms and conditions for anything: <a href="https://imapsync.lamiral.info/LICENSE">No limits to do anything with this work and this license!</a><br>
        </div>
    </div>
</div>

<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"
>
</script>

</body>
</html>