Merge pull request #1 from dweymouth/develop

Adds search functionality to albums page
2022-12-27 15:16:23 -08:00
parent 586c694e59 7d0fcc78b2
commit f2b1bb188e
7 changed files with 259 additions and 15 deletions
@@ -85,6 +85,7 @@ func (ag *AlbumGrid) doUpdateAlbumCard(albumIdx int, ac *widgets.AlbumCard) {
 		default:
 			if err == nil {
 				ac.Cover.SetImage(i)
+				ag.Refresh()
 			}
 		}
 	}(ctx)
@@ -112,6 +113,7 @@ func (a *AlbumGrid) fetchMoreAlbums(count int) {
 		if i == count {
 			a.fetching = false
 		}
+		a.Refresh()
 	})
 }

@@ -0,0 +1,58 @@
+package ui
+
+import (
+	"supersonic/backend"
+
+	"fyne.io/fyne/v2"
+	"fyne.io/fyne/v2/container"
+	"fyne.io/fyne/v2/widget"
+)
+
+var _ fyne.Widget = (*AlbumsPage)(nil)
+
+type AlbumsPage struct {
+	widget.BaseWidget
+
+	im            *backend.ImageManager
+	lm            *backend.LibraryManager
+	grid          *AlbumGrid
+	searchGrid    *AlbumGrid
+	gridContainer *fyne.Container
+	OnPlayAlbum   func(string)
+}
+
+func NewAlbumsPage(title string, lm *backend.LibraryManager, im *backend.ImageManager) *AlbumsPage {
+	a := &AlbumsPage{
+		lm: lm,
+		im: im,
+	}
+	a.ExtendBaseWidget(a)
+	a.grid = NewAlbumGrid(lm.RecentlyAddedIter(), im.GetAlbumThumbnail)
+	a.grid.OnPlayAlbum = a.onPlayAlbum
+	a.gridContainer = container.NewMax(a.grid)
+	return a
+}
+
+func (a *AlbumsPage) OnSearched(query string) {
+	if query == "" {
+		a.gridContainer.Objects[0] = a.grid
+		a.searchGrid = nil
+		a.Refresh()
+		return
+	}
+	a.searchGrid = NewAlbumGrid(a.lm.SearchIter(query), a.im.GetAlbumThumbnail)
+	a.searchGrid.OnPlayAlbum = a.onPlayAlbum
+	a.gridContainer.Objects[0] = a.searchGrid
+	a.Refresh()
+}
+
+func (a *AlbumsPage) onPlayAlbum(albumID string) {
+	if a.OnPlayAlbum != nil {
+		a.OnPlayAlbum(albumID)
+	}
+}
+
+func (a *AlbumsPage) CreateRenderer() fyne.WidgetRenderer {
+	a.ExtendBaseWidget(a)
+	return widget.NewSimpleRenderer(a.gridContainer)
+}
@@ -0,0 +1,180 @@
+package ui
+
+import (
+	"context"
+	"time"
+
+	"fyne.io/fyne/v2"
+	"fyne.io/fyne/v2/container"
+	"fyne.io/fyne/v2/layout"
+	"fyne.io/fyne/v2/theme"
+	"fyne.io/fyne/v2/widget"
+)
+
+type Page interface {
+	fyne.Widget
+}
+
+type Searchable interface {
+	OnSearched(string)
+}
+
+type BrowsingPane struct {
+	widget.BaseWidget
+
+	searchBar           *searchField
+	searchTimer         *time.Timer
+	cancelPendingSearch context.CancelFunc
+	curPage             Page
+
+	container    *fyne.Container
+	pageContaner *fyne.Container
+}
+
+type blankPage struct {
+	widget.Separator
+}
+
+type searchField struct {
+	widget.Entry
+	height        float32
+	OnTextChanged func(string)
+}
+
+var _ fyne.Tappable = (*clearTextButton)(nil)
+
+type clearTextButton struct {
+	widget.Icon
+
+	OnTapped func()
+}
+
+type hspace struct {
+	widget.BaseWidget
+
+	Width float32
+}
+
+func newHSpace(w float32) *hspace {
+	h := &hspace{Width: w}
+	h.ExtendBaseWidget(h)
+	return h
+}
+
+func (h *hspace) MinSize() fyne.Size {
+	return fyne.NewSize(h.Width, 0)
+}
+
+func (h *hspace) CreateRenderer() fyne.WidgetRenderer {
+	return widget.NewSimpleRenderer(layout.NewSpacer())
+}
+
+func NewClearTextButton() *clearTextButton {
+	c := &clearTextButton{}
+	c.ExtendBaseWidget(c)
+	c.Resource = theme.SearchIcon()
+	return c
+}
+
+func (c *clearTextButton) Tapped(*fyne.PointEvent) {
+	if c.OnTapped != nil {
+		c.OnTapped()
+	}
+}
+
+func NewSearchField() *searchField {
+	sf := &searchField{}
+	sf.ExtendBaseWidget(sf)
+	// this is a bit hacky
+	sf.height = widget.NewEntry().MinSize().Height
+	sf.PlaceHolder = "Search"
+	c := NewClearTextButton()
+	c.OnTapped = func() {
+		sf.SetText("")
+	}
+	sf.ActionItem = c
+	sf.OnChanged = func(s string) {
+		if s == "" {
+			c.Resource = theme.SearchIcon()
+		} else {
+			c.Resource = theme.ContentClearIcon()
+		}
+		c.Refresh()
+		if sf.OnTextChanged != nil {
+			sf.OnTextChanged(s)
+		}
+	}
+	return sf
+}
+
+func (s *searchField) MinSize() fyne.Size {
+	return fyne.NewSize(200, s.height)
+}
+
+func NewBrowsingPane() *BrowsingPane {
+	b := &BrowsingPane{}
+	b.ExtendBaseWidget(b)
+	b.searchBar = NewSearchField()
+	b.searchBar.OnTextChanged = b.onSearchTextChanged
+	b.curPage = &blankPage{}
+	b.pageContaner = container.NewMax(b.curPage)
+	b.container = container.NewBorder(
+		container.NewHBox(newHSpace(15), b.searchBar),
+		nil, nil, nil, b.pageContaner)
+	return b
+}
+
+func (b *BrowsingPane) SetPage(p Page) {
+	if b.cancelPendingSearch != nil {
+		b.cancelPendingSearch()
+		b.cancelPendingSearch = nil
+	}
+	b.curPage = p
+	b.pageContaner.Objects[0] = p
+	b.Refresh()
+}
+
+func (b *BrowsingPane) onSearchTextChanged(text string) {
+	if text == "" {
+		if b.cancelPendingSearch != nil {
+			b.cancelPendingSearch()
+		}
+		b.sendSearch("")
+	}
+	if b.searchTimer == nil {
+		ctx, cancel := context.WithCancel(context.Background())
+		b.cancelPendingSearch = cancel
+		b.searchTimer = time.NewTimer(200 * time.Millisecond)
+		go func(ctx context.Context, trigger <-chan time.Time) {
+			select {
+			case <-ctx.Done():
+				b.searchTimer = nil
+			case <-trigger:
+				b.sendSearch(b.searchBar.Text)
+				b.searchTimer = nil
+			}
+		}(ctx, b.searchTimer.C)
+	} else {
+		b.resetSearchTimer(200 * time.Millisecond)
+	}
+}
+
+func (b *BrowsingPane) sendSearch(query string) {
+	if s, ok := b.curPage.(Searchable); ok {
+		s.OnSearched(query)
+	}
+}
+
+func (b *BrowsingPane) CreateRenderer() fyne.WidgetRenderer {
+	return widget.NewSimpleRenderer(b.container)
+}
+
+func (b *BrowsingPane) resetSearchTimer(d time.Duration) {
+	if b.searchTimer == nil {
+		return
+	}
+	if !b.searchTimer.Stop() {
+		<-b.searchTimer.C
+	}
+	b.searchTimer.Reset(d)
+}
@@ -6,7 +6,6 @@ import (

 	"fyne.io/fyne/v2"
 	"fyne.io/fyne/v2/container"
-	"fyne.io/fyne/v2/layout"
 	"fyne.io/fyne/v2/widget"
 	"github.com/dweymouth/go-subsonic"
 )
@@ -14,18 +13,22 @@ import (
 type MainWindow struct {
 	Window fyne.Window

-	BottomPanel *BottomPanel
+	BrowsingPane *BrowsingPane
+	BottomPanel  *BottomPanel
+
+	container *fyne.Container
 }

 func NewMainWindow(fyneApp fyne.App, appName string, app *backend.App) MainWindow {
 	m := MainWindow{
-		Window:      fyneApp.NewWindow(appName),
-		BottomPanel: NewBottomPanel(app.Player),
+		Window:       fyneApp.NewWindow(appName),
+		BrowsingPane: NewBrowsingPane(),
+		BottomPanel:  NewBottomPanel(app.Player),
 	}
 	m.BottomPanel.SetPlaybackManager(app.PlaybackManager)
 	m.BottomPanel.ImageManager = app.ImageManager
-	c := container.NewBorder(nil, m.BottomPanel, nil, nil, &layout.Spacer{})
-	m.Window.SetContent(c)
+	m.container = container.NewBorder(nil, m.BottomPanel, nil, nil, m.BrowsingPane)
+	m.Window.SetContent(m.container)
 	m.Window.Resize(fyne.NewSize(1000, 800))
 	app.PlaybackManager.OnSongChange(func(song *subsonic.Child) {
 		if song == nil {
@@ -35,11 +38,11 @@ func NewMainWindow(fyneApp fyne.App, appName string, app *backend.App) MainWindo
 		m.Window.SetTitle(song.Title)
 	})
 	app.ServerManager.OnServerConnected(func() {
-		ag := NewAlbumGrid(app.LibraryManager.RecentlyAddedIter(), app.ImageManager.GetAlbumThumbnail)
-		ag.OnPlayAlbum = func(albumID string) {
+		ap := NewAlbumsPage("Albums", app.LibraryManager, app.ImageManager)
+		ap.OnPlayAlbum = func(albumID string) {
 			_ = app.PlaybackManager.PlayAlbum(albumID)
 		}
-		m.Window.SetContent(container.NewBorder(nil, m.BottomPanel, nil, nil, ag))
+		m.BrowsingPane.SetPage(ap)
 	})
 	return m
 }