use profiles.json file name in documentation
[web/firmware-selector-openwrt-org.git] / index.html
index acb15fa5c7eace982aa36137b020e2753475bd0c..8ad054d31493118bde428610694b6762f89e6a61 100644 (file)
@@ -5,8 +5,11 @@
        <meta charset="utf-8"/>
        <title>OpenWrt Firmware Selector</title>
        <link rel="stylesheet" href="index.css" />
+       <script src="i18n.js"></script>
+       <script src="config.js"></script>
+       <script src="index.js"></script>
 </head>
-<body>
+<body onload="init()">
 
 <header>
        <div>
                <img src="logo.png" alt="Logo">
                <div style="flex-grow: 1;"></div>
 
-               <select id="language-selection" onchange="changeLanguage(this.children[this.selectedIndex].value);" size="1">
+               <select id="language-selection" size="1">
+                       <option value="ca">Català</option>
                        <option value="en">English</option>
+                       <option value="es">Español</option>
                        <option value="de">Deutsch</option>
+                       <option value="fr">Français</option>
+                       <option value="it">Italiano</option>
+                       <option value="no">Norsk</option>
+                       <option value="pl">Polski</option>
+                       <option value="tr">Türkçe</option>
                </select>
        </div>
 </header>
                <p class="tr-message">Please use the input below to download firmware for your device!</p>
                <br>
 
-               <select id="releases" size="1"></select>
-               <div class="autocomplete">
-                       <input id="models" type="text" placeholder="Model">
+               <select id="versions" size="1"></select>
+               <div id="models-autocomplete" class="autocomplete">
+                       <input id="models" type="text" placeholder="Model" spellcheck="false" autocapitalize="off" autocorrect="off">
                </div>
 
                <br />
                <br />
-               <img id="loading" src="loading.gif" style="display:none" alt="Logo">
+
+               <div>
+                       <img id="buildspinner" src="spinner.gif" alt="Logo">
+                       <div id="buildstatus"></div>
+               </div>
 
                <div id="images">
                        <div id="custom">
                                <h3 class="tr-customize">Customize</h3>
-                               <textarea id="packages">luci</textarea>
-                               <a href="javascript:build_asa_request()" class="tr-request-image">Request Build</a>
+                               <div class="autocomplete">
+                                       <textarea id="packages" spellcheck="false" autocapitalize="off" autocorrect="off"></textarea>
+                               </div>
+                               <a href="javascript:build_asa_request()" class="custom-link">
+                                       <span>&#9881;</span><span class="tr-request-build">Request Build</span>
+                               </a>
                        </div>
 
-
                        <div>
-                               <h3 id="images-title" class="tr-release-build">Release Build</h3>
-                               <div><span class="tr-model">Model:</span> <span id="image-model"></span></div>
-                               <div><span class="tr-target">Target:</span> <span id="image-target"></span></div>
-                               <div><span class="tr-version">Version:</span> <span id="image-release"></span> (<span id="image-commit"></span>)</div>
+                               <h3 id="images-title" class="tr-version-build">Release Build</h3>
+                               <div><span class="column tr-model">Model:</span> <span id="image-model"></span></div>
+                               <div><span class="column tr-target">Target:</span> <span id="image-target"></span></div>
+                               <div><span class="column tr-version">Version:</span> <span id="image-version"></span> (<span id="image-code"></span>)</div>
+                               <div><span class="column tr-date">Date:</span> <span id="image-date"></span></div>
                        </div>
 
                        <div id="download-links">
                                <span id="other-help" class="download-help tr-other-help">Image of unknown purpose.</span>
                        </div>
                </div>
+
+               <div id="footer">
+                       <span><a href="https://github.com/mwarning/yet_another_firmware_selector">YAFS</a> v2.2.0</span>
+               </div>
        </div>
 </div>
 
-<script src="i18n.js"></script>
-<script src="config.js"></script>
-<script src="index.js"></script>
-
 </body>
 </html>