diff --git a/src/css/main.less b/src/css/main.less
index bad0c51028..87c4897305 100644
--- a/src/css/main.less
+++ b/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;
diff --git a/src/images/sponsors/dogcom.svg b/src/images/sponsors/dogcom.svg
new file mode 100644
index 0000000000..304286f3c9
--- /dev/null
+++ b/src/images/sponsors/dogcom.svg
@@ -0,0 +1,857 @@
+
+
+
diff --git a/src/images/sponsors/hqprop.svg b/src/images/sponsors/hqprop.svg
new file mode 100644
index 0000000000..9c6074e23b
--- /dev/null
+++ b/src/images/sponsors/hqprop.svg
@@ -0,0 +1,23 @@
+
+
+
diff --git a/src/images/sponsors/radiomaster.svg b/src/images/sponsors/radiomaster.svg
new file mode 100644
index 0000000000..b6bed10a5b
--- /dev/null
+++ b/src/images/sponsors/radiomaster.svg
@@ -0,0 +1,38 @@
+
+
+
diff --git a/src/js/BuildApi.js b/src/js/BuildApi.js
index cff0125f7d..ba40d941d3 100644
--- a/src/js/BuildApi.js
+++ b/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);
+ }
}
diff --git a/src/js/tabs/firmware_flasher.js b/src/js/tabs/firmware_flasher.js
index 4620037602..12ad2d460f 100644
--- a/src/js/tabs/firmware_flasher.js
+++ b/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());
diff --git a/src/tabs/firmware_flasher.html b/src/tabs/firmware_flasher.html
index f2321c45b2..9ec5906cf7 100644
--- a/src/tabs/firmware_flasher.html
+++ b/src/tabs/firmware_flasher.html
@@ -4,6 +4,8 @@
+