Skip to content

Right Side Drawer Implemented #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
cppqtdev merged 1 commit into from
Jun 20, 2023
Merged

Right Side Drawer Implemented #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions AddItemScreen/AddItemDialog.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.3
import "../GameScreens"
ApplicationWindow {
id:root
visible: true
width: 850
height: 650
minimumWidth: 850
maximumWidth: 850
minimumHeight: 650
maximumHeight: 650
title: "Settings"
color: "lightgrey"
flags: Qt.Window
}
11 changes: 4 additions & 7 deletions ScreensComponents/RightSideDrawer/DrawerFavoritesNavigationBar.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,10 @@
// ekke (Ekkehard Gentz) @ekkescorner
import QtQuick 2.9
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.2
import QtQuick.Controls.Material 2.2

Pane {
id: myBar
property bool favMenuBugfix: false
Material.elevation: 8
z: 1
property real activeOpacity: iconFolder == "black" ? 0.87 : 1.0
property real inactiveOpacity: iconFolder == "black" ? 0.26 : 0.56
leftPadding: 0
Expand All @@ -26,8 +22,9 @@ Pane {
model: favoritesModel
DrawerFavoritesNavigationButton {
id: myButton
Layout.fillWidth: true
height: parent.height
}
} // repeater
} // RowLayout
} // bottomNavigationBar
}
}
}
2 changes: 0 additions & 2 deletions ScreensComponents/RightSideDrawer/navigation/HomeNavigation.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,7 @@ import "../pages"
StackView {
id: navPane
property string name: "HomeNavPane"

initialItem: HomePage{}

Loader {
id: qtPageLoader
active: true
Expand Down
201 changes: 135 additions & 66 deletions ScreensComponents/RightSideDrawer/pages/HomePage.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,101 +1,170 @@
import QtQuick 2.9
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.2
import QtQuick.Controls.Material 2.2

import "../../../Settings"
import "../../../common"
import "../../../GameScreens"

Flickable {
id: flickable
contentHeight: root.implicitHeight
// StackView manages this, so please no anchors here
// anchors.fill: parent
ScreenPage{
id:root
property string name: "Home"

contentHeight: mainLayout.implicitHeight
Pane {
id: root
anchors.fill: parent
ColumnLayout {
anchors.right: parent.right
clip: true
background: Rectangle{
anchors.fill: parent
color: "transparent"
}

ColumnLayout{
id: mainLayout
anchors.left: parent.left
LabelHeadline {
leftPadding: 10
bottomPadding: 16
text: qsTr("The Home Page")
anchors.right: parent.right
spacing: 20

PrefsCheckboxLable{
title: qsTr("Keep 1Password in the notification area")
description: qsTr("1Password will be available in the notification area even when the main window in closed.").arg("<a href='https://www.example.com'>Click me!</a>")
}
LablePrefsComboBox{
label:qsTr("Click the icon to")
model: SideListModel{}
}
PrefsCheckboxLable{
title: qsTr("Format secure notes using Markdown")
description: qsTr("%1").arg("<a href='https://www.example.com'>Learn more about using Markdown.</a>")
}
Label {
opacity: 0.87
font.pointSize: 14
text:qsTr("Default Vault")
font.weight: Font.Medium
font.bold: true
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}
RowLayout {

LabelSubheading {
leftPadding: 10
rightPadding: 10
wrapMode: Text.WordWrap
text: qsTr("This Page is on a StackView - want to push another Page on top ?\nTap on the 'Qt' Logo") }
LablePrefsComboBox{
label:qsTr("Save new item in :")
model: SideListModel{}
}

HorizontalDivider {}
RowLayout {
LabelSubheading {
topPadding: 6
leftPadding: 10
rightPadding: 10
wrapMode: Text.WordWrap
text: qsTr("Example APP demonstrating Qt Quick Controls 2\n\n")
Label {
Layout.fillWidth: true
opacity: 0.87
font.pointSize: 10
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
text:qsTr("Set a default location for saving new items on this device , or let 1password make a suggestion.")
font.weight: Font.Medium
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}
Label {
opacity: 0.87
font.pointSize: 14
text:qsTr("Keyboard Shortcuts")
font.weight: Font.Medium
font.bold: true
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}

RowLayout{
Layout.fillWidth: true
Label {
Layout.fillWidth: true
opacity: 0.87
font.pointSize: 12
text:qsTr("Show 1Password :")
font.weight: Font.Medium
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}
PrefsTextField{
Layout.alignment: Qt.AlignRight
Layout.rightMargin: 10
placeholderText:qsTr("Enter shortcut")
}
}
RowLayout {
LabelSubheading {
topPadding: 6
leftPadding: 10
rightPadding: 10
wrapMode: Text.WordWrap
text: qsTr("Home Page is a StackView.\nNavigation Drawer can be opened swiping from left or tapping on Menu Button.\nHome Page is marked as Favority, so you can also navigate from Bottom (in Portrait Mode)\n")
RowLayout{
Layout.fillWidth: true
Label {
Layout.fillWidth: true
opacity: 0.87
font.pointSize: 12
text:qsTr("Show Quick Access :")
font.weight: Font.Medium
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}
PrefsTextField{
Layout.alignment: Qt.AlignRight
Layout.rightMargin: 10
placeholderText:qsTr("Enter shortcut")
}
}
RowLayout {
LabelBodySecondary {
topPadding: 6
leftPadding: 10
rightPadding: 10
wrapMode: Text.WordWrap
text: qsTr("Activation Policy: ")
RowLayout{
Layout.fillWidth: true
Label {
Layout.fillWidth: true
opacity: 0.87
font.pointSize: 12
text:qsTr("Lock 1Password :")
font.weight: Font.Medium
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}
LabelBody {
topPadding: 6
leftPadding: 10
rightPadding: 10
wrapMode: Text.WordWrap
text: qsTr("IMMEDIATELY")
PrefsTextField{
Layout.alignment: Qt.AlignRight
Layout.rightMargin: 10
placeholderText:qsTr("Enter shortcut")
}
}
HorizontalDivider {}

RowLayout {
ButtonFlat {
text: qsTr("Modal Popup Test")

onClicked: {
}
RowLayout{
Layout.fillWidth: true
Label {
Layout.fillWidth: true
opacity: 0.87
font.pointSize: 12
text:qsTr("AutoFill :")
font.weight: Font.Medium
Layout.alignment: Qt.AlignLeft
color: "black"
elide: Text.ElideRight
Layout.leftMargin: 10
}
PrefsTextField{
Layout.alignment: Qt.AlignRight
Layout.rightMargin: 10
placeholderText:qsTr("Enter shortcut")
}
}

HorizontalDivider {}
} // col layout
} // root
ScrollIndicator.vertical: ScrollIndicator { }



// emitting a Signal could be another option
}
}
Component.onDestruction: {
cleanup()
}

// called immediately after Loader.loaded
function init() {
console.log(qsTr("Init done from Home Page"))
}
// called from Component.destruction
function cleanup() {
console.log(qsTr("Cleanup done from Home Page"))
}
} // flickable
}
Loading