status-desktop/ui/app/AppLayouts/Profile/Sections/HelpContainer.qml

210 lines
8.9 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"
Item {
id: helpContainer
height: parent.height
Layout.fillWidth: true
clip: true
ScrollView {
height: parent.height
width: parent.width
contentHeight: glossary.height + linksSection.height + Style.current.bigPadding * 4
clip: true
Item {
id: glossary
anchors.top: parent.top
height: this.childrenRect.height
width: profileContainer.profileContentWidth
anchors.horizontalCenter: parent.horizontalCenter
StatusSectionHeadline {
id: glossaryTitle
//% "Glossary"
text: qsTrId("glossary")
anchors.left: parent.left
anchors.top: parent.top
}
GlossaryEntry {
id: entryAccount
anchors.top: glossaryTitle.bottom
anchors.topMargin: Style.current.padding
//% "Account"
name: qsTrId("account-title")
//% "A"
//: This letter corresponds to the section title above, so here it is "A" because the title above is "Account"
letter: qsTrId("a")
//% "Your Status account, accessed by the seed phrase that you create or import during onboarding. A Status account can hold more than one Ethereum address, in addition to the one created during onboarding. We refer to these as additional accounts within the wallet"
description: qsTrId("your-status-account--accessed-by-the-seed-phrase-that-you-create-or-import-during-onboarding--a-status-account-can-hold-more-than-one-ethereum-address--in-addition-to-the-one-created-during-onboarding--we-refer-to-these-as-additional-accounts-within-the-wallet")
}
GlossaryEntry {
id: entryChatKey
anchors.top: entryAccount.bottom
anchors.topMargin: Style.current.padding
//% "Chat Key"
name: qsTrId("chat-key-title")
//% "C"
//: This letter corresponds to the section title above, so here it is "C" because the title above is "Chat Key"
letter: qsTrId("c")
//% "Messages on the Status chat protocol are sent and received using encryption keys. The public chat key is a string of characters you share with others so they can send you messages in Status."
description: qsTrId("chat-key-content")
}
GlossaryEntry {
id: entryChatName
anchors.top: entryChatKey.bottom
anchors.topMargin: Style.current.padding
//% "Chat Name"
name: qsTrId("chat-name-title")
//% "Three random words, derived algorithmically from your chat key and used as your default alias in chat. Chat names are completely unique; no other user can have the same three words."
description: qsTrId("chat-name-content")
}
GlossaryEntry {
id: entryENSName
anchors.top: entryChatName.bottom
anchors.topMargin: Style.current.padding
//% "ENS Name"
name: qsTrId("ens-name-title")
//% "E"
//: This letter corresponds to the section title above, so here it is "E" because the title above is "ENS Name"
letter: qsTrId("e")
//% "Custom alias for your chat key that you can register using the Ethereum Name Service. ENS names are decentralized usernames."
description: qsTrId("ens-name-content")
}
GlossaryEntry {
id: entryMailserver
anchors.top: entryENSName.bottom
anchors.topMargin: Style.current.padding
//% "Mailserver"
name: qsTrId("mailserver-title")
//% "M"
//: This letter corresponds to the section title above, so here it is "M" because the title above is "Mailserver"
letter: qsTrId("m")
//% "A node in the Status network that routes and stores messages, for up to 30 days."
description: qsTrId("mailserver-content")
}
GlossaryEntry {
id: entryPeer
anchors.top: entryMailserver.bottom
anchors.topMargin: Style.current.padding
//% "Peer"
name: qsTrId("peer-title")
//% "P"
//: This letter corresponds to the section title above, so here it is "P" because the title above is "Peer"
letter: qsTrId("p")
//% "A device connected to the Status chat network. Each user can represent one or more peers, depending on their number of devices"
description: qsTrId("a-device-connected-to-the-status-chat-network--each-user-can-represent-one-or-more-peers--depending-on-their-number-of-devices")
}
GlossaryEntry {
id: entrySeedPhrase
anchors.top: entryPeer.bottom
anchors.topMargin: Style.current.padding
//% "Seed Phrase"
name: qsTrId("seed-phrase-title")
//% "S"
//: This letter corresponds to the section title above, so here it is "S" because the title above is "Seed Phrase"
letter: qsTrId("s")
//% "A 64 character hex address based on the Ethereum standard and beginning with 0x. Public-facing, your wallet key is shared with others when you want to receive funds. Also referred to as an “Ethereum address” or “wallet address."
description: qsTrId("a-64-character-hex-address-based-on-the-ethereum-standard-and-beginning-with-0x--public-facing--your-wallet-key-is-shared-with-others-when-you-want-to-receive-funds--also-referred-to-as-an--ethereum-address--or--wallet-address-")
}
}
Item {
id: linksSection
anchors.top: glossary.bottom
anchors.topMargin: Style.current.bigPadding * 2
height: this.childrenRect.height
width: profileContainer.profileContentWidth
anchors.horizontalCenter: parent.horizontalCenter
StyledText {
id: faqLink
//% "Frequently asked questions"
text: qsTrId("faq")
font.pixelSize: 15
color: Style.current.blue
anchors.topMargin: Style.current.bigPadding
anchors.top: parent.top
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onEntered: {
parent.font.underline = true
}
onExited: {
parent.font.underline = false
}
onClicked: {
appMain.openLink("https://status.im/docs/FAQs.html")
}
}
}
StyledText {
id: issueLink
//% "Submit a bug"
text: qsTrId("submit-bug")
font.pixelSize: 15
color: Style.current.blue
anchors.topMargin: Style.current.bigPadding
anchors.top: faqLink.bottom
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onEntered: {
parent.font.underline = true
}
onExited: {
parent.font.underline = false
}
onClicked: {
appMain.openLink("https://github.com/status-im/nim-status-client/issues/new")
}
}
}
StyledText {
//% "Request a feature"
text: qsTrId("request-feature")
font.pixelSize: 15
color: Style.current.blue
anchors.topMargin: Style.current.bigPadding
anchors.top: issueLink.bottom
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onEntered: {
parent.font.underline = true
}
onExited: {
parent.font.underline = false
}
onClicked: {
appMain.openLink("https://discuss.status.im/c/features/51")
}
}
}
}
}
}