braiam

options.html

Aug 6th, 2012
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.43 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>All Mangas Reader Options</title></head>
  5.  
  6. <link href="css/amr_style.css" rel="stylesheet" type="text/css">
  7.  
  8. <style>
  9. .colorPicker {
  10.   width:24px;
  11.   height:24px;
  12.   border-top-left-radius: 5px 5px;
  13.   border-top-right-radius: 5px 5px;
  14.   border-bottom-left-radius: 5px 5px;
  15.   border-bottom-right-radius: 5px 5px;
  16.   border: 1px solid #ABC;
  17. }
  18. .colorPicker.active {
  19.   border: 2px solid #777;
  20. }
  21.  
  22. #results {
  23.   text-align:center;
  24. }
  25. #allmirrors {
  26.   margin-left:auto;
  27.   margin-right:auto;
  28.   border-spacing:0;
  29.   border-radius:4px;
  30. }
  31. #allmirrors img {
  32.   margin-right:5px;
  33.   vertical-align:middle;
  34. }
  35. #allmirrors, #allmirrors tr {
  36.   /*display:block;*/
  37. }
  38. #allmirrors tr td {
  39.   /*display:block;*/
  40.   padding:2px;
  41.   padding-right:10px;
  42. }
  43. tr.odd {
  44.   background-color:#CCCCFF;
  45. }
  46.  
  47. tr.even {
  48.   background-color:#DDDDFF;
  49. }
  50.  
  51. tr.desactivate {
  52.   background-color:#DDDDDD;
  53. }
  54.  
  55. tr.lastLine {
  56.   border-bottom-left-radius: 4px 4px;
  57.   border-bottom-right-radius: 4px 4px;
  58. }
  59. tr.firstLine {
  60.   border-top-left-radius: 4px 4px;
  61.   border-top-right-radius: 4px 4px;
  62. }
  63. td.mirrorName {
  64.   /*width:500px;*/
  65.   vertical-align:middle;
  66.   /*font-weight:bold;*/
  67. }
  68. td.mirrorOpt {
  69.   width:50px;
  70.   text-align:center;
  71. }
  72.  
  73. .paypal {
  74.   padding-left:10px;
  75.   padding-right:10px;
  76.   padding-top:2px;
  77.   padding-bottom:2px;
  78.   font-size:9pt;
  79.   text-align:center;
  80.   background-color: #EEEEFF;
  81.   border-radius:4px;
  82.   color:black;
  83.   margin-top:2px;
  84.   margin-right:3px;
  85.   box-shadow: 0 0 15px #F4F4FF;
  86. }
  87. .paypal .payitem {
  88.   display:inline-block;
  89.   background-color:#DDDDFF;
  90.   padding:1px;
  91.   padding-left:7px;
  92.   padding-right:2px;
  93.   border-radius:4px;
  94.   box-shadow: inset 0px 0px 2px 2px #AAAADD;
  95. }
  96. .paypal p {
  97.   padding:0;
  98.   margin:0;
  99. }
  100. .paypal .payitem img, .paypal .payitem span {
  101.   vertical-align:middle;
  102.   font-weight:bold;
  103. }
  104. .paypal table {
  105.   font-size:8pt;
  106. }
  107. #title {
  108.   height:80px;
  109. }
  110. .titImg {
  111.   vertical-align:middle;
  112.   margin-top:8px;
  113. }
  114. .titTxt {
  115.   vertical-align:middle;
  116. }
  117.  
  118. .bottominfo {
  119.   margin-top:10px;
  120.   font-size:10pt;
  121.   text-align:center;
  122. }
  123.  
  124. #selectors {
  125.   display:inline-block;
  126.   text-align:right;
  127.   float:right;
  128.   border-bottom-left-radius: 4px 4px;
  129.   border-bottom-right-radius: 4px 4px;
  130.   border-top-left-radius: 4px 4px;
  131.   border-top-right-radius: 4px 4px;
  132.   background-color:#CCCCFF;
  133.   padding-left:5px;
  134.   padding-right:5px;
  135. }
  136. #selectors img {
  137.   vertical-align:middle;
  138.   margin-right: 5px;
  139.   cursor:pointer;
  140. }
  141. #searchBox p {
  142.   font-size:9pt;
  143. }
  144. #selectors select {
  145.   border:none;
  146.   border-bottom-left-radius: 4px 4px;
  147.   border-bottom-right-radius: 4px 4px;
  148.   border-top-left-radius: 4px 4px;
  149.   border-top-right-radius: 4px 4px;
  150.   background-color:#DDDDFF;
  151.   font-size:9pt;
  152. }
  153. .lang {
  154.   width: 150px;
  155. }
  156. .ongletCont td {
  157.   color:black;
  158.   font-size:8pt;
  159. }
  160. .ongletCont {
  161.  -webkit-transition: all .4s ease-in-out;
  162. }
  163. .article p {
  164.   font-size:8pt;
  165. }
  166. </style>
  167.  
  168. <script src="js/jquery.js" type="text/javascript"></script>
  169. <script src="js/mgEntry.js" type="text/javascript"></script>
  170. <script src="js/mgUtil.js" type="text/javascript"></script>
  171. <script src="js/analytics.js" type="text/javascript"></script>
  172. <script src="js/innermenu.js" type="text/javascript"></script>
  173. <script src="js/options.js" type="text/javascript"></script>
  174.  
  175. <body>
  176.   <div id="header">
  177.     <div id="subheader">
  178.       <div class="paypal" style="float:right">
  179.         <p><b>Support All Mangas Reader</b> : AMR represents a lot of work for me,<br /> if you want to help me continue and improve it, please donate : </p>
  180.         <div>
  181.           <div class="payitem">
  182.             <span>US Dollar : </span>
  183.             <img id="paypalus" src="img/paypaldonlt.gif" title="Donate to All Mangas Reader (US Dollar)" style="cursor:pointer;" />
  184.           </div>
  185.         &nbsp;&nbsp;
  186.           <div class="payitem">
  187.             <span>Euro : </span>
  188.             <img id="paypaleuro" src="img/paypaldonlt.gif" title="Donate to All Mangas Reader (Euro)" style="cursor:pointer;" />
  189.           </div>
  190.         </div>
  191.       </div>
  192.       <img class="imglogo" src="img/icon-32.png" width="100px" />
  193.       <h1>All Mangas Reader Options</h1>
  194.     </div>
  195.   </div>
  196.   <div id="menunav">
  197.     <div id="menuitems">
  198.       <ul>
  199.         <li>&nbsp;</li>
  200.       </ul>
  201.     </div>
  202.   </div>
  203.   <div id="corpseone">
  204.     <div id="subcorpseone">
  205.       <ul class="tabs">
  206.         <li class="tab checked" onclick="switchOnglet(this, 'ong1');">Mangas Web Sites</li>
  207.         <li class="tab" onclick="switchOnglet(this, 'ong2');">All Mangas Reader</li>
  208.         <li class="tab" onclick="switchOnglet(this, 'ong3');">Synchronization</li>
  209.         <li class="tab" onclick="switchOnglet(this, 'ong4');" id="supportedWS">Supported Web Sites</li>
  210.       </ul>
  211.       <div class="article parent ongletCont" id="ong1">
  212.       <div class="article main">
  213.       <table>
  214.         <tr>
  215.           <td>
  216.             <div class="article">
  217.               <h3>
  218.                 Ads
  219.               </h3>
  220.                 <table>
  221.                   <tr>
  222.                     <td>
  223.                       <input type="checkbox" id="adsCk" onchange="save_options();"/>
  224.                       <label for="adsCk">Remove ads in mangas web sites</label>
  225.                     </td>
  226.                   </tr>
  227.                   <tr>
  228.                     <td>
  229.                       <input type="checkbox" id="pubAMR" onchange="save_options();"  />
  230.                       <label for="pubAMR">Display a link to AMR main page in manga web sites in order for you to give me feedback (I need your opinion to improve AMR, thanks !).</label>
  231.                     </td>
  232.                   </tr>
  233.                 </table>
  234.               </div>
  235.           </td>
  236.         </tr>
  237.         <tr>
  238.           <td>
  239.             <div class="article">
  240.               <h3>
  241.                 Chapter display mode
  242.               </h3>
  243.                 <table style="width:100%;">
  244.                   <tr>
  245.                     <td>
  246.                       <input type="checkbox" id="chapsCk" onchange="save_options();" onclick="if (this.checked) {document.getElementById('chaptersOptions').style.display = 'table-row';} else {document.getElementById('chaptersOptions').style.display = 'none';}"/>
  247.                       <label for="chapsCk">While reading a manga, display the whole chapter instead of the current page</label>
  248.                     </td>
  249.                   </tr>
  250.                   <tr id="chaptersOptions" style="display: none;" >
  251.                     <td>
  252.                       <div class="article">
  253.                         <h3>
  254.                           Options for chapters
  255.                         </h3>
  256.                         <table style="width:100%;">
  257.                           <tr>
  258.                             <td>
  259.                               <input type="radio" name="modeChap" value="1" id="modeChap1" onchange="if (this.checked) {document.getElementById('wideScreenOpts').style.display = 'none';} else {document.getElementById('wideScreenOpts').style.display = 'table-row';}; save_options();"/>
  260.                               <label for="modeChap1">Display chapters in normal mode (pages of the chapter will be displayed on top of one another)</label>
  261.                             </td>
  262.                           </tr>
  263.                           <tr>
  264.                             <td>
  265.                               <input type="radio" name="modeChap" value="2" id="modeChap2" onchange="if (this.checked) {document.getElementById('wideScreenOpts').style.display = 'table-row';} else {document.getElementById('wideScreenOpts').style.display = 'none';}; save_options();"/>
  266.                               <label for="modeChap2">I have a wide screen !! I can display two pages in width so i want my chapter be displayed as a book !</label>
  267.                             </td>
  268.                           </tr>
  269.                           <tr id="wideScreenOpts" style="display: none;width:100%;">
  270.                             <td>
  271.                               <div class="article">
  272.                                 <h3>
  273.                                   Options for wide screens
  274.                                 </h3>
  275.                                 <table>
  276.                                   <tr>
  277.                                     <td>
  278.                                       <input type="radio" name="wideMode" value="1" id="wideMode1" onchange="save_options();" />
  279.                                       <label for="wideMode1">Display the book in Occidental mode (reading left to right)</label>
  280.                                     </td>
  281.                                   </tr>
  282.                                   <tr>
  283.                                     <td>
  284.                                       <input type="radio" name="wideMode" value="2" id="wideMode2" onchange="save_options();" />
  285.                                       <label for="wideMode2">Display the book in Japanese mode (reading right to left)</label>
  286.                                     </td>
  287.                                   </tr>
  288.                                 </table>
  289.                               </div>
  290.                             </td>
  291.                           </tr>
  292.                         </table>
  293.                       </div>
  294.                     </td>
  295.                   </tr>
  296.                   <tr>
  297.                     <td>
  298.                       <input type="checkbox" id="resizeCk" onchange="save_options();"  />
  299.                       <label for="resizeCk">Resize scans images to fit screen if they are to wide</label>
  300.                     </td>
  301.                   </tr>
  302.                 </table>
  303.               </div>
  304.           </td>
  305.         </tr>
  306.         <tr>
  307.           <td>
  308.             <div class="article">
  309.               <h3>
  310.                 Loading options
  311.               </h3>
  312.               <table>
  313.                 <tr>
  314.                   <td>
  315.                     <input type="checkbox" id="loadCk" onchange="save_options();" />
  316.                     <label for="loadCk">See loading progression in the title bar</label>
  317.                   </td>
  318.                 </tr>
  319.                 <tr>
  320.                   <td>
  321.                     <input type="checkbox" id="imgorderCk" onchange="save_options();"  />
  322.                     <label for="imgorderCk">Load scans in the order of the chapter (This option involve that the chapter's loading will be slower but guarantees that the first scan which will be loaded is the first of the chapter and so on...)</label>
  323.                   </td>
  324.                 </tr>
  325.                 <tr>
  326.                   <td>
  327.                     <input type="checkbox" id="prefetchCk" onchange="save_options();"  />
  328.                     <label for="prefetchCk">Prefetch next chapter while reading manga. (A progress bar indicating the prefetch level of the next chapter appears inside the "Next" button)</label>
  329.                   </td>
  330.                 </tr>
  331.                 <tr>
  332.                   <td>
  333.                     <input type="checkbox" id="markwhendownload" onchange="save_options();"  />
  334.                     <label for="markwhendownload">Mark chapter as read when the full chapter has been downloaded</label>
  335.                   </td>
  336.                 </tr>
  337.               </table>
  338.             </div>
  339.           </td>
  340.         </tr>
  341.         <tr>
  342.           <td>
  343.             <div class="article">
  344.               <h3>
  345.                 AMR facilities
  346.               </h3>
  347.               <table>
  348.                 <tr>
  349.                   <td>
  350.                     <input type="checkbox" id="newbarCk" onchange="save_options();"  />
  351.                     <label for="newbarCk">Display navigation features in one always visible bar. (If you uncheck it, two navigation panels are included in each page, one on top of the scans and one at the bottom)</label>
  352.                   </td>
  353.                 </tr>
  354.                 <tr>
  355.                   <td>
  356.                     <input type="checkbox" id="addautoCk" onchange="save_options();"  />
  357.                     <label for="addautoCk">Automatically add manga in my reading list when I read it. If you uncheck this option, you will have a button in the navigation bar to add the current manga in the list.</label>
  358.                   </td>
  359.                 </tr>
  360.                 <tr>
  361.                   <td>
  362.                     <input type="checkbox" id="lrkeysCk" onchange="save_options();"  />
  363.                     <label for="lrkeysCk">Use left /right keys while reading to go previous / next scan.</label>
  364.                   </td>
  365.                 </tr>
  366.                 <tr>
  367.                   <td>
  368.                     <input type="checkbox" id="autobmCk" onchange="save_options();"  />
  369.                     <label for="autobmCk">Auto Bookmark scans when double click on it.</label>
  370.                   </td>
  371.                 </tr>
  372.                 <tr>
  373.                   <td>
  374.                     <input type="checkbox" id="rightnextCk" onchange="save_options();"  />
  375.                     <label for="rightnextCk">Right key goes to next chapter when at bottom of the page.</label>
  376.                   </td>
  377.                 </tr>
  378.                 <tr>
  379.                   <td>
  380.                     <input type="checkbox" id="sendstats" onchange="save_options();"  />
  381.                     <label for="sendstats">Keep personnal statistics data.</label>
  382.                   </td>
  383.                 </tr>
  384.                
  385.               </table>
  386.             </div>
  387.           </td>
  388.         </tr>
  389.       </table>
  390.       </div>
  391.       </div>
  392.       <div class="article parent ongletCont" id="ong2" style="display:none;">
  393.       <div class="article main">
  394.       <table>
  395.         <tr>
  396.           <td>
  397.             <div class="article">
  398.             <h3>AMR aspect</h3>
  399.             <table style="width:100%;">
  400.               <tr>
  401.                 <td>
  402.                   <input type="checkbox" id="newTab" onchange="save_options();"  />
  403.                   <label for="newTab">Open my manga reading list in a new tab when i click on the All Mangas Reader's icon</label>
  404.                 </td>
  405.               </tr>
  406.               <tr>
  407.                 <td>
  408.                   <div class="article">
  409.                     <h3>
  410.                       Mangas Display Mode
  411.                     </h3>
  412.                     <table style="width:100%;">
  413.                       <tr>
  414.                         <td>
  415.                           <input type="radio" name="popupMode" value="1" id="popupMode1" onchange="save_options();"  />
  416.                           <label for="popupMode1">Display blocks for each manga with detailed information</label>
  417.                         </td>
  418.                         <td>
  419.                           <input type="radio" name="popupMode" value="2" id="popupMode2" onchange="save_options();"  />
  420.                           <label for="popupMode2">Display mangas in a list so i can see many of them</label>
  421.                         </td>
  422.                       </tr>
  423.                       <tr>
  424.                         <td>
  425.                           <center>
  426.                             <img src="img/help/AMRBlockMode.PNG" alt="blocks" width="350px" />
  427.                           </center>
  428.                         </td>
  429.                         <td style="vertical-align:top">
  430.                           <center>
  431.                             <img src="img/help/AMRListMode.PNG" alt="list" width="350px"  />
  432.                           </center>
  433.                         </td>
  434.                       </tr>
  435.                     </table>
  436.                   </div>
  437.                 </td>
  438.               </tr>
  439.               <tr>
  440.                 <td>
  441.                   <input type="checkbox" id="groupmgsCk" onchange="save_options();"  />
  442.                   <label for="groupmgsCk">Group mangas which have the same name on one line. When mangas are grouped, you can see all occurrences of the manga by clicking on the + icon next to the manga's name.</label>
  443.                 </td>
  444.               </tr>
  445.               <tr>
  446.                 <td>
  447.                   <input type="checkbox" id="displastup" onchange="save_options();"  />
  448.                   <label for="displastup">Display a calendar icon representing the last time a new chapter has been published (<img src="img/day.png" title="Last time new chapter : 2 days ago" />, <img src="img/week.png" title="Last time new chapter : 3 weeks ago" /> or <img src="img/month.png" title="Last time new chapter : 4 months ago" />). If unchecked, a tooltip will appear on the manga name telling : "Last time new chapter : 2 weeks ago" for example</label>
  449.                 </td>
  450.               </tr>
  451.              
  452.               <tr>
  453.                 <td>
  454.                   <div class="article">
  455.                     <h3>
  456.                       AMR's Popup Color
  457.                     </h3>
  458.                     <table style="margin-left:auto;margin-right:auto;">
  459.                       <tr>
  460.                         <td><div class="colorPicker" style="background-color:white" onclick="switchColor(this);save_options();"></div></td>
  461.                         <td><div class="colorPicker" style="background-color:black" onclick="switchColor(this);save_options();"></div></td>
  462.                         <td><div class="colorPicker" style="background-color:#DDDDDD" onclick="switchColor(this);save_options();"></div></td>
  463.                         <td><div class="colorPicker" style="background-color:#F0DDDD" onclick="switchColor(this);save_options();"></div></td>
  464.                         <td><div class="colorPicker" style="background-color:#EEEEFF" onclick="switchColor(this);save_options();"></div></td>
  465.                       </tr>
  466.                     </table>
  467.                   </div>
  468.                 </td>
  469.               </tr>  
  470.             </table>
  471.             </div>
  472.           </td>
  473.         </tr>
  474.  
  475.  
  476.         <tr>
  477.           <td>
  478.             <div class="article">
  479.             <h3>Updates</h3>
  480.             <table>
  481.               <tr>
  482.                 <td>
  483.                   <table>
  484.                     <tr>
  485.                       <td>
  486.                         <span>Update chapters list every : </span>
  487.                       </td>
  488.                       <td>
  489.                         <select id="updatechap" onchange="save_options();" >
  490.                           <option value="300000">5 minutes</option>
  491.                           <option value="600000">10 minutes</option>
  492.                           <option value="900000">15 minutes</option>
  493.                           <option value="1800000">30 minutes</option>
  494.                           <option value="3600000">hour</option>
  495.                           <option value="7200000">2 hours</option>
  496.                           <option value="21600000">6 hours</option>
  497.                           <option value="43200000">12 hours</option>
  498.                           <option value="86400000">day</option>
  499.                         </select>
  500.                       </td>
  501.                       <td>
  502.                         <a class="button" id="refreshChap" href="#">Refresh chapters lists now</a>
  503.                       </td>
  504.                     </tr>
  505.                     <tr id="noteChap" style="display:none">
  506.                       <td colspan="3" style="text-align:center">
  507.                         Refresh has been started and runs in background page. As it could take some time... you won't be notified that it is finished...
  508.                       </td>
  509.                     </tr>
  510.                     <tr>
  511.                       <td>
  512.                         <span>Update list of manga for each web site every : </span>
  513.                       </td>
  514.                       <td>
  515.                         <select id="updatemg" onchange="save_options();" >
  516.                           <option value="86400000">day</option>
  517.                           <option value="172800000">2 days</option>
  518.                           <option value="604800000">week</option>
  519.                           <option value="1209600000">2 weeks</option>
  520.                         </select>
  521.                       </td>
  522.                       <td>
  523.                         <a class="button" id="refreshMg" href="#">Refresh manga lists now</a>
  524.                       </td>
  525.                     </tr>
  526.                     <tr id="noteMg" style="display:none">
  527.                       <td colspan="3" style="text-align:center">
  528.                         Refresh has been started and runs in background page. As it could take some time... you won't be notified that it is finished...
  529.                       </td>
  530.                     </tr>
  531.                     <tr>
  532.                       <td>
  533.                         <span>Size of popup : </span>
  534.                       </td>
  535.                       <td colspan="2">
  536.                         <select id="popupsize" onchange="save_options();" >
  537.                           <option value="1">Small</option>
  538.                           <option value="2">Medium</option>
  539.                           <option value="3">Big</option>
  540.                         </select>
  541.                       </td>
  542.                     </tr>
  543.                   </table>
  544.                 </td>
  545.               </tr>
  546.                 <tr>
  547.                   <td>
  548.                     <input type="checkbox" id="checkmgstartCk" onchange="save_options();" />
  549.                     <label for="checkmgstartCk">Update chapters list on chrome startup</label>
  550.                   </td>
  551.                 </tr>
  552.                 <tr>
  553.                   <td>
  554.                     <input type="checkbox" id="refreshspinCk" onchange="save_options();" />
  555.                     <label for="refreshspinCk">Spin the sharingan icon when AMR is updating chapters list.</label>
  556.                   </td>
  557.                 </tr>
  558.                 <tr>
  559.                   <td>
  560.                     <input type="checkbox" id="savebandwidthCk" onchange="save_options();" />
  561.                     <label for="savebandwidthCk">Save bandwidth while loading chapter list (this options waits for one manga to be updated before updating the next one)</label>
  562.                   </td>
  563.                 </tr>
  564.             </table>
  565.             </div>
  566.           </td>
  567.         </tr>
  568.  
  569.         <tr>
  570.           <td>
  571.             <div class="article">
  572.             <h3>Notifications</h3>
  573.             <table>
  574.               <tr>
  575.                 <td>
  576.                     <input type="checkbox" id="shownotificationsCk" onchange="save_options();" />
  577.                     <label for="shownotificationsCk">Show browser notifications when new chapters are found.</label>
  578.                   </td>
  579.                 </tr>
  580.                 <tr>
  581.                  <td>
  582.                  <table>
  583.                    <tr>
  584.                   <td>
  585.                     Time before the notification close itself.
  586.                   </td>
  587.                   <td>
  588.                     <select id="notificationtimer" onchange="save_options();" >
  589.                       <option value="0">Close by user action</option>
  590.                       <option value="5">5 seconds</option>
  591.                       <option value="10">10 seconds</option>
  592.                       <option value="15">15 seconds</option>
  593.                       <option value="30">30 seconds</option>
  594.                       <option value="60">1 minute</option>
  595.                       <option value="120">2 minutes</option>
  596.                       <option value="600">10 minutes</option>
  597.                     </select>
  598.                   </td>
  599.                  </tr>
  600.                 </table>
  601.                 </td>
  602.                 </tr>
  603.             </table>
  604.             </div>
  605.           </td>
  606.         </tr>
  607.         <tr>
  608.           <td>
  609.             <div class="article">
  610.             <h3>Miscellaneous</h3>
  611.             <table>
  612.               <tr>
  613.                 <td>
  614.                   <input type="checkbox" id="displayZero" onchange="save_options();"  />
  615.                   <label for="displayZero">Display a grey "0" on AMR's icon when there is no new manga.</label>
  616.                 </td>
  617.               </tr>
  618.               <tr>
  619.                 <td>
  620.                   <input type="checkbox" id="noCount" onchange="save_options();"  />
  621.                   <label for="noCount">Do not display a badge with the number of unread manga but display AMR's icon in color if there are new mangas and in grey if not.</label>
  622.                 </td>
  623.               </tr>
  624.               <tr>
  625.                 <td>
  626.                   <input type="checkbox" id="devAMR" onchange="save_options();"  />
  627.                   <label for="devAMR">I am a developer (displays a direct link to the lab in the popup).</label>
  628.                 </td>
  629.               </tr>
  630.               <tr>
  631.                 <td>
  632.                   <input type="checkbox" id="openupdateCk" onchange="save_options();"  />
  633.                   <label for="openupdateCk">When AMR is updated to a new version, automatically load the release note page. (If not, an icon in the popup will warn you that your version has been updated)</label>
  634.                 </td>
  635.               </tr>
  636.  
  637.             </table>
  638.             </div>
  639.           </td>
  640.         </tr>
  641.       </table>
  642.       </div>
  643.       </div>
  644.       <div class="article parent ongletCont" id="ong3" style="display:none;">
  645.       <div class="article main">
  646.       <table>
  647.         <tr>
  648.           <td>
  649.             <input type="checkbox" id="syncMg" onchange="save_options();"  />
  650.             <label for="syncMg">Synchronize my mangas over my computers</label>
  651.           </td>
  652.         </tr>
  653.         <tr>
  654.           <td>
  655.             <p>
  656.               If you choose to synchronize your mangas, your list of manga and the latest chapters you read will be synchronize. Your options won't be synchronized because of the possible differences of your computers.
  657.             </p>
  658.           </td>
  659.         </tr>
  660.         <tr>
  661.           <td>
  662.             <p>&nbsp;</p>
  663.             <p>To allow this functionality, AMR uses your bookmarks. You must enable synchronization of your bookmarks in Google Chrome to make it work. (<a href="http://www.google.com/support/chrome/bin/answer.py?hl=en&answer=165139">Help here</a>)
  664.             <br />To do this, you can use build in chrome synchronization with your google account (in chrome options > Personal Data, click on the synchronize button, log in your google account and choose to synchronize bookmarks)
  665.             If you prefer to use another bookmark sync (like with <a href="https://chrome.google.com/extensions/detail/ajpgkpeckebdhofmmjfgcjjiiejpodla">XMarks</a>), you can do it.</p>
  666.             <p>
  667.             As All Mangas Reader synchronizes its data every five minutes, the synchronization is not immediate.
  668.             Chrome synchronization and XMarks both synchronizes incoming data every few hours, so don't expect your changes to appear immediately.
  669.             You can force synchronization of your data in XMarks by clicking "Synchronize Now".
  670.             With chrome synchronization, you can't force sync. When you read a manga, the bookmark will be modified within five minutes but the incoming synchronization takes more time. To force it, the best way is to relaunch Google Chrome or to disable and reenable synchronization.
  671.             </p>
  672.             <p>
  673.             Please note that google chrome is limited in bookmarks synchronization. It authorizes until 100 updates of bookmarks. So, sometimes, your bookmark won't be sync...
  674.             </p>
  675.             <p>
  676.               To make this work, All Mangas Reader creates a folder in your "Other Bookmarks" section which is named "BSync". This functionnality has been implemented thanks to phaistonian very good code.
  677.             </p>
  678.             <p><b>To Read before syncing</b></p>
  679.             <p>
  680.             When syncing is enabled, a text at the bottom of the extension popup indicate when the last synchronization has been done.
  681.             </p>
  682.             <p>
  683.             If AMR is already installed on multiple computers, when you activate synchronization, it is possible that you loose a few data.
  684.             The best way is to enable synchronisation on one computer only, to wait for the AMR bookmark to appear on the other computers (Other Bookmarks > BSync > All Mangas Reader.xxxxxxx) and then to activate synchronization on other computers
  685.             </p>
  686.           </td>
  687.         </tr>
  688.       </table>
  689.       </div>
  690.       </div>
  691.       <div class="article parent ongletCont" id="ong4" style="display:none;">
  692.       <div class="article main">
  693.       <table>
  694.         <tr>
  695.           <td>
  696.             <p>AMR provides many supported Web Sites. For each web sites, AMR stores the list of existing mangas. To prevent AMR from using too much RAM, you can deactivate web sites you don't use. Only web sites for which you don't have mangas in your reading list can be deactivated.</p>
  697.             <p>You can use the selectors on the right to facilitate your deactivation. For example, if you want only English websites. Click on <img src="img/select_none.png"/> then select "English" in the language drop down list and click <img src="img/select_all.png"/>. Only english websites are activated.</p>
  698.             <div id="selectors"></div>
  699.             <div id="results" style="width:100%">
  700.             </div>
  701.           </td>
  702.         </tr>
  703.       </table>
  704.       </div>
  705.       </div>
  706.     </td>
  707.   </tr>
  708.   <tr>
  709.     <td colspan="4">
  710.       <div class='bottominfo'>To report a bug, ask for help or suggest new features, please go to <a class="link b" href="#" onclick="chrome.extension.sendRequest({action:'opentab', url:'http://www.allmangasreader.com/forum/'}, function() {});">All Mangas Reader's forum</a> or <a class="link b" href="mailto:[email protected]">mail me.</a></div>
  711.     </td>
  712.   </tr>
  713. </div>
  714. </div>
  715.   <div id="footer">
  716.     All Mangas Reader 2012.
  717.   </div>
  718. </body>
  719. </html>
Advertisement
Add Comment
Please, Sign In to add comment