Add sponsor tile to firmware flashing tab

src/css/main.less

@@ -1155,6 +1155,12 @@ dialog {
 	font-weight: 300;
 	margin-bottom: 15px;
 }
+.tab_sponsor {
+	display: none;
+	height: 50px;
+	max-height: 50px;
+	margin: 0 auto 10px auto
+}
 .note {
 	background-color: #fff7cd;
 	border: 1px solid #ffe55f;

src/js/BuildApi.js

@@ -170,4 +170,9 @@ export default class BuildApi {
         const url = `${this._url}/api/configurator/releases/${type}`;
         this.load(url, onSuccess, onFailure);
     }
+
+    loadSponsorTile(onSuccess, onFailure) {
+        const url = `${this._url}/api/configurator/sponsors`;
+        this.load(url, onSuccess, onFailure);
+    }
 }

src/js/tabs/firmware_flasher.js

@@ -47,6 +47,23 @@ firmware_flasher.initialize = function (callback) {
 
     function onDocumentLoad() {
 
+        function loadSponsor() {
+            if (!navigator.onLine) {
+                return;
+            }
+
+            self.releaseLoader.loadSponsorTile(
+                (content) => {
+                    if (content) {
+                        $('div.tab_sponsor').html(content);
+                        $('div.tab_sponsor').show();
+                    } else {
+                        $('div.tab_sponsor').hide();
+                    }
+                },
+            );
+        }
+
         function parseHex(str, callback) {
             // parsing hex in different thread
             const worker = new Worker('./js/workers/hex_parser.js');
@@ -254,6 +271,8 @@ firmware_flasher.initialize = function (callback) {
         // translate to user-selected language
         i18n.localizePage();
 
+        loadSponsor();
+
         buildType_e.change(function() {
             tracking.setFirmwareData(tracking.DATA.FIRMWARE_CHANNEL, $('option:selected', this).text());
 

src/tabs/firmware_flasher.html

@@ -4,6 +4,8 @@
         <div class="cf_doc_version_bt">
             <a id="button-documentation" href="" target="_blank" rel="noopener noreferrer"></a>
         </div>
+        <div class="tab_sponsor">
+        </div>
         <div class="options gui_box" style="float: left; width: 460px; ">
             <div class="spacer" style="margin-bottom: 10px;">
                 <div class="margin-bottom">