www/index.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4   <head>
   5     <meta charset="utf-8" />
   6     <title>OpenWrt Firmware Selector</title>
   7     <link rel="stylesheet" href="index.css" />
   8     <script src="i18n.js"></script>
   9     <script src="config.js"></script>
  10     <script src="index.js"></script>
  11   </head>
  12   <body onload="init()">
  13     <header>
  14       <div>
  15         <!--
  16                 <h6 class="tr-title">OpenWrt Firmware Selector</h6>
  17 -->
  18         <img src="logo.svg" width="180" alt="Logo" />
  19         <div style="flex-grow: 1"></div>
  20
  21         <select id="language-selection" size="1">
  22           <option value="ca">Català</option>
  23           <option value="en">English</option>
  24           <option value="es">Español</option>
  25           <option value="de">Deutsch</option>
  26           <option value="fr">Français</option>
  27           <option value="it">Italiano</option>
  28           <option value="no">Norsk</option>
  29           <option value="pl">Polski</option>
  30           <option value="tr">Türkçe</option>
  31         </select>
  32       </div>
  33     </header>
  34
  35     <div class="container">
  36       <div>
  37         <h2 class="tr-load">Download OpenWrt firmware for your device!</h2>
  38         <p class="tr-message">
  39           Please use the input below to download firmware for your device!
  40         </p>
  41         <br />
  42
  43         <select id="versions" size="1"></select>
  44         <div id="models-autocomplete" class="autocomplete">
  45           <input
  46             id="models"
  47             type="text"
  48             placeholder="Model"
  49             spellcheck="false"
  50             autocapitalize="off"
  51           />
  52         </div>
  53
  54         <br />
  55         <br />
  56
  57         <div>
  58           <img id="buildspinner" src="spinner.gif" alt="Logo" />
  59           <div id="buildstatus"></div>
  60         </div>
  61
  62         <div id="images">
  63           <div id="custom">
  64             <h3 class="tr-customize">Customize</h3>
  65             <div class="autocomplete">
  66               <textarea
  67                 id="packages"
  68                 spellcheck="false"
  69                 autocapitalize="off"
  70               ></textarea>
  71             </div>
  72             <a href="javascript:build_asu_request()" class="custom-link">
  73               <span>&#9881;</span
  74               ><span class="tr-request-build">Request Build</span>
  75             </a>
  76           </div>
  77
  78           <div>
  79             <h3 id="build-title" class="tr-version-build">Release Build</h3>
  80             <div>
  81               <span class="column tr-model">Model:</span>
  82               <span id="image-model"></span>
  83             </div>
  84             <div>
  85               <span class="column tr-target">Target:</span>
  86               <span id="image-target"></span>
  87             </div>
  88             <div>
  89               <span class="column tr-version">Version:</span>
  90               <span id="image-version"></span> (<span id="image-code"></span>)
  91             </div>
  92             <div>
  93               <span class="column tr-date">Date:</span>
  94               <span id="image-date"></span>
  95             </div>
  96           </div>
  97
  98           <div id="download-links">
  99             <h3 id="downloads-title" class="tr-downloads">Downloads</h3>
 100           </div>
 101
 102           <div>
 103             <span id="factory-help" class="download-help tr-factory-help"
 104               >Factory images are for flashing routers with OpenWrt for the
 105               first time using the web interface of the original firmware.</span
 106             >
 107             <span id="sysupgrade-help" class="download-help tr-sysupgrade-help"
 108               >Sysupgrade images are for flashing routers that already run
 109               OpenWrt. The image can be applied using the web interface or the
 110               console.</span
 111             >
 112             <span id="kernel-help" class="download-help tr-kernel-help"
 113               >Linux kernel as a separate image.</span
 114             >
 115             <span id="rootfs-help" class="download-help tr-rootfs-help"
 116               >Root file system as a separate image.</span
 117             >
 118             <span id="sdcard-help" class="download-help tr-sdcard-help"
 119               >Image that is meant to be flashed on an SD-Card.</span
 120             >
 121             <span id="tftp-help" class="download-help tr-tftp-help"
 122               >Image that can be applied using the TFTP meachnism of the
 123               bootloader</span
 124             >
 125             <span id="other-help" class="download-help tr-other-help"
 126               >Image of unknown purpose.</span
 127             >
 128           </div>
 129         </div>
 130
 131         <div id="footer">
 132           <span
 133             ><a
 134               href="https://git.openwrt.org/web/firmware-selector-openwrt-org.git"
 135               >YAFS</a
 136             >
 137             %GIT_VERSION%</span
 138           >
 139         </div>
 140       </div>
 141     </div>
 142   </body>
 143 </html>