bz-select improvements

app/views/editors/KeyframeView.html

@@ -31,7 +31,15 @@
     <article eiccard class="agent-preview">
          <header><canvas data-output="agentSampleCanvas"></canvas></header>
         <section>
-            <bz-select label="Agent type..." data-output="agentsSelector"></bz-select>
+            <div>
+                <bz-select label="Agent type..." data-output="agentsSelector"></bz-select>
+                <div>Something in the way</div>
+                <bz-select label="TEST...">
+                    <option value="a">AA</option>
+                    <option value="b">BB</option>
+                    <option value="c">CC</option>
+                </bz-select>
+            </div>
             <div class="actions cols-2">
                 <button eicbutton rounded data-output="btnAddAgent" data-trigger="onAddAgent">Add</button>
                 <button eicbutton rounded data-output="btnRemoveAgent" data-trigger="onRemoveAgent" >Remove</button>
@@ -40,7 +48,7 @@
     </article>
     <article eiccard>
         <section>
-            Arena
+            Arena 
         </section>
     </article>
     <article eiccard="">

app/views/editors/KeyframeView.js

@@ -32,7 +32,7 @@ class KeyframeView extends WindozDomContent {
 
 
         this.outputs.agentsSelector.fillOptions( this.agentTypes.map(item => {
-            return({ markup: `${item.atp_name}`, value: item.atp_id})
+            return({ markup: `<i class="icon-${item.atp_hascode ? 'bug' : 'atom1'}"></i>${item.atp_name}`, value: item.atp_id})
         }))
         this.outputs.agentsSelector.addEventListener('change',this.onChangeAgent.bind(this))