src/webui/www/private/views/preferencesToolbar.html

   1 <!-- preferences -->
   2 <div class="toolbarTabs">
   3     <menu id="preferencesTabs" class="tab-menu">
   4         <li id="PrefBehaviorLink" class="selected">
   5             <a><img alt="QBT_TR(Behavior)QBT_TR[CONTEXT=OptionsDialog]" src="images/preferences-desktop.svg" width="16" height="16">QBT_TR(Behavior)QBT_TR[CONTEXT=OptionsDialog]</a>
   6         </li>
   7         <li id="PrefDownloadsLink">
   8             <a><img alt="QBT_TR(Downloads)QBT_TR[CONTEXT=OptionsDialog]" src="images/download.svg" width="16" height="16">QBT_TR(Downloads)QBT_TR[CONTEXT=OptionsDialog]</a>
   9         </li>
  10         <li id="PrefConnectionLink">
  11             <a><img alt="QBT_TR(Connection)QBT_TR[CONTEXT=OptionsDialog]" src="images/network-connect.svg" width="16" height="16">QBT_TR(Connection)QBT_TR[CONTEXT=OptionsDialog]</a>
  12         </li>
  13         <li id="PrefSpeedLink">
  14             <a><img alt="QBT_TR(Speed)QBT_TR[CONTEXT=OptionsDialog]" src="images/slow_off.svg" width="16" height="16">QBT_TR(Speed)QBT_TR[CONTEXT=OptionsDialog]</a>
  15         </li>
  16         <li id="PrefBittorrentLink">
  17             <a><img alt="QBT_TR(BitTorrent)QBT_TR[CONTEXT=OptionsDialog]" src="images/preferences-bittorrent.svg" width="16" height="16">QBT_TR(BitTorrent)QBT_TR[CONTEXT=OptionsDialog]</a>
  18         </li>
  19         <li id="PrefRSSLink">
  20             <a><img alt="QBT_TR(RSS)QBT_TR[CONTEXT=OptionsDialog]" src="images/application-rss.svg" width="16" height="16">QBT_TR(RSS)QBT_TR[CONTEXT=OptionsDialog]</a>
  21         </li>
  22         <li id="PrefWebUILink">
  23             <a><img alt="QBT_TR(WebUI)QBT_TR[CONTEXT=OptionsDialog]" src="images/preferences-webui.svg" width="16" height="16">QBT_TR(WebUI)QBT_TR[CONTEXT=OptionsDialog]</a>
  24         </li>
  25         <li id="PrefAdvancedLink">
  26             <a><img alt="QBT_TR(Advanced)QBT_TR[CONTEXT=OptionsDialog]" src="images/preferences-advanced.svg" width="16" height="16">QBT_TR(Advanced)QBT_TR[CONTEXT=OptionsDialog]</a>
  27         </li>
  28     </menu>
  29     <div class="clear"></div>
  30 </div>
  31
  32 <script>
  33     "use strict";
  34
  35     (() => {
  36         // Tabs
  37         MochaUI.initializeTabs("preferencesTabs");
  38
  39         $("PrefBehaviorLink").addEventListener("click", (e) => {
  40             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  41             $("BehaviorTab").classList.remove("invisible");
  42         });
  43         $("PrefDownloadsLink").addEventListener("click", (e) => {
  44             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  45             $("DownloadsTab").classList.remove("invisible");
  46         });
  47         $("PrefConnectionLink").addEventListener("click", (e) => {
  48             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  49             $("ConnectionTab").classList.remove("invisible");
  50         });
  51         $("PrefSpeedLink").addEventListener("click", (e) => {
  52             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  53             $("SpeedTab").classList.remove("invisible");
  54         });
  55         $("PrefBittorrentLink").addEventListener("click", (e) => {
  56             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  57             $("BittorrentTab").classList.remove("invisible");
  58         });
  59         $("PrefRSSLink").addEventListener("click", (e) => {
  60             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  61             $("RSSTab").classList.remove("invisible");
  62         });
  63         $("PrefWebUILink").addEventListener("click", (e) => {
  64             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  65             $("WebUITab").classList.remove("invisible");
  66         });
  67         $("PrefAdvancedLink").addEventListener("click", (e) => {
  68             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
  69             $("AdvancedTab").classList.remove("invisible");
  70         });
  71     })();
  72 </script>