Add button icon option in Modeler

Author: Jelte Lagendijk

src/SearchInput/SearchInput.xml

@@ -23,10 +23,15 @@
       <category>General</category>
       <description>Placeholder for when the inputbox is empty</description>
     </property>
+    <property key="buttonIconClass" type="string" required="true" defaultValue="search">
+      <caption>Button icon</caption>
+      <category>General</category>
+      <description>Glyphicon that is used in the button. This has the value "glyphicon glyphicon-" + this value. See http://getbootstrap.com/components/#glyphicons</description>
+    </property>
     <property key="buttonstyle" type="enumeration" required="true" defaultValue="default">
       <caption>Button style</caption>
       <category>General</category>
-      <description>Button color</description>
+      <description>Button color using a Bootstrap class</description>
       <enumerationValues>
         <enumerationValue key="default">Default</enumerationValue>
         <enumerationValue key="inverse">Inverse</enumerationValue>

src/SearchInput/widget/template/SearchInput.html

@@ -4,7 +4,7 @@
             <input type="text" class="form-control" data-dojo-attach-point="searchInputNode" />
             <span class="input-group-btn searchInputButton">
                 <button class="btn btn-${buttonstyle}" type="button" data-dojo-attach-point="searchSelectNode">
-                    <span class="glyphicon glyphicon-search"></span>
+                    <span class="glyphicon glyphicon-${buttonIconClass}"></span>
                 </button>
             </span>
         </div>