[gnome-music/wip/jfelder/searchview-new-style: 1/15] data/ui: Add section headers in search view

[Jean Felder <jfelder src gnome org>]

commit 3683a20979a68ba167884ce1f0b1713444425b31
Author: Marinus Schraal <mschraal gnome org>
Date:   Sat Aug 3 13:43:47 2019 +0200

    data/ui: Add section headers in search view
    
    Label headers and "View All" buttons are added.

 data/org.gnome.Music.css |  5 +++
 data/ui/SearchView.ui    | 93 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 98 insertions(+)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index dd4e166e..72bc50aa 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -155,3 +155,8 @@ padding: 0px;
 .playlistdialog-row:selected label {
     color: @theme_text_color;
 }
+
+/* SearchView */
+.search-header {
+  font-weight: bold;
+}
diff --git a/data/ui/SearchView.ui b/data/ui/SearchView.ui
index 050934b6..e5a1129b 100644
--- a/data/ui/SearchView.ui
+++ b/data/ui/SearchView.ui
@@ -1,6 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
   <requires lib="gtk+" version="3.18"/>
+  <object class="GtkImage" id="view_all_image_artist">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="icon_name">go-next-symbolic</property>
+    <property name="icon_size">1</property>
+  </object>
+  <object class="GtkImage" id="view_all_image_album">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="icon_name">go-next-symbolic</property>
+    <property name="icon_size">1</property>
+  </object>
   <template class="SearchView" parent="GtkStack">
     <property name="visible">True</property>
     <child>
@@ -18,11 +30,71 @@
             <property name="margin-top">20</property>
             <property name="orientation">vertical</property>
             <property name="visible">True</property>
+            <child>
+              <object class="GtkBox">
+                <property name="halign">fill</property>
+                <property name="hexpand">True</property>
+                <property name="homogeneous">True</property>
+                <property name="orientation">horizontal</property>
+                <property name="visible">True</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="label" translatable="yes">Artists</property>
+                    <property name="visible">True</property>
+                    <style>
+                      <class name="search-header"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkButton" id="_view_all_artists">
+                    <property name="halign">end</property>
+                    <property name="label" translatable="yes">View All</property>
+                    <property name="always_show_image">True</property>
+                    <property name="image">view_all_image_artist</property>
+                    <property name="image_position">right</property>
+                    <property name="visible">True</property>
+                  </object>
+                </child>
+              </object>
+            </child>
             <child>
               <object class="GtkFlowBox" id="_artist_listbox">
                 <property name="visible">True</property>
               </object>
             </child>
+            <child>
+              <object class="GtkBox">
+                <property name="halign">fill</property>
+                <property name="hexpand">True</property>
+                <property name="homogeneous">True</property>
+                <property name="orientation">horizontal</property>
+                <property name="visible">True</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="label" translatable="yes">Albums</property>
+                    <property name="visible">True</property>
+                    <style>
+                      <class name="search-header"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkButton" id="_view_all_albums">
+                    <property name="halign">end</property>
+                    <property name="label" translatable="yes">View All</property>
+                    <property name="always_show_image">True</property>
+                    <property name="image">view_all_image_album</property>
+                    <property name="image_position">right</property>
+                    <property name="visible">True</property>
+                  </object>
+                </child>
+              </object>
+            </child>
             <child>
               <object class="GtkFlowBox" id="_album_flowbox">
                 <property name="halign">fill</property>
@@ -42,8 +114,29 @@
                 </style>
               </object>
             </child>
+            <child>
+              <object class="GtkBox">
+                <property name="halign">fill</property>
+                <property name="hexpand">True</property>
+                <property name="homogeneous">True</property>
+                <property name="orientation">horizontal</property>
+                <property name="visible">True</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="label" translatable="yes">Songs</property>
+                    <property name="visible">True</property>
+                    <style>
+                      <class name="search-header"/>
+                    </style>
+                  </object>
+                </child>
+              </object>
+            </child>
             <child>
               <object class="GtkListBox" id="_songs_listbox">
+                <property name="margin-top">20</property>
                 <property name="visible">True</property>
                 <style>
                   <class name="songs-list"/>