forked from Silverfish/proton-bridge
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:
@ -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
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user