add security tools with info

ui/modal_templates.go

@@ -30,6 +30,7 @@ const UserAgentTemplate = "UserAgent"
 const ConfirmSetupMixerTemplate = "ConfirmSetupMixer"
 const ConfirmSetupMixerAcctTemplate = "SetupMixerAcctTemplate"
 const ConfirmMixerAcctExistTemplate = "MixerAcctExistTemplate"
+const SecurityToolsInfoTemplate = "SecurityToolsInfo"
 
 type ModalTemplate struct {
 	th                    *decredmaterial.Theme
@@ -229,6 +230,16 @@ func (m *ModalTemplate) rescanWallet() []func(gtx C) D {
 	}
 }
 
+func (m *ModalTemplate) securityToolsInfo() []func(gtx C) D {
+	return []func(gtx C) D{
+		func(gtx C) D {
+			text := m.th.Body1("Various tools that help in different aspects of crypto currency security will be located here.")
+			text.Color = m.th.Color.Gray
+			return text.Layout(gtx)
+		},
+	}
+}
+
 func (m *ModalTemplate) privacyInfo() []func(gtx C) D {
 	return []func(gtx C) D{
 		func(gtx C) D {
@@ -549,6 +560,12 @@ func (m *ModalTemplate) handle(th *decredmaterial.Theme, load *modalLoad) (templ
 		}
 		template = m.setupMixerAcct()
 		return
+	case SecurityToolsInfoTemplate:
+		if m.cancel.Button.Clicked() {
+			load.cancel.(func())()
+		}
+		template = m.securityToolsInfo()
+		return
 	default:
 		return
 	}

ui/page.go

@@ -34,7 +34,7 @@ type pageIcons struct {
 	pendingIcon, logo, redirectIcon, confirmIcon, newWalletIcon, walletAlertIcon,
 	importedAccountIcon, accountIcon, editIcon, expandIcon, collapseIcon, copyIcon, mixer,
 	arrowFowardIcon, transactionFingerPrintIcon, settingsIcon, securityIcon, helpIcon,
-	aboutIcon, debugIcon, alert *widget.Image
+	aboutIcon, debugIcon, alert, verifyMessageIcon, locationPinIcon *widget.Image
 
 	walletIcon, syncingIcon image.Image
 }
@@ -150,6 +150,8 @@ func (win *Window) addPages(decredIcons map[string]image.Image) {
 		aboutIcon:                  &widget.Image{Src: paint.NewImageOp(decredIcons["info_icon"])},
 		debugIcon:                  &widget.Image{Src: paint.NewImageOp(decredIcons["debug"])},
 		alert:                      &widget.Image{Src: paint.NewImageOp(decredIcons["alert"])},
+		verifyMessageIcon:          &widget.Image{Src: paint.NewImageOp(decredIcons["verify_message"])},
+		locationPinIcon:            &widget.Image{Src: paint.NewImageOp(decredIcons["location_pin"])},
 
 		syncingIcon: decredIcons["syncing"],
 		walletIcon:  decredIcons["wallet"],

ui/security_tools_page.go

@@ -1,20 +1,28 @@
 package ui
 
 import (
+	"image"
+
 	"gioui.org/layout"
+	"gioui.org/widget"
+	"github.com/planetdecred/godcr/ui/values"
 
 	"github.com/planetdecred/godcr/ui/decredmaterial"
 )
 
-const PageSecurityTools = "Security_Tools"
+const PageSecurityTools = "Security Tools"
 
 type securityToolsPage struct {
-	dummyText decredmaterial.Label
+	theme           *decredmaterial.Theme
+	verifyMessage   *widget.Clickable
+	validateAddress *widget.Clickable
 }
 
 func (win *Window) SecurityToolsPage(common pageCommon) layout.Widget {
 	pg := &securityToolsPage{
-		dummyText: common.theme.H5("Not yet implemented"),
+		theme:           common.theme,
+		verifyMessage:   new(widget.Clickable),
+		validateAddress: new(widget.Clickable),
 	}
 
 	return func(gtx C) D {
@@ -25,9 +33,74 @@ func (win *Window) SecurityToolsPage(common pageCommon) layout.Widget {
 
 // main settings layout
 func (pg *securityToolsPage) Layout(gtx layout.Context, common pageCommon) layout.Dimensions {
-	return common.Layout(gtx, func(gtx C) D {
-		return layout.Center.Layout(gtx, func(gtx C) D {
-			return pg.dummyText.Layout(gtx)
+	body := func(gtx C) D {
+		page := SubPage{
+			title: "Security Tools",
+			back: func() {
+				*common.page = PageMore
+			},
+			body: func(gtx C) D {
+				return layout.Inset{Top: values.MarginPadding5}.Layout(gtx, func(gtx C) D {
+					return layout.Flex{Spacing: layout.SpaceBetween}.Layout(gtx,
+						layout.Flexed(.5, pg.message(common)),
+						layout.Rigid(func(gtx C) D {
+							size := image.Point{X: 15, Y: gtx.Constraints.Min.Y}
+							return layout.Dimensions{Size: size}
+						}),
+						layout.Flexed(.5, pg.address(common)),
+					)
+				})
+			},
+			infoTemplate: SecurityToolsInfoTemplate,
+		}
+		return common.SubPageLayout(gtx, page)
+	}
+	return common.Layout(gtx, body)
+}
+
+func (pg *securityToolsPage) message(common pageCommon) layout.Widget {
+	return func(gtx C) D {
+		return pg.pageSections(gtx, common.icons.verifyMessageIcon, pg.verifyMessage, func(gtx C) D {
+			return layout.Flex{Axis: layout.Horizontal}.Layout(gtx,
+				layout.Rigid(func(gtx C) D {
+					return common.theme.Body1("Verify Message").Layout(gtx)
+				}),
+			)
+		})
+	}
+}
+
+func (pg *securityToolsPage) address(common pageCommon) layout.Widget {
+	return func(gtx C) D {
+		return pg.pageSections(gtx, common.icons.locationPinIcon, pg.validateAddress, func(gtx C) D {
+			return layout.Flex{Axis: layout.Horizontal}.Layout(gtx,
+				layout.Rigid(func(gtx C) D {
+					return common.theme.Body1("Validate Address").Layout(gtx)
+				}),
+			)
+		})
+	}
+}
+
+func (pg *securityToolsPage) pageSections(gtx layout.Context, icon *widget.Image, action *widget.Clickable, body layout.Widget) layout.Dimensions {
+	return layout.Inset{Bottom: values.MarginPadding10}.Layout(gtx, func(gtx C) D {
+		return pg.theme.Card().Layout(gtx, func(gtx C) D {
+			return decredmaterial.Clickable(gtx, action, func(gtx C) D {
+				return layout.UniformInset(values.MarginPadding15).Layout(gtx, func(gtx C) D {
+					return layout.Flex{Axis: layout.Vertical, Alignment: layout.Middle, Spacing: layout.SpaceAround}.Layout(gtx,
+						layout.Rigid(func(gtx C) D {
+							icon := icon
+							icon.Scale = 1
+							return icon.Layout(gtx)
+						}),
+						layout.Rigid(body),
+						layout.Rigid(func(gtx C) D {
+							size := image.Point{X: gtx.Constraints.Max.X, Y: gtx.Constraints.Min.Y}
+							return layout.Dimensions{Size: size}
+						}),
+					)
+				})
+			})
 		})
 	})
 }