Added a small icon to the dropdown typeahead

generator/css/ui.css

@@ -59,4 +59,23 @@
 
 .form-horizontal {
     margin-top: 10px;
+}
+
+
+.dropdown-menu>li>a {
+    padding-left: 35px;
+    position: relative;
+}
+
+.dropdown-menu a > span {
+    position: absolute;
+    left: 5px;
+    background-color: #000;
+    background-repeat: no-repeat;
+    background-position: center center;
+    width: 24px;
+    height: 24px;
+    background-size: auto 90%;
+    top: 50%;
+    margin-top: -12px;
 }

generator/generate.html

@@ -10,7 +10,7 @@
     <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css" />
     <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap-theme.min.css" />
     <!-- Library: Bootstrap typeahead -->
-    <script type="text/javascript" src="lib/typeahead/bootstrap3-typeahead.min.js" charset="utf-8"></script>
+    <script type="text/javascript" src="lib/typeahead/bootstrap3-typeahead.js" charset="utf-8"></script>
     <!-- Library: Color picker -->
     <link href="lib/colorpicker/css/bootstrap-colorselector.css" rel="stylesheet" />
     <script type="text/javascript" src="lib/colorpicker/js/bootstrap-colorselector.js" charset="utf-8"></script>

generator/lib/typeahead/bootstrap3-typeahead.js

@@ -204,6 +204,8 @@
       items = $(items).map(function (i, item) {
         i = $(that.options.item).data('value', item);
         i.find('a').html(that.highlighter(item));
+        var classname = 'icon-' + item.split(' ').join('-').toLowerCase()
+        i.find('a').append('<span class="' + classname + '"></span>')
         return i[0];
       });