GODT-22: Facelift

- GODT-1199: Add menu to status window
- GODT-22: use ColorImage instead of IconLabel
- GODT-22: remove banners from MainWindow
- GODT-1199: Fix separator width
- GODT-1199: Fix StatusWindow button position
- GODT-1198: Open main window on startup if no users
- GODT-1199: Fix avatar text color
- GODT-1198: refactor main window layout
- GODT-22: add missing components to qmldir
- GODT-22: refactor components having Layout as root item
- GODT-22: add more user controls
- GODT-1199: Add status window resize and maximum height
- GODT-22: WIP: notification arch
- GODT-22: Notifications WIP
- GODT-22: Fix notification filter, topmost notification
- GODT-1199: Add notifications to status window
- GODT-22: Add strict typization to colorScheme variable
- GODT-1198: WIP Notifications, dialogs and banners
- GODT-22: Add backend notifications (Banners & Dialogs)

D
This commit is contained in:
Alexander Bilyak
2021-08-04 14:00:31 +02:00
committed by Jakub
parent 6bd0739013
commit 0a9748a15d
51 changed files with 3277 additions and 1056 deletions

View File

@ -23,10 +23,11 @@ import QtQuick.Controls 2.12
import Proton 4.0
RowLayout {
property var colorScheme: parent.colorScheme
property ColorScheme colorScheme
// Primary buttons
ButtonsColumn {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.fillHeight: true
@ -35,6 +36,7 @@ RowLayout {
// Secondary buttons
ButtonsColumn {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.fillHeight: true
@ -44,6 +46,7 @@ RowLayout {
// Secondary icons
ButtonsColumn {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.fillHeight: true
@ -58,6 +61,7 @@ RowLayout {
// Icons
ButtonsColumn {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.fillHeight: true

View File

@ -22,7 +22,7 @@ import Proton 4.0
ColumnLayout {
id: root
property var colorScheme: parent.colorScheme
property ColorScheme colorScheme
property string textNormal: "Button"
property string iconNormal: ""
@ -33,6 +33,7 @@ ColumnLayout {
property bool secondary: false
Button {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.minimumHeight: implicitHeight
@ -45,6 +46,7 @@ ColumnLayout {
Button {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.minimumHeight: implicitHeight
@ -58,6 +60,7 @@ ColumnLayout {
}
Button {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.minimumHeight: implicitHeight

View File

@ -23,11 +23,11 @@ import QtQuick.Controls 2.12
import Proton 4.0
RowLayout {
property var colorScheme: parent.colorScheme
id: root
property ColorScheme colorScheme
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
@ -61,7 +61,6 @@ RowLayout {
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing

View File

@ -23,37 +23,42 @@ import QtQuick.Controls 2.12
import Proton 4.0
RowLayout {
property var colorScheme: parent.colorScheme
property ColorScheme colorScheme
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
RadioButton {
colorScheme: root.colorScheme
text: "Radio"
}
RadioButton {
colorScheme: root.colorScheme
text: "Radio"
error: true
}
RadioButton {
colorScheme: root.colorScheme
text: "Radio"
enabled: false
}
RadioButton {
colorScheme: root.colorScheme
text: ""
}
RadioButton {
colorScheme: root.colorScheme
text: ""
error: true
}
RadioButton {
colorScheme: root.colorScheme
text: ""
enabled: false
}
@ -61,38 +66,43 @@ RowLayout {
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
RadioButton {
colorScheme: root.colorScheme
text: "Radio"
checked: true
}
RadioButton {
colorScheme: root.colorScheme
text: "Radio"
checked: true
error: true
}
RadioButton {
colorScheme: root.colorScheme
text: "Radio"
checked: true
enabled: false
}
RadioButton {
colorScheme: root.colorScheme
text: ""
checked: true
}
RadioButton {
colorScheme: root.colorScheme
text: ""
checked: true
error: true
}
RadioButton {
colorScheme: root.colorScheme
text: ""
checked: true
enabled: false

View File

@ -23,11 +23,10 @@ import QtQuick.Controls 2.12
import Proton 4.0
RowLayout {
property var colorScheme: parent.colorScheme
property ColorScheme colorScheme
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
@ -62,7 +61,6 @@ RowLayout {
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing

View File

@ -22,42 +22,47 @@ import QtQuick.Controls 2.12
import Proton 4.0
Rectangle {
property var colorScheme
property ColorScheme colorScheme
color: colorScheme.background_norm
clip: true
ColumnLayout {
anchors.fill: parent
property var colorScheme: parent.colorScheme
spacing: 5
Buttons {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.margins: 20
}
TextFields {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.margins: 20
}
TextAreas {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.margins: 20
}
CheckBoxes {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.margins: 20
}
RadioButtons {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.margins: 20
}
Switches {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.margins: 20
}

View File

@ -23,15 +23,16 @@ import QtQuick.Controls 2.12
import Proton 4.0
RowLayout {
property var colorScheme: parent.colorScheme
id: root
property ColorScheme colorScheme
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
TextArea {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.preferredHeight: 100
@ -42,6 +43,7 @@ RowLayout {
}
TextArea {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.preferredHeight: 100
@ -54,6 +56,7 @@ RowLayout {
TextArea {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.preferredHeight: 100
@ -68,6 +71,7 @@ RowLayout {
TextArea {
colorScheme: root.colorScheme
Layout.fillWidth: true
Layout.preferredHeight: 100

View File

@ -23,16 +23,16 @@ import QtQuick.Controls 2.12
import Proton 4.0
RowLayout {
property var colorScheme: parent.colorScheme
property ColorScheme colorScheme
// Norm
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
placeholderText: "Placeholder"
@ -42,6 +42,7 @@ RowLayout {
}
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
text: "Value"
@ -53,6 +54,7 @@ RowLayout {
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
error: true
@ -65,6 +67,7 @@ RowLayout {
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
text: "Value"
@ -80,11 +83,11 @@ RowLayout {
// Masked
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
echoMode: TextInput.Password
placeholderText: "Password"
@ -94,6 +97,7 @@ RowLayout {
}
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
text: "Password"
@ -105,6 +109,7 @@ RowLayout {
}
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
text: "Password"
error: true
@ -117,6 +122,7 @@ RowLayout {
}
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
text: "Password"
enabled: false
@ -132,50 +138,31 @@ RowLayout {
// Varia
ColumnLayout {
Layout.fillWidth: true
property var colorScheme: parent.colorScheme
spacing: parent.spacing
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
placeholderText: "Placeholder"
label: "Label"
hint: "Hint"
Rectangle {
anchors.fill: parent
border.color: "red"
border.width: 1
z: parent.z - 1
}
}
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
placeholderText: "Placeholder"
assistiveText: "Assistive text"
Rectangle {
anchors.fill: parent
border.color: "red"
border.width: 1
z: parent.z - 1
}
}
TextField {
colorScheme: root.colorScheme
Layout.fillWidth: true
placeholderText: "Placeholder"
Rectangle {
anchors.fill: parent
border.color: "red"
border.width: 1
z: parent.z - 1
}
}
}
}