status-desktop/ui/app/AppLayouts/Profile/views/HelpView.qml

217 lines
9.0 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import utils 1.0
import shared 1.0
import shared.panels 1.0
import shared.status 1.0
import "../panels"
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
StatusBaseText {
id: faqLink
//% "Frequently asked questions"
text: qsTrId("faq")
font.pixelSize: 15
color: Theme.palette.primaryColor1
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: {
Global.openLink("https://status.im/docs/FAQs.html")
}
}
}
StatusBaseText {
id: issueLink
//% "Submit a bug"
text: qsTrId("submit-bug")
font.pixelSize: 15
color: Theme.palette.primaryColor1
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: {
Global.openLink("https://github.com/status-im/nim-status-client/issues/new")
}
}
}
StatusBaseText {
//% "Request a feature"
text: qsTrId("request-feature")
font.pixelSize: 15
color: Theme.palette.primaryColor1
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: {
Global.openLink("https://discuss.status.im/c/features/51")
}
}
}
}
}
}