generated pages for the three search types

markryall · Jan 9, 2013 · 2c48aa3 · 2c48aa3
1 parent 17032e9
commit 2c48aa3
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 12 deletions.
diff --git a/public/mobile-search-tracks.coffee b/public/mobile-search-tracks.coffee
@@ -26,7 +26,7 @@ $ ->
   $('#search-tracks-form').submit ->
     $.mobile.loading 'show'
     $.get '/api/search/tracks',
-      criteria: $('#search-tracks').val(),
+      criteria: $('#search-tracks-criteria').val(),
       (data) ->
         content = Mustache.to_html template, data
         $('#tracks .tracks-content').html content

diff --git a/public/mobile-search-tracks.js b/public/mobile-search-tracks.js
@@ -16,7 +16,7 @@
     return $('#search-tracks-form').submit(function() {
       $.mobile.loading('show');
       $.get('/api/search/tracks', {
-        criteria: $('#search-tracks').val()
+        criteria: $('#search-tracks-criteria').val()
       }, function(data) {
         var content;
         content = Mustache.to_html(template, data);

diff --git a/views/mobile.slim b/views/mobile.slim
@@ -12,7 +12,8 @@ html
     == partial :mobile_main
     == partial :mobile_controls
     == partial :mobile_queue
-    == partial :mobile_search
+    - %w{track album artist}.each do |by|
+     == partial :mobile_search, locals: { by: by }
     == partial :mobile_tracks
     script src="mobile-queue.js"
     script src="mobile-search-tracks.js"
diff --git a/views/mobile_main.slim b/views/mobile_main.slim
@@ -7,5 +7,6 @@ div id="main" data-role="page"
         a href="#controls" controls
       li
         a href="#queue" queue
-      li
-        a href="#search" search
+      - %w{track album artist}.each do |by|
+        li
+          a href="#search-#{by}s" search for #{by}
diff --git a/views/mobile_search.slim b/views/mobile_search.slim
@@ -1,9 +1,8 @@
-div id="search" data-role="page" data-add-back-btn="true"
+div id="search-#{by}s" data-role="page" data-add-back-btn="true"
   div data-role="header"
-    h1 Search
+    h1 Search by #{by}
   div data-role="content"
-    form id="search-tracks-form"
-      label for="search-tracks" Enter track criteria:
-      input type="search" name="search-tracks" id="search-tracks" value=""
-      input type="submit" value="Search"
-    div id="search-tracks-results"
+    form id="search-#{by}s-form"
+      label for="search-#{by}s-criteria" Enter #{by} criteria:
+      input type="search" name="search-#{by}s-criteria" id="search-#{by}s-criteria" value=""
+      input type="submit" value="Search"