proximapsync_form_extra_free.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536
  1. <!DOCTYPE html>
  2. <!-- $Id: proximapsync_form_extra_free.html,v 1.3 2022/05/07 13:53:00 gilles Exp gilles $ -->
  3. <html lang="en" id="top">
  4. <head>
  5. <!--
  6. <script
  7. data-ad-client="ca-pub-3325993554161060"
  8. async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
  9. </script>
  10. -->
  11. <title>Mailbox Imapsync Online</title>
  12. <meta charset="utf-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
  15. integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  16. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
  17. integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  18. <link rel="stylesheet" href="imapsync_form.css">
  19. <link rel="stylesheet" href="../S/style.css" type="text/css" />
  20. <link rel="license" href="https://imapsync.lamiral.info/NOLIMIT">
  21. <noscript>
  22. <link rel="stylesheet" href="noscript.css">
  23. </noscript>
  24. </head>
  25. <body>
  26. <div class="scripton">
  27. <!-- will appear if some tests fail -->
  28. <pre id="tests" class="collapse"></pre>
  29. <!-- hidden stuff that must exit for the tests -->
  30. <div class="hidden">
  31. <input type="checkbox" id="test_checkbox">
  32. <input type="text" id="test_text">
  33. <input type="radio" id="test_radio1" name="test_radio" value="first" >
  34. <input type="radio" id="test_radio2" name="test_radio" value="second" >
  35. </div>
  36. </div>
  37. <div class="container-fluid" >
  38. <div class="row">
  39. <div class="text-center">
  40. <a href="https://imapsync.lamiral.info/">
  41. <img alt="Imapsync home" title="Imapsync home page" src="https://imapsync.lamiral.info/X/logo_imapsync_Xn.png" height="38" width="60">
  42. </a>
  43. <a href="#top" title="Top of the page" class="btn btn-info " role="button">Top</a>
  44. <a href="#payment" class="btn btn-success" data-toggle="collapse">Pricing</a>
  45. <!-- <a href="#buttons" class="btn btn-info scripton" role="button">Consoles</a> -->
  46. <a href="#bottom" title="Bottom of the page" class="btn btn-info active" role="button">Bottom</a>
  47. </div>
  48. </div>
  49. <h1 class="text-center">Mailbox Imapsync Online</h1>
  50. <p class="text-center larger"><strong>Copy/synchronize</strong> a <strong>Mailbox</strong> (below 3 GB) to another,
  51. without <strong>duplicates!</strong><br>
  52. <strong>Buying</strong> gives <strong>unlimited</strong> syncs of <strong>any size</strong>.</p>
  53. <!-- Paypal part start
  54. new: NDGMR6TLFZ926
  55. old: H2YTURNFT4XT4
  56. -->
  57. <!-- A button above the pricing form, not very beautiful...
  58. I should give it a try anyway because nearly no one buy this service...
  59. <div class="text-center">
  60. <a href="#payment" class="btn btn-warning btn-lg" data-toggle="collapse">Pricing</a>
  61. </div>
  62. -->
  63. <!-- the "in" makes the form not collapsed by default
  64. Remove the "in" in order to mask the pricing section
  65. <div id="payment" class="well text-center collapse in" >
  66. <div id="payment" class="well text-center collapse out" > -->
  67. <div id="payment" class="well text-center collapse out" >
  68. <p class="lead">Pay by usage type</p>
  69. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
  70. <input type="hidden" name="cmd" value="_s-xclick" />
  71. <input type="hidden" name="hosted_button_id" value="H2YTURNFT4XT4" />
  72. <input type="hidden" name="on0" value="imapsync choice" />
  73. <fieldset>
  74. <!--
  75. <label data-toggle="tooltip" data-placement="top" title="Fair enough"
  76. class="radio-inline"><input type="radio" name="os0" value="Tiny" > €1,00 </label>
  77. <label data-toggle="tooltip" data-placement="top" title="A big mailbox"
  78. class="radio-inline"><input type="radio" name="os0" value="Small" checked > €6,00 </label>
  79. -->
  80. <label data-toggle="tooltip" data-placement="top" title="Many mailboxes to migrate"
  81. class="radio-inline"><input type="radio" name="os0" value="High" checked > €120,00 </label>
  82. <label data-toggle="tooltip" data-placement="top" title="Some big mailboxes to migrate"
  83. class="radio-inline"><input type="radio" name="os0" value="Normal" > €30,00 </label>
  84. <br>
  85. <input type="hidden" name="currency_code" value="EUR" />
  86. <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" name="submit" alt="PayPal - A safe, easy way to pay online!" />
  87. </fieldset>
  88. <p>
  89. <strong>30-day money back guarantee!</strong> <br>
  90. <em><b>No question</b> nor condition to get a <b>refund</b>, really, <b>just request</b> it and you'll <b>sure</b> get a refund!</em>
  91. </p>
  92. <p>
  93. <input type="hidden" value="VAT if professional in Europe" name="on1" />
  94. If you're a <b>European professional</b> buyer, please enter your <b>VAT number</b>:
  95. <input type="text" maxlength="17" size="17" name="os1" />
  96. It's for the <b>invoice</b> and customs declaration.<br />
  97. It's <b>ok</b> if you <b>don't</b> have a VAT number.<br />
  98. </p>
  99. </form>
  100. </div>
  101. <!-- Paypal part end -->
  102. <form id="form" action="/cgi-bin/proximapsync" method="post" autocomplete="on">
  103. <div id="form_row" class="row">
  104. <div id="account1" class="col-md-5" >
  105. <fieldset>
  106. <legend class="text-center h2">IMAP source Mailbox</legend>
  107. <label for="user1">Login</label> (usually an email address)
  108. <div class="input-group form-group">
  109. <span class="input-group-addon"><i class="glyphicon glyphicon-user"> </i></span>
  110. <input
  111. data-toggle="tooltip" data-placement="bottom" title="It is usually an email address or its left part before @"
  112. type="text" class="form-control input-lg" id="user1" name="user1" tabindex="1"
  113. placeholder="Enter login name">
  114. </div>
  115. <label for="password1">Password</label>
  116. <label class="checkbox-inline out">
  117. <input type="checkbox" id="showpassword1"> show password
  118. </label>
  119. <div class="input-group form-group">
  120. <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
  121. <input
  122. data-toggle="tooltip" data-placement="bottom" title="Passwords are not stored on the server"
  123. type="password" class="form-control input-lg" id="password1" name="password1" tabindex="2"
  124. placeholder="Enter password">
  125. </div>
  126. <label for="host1">IMAP Server hostname</label> (or its IP address)
  127. <div class="input-group form-group">
  128. <span class="input-group-addon"><i class="glyphicon glyphicon-cloud"></i></span>
  129. <input
  130. data-toggle="tooltip" data-placement="bottom" title="IMAP transfers are done with encryption if the servers support it."
  131. list="servers1" type="text" class="form-control input-lg" id="host1" name="host1" tabindex="3"
  132. placeholder="Enter IMAP source server name or IP address">
  133. <datalist id="servers1">
  134. <option value="imap.gmail.com">
  135. <option value="outlook.office365.com">
  136. <option value="imap.hostinger.com">
  137. <option value="ssl0.ovh.net">
  138. <option value="email-ssl.com.br">
  139. <option value="imap.mail.yahoo.com">
  140. </datalist>
  141. </div>
  142. <div class="form-group collapse extra_param">
  143. <label class="checkbox-inline">
  144. <input
  145. data-toggle="tooltip" data-placement="bottom" title="Be careful with this option"
  146. type="checkbox" id="delete1" name="delete1">Move sync. Deletes messages on source mailbox after a successful transfer.
  147. </label>
  148. </div>
  149. <div class="form-group collapse extra_param" >
  150. <label for="subfolder1">Sub-folder</label>
  151. <div class="input-group form-group">
  152. <span class="input-group-addon"><i class="glyphicon glyphicon-folder-open"></i></span>
  153. <input
  154. data-toggle="tooltip" data-placement="bottom" title="A subfolder where all the source mailbox comes from."
  155. type="text" class="form-control input-lg" id="subfolder1" name="subfolder1"
  156. placeholder="Enter sub-folder name">
  157. </div>
  158. </div>
  159. <div>
  160. <br>
  161. </div>
  162. </fieldset>
  163. </div>
  164. <div id="parameters" class="col-md-2" >
  165. <div>
  166. <br>
  167. </div>
  168. <div>
  169. <label class="checkbox-inline">
  170. <input
  171. data-toggle="tooltip" data-placement="bottom" title="Shows what would be done without really doing it."
  172. type="checkbox" id="dry" name="dry" >Just verbose, no real sync.
  173. </label>
  174. </div>
  175. <div>
  176. <label class="checkbox-inline">
  177. <input
  178. data-toggle="tooltip" data-placement="bottom" title="Checks credentials without syncing anything."
  179. type="checkbox" id="justlogin" name="justlogin" >Just checks credentials.
  180. </label>
  181. </div>
  182. <div>
  183. <label class="checkbox-inline">
  184. <input
  185. data-toggle="tooltip" data-placement="bottom" title="Shows folders sizes and exits."
  186. type="checkbox" id="justfoldersizes" name="justfoldersizes" >Just presents folders sizes.
  187. </label>
  188. </div>
  189. <div>
  190. <label class="checkbox-inline">
  191. <input
  192. data-toggle="tooltip" data-placement="bottom" title="Just create the folder hierarchy, messages are not synced."
  193. type="checkbox" id="justfolders" name="justfolders" >Just create folders.
  194. </label>
  195. </div>
  196. <div>
  197. <br>
  198. </div>
  199. <div id="button_extra_param" class="text-center scripton">
  200. <button type="button" class="btn btn-default btn-block" data-toggle="collapse"
  201. data-target=".extra_param">Show / Hide extra parameters</button>
  202. </div>
  203. <div>
  204. <br>
  205. </div>
  206. <div id="button_swap" class="text-center scripton">
  207. <button type="button" class="btn btn-default btn-block" id="swap">
  208. Swap Source <span class="glyphicon glyphicon-transfer"></span> Destination
  209. </button>
  210. </div>
  211. <div>
  212. <br>
  213. </div>
  214. </div>
  215. <div id="account2" class="col-md-5" >
  216. <fieldset>
  217. <legend class="text-center h2">IMAP destination Mailbox</legend>
  218. <label for="user2">Login</label> (usually an email address)
  219. <div class="input-group form-group">
  220. <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
  221. <input
  222. data-toggle="tooltip" data-placement="bottom" title="It is usually an email address or its left part before @"
  223. type="text" class="form-control input-lg" id="user2" name="user2" tabindex="6"
  224. placeholder="Enter login name">
  225. </div>
  226. <label for="password2">Password</label>
  227. <label class="checkbox-inline out">
  228. <input type="checkbox" id="showpassword2"> show password
  229. </label>
  230. <div class="input-group form-group">
  231. <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
  232. <input
  233. data-toggle="tooltip" data-placement="bottom" title="Passwords are not stored on the server"
  234. type="password" class="form-control input-lg" id="password2" name="password2" tabindex="7"
  235. placeholder="Enter password">
  236. </div>
  237. <label for="host2">IMAP Server hostname</label> (or its IP address)
  238. <div class="input-group form-group">
  239. <span class="input-group-addon"><i class="glyphicon glyphicon-cloud"></i></span>
  240. <input
  241. data-toggle="tooltip" data-placement="bottom" title="IMAP transfers are done with encryption if the servers support it."
  242. list="servers2" type="text" class="form-control input-lg" id="host2" name="host2" tabindex="8"
  243. placeholder="Enter IMAP destination server name or IP address">
  244. <datalist id="servers2">
  245. <option value="imap.gmail.com">
  246. <option value="outlook.office365.com">
  247. <option value="imap.hostinger.com">
  248. <option value="ssl0.ovh.net">
  249. <option value="email-ssl.com.br">
  250. <option value="imap.mail.yahoo.com">
  251. </datalist>
  252. </div>
  253. <!-- -->
  254. <div class="form-group collapse extra_param">
  255. <label class="checkbox-inline">
  256. <input
  257. data-toggle="tooltip" data-placement="bottom" title="Be careful with this option"
  258. type="checkbox" id="delete2" name="delete2" tabindex="9">Strict sync. Deletes messages on destination mailbox that are not at the source mailbox.
  259. </label>
  260. </div>
  261. <div class="form-group collapse extra_param" id="extra_subfolder2" >
  262. <label for="subfolder2">Sub-folder</label>
  263. <div class="input-group form-group">
  264. <span class="input-group-addon"><i class="glyphicon glyphicon-folder-open"></i></span>
  265. <input
  266. data-toggle="tooltip" data-placement="bottom" title="A subfolder where all the source mailbox will go."
  267. type="text" class="form-control input-lg" id="subfolder2" name="subfolder2"
  268. placeholder="Enter sub-folder name">
  269. </div>
  270. </div>
  271. <!-- -->
  272. <div>
  273. <br>
  274. </div>
  275. </fieldset>
  276. </div>
  277. </div>
  278. <input type="hidden" name="automap" value="on">
  279. <input type="hidden" name="addheader" value="on">
  280. <input type="hidden" name="exitwhenover" value="3000000000">
  281. <!-- -#->
  282. <input type="hidden" name="simulong" value="360">
  283. <!-#- -->
  284. <a id="buttons"></a>
  285. <hr>
  286. <div class="text-center center-block">
  287. If you <b>close</b> this <b>window</b> (or tab) <b>during</b> the synchronization,
  288. it will <b>abort</b> the synchronization, it's like <b>hitting</b> the red button <b>"Abort!"</b> below.
  289. </div>
  290. <!-- Classical button to go to the log only, when javascript is turned off -->
  291. <noscript>
  292. <div class="row">
  293. <div class="col-sm-12 padd0" >
  294. <button type="submit" class="btn btn-success btn-lg center-block btn-block">Go sync!</button>
  295. </div>
  296. </div>
  297. </noscript>
  298. <!-- Javascript buttons using xhr -->
  299. <div class="row scripton">
  300. <div class="col-sm-6 padd0" >
  301. <button id="bt-sync" type="button"
  302. class="btn btn-success btn-lg center-block btn-block"
  303. tabindex="11"
  304. data-toggle="tooltip" data-placement="top"
  305. title="Launch the sync! You can abort the sync with the red Abort button nearby or by closing the tab/window."
  306. >
  307. Sync or resync!<br>
  308. <span class="glyphicon glyphicon-envelope"></span>
  309. <span class="glyphicon glyphicon-arrow-right"></span>
  310. <span class="glyphicon glyphicon-envelope"></span>
  311. </button>
  312. </div>
  313. <div class="col-sm-6 padd0" >
  314. <button id="bt-abort" type="button"
  315. class="btn btn-danger btn-lg center-block btn-block" tabindex="12"
  316. data-toggle="tooltip" data-placement="top"
  317. title="Abort the sync! You can restart the sync later, no duplicates should happen."
  318. >
  319. Abort!<br>
  320. <span class="glyphicon glyphicon-scissors"></span>
  321. </button>
  322. </div>
  323. </div>
  324. </form>
  325. <div class="row scripton" id="consoles" >
  326. <pre id="imapsync_current" class="center-block text-center"></pre>
  327. <span id="imapsync_advice_hours" class="text-center collapse">
  328. 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>.
  329. </span>
  330. <pre id="progress-txt">ETA: Estimation Time of Arrival</pre>
  331. <div class="progress">
  332. <div id="progress-bar-done" class="progress-bar progress-bar-success" role="progressbar">
  333. Progress bar
  334. </div>
  335. <div id="progress-bar-left" class="progress-bar progress-bar-info" role="progressbar">
  336. Progress bar
  337. </div>
  338. </div>
  339. <div class="col-sm-6 well">
  340. <h2 class="text-center">Console of imapsync launch</h2>
  341. <pre id="console">
  342. </pre>
  343. </div>
  344. <div class="col-sm-6 well">
  345. <h2 class="text-center">Console of abort</h2>
  346. <pre id="abort">
  347. </pre>
  348. </div>
  349. </div>
  350. </div>
  351. <h2 id="imapsync_log_beginning" class="text-center scripton">Log of imapsync run</h2>
  352. <div class="text-center scripton">
  353. <a href="#imapsync_log_bottom">Link to the <b>bottom</b> of the imapsync log file</a>
  354. </div>
  355. <pre id="output" class="scripton">
  356. </pre>
  357. <div id="imapsync_log_bottom" class="text-center scripton">
  358. <a href="#imapsync_log_beginning">Link to the <b>beginning</b> of the imapsync log file</a>
  359. </div>
  360. <div id="local_bandwidth" class="collapse">
  361. <hr>
  362. <p class="text-center">
  363. <b>Local bandwidth statistics</b><br>
  364. <a href="/vnstat/vnstati.html">
  365. <img alt="Local bandwidth statistics" src="/vnstat/vnstat_vs.png" >
  366. </a>
  367. </p>
  368. </div>
  369. <div id="local_status_dbmon" class="collapse">
  370. <hr>
  371. <p class="text-center">
  372. Imapsync <b>Online Status</b> over the <b>last 24h</b><br>
  373. <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">
  374. </a>
  375. </p>
  376. </div>
  377. <div id="local_status_hetrix" class="collapse">
  378. <hr>
  379. <p class="text-center">
  380. The service is down? For how long? How often? Take also a look at the
  381. <a href="https://hetrixtools.com/report/uptime/873a2356aea43055204b59f562b5ad52/414322.html">Imapsync Online Status</a>
  382. monitor page powered by the <a href="https://hetrixtools.com/414322.html">HetrixTools</a> company.
  383. </p>
  384. </div>
  385. <a id="bottom"></a>
  386. <hr>
  387. <p class="text-center">Feel free to contact
  388. <strong><a href="https://imapsync.lamiral.info/#AUTHOR" target="_blank">Gilles LAMIRAL</a></strong>
  389. </p>
  390. <div class="container-fluid" >
  391. <div class="row">
  392. <div class="text-center">
  393. <a href="https://imapsync.lamiral.info/">
  394. <img alt="Imapsync home page" src="https://imapsync.lamiral.info/X/logo_imapsync_Xn.png" height="38" width="60">
  395. </a>
  396. <a href="#top" title="Top of the page" class="btn btn-info " role="button">Top</a>
  397. <!-- <a href="#buttons" class="btn btn-info scripton" role="button">Consoles</a> -->
  398. <a href="#bottom" title="Bottom of the page" class="btn btn-info active" role="button">Bottom</a>
  399. <br>
  400. <small> ($Id: proximapsync_form_extra_free.html,v 1.3 2022/05/07 13:53:00 gilles Exp gilles $) </small><br>
  401. 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>
  402. </div>
  403. </div>
  404. </div>
  405. <script
  406. src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"
  407. integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"
  408. crossorigin="anonymous"
  409. >
  410. </script>
  411. <script
  412. src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
  413. integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
  414. crossorigin="anonymous"
  415. >
  416. </script>
  417. <!--
  418. <script src="crypto-js/core.js"></script>
  419. <script src="crypto-js/sha256.js"></script>
  420. -->
  421. <script
  422. src="proximapsync_form.js"
  423. >
  424. </script>
  425. </body>
  426. </html>