Dynamicly load icon into mock button HTML

Author: beefo

generators/app/templates/app/addin.html

@@ -44,7 +44,7 @@ <h2 class="panel__title"><%= title %></h2>
       <div class="checkmateFormPage">
           <div class="checkmateToolbarContainer">
           <span class="checkmateToolbar">
-              <button class="geotabButton customButton noTranslate"><span class="icon" style="background-image: url(images/icon.svg)"></span><%= title %></button>
+              <button class="geotabButton customButton noTranslate"><span class="icon" {icon}></span><%= title %></button>
           </div>
       </div>
     <% } else { %>

generators/app/templates/gulpfile.babel.js

@@ -153,7 +153,7 @@ let mockAddinHost = sourceDir => {
 
     if (parsed.pathname === '/' || parsed.pathname.indexOf(config.dev.root + '.html') > -1) {
       if (isButton) {
-        htmlSource = fs.readFileSync('.dev/button.html', 'utf8');
+        htmlSource = fs.readFileSync('.dev/button.html', 'utf8').replace('{icon}', `style="background-image: url(${config.items[0].icon})"` || '');
       } else {
         htmlSource = fs.readFileSync(parsed.pathname === '/' ? `${sourceDir}/${config.dev.root}.html` : parsed.pathname, 'utf8');
       }