From a784795281ba255385a59871e5b5466ecefee8d8 Mon Sep 17 00:00:00 2001
From: Danijel Predojevic <danijel.predojevic@am2studio.hr>
Date: Sat, 14 Jan 2017 13:08:30 +0100
Subject: [PATCH] - Preset image placeholder

---
 tabs/profiles.html |  1 +
 tabs/profiles.js   | 19 +++++++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/tabs/profiles.html b/tabs/profiles.html
index ccde3cdc..975eec9c 100644
--- a/tabs/profiles.html
+++ b/tabs/profiles.html
@@ -25,6 +25,7 @@
                     <div class="spacer_box_title" data-i18n="presetsDescription"></div>
                 </div>
                 <div class="spacer_box preset">
+                    <div id="preset-image"></div>
                     <h2 id="preset-name" class="preset__head"></h2>
                     <p id="preset-description" class="preset__description"></p>
                     <ul id="preset-features" class="preset__features"></ul>
diff --git a/tabs/profiles.js b/tabs/profiles.js
index 4d1f03bd..1534fb13 100644
--- a/tabs/profiles.js
+++ b/tabs/profiles.js
@@ -45,7 +45,8 @@ presets.presets = [
         applyDefaults: ["PIDs", "INAV_PID_CONFIG", "ADVANCED_CONFIG", "RC_tuning", "PID_ADVANCED", "FILTER_CONFIG", "FC_CONFIG"],
         settings: [
             presets.elementHelper("BF_CONFIG", "mixerConfiguration", 3)
-        ]
+        ],
+        type: 'multirotor'
     },
     {
         name: '5" Racer',
@@ -84,7 +85,8 @@ presets.presets = [
             presets.elementHelper("PIDs", 0, [43, 40, 20]),  //ROLL PIDs
             presets.elementHelper("PIDs", 1, [58, 50, 22]),  //PITCH PIDs
             presets.elementHelper("PIDs", 2, [70, 45, 0])  //YAW PIDs
-        ]
+        ],
+        type: 'multirotor'
     },
     {
         name: '10" General Purpose',
@@ -121,7 +123,8 @@ presets.presets = [
             presets.elementHelper("PIDs", 0, [75, 30, 18]),  //ROLL PIDs
             presets.elementHelper("PIDs", 1, [75, 30, 18]),  //PITCH PIDs
             presets.elementHelper("PIDs", 2, [85, 45, 0])  //YAW PIDs
-        ]
+        ],
+        type: 'multirotor'
     },
     {
         name: '12" General Purpose',
@@ -159,7 +162,8 @@ presets.presets = [
             presets.elementHelper("PIDs", 1, [80, 30, 18]),  //PITCH PIDs
             presets.elementHelper("PIDs", 2, [85, 45, 0]),  //YAW PIDs
             presets.elementHelper("PIDs", 7, [10, 7, 75])  //Level PIDs
-        ]
+        ],
+        type: 'multirotor'
     },
     {
         name: "Airplane General",
@@ -177,7 +181,8 @@ presets.presets = [
             presets.elementHelper("RC_tuning", "yaw_rate", 90),
             presets.elementHelper("ADVANCED_CONFIG", "gyroSync", 1),
             presets.elementHelper("INAV_PID_CONFIG", "gyroscopeLpf", 1)
-        ]
+        ],
+        type: 'airplane'
     },
     {
         name: "600mm Flying Wing",
@@ -195,7 +200,8 @@ presets.presets = [
             presets.elementHelper("RC_tuning", "pitch_rate", 150),
             presets.elementHelper("ADVANCED_CONFIG", "gyroSync", 1),
             presets.elementHelper("INAV_PID_CONFIG", "gyroscopeLpf", 1)
-        ]
+        ],
+        type: 'flyingwing'
     }
 ];
 
@@ -322,6 +328,7 @@ TABS.profiles.initialize = function (callback, scrollPosition) {
 
         var $features = $('#preset-features');
 
+        $('#preset-image').html('<div class="' + preset.type + '"></div>');
         $('#preset-name').html(preset.name);
         $('#preset-description').html(preset.description);