Add search box to SDK.

We reuse this same search box functionality in a
number of our apps so makes sense to stick it in the SDK.
Creates a search box that has autocompletion and provides
signals for when a search is triggered and when an
autocompletion entry is selected. Has its own default
styling which can be overridden.

4 files changed, 13 insertions, 0 deletions

diff --git a/data/assets/autocomplete_list_middle.png b/data/assets/autocomplete_list_middle.png
new file mode 100644
index 0000000..71bb0ee
--- /dev/null
+++ b/data/assets/autocomplete_list_middle.png
diff --git a/data/assets/autocomplete_list_middle_hover.png b/data/assets/autocomplete_list_middle_hover.png
new file mode 100644
index 0000000..f1c1471
--- /dev/null
+++ b/data/assets/autocomplete_list_middle_hover.png
diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css
index f9bbfbb..316a2d7 100644
--- a/data/css/endless-widgets.css
+++ b/data/css/endless-widgets.css
@@ -74,6 +74,17 @@ EosWindow {
         color-stop(0, rgb(67, 67, 67)));
 }
 
+.endless-search-box .cell{
+    color: #464646;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-image: url('resource:///com/endlessm/sdk/assets/autocomplete_list_middle.png');
+}
+
+.endless-search-box .cell:selected{
+    background-image: url('resource:///com/endlessm/sdk/assets/autocomplete_list_middle_hover.png');
+}
+
 /* Insensitive Text */
 
 *:insensitive {
diff --git a/data/eos-sdk.gresource.xml b/data/eos-sdk.gresource.xml
index 07b7ffd..a0b37d6 100644
--- a/data/eos-sdk.gresource.xml
+++ b/data/eos-sdk.gresource.xml
@@ -3,5 +3,7 @@
   <gresource prefix="/com/endlessm/sdk">
     <file>css/reset.css</file>
     <file>css/endless-widgets.css</file>
+    <file>assets/autocomplete_list_middle.png</file>
+    <file>assets/autocomplete_list_middle_hover.png</file>
   </gresource>
 </gresources>