0e4ae26bae
- Added tab navigation functional. - In basic types added parentFlickable property, which will help to ensure, that the item is visible within flickable parent during tab navigation. - Added focus state for some basic types. - In PageType qml file added lastItemTabClicked function, which will help to focus tab bar buttons when the last tab on the current page clicked. - Added Focus for back button for all pages and drawers. - Added scroll on tab for Servers ListView on PageHome.
166 lines
4.9 KiB
QML
166 lines
4.9 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import SortFilterProxyModel 0.2
|
|
|
|
import PageEnum 1.0
|
|
import ContainerProps 1.0
|
|
|
|
import "./"
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
import "../Config"
|
|
import "../Components"
|
|
|
|
PageType {
|
|
id: root
|
|
|
|
defaultActiveFocusItem: focusItem
|
|
|
|
Connections {
|
|
target: InstallController
|
|
|
|
function onUpdateContainerFinished() {
|
|
PageController.showNotificationMessage(qsTr("Settings updated successfully"))
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: focusItem
|
|
KeyNavigation.tab: backButton
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: backButtonLayout
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
anchors.topMargin: 20
|
|
|
|
BackButtonType {
|
|
id: backButton
|
|
KeyNavigation.tab: websiteName.rightButton
|
|
}
|
|
}
|
|
|
|
FlickableType {
|
|
id: fl
|
|
anchors.top: backButtonLayout.bottom
|
|
anchors.bottom: parent.bottom
|
|
contentHeight: content.implicitHeight
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
spacing: 0
|
|
|
|
HeaderType {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
headerText: qsTr("Tor website settings")
|
|
}
|
|
|
|
LabelWithButtonType {
|
|
id: websiteName
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 32
|
|
|
|
text: qsTr("Website address")
|
|
descriptionText: {
|
|
var containerIndex = ContainersModel.getProcessedContainerIndex()
|
|
var config = ContainersModel.getContainerConfig(containerIndex)
|
|
return config[ContainerProps.containerTypeToString(containerIndex)]["site"]
|
|
}
|
|
|
|
descriptionOnTop: true
|
|
textColor: "#FBB26A"
|
|
|
|
rightImageSource: "qrc:/images/controls/copy.svg"
|
|
rightImageColor: "#D7D8DB"
|
|
|
|
KeyNavigation.tab: removeButton
|
|
|
|
clickedFunction: function() {
|
|
GC.copyToClipBoard(descriptionText)
|
|
PageController.showNotificationMessage(qsTr("Copied"))
|
|
if (!GC.isMobile()) {
|
|
this.rightButton.forceActiveFocus()
|
|
}
|
|
}
|
|
}
|
|
|
|
ParagraphTextType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 40
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
onLinkActivated: Qt.openUrlExternally(link)
|
|
textFormat: Text.RichText
|
|
text: qsTr("Use <a href=\"https://www.torproject.org/download/\" style=\"color: #FBB26A;\">Tor Browser</a> to open this URL.")
|
|
}
|
|
|
|
ParagraphTextType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
text: qsTr("After creating your onion site, it takes a few minutes for the Tor network to make it available for use.")
|
|
}
|
|
|
|
ParagraphTextType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
text: qsTr("When configuring WordPress set the this onion address as domain.")
|
|
}
|
|
|
|
BasicButtonType {
|
|
id: removeButton
|
|
Layout.topMargin: 24
|
|
Layout.bottomMargin: 16
|
|
Layout.leftMargin: 8
|
|
implicitHeight: 32
|
|
|
|
defaultColor: "transparent"
|
|
hoveredColor: Qt.rgba(1, 1, 1, 0.08)
|
|
pressedColor: Qt.rgba(1, 1, 1, 0.12)
|
|
textColor: "#EB5757"
|
|
|
|
text: qsTr("Remove website")
|
|
|
|
Keys.onTabPressed: lastItemTabClicked(focusItem)
|
|
|
|
clickedFunc: function() {
|
|
var headerText = qsTr("The site with all data will be removed from the tor network.")
|
|
var yesButtonText = qsTr("Continue")
|
|
var noButtonText = qsTr("Cancel")
|
|
|
|
var yesButtonFunction = function() {
|
|
PageController.goToPage(PageEnum.PageDeinstalling)
|
|
InstallController.removeProcessedContainer()
|
|
}
|
|
var noButtonFunction = function() {
|
|
if (!GC.isMobile()) {
|
|
removeButton.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
showQuestionDrawer(headerText, "", yesButtonText, noButtonText, yesButtonFunction, noButtonFunction)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|