Fyne History Page Implementation

cmd/godcr-fyne/fyne.go

@@ -15,4 +15,4 @@ var defaultAppDataDir = dcrutil.AppDataDir("godcr", false)
 
 func main() {
 	fyne.LaunchUserInterface(appDisplayName, defaultAppDataDir, "testnet3")
-}
+}

cmd/godcr-fyne/go.sum

@@ -407,4 +407,4 @@ gopkg.in/tomb.v1 v1.0.0-20141024135613-dd632973f1e7 h1:uRGJdciOHaEIrze2W8Q3AKkep
 gopkg.in/tomb.v1 v1.0.0-20141024135613-dd632973f1e7/go.mod h1:dt/ZhP58zS4L8KSrWDmTeBkI65Dw0HsyUHuEVlX15mw=
 gopkg.in/yaml.v2 v2.2.1/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
 gopkg.in/yaml.v2 v2.2.2 h1:ZCJp+EgiOT7lHqUV2J862kp8Qj64Jo6az82+3Td9dZw=
-gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
+gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=

fyne/assets/icons.go

@@ -29,9 +29,9 @@ const (
 	MoreIcon           = "more.png"
 	InfoIcon           = "info.png"
 	ReceiveAccountIcon = "receiveAccount.png"
-
-	CollapseDropdown = "collapseDropdown.png"
-	ExpandDropdown   = "expandDropdown.png"
+	CollapseDropdown   = "collapseDropdown.png"
+	ExpandDropdown     = "expandDropdown.png"
+	RedirectIcon       = "redirect.png"
 )
 
 var imageBox = packr.New("icons", "../assets")

fyne/go.mod

@@ -4,6 +4,7 @@ go 1.13
 
 require (
 	fyne.io/fyne v1.2.0
+	github.com/decred/dcrd/chaincfg/chainhash v1.0.2
 	github.com/decred/dcrd/dcrutil v1.4.0
 	github.com/decred/slog v1.0.0
 	github.com/gen2brain/beeep v0.0.0-20190719094215-ece0cb67ca77

fyne/helpers/helpers.go

@@ -0,0 +1,24 @@
+package helpers
+
+import (
+	"fyne.io/fyne/widget"
+	"github.com/raedahgroup/godcr/fyne/assets"
+)
+
+func TxDirectionIcon(direction int32) string {
+	switch direction {
+	case 0:
+		return assets.SendIcon
+	case 1:
+		return assets.ReceiveIcon
+	case 2:
+		return assets.ReceiveIcon
+	default:
+		return assets.InfoIcon
+	}
+}
+
+func ErrorHandler(err string, errorLabel *widget.Label) {
+	errorLabel.SetText(err)
+	errorLabel.Show()
+}

fyne/pages/display.go

@@ -104,7 +104,7 @@ func (app *AppInterface) setupNavigationMenu() {
 			case 0:
 				newPageContent = overviewPageContent(app)
 			case 1:
-				newPageContent = historyPageContent()
+				newPageContent = historyPageContent(app)
 			case 2:
 				newPageContent = sendPageContent(app.MultiWallet, app.Window)
 			case 3:

fyne/pages/handler/historypagehandler/basewidgets.go

@@ -0,0 +1,45 @@
+package historypagehandler
+
+import (
+	"fyne.io/fyne"
+	"fyne.io/fyne/canvas"
+	"fyne.io/fyne/layout"
+	"fyne.io/fyne/widget"
+
+	"github.com/raedahgroup/godcr/fyne/assets"
+	"github.com/raedahgroup/godcr/fyne/pages/handler/values"
+	"github.com/raedahgroup/godcr/fyne/widgets"
+)
+
+func (historyPage *HistoryPageData) initBaseObjects() error {
+	icons, err := assets.GetIcons(assets.CollapseIcon, assets.InfoIcon, assets.SendIcon, assets.ReceiveIcon, assets.ReceiveIcon, assets.InfoIcon, assets.RedirectIcon)
+	if err != nil {
+		return err
+	}
+	historyPage.icons = icons
+	// history page title label
+	historyTitleLabel := widget.NewLabelWithStyle(values.HistoryTitle, fyne.TextAlignLeading, fyne.TextStyle{Bold: true, Italic: true})
+
+	// infoPopUp creates a popup with history page hint-text
+	var infoIcon *widgets.ImageButton
+	infoIcon = widgets.NewImageButton(historyPage.icons[assets.InfoIcon], nil, func() {
+		infoLabel := widget.NewLabelWithStyle(values.PageHint, fyne.TextAlignLeading, fyne.TextStyle{Monospace: true})
+		gotItLabel := canvas.NewText(values.GotIt, values.Blue)
+		gotItLabel.TextStyle = fyne.TextStyle{Bold: true}
+		gotItLabel.TextSize = 14
+
+		var infoPopUp *widget.PopUp
+		infoPopUp = widget.NewPopUp(widget.NewVBox(
+			widgets.NewVSpacer(5),
+			widget.NewHBox(widgets.NewHSpacer(5), infoLabel, widgets.NewHSpacer(5)),
+			widgets.NewVSpacer(5),
+			widget.NewHBox(layout.NewSpacer(), widgets.NewClickableBox(widget.NewVBox(gotItLabel), func() { infoPopUp.Hide() }), widgets.NewHSpacer(5)),
+			widgets.NewVSpacer(5),
+		), historyPage.Window.Canvas())
+
+		infoPopUp.Move(fyne.CurrentApp().Driver().AbsolutePositionForObject(infoIcon).Add(fyne.NewPos(0, infoIcon.Size().Height)))
+	})
+
+	historyPage.HistoryPageContents.Append(widget.NewHBox(historyTitleLabel, widgets.NewHSpacer(110), infoIcon))
+	return nil
+}

fyne/pages/handler/historypagehandler/filterselector.go

@@ -0,0 +1,133 @@
+package historypagehandler
+
+import (
+	"fmt"
+	"strings"
+
+	"fyne.io/fyne/widget"
+
+	"github.com/raedahgroup/dcrlibwallet"
+	"github.com/raedahgroup/godcr/fyne/assets"
+	"github.com/raedahgroup/godcr/fyne/widgets"
+)
+
+func (historyPage *HistoryPageData) txFilterDropDown(walletId int) {
+	var txTable widgets.Table
+	txFilterListWidget := widget.NewVBox()
+
+	var allTxFilterNames = []string{"All", "Sent", "Received", "Transferred", "Coinbase", "Staking"}
+	var allTxFilters = map[string]int32{
+		"All":         dcrlibwallet.TxFilterAll,
+		"Sent":        dcrlibwallet.TxFilterSent,
+		"Received":    dcrlibwallet.TxFilterReceived,
+		"Transferred": dcrlibwallet.TxFilterTransferred,
+		"Coinbase":    dcrlibwallet.TxFilterCoinBase,
+		"Staking":     dcrlibwallet.TxFilterStaking,
+	}
+
+	if walletId != historyPage.selectedWalletID {
+		historyPage.selectedWalletID = walletId
+	}
+
+	txCountForFilter, err := historyPage.MultiWallet.WalletWithID(historyPage.selectedWalletID).CountTransactions(allTxFilters["All"])
+	if err != nil {
+		historyPage.errorMessage = fmt.Sprintf("Cannot load history page page. Error getting transaction count for filter All: %s", err.Error())
+		return
+	}
+
+	historyPage.allTxCount = txCountForFilter
+
+	historyPage.selectedTxFilterLabel.SetText(fmt.Sprintf("%s (%d)", "All", txCountForFilter))
+
+	for _, filterName := range allTxFilterNames {
+		filterId := allTxFilters[filterName]
+		txCountForFilter, err := historyPage.MultiWallet.WalletWithID(historyPage.selectedWalletID).CountTransactions(filterId)
+		if err != nil {
+			historyPage.errorMessage = fmt.Sprintf("Cannot load historyPage page. Error getting transaction count for filter %s: %s", filterName, err.Error())
+			return
+		}
+		if txCountForFilter > 0 {
+			filter := fmt.Sprintf("%s (%d)", filterName, txCountForFilter)
+			txFilterView := widget.NewHBox(
+				widgets.NewHSpacer(5),
+				widget.NewLabel(filter),
+				widgets.NewHSpacer(5),
+			)
+
+			txFilterListWidget.Append(widgets.NewClickableBox(txFilterView, func() {
+				selectedFilterName := strings.Split(filter, " ")[0]
+				selectedFilterId := allTxFilters[selectedFilterName]
+				if allTxCountForSelectedTx, err := historyPage.MultiWallet.WalletWithID(historyPage.selectedWalletID).CountTransactions(selectedFilterId); err == nil {
+					historyPage.allTxCount = allTxCountForSelectedTx
+				}
+
+				if selectedFilterId != historyPage.selectedFilterId {
+					historyPage.selectedTxFilterLabel.SetText(filter)
+					historyPage.txTableHeader(&txTable)
+					historyPage.fetchTx(&txTable, 0, selectedFilterId, false)
+					widget.Refresh(historyPage.txTable.Result)
+				}
+
+				historyPage.txFilterSelectionPopup.Hide()
+			}))
+		}
+	}
+
+	// txFilterSelectionPopup create a popup that has tx filter name and tx count
+	historyPage.txFilterSelectionPopup = widget.NewPopUp(widget.NewVBox(txFilterListWidget), historyPage.Window.Canvas())
+	historyPage.txFilterSelectionPopup.Hide()
+
+	historyPage.txFilterTab = widget.NewHBox(
+		historyPage.selectedTxFilterLabel,
+		widgets.NewHSpacer(10),
+		widget.NewIcon(historyPage.icons[assets.CollapseIcon]),
+		widgets.NewHSpacer(10),
+	)
+	widget.Refresh(historyPage.txFilterTab)
+}
+
+func (historyPage *HistoryPageData) txSortDropDown() {
+	var txTable widgets.Table
+	var allTxSortNames = []string{"Newest", "Oldest"}
+	var allTxSortFilters = map[string]bool{
+		"Newest": true,
+		"Oldest": false,
+	}
+
+	historyPage.selectedTxSortFilterLabel.SetText("Newest")
+
+	historyPage.selectedtxSort = allTxSortFilters["Newest"]
+
+	txSortFilterListWidget := widget.NewVBox()
+	for _, sortName := range allTxSortNames {
+		txSortView := widget.NewHBox(
+			widgets.NewHSpacer(5),
+			widget.NewLabel(sortName),
+			widgets.NewHSpacer(5),
+		)
+		txSort := allTxSortFilters[sortName]
+		newSortName := sortName
+
+		txSortFilterListWidget.Append(widgets.NewClickableBox(txSortView, func() {
+			historyPage.selectedTxSortFilterLabel.SetText(newSortName)
+			historyPage.selectedtxSort = txSort
+
+			historyPage.txTableHeader(&txTable)
+			historyPage.txTable.Result.Children = txTable.Result.Children
+			historyPage.fetchTx(&txTable, 0, historyPage.selectedFilterId, false)
+			widget.Refresh(historyPage.txTable.Result)
+			historyPage.txSortFilterSelectionPopup.Hide()
+		}))
+	}
+
+	// txSortFilterSelectionPopup create a popup that has tx filter name and tx count
+	historyPage.txSortFilterSelectionPopup = widget.NewPopUp(widget.NewVBox(txSortFilterListWidget), historyPage.Window.Canvas())
+	historyPage.txSortFilterSelectionPopup.Hide()
+
+	historyPage.txSortFilterTab = widget.NewHBox(
+		historyPage.selectedTxSortFilterLabel,
+		widgets.NewHSpacer(10),
+		widget.NewIcon(historyPage.icons[assets.CollapseIcon]),
+	)
+	widget.Refresh(historyPage.txSortFilterTab)
+}

fyne/pages/handler/historypagehandler/inithistorypage.go

@@ -0,0 +1,91 @@
+package historypagehandler
+
+import (
+	"errors"
+
+	"fyne.io/fyne"
+	"fyne.io/fyne/layout"
+	"fyne.io/fyne/widget"
+
+	"github.com/raedahgroup/dcrlibwallet"
+	"github.com/raedahgroup/godcr/fyne/pages/handler/values"
+	"github.com/raedahgroup/godcr/fyne/widgets"
+)
+
+type HistoryPageData struct {
+	allTxCount                 int
+	selectedWalletID           int
+	selectedFilterId           int32
+	TotalTxFetched             int32
+	selectedtxSort             bool
+	errorMessage               string
+	txFilterTab                *widget.Box
+	txSortFilterTab            *widget.Box
+	txTable                    widgets.Table
+	errorLabel                 *widget.Label
+	selectedTxFilterLabel      *widget.Label
+	selectedTxSortFilterLabel  *widget.Label
+	txFilterSelectionPopup     *widget.PopUp
+	txSortFilterSelectionPopup *widget.PopUp
+	MultiWallet                *dcrlibwallet.MultiWallet
+	icons                      map[string]*fyne.StaticResource
+	HistoryPageContents        *widget.Box
+	Window                     fyne.Window
+	TabMenu                    *widget.TabContainer
+}
+
+func (historyPage *HistoryPageData) InitHistoryPage() error {
+	historyPage.HistoryPageContents.Append(widgets.NewVSpacer(values.Padding))
+
+	err := historyPage.initBaseObjects()
+	if err != nil {
+		return err
+	}
+
+	historyPage.HistoryPageContents.Append(widgets.NewVSpacer(values.SpacerSize10))
+
+	historyPage.errorLabel = widget.NewLabelWithStyle("", fyne.TextAlignCenter, fyne.TextStyle{Bold: true})
+	historyPage.errorLabel.Hide()
+
+	historyPage.selectedFilterId = dcrlibwallet.TxFilterAll
+	historyPage.selectedTxFilterLabel = widget.NewLabel("")
+	historyPage.selectedTxSortFilterLabel = widget.NewLabel("")
+
+	historyPage.txWalletList()
+
+	// txFilterDropDown creates a popup like dropdown that holds the list of tx filters.
+	var txFilterDropDown *widgets.ClickableBox
+	txFilterDropDown = widgets.NewClickableBox(historyPage.txFilterTab, func() {
+		if historyPage.allTxCount == 0 {
+			historyPage.txFilterSelectionPopup.Hide()
+		} else {
+			historyPage.txFilterSelectionPopup.Move(fyne.CurrentApp().Driver().AbsolutePositionForObject(
+				txFilterDropDown).Add(fyne.NewPos(0, txFilterDropDown.Size().Height)))
+			historyPage.txFilterSelectionPopup.Show()
+		}
+	})
+
+	// txSortFilterDropDown creates a popup like dropdown that holds the list of sort filters.
+	var txSortFilterDropDown *widgets.ClickableBox
+	txSortFilterDropDown = widgets.NewClickableBox(historyPage.txSortFilterTab, func() {
+		if historyPage.allTxCount == 0 {
+			historyPage.txSortFilterSelectionPopup.Hide()
+		} else {
+			historyPage.txSortFilterSelectionPopup.Move(fyne.CurrentApp().Driver().AbsolutePositionForObject(
+				txSortFilterDropDown).Add(fyne.NewPos(0, txSortFilterDropDown.Size().Height)))
+			historyPage.txSortFilterSelectionPopup.Show()
+		}
+	})
+
+	// catch all errors when trying to setup and render tx page data.
+	if historyPage.errorMessage != "" {
+		return errors.New(historyPage.errorMessage)
+	}
+
+	historyPage.HistoryPageContents.Append(widget.NewHBox(txSortFilterDropDown, widgets.NewHSpacer(30), txFilterDropDown))
+	historyPage.HistoryPageContents.Append(widgets.NewVSpacer(5))
+	historyPage.HistoryPageContents.Append(historyPage.errorLabel)
+	historyPage.HistoryPageContents.Append(fyne.NewContainerWithLayout(layout.NewFixedGridLayout(fyne.NewSize(historyPage.txTable.Result.MinSize().Width+30, historyPage.txTable.Container.MinSize().Height+450)), historyPage.txTable.Container))
+	historyPage.HistoryPageContents.Append(widgets.NewVSpacer(15))
+	return nil
+}