diff --git a/tabs/initial_setup.css b/tabs/initial_setup.css
index aec0b29cfd..20c0791098 100644
--- a/tabs/initial_setup.css
+++ b/tabs/initial_setup.css
@@ -60,6 +60,21 @@
font-weight: bold;
}
+
+ #interactive_block .modelMixDiagram {
+ position: absolute;
+
+ top: 32px;
+ left: 10px;
+
+ height: 30%; /* interactive_block height set to inherit */
+ }
+
+ #interactive_block .modelMixCustom { /* Position question mark correctly */
+ height: 20%; /* resize question mark */
+ padding-left: 25px;
+ }
+
#interactive_block .heading {
float: right;
height: 15px;
diff --git a/tabs/initial_setup.html b/tabs/initial_setup.html
index fd2e1d2bb7..fe226ee27c 100644
--- a/tabs/initial_setup.html
+++ b/tabs/initial_setup.html
@@ -22,6 +22,7 @@
+
diff --git a/tabs/initial_setup.js b/tabs/initial_setup.js
index 59296674dd..61ed1884e0 100644
--- a/tabs/initial_setup.js
+++ b/tabs/initial_setup.js
@@ -100,12 +100,72 @@ tabs.initial_setup.initialize = function(callback) {
case 20: // Dualcopter
str = 'Dualcopter';
break;
- case 21: //
+ case 21: // Singlecopter
str = 'Singlecopter';
break;
}
$('span.model').text(chrome.i18n.getMessage('initialSetupModel', [str]));
+
+ // Model Mix Diagram selection
+ switch (CONFIG.multiType) {
+ case 1: // TRI
+ $(".modelMixDiagram").attr("src","./images/motor_order/tri.svg"); // Change image
+ $(".modelMixDiagram").addClass( 'modelMixTri' ); //Set specific class per model type
+ break;
+ case 2: // QUAD +
+ $(".modelMixDiagram").attr("src","./images/motor_order/quadp.svg");
+ $(".modelMixDiagram").addClass( 'modelMixQuadP' );
+ break;
+ case 3: // QUAD X
+ $(".modelMixDiagram").attr("src","./images/motor_order/quadx.svg");
+ $(".modelMixDiagram").addClass( 'modelMixQuadX' );
+ break;
+ case 6: // Y6
+ $(".modelMixDiagram").attr("src","./images/motor_order/y6.svg");
+ $(".modelMixDiagram").addClass( 'modelMixY6' );
+ break;
+ case 7: // HEX 6
+ $(".modelMixDiagram").attr("src","./images/motor_order/hex6p.svg");
+ $(".modelMixDiagram").addClass( 'modelMixHex6P' );
+ break;
+ case 9: // Y4
+ $(".modelMixDiagram").attr("src","./images/motor_order/y4.svg");
+ $(".modelMixDiagram").addClass( 'modelMixY4' );
+ break;
+ case 10: // HEX6 X
+ $(".modelMixDiagram").attr("src","./images/motor_order/hex6x.svg");
+ $(".modelMixDiagram").addClass( 'modelMixHex6X' );
+ break;
+ case 11: // OCTO X8
+ case 12:
+ case 13:
+ $(".modelMixDiagram").attr("src","./images/motor_order/octox.svg");
+ $(".modelMixDiagram").addClass( 'modelMixOctoX' );
+ break;
+
+ case 4: // BI
+ case 5: // GIMBAL
+ case 8: // FLYING_WING
+ case 14: // AIRPLANE
+ case 15: // Heli 120
+ case 16: // Heli 90
+ case 17: // Vtail
+ case 18: // HEX6 H
+ case 19: // PPM to SERVO
+ case 20: // Dualcopter
+ case 21: // Singlecopter
+ $(".modelMixDiagram").attr("src","./images/motor_order/custom.svg");
+ $(".modelMixDiagram").addClass( 'modelMixCustom' );
+ break;
+
+ default:
+ $(".modelMixDiagram").attr("src","./images/motor_order/custom.svg");
+ $(".modelMixDiagram").addClass( 'modelMixCustom' );
+ break;
+ }
+
+ // Heading
$('span.heading').text(chrome.i18n.getMessage('initialSetupheading', [0]));
// UI Hooks