src/webui/www/private/uploadlimit.html

   1 <!DOCTYPE html>
   2 <html lang="${LANG}">
   3
   4 <head>
   5     <meta charset="UTF-8" />
   6     <title>QBT_TR(Torrent Upload Speed Limiting)QBT_TR[CONTEXT=TransferListWidget]</title>
   7     <link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
   8     <script src="scripts/lib/mootools-1.2-core-yc.js"></script>
   9     <script src="scripts/lib/mootools-1.2-more.js"></script>
  10     <script src="scripts/lib/mocha-0.9.6-yc.js"></script>
  11     <script src="scripts/speedslider.js?v=${CACHEID}"></script>
  12 </head>
  13
  14 <body>
  15     <div style="width: 100%; text-align: center; margin: 0 auto; overflow: hidden">
  16         <div id="uplimitSlider" class="slider">
  17             <div id="uplimitUpdate" class="update">QBT_TR(Upload limit:)QBT_TR[CONTEXT=PropertiesWidget] <input id="uplimitUpdatevalue" size="6" placeholder="∞" style="text-align: center;"> <span id="upLimitUnit">QBT_TR(KiB/s)QBT_TR[CONTEXT=SpeedLimitDialog]</span></div>
  18             <div class="sliderWrapper">
  19                 <div id="uplimitSliderknob" class="sliderknob"></div>
  20                 <div id="uplimitSliderarea" class="sliderarea"></div>
  21             </div>
  22             <div class="clear"></div>
  23         </div>
  24         <script>
  25             'use strict';
  26
  27             const hashes = new URI().getData('hashes').split('|');
  28             const setUpLimit = function() {
  29                 const limit = $("uplimitUpdatevalue").value.toInt() * 1024;
  30                 if (hashes[0] == "global") {
  31                     new Request({
  32                         url: 'api/v2/transfer/setUploadLimit',
  33                         method: 'post',
  34                         data: {
  35                             'limit': limit
  36                         },
  37                         onComplete: function() {
  38                             window.parent.updateMainData();
  39                             window.parent.closeWindows();
  40                         }
  41                     }).send();
  42                 }
  43                 else {
  44                     new Request({
  45                         url: 'api/v2/torrents/setUploadLimit',
  46                         method: 'post',
  47                         data: {
  48                             'hashes': hashes.join('|'),
  49                             'limit': limit
  50                         },
  51                         onComplete: function() {
  52                             window.parent.closeWindows();
  53                         }
  54                     }).send();
  55                 }
  56             }
  57         </script>
  58         <input type="button" id="applyButton" value="QBT_TR(Apply)QBT_TR[CONTEXT=HttpServer]" onclick="setUpLimit()" />
  59     </div>
  60
  61     <script>
  62         new Keyboard({
  63             defaultEventType: 'keydown',
  64             events: {
  65                 'Enter': function(event) {
  66                     $('applyButton').click();
  67                     event.preventDefault();
  68                 },
  69                 'Escape': function(event) {
  70                     window.parent.closeWindows();
  71                     event.preventDefault();
  72                 },
  73                 'Esc': function(event) {
  74                     window.parent.closeWindows();
  75                     event.preventDefault();
  76                 }
  77             }
  78         }).activate();
  79
  80         $('uplimitUpdatevalue').focus();
  81
  82         MochaUI.addUpLimitSlider(hashes);
  83     </script>
  84
  85 </body>
  86
  87 </html>