near/airsonic-ui
1
0
Fork 0
mirror of https://github.com/heyarne/airsonic-ui.git synced 2026-05-07 02:33:39 +02:00
Code Issues Projects Releases Wiki Activity

Make search results somewhat usable on mobile

Browse source
This commit is contained in:
Arne Schlüter 2019-01-23 12:55:17 +01:00
commit 226f3b99e2
1 changed files with 17 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/cljs/airsonic_ui/components/search/views.cljs
View file

@ -19,28 +19,27 @@
:default-value search-term
:placeholder "Search"}]]])))
(defn result-cards [items]
[:div.columns.is-multiline.is-mobile
(for [[url item] items]
^{:key url} [:div.column.is-one-fifth-tablet.is-one-third-mobile
[card item
:url-fn (constantly url)
:content [:div>a
{:href url, :title (:name item)}
(:name item)]]])])
(defn- artist-url [artist]
(url-for ::routes/artist.detail (select-keys artist [:id])))
(defn artist-results [{:keys [artist]}]
[:div.columns.is-multiline.is-mobile
(for [[idx artist] (map-indexed vector artist)]
(let [url #(url-for ::routes/artist.detail (select-keys % [:id]))]
^{:key idx} [:div.column.is-2
[card artist
:url-fn url
:content [:div>a
{:href (url artist), :title (:name artist)}
(:name artist)]]]))])
[result-cards (map (juxt artist-url identity) artist)])
(defn- album-url [album]
(url-for ::routes/album.detail (select-keys album [:id])))
(defn album-results [{:keys [album]}]
[:div.columns.is-multiline.is-mobile
(for [[idx album] (map-indexed vector album)]
(let [url #(url-for ::routes/album.detail (select-keys % [:id]))
title (str (:name album) " (" (:artist album) ")")]
^{:key idx} [:div.column.is-2 [card album
:url-fn url
:content [:div>a
{:href (url album), :title title}
title]]]))])
[result-cards (map (juxt album-url identity) album)])
(defn song-results [{:keys [song]}]
[song/listing song])