Skycoder42
6 years ago
34 changed files with 161 additions and 1344 deletions
@ -1,211 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Layouts 1.3 |
|||
import de.skycoder42.QtDataSync 4.0 |
|||
import de.skycoder42.QtMvvm.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
import de.skycoder42.QtMvvm.DataSync.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick.Private 1.0 |
|||
|
|||
Page { |
|||
id: _changeRemoteView |
|||
property PChangeRemoteViewModel viewModel: null |
|||
|
|||
header: ContrastToolBar { |
|||
id: _toolBar |
|||
|
|||
RowLayout { |
|||
id: _toolLayout |
|||
anchors.fill: parent |
|||
spacing: 0 |
|||
|
|||
ActionButton { |
|||
id: _cancelButton |
|||
icon.name: "gtk-cancel" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_close.svg" |
|||
text: qsTr("Cancel") |
|||
onClicked: QuickPresenter.popView() |
|||
} |
|||
|
|||
ToolBarLabel { |
|||
id: _titleLabel |
|||
Layout.fillWidth: true |
|||
text: qsTr("Change Remote") |
|||
} |
|||
|
|||
ToolButton { |
|||
id: _syncButton |
|||
implicitHeight: 48 |
|||
text: qsTr("Change") |
|||
enabled: viewModel.valid |
|||
icon.width: 24 |
|||
icon.height: 24 |
|||
icon.name: "gtk-apply" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_check.svg" |
|||
display: AbstractButton.TextBesideIcon |
|||
rightPadding: 16 |
|||
|
|||
onClicked: { |
|||
if(viewModel.completeSetup()) |
|||
QuickPresenter.popView() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
Pane { |
|||
anchors.fill: parent |
|||
ColumnLayout { |
|||
id: _layout |
|||
anchors.fill: parent |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Remote url:") |
|||
Layout.fillWidth: true |
|||
edit: _urlEdit |
|||
} |
|||
|
|||
TextField { |
|||
id: _urlEdit |
|||
Layout.fillWidth: true |
|||
|
|||
placeholderText: "wss://example.org/qdsapp/" |
|||
validator: UrlValidator { |
|||
allowedSchemes: ["ws", "wss"] |
|||
} |
|||
|
|||
MvvmBinding { |
|||
viewModel: _changeRemoteView.viewModel |
|||
viewModelProperty: "url" |
|||
view: _urlEdit |
|||
viewProperty: "text" |
|||
type: MvvmBinding.OneWayToViewModel |
|||
} |
|||
} |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Access key:") |
|||
Layout.fillWidth: true |
|||
edit: _accessKeyEdit |
|||
} |
|||
|
|||
TextField { |
|||
id: _accessKeyEdit |
|||
Layout.fillWidth: true |
|||
echoMode: TextInput.Password |
|||
placeholderText: "Optional access secret" |
|||
|
|||
MvvmBinding { |
|||
viewModel: _changeRemoteView.viewModel |
|||
viewModelProperty: "accessKey" |
|||
view: _accessKeyEdit |
|||
viewProperty: "text" |
|||
type: MvvmBinding.OneWayToViewModel |
|||
} |
|||
} |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Keep-Alive timout:") |
|||
Layout.fillWidth: true |
|||
edit: _keepAliveEdit |
|||
} |
|||
|
|||
SpinBox { |
|||
id: _keepAliveEdit |
|||
Layout.fillWidth: true |
|||
editable: true |
|||
from: 1 |
|||
to: 1440 |
|||
|
|||
MvvmBinding { |
|||
viewModel: _changeRemoteView.viewModel |
|||
viewModelProperty: "accessKey" |
|||
view: _keepAliveEdit |
|||
viewProperty: "value" |
|||
} |
|||
} |
|||
|
|||
CheckBox { |
|||
id: _keepDataBox |
|||
text: qsTr("Keep data") |
|||
|
|||
MvvmBinding { |
|||
viewModel: _changeRemoteView.viewModel |
|||
viewModelProperty: "keepData" |
|||
view: _keepDataBox |
|||
viewProperty: "checked" |
|||
} |
|||
} |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Extra Headers:") |
|||
Layout.fillWidth: true |
|||
edit: _headerScrollView |
|||
} |
|||
|
|||
ScrollView { |
|||
id: _headerScrollView |
|||
Layout.fillWidth: true |
|||
Layout.fillHeight: true |
|||
clip: true |
|||
|
|||
ListView { |
|||
id: _headerList |
|||
|
|||
model: viewModel.headerModel |
|||
|
|||
delegate: ItemDelegate { |
|||
width: _headerScrollView.width |
|||
text: qsTr("%1: %2").arg(key).arg(value) |
|||
|
|||
Button { |
|||
id: _rmButton |
|||
flat: true |
|||
icon.width: 24 |
|||
icon.height: 24 |
|||
icon.name: "user-trash" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_delete_forever.svg" |
|||
anchors.right: parent.right |
|||
implicitHeight: parent.height |
|||
implicitWidth: implicitHeight |
|||
|
|||
onClicked: viewModel.removeHeaderConfig(index) |
|||
} |
|||
} |
|||
|
|||
footer: RowLayout { |
|||
width: _headerScrollView.width |
|||
|
|||
TextField { |
|||
id: _keyEdit |
|||
placeholderText: qsTr("Key") |
|||
Layout.fillWidth: true |
|||
} |
|||
|
|||
TextField { |
|||
id: _valueEdit |
|||
placeholderText: qsTr("Value") |
|||
Layout.fillWidth: true |
|||
} |
|||
|
|||
Button { |
|||
id: _addButton |
|||
flat: true |
|||
enabled: _keyEdit.text !== "" |
|||
icon.width: 24 |
|||
icon.height: 24 |
|||
icon.name: "list-add" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_add.svg" |
|||
|
|||
onClicked: { |
|||
viewModel.addHeaderConfig(_keyEdit.text, _valueEdit.text); |
|||
_keyEdit.clear(); |
|||
_valueEdit.clear(); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,292 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Controls.Material 2.3 |
|||
import QtQuick.Controls.Universal 2.3 |
|||
import QtQuick.Layouts 1.3 |
|||
import de.skycoder42.QtDataSync 4.0 |
|||
import de.skycoder42.QtMvvm.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
import de.skycoder42.QtMvvm.DataSync.Core 1.1 |
|||
|
|||
/*! @brief The view implementation for the QtMvvm::DataSyncViewModel |
|||
* |
|||
* @extends QtQuick.Controls.Page |
|||
* |
|||
* @details This is the view used to present a datasync view model. You can extend the class |
|||
* if you need to extend that view. |
|||
* |
|||
* @sa QtMvvm::DataSyncViewModel |
|||
*/ |
|||
Page { |
|||
id: _dataSyncView |
|||
|
|||
/*! @brief The viewmodel to use |
|||
* |
|||
* @default{<i>Injected</i>} |
|||
* |
|||
* @accessors{ |
|||
* @memberAc{viewModel} |
|||
* @notifyAc{viewModelChanged()} |
|||
* } |
|||
* |
|||
* @sa QtMvvm::DataSyncViewModel |
|||
*/ |
|||
property DataSyncViewModel viewModel: null |
|||
|
|||
header: ContrastToolBar { |
|||
id: _toolBar |
|||
|
|||
RowLayout { |
|||
id: _toolLayout |
|||
anchors.fill: parent |
|||
spacing: 0 |
|||
|
|||
ToolBarLabel { |
|||
id: _titleLabel |
|||
Layout.fillWidth: true |
|||
text: qsTr("Synchronization") |
|||
} |
|||
|
|||
ActionButton { |
|||
id: _syncButton |
|||
icon.name: "view-refresh" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_sync.svg" |
|||
text: qsTr("Synchronize") |
|||
onClicked: viewModel.syncOrConnect() |
|||
} |
|||
|
|||
ActionButton { |
|||
id: _idButton |
|||
icon.name: "fingerprint-gui" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_fingerprint.svg" |
|||
text: qsTr("Edit Identity") |
|||
onClicked: viewModel.showDeviceInfo() |
|||
} |
|||
|
|||
MenuButton { |
|||
id: _moreButton |
|||
|
|||
MenuItem { |
|||
text: qsTr("Update exchange key") |
|||
onClicked: viewModel.accountManager.updateExchangeKey() |
|||
} |
|||
|
|||
MenuSeparator {} |
|||
|
|||
MenuItem { |
|||
text: qsTr("Reload devices list") |
|||
onClicked: viewModel.accountManager.listDevices() |
|||
} |
|||
|
|||
MenuSeparator {} |
|||
|
|||
MenuItem { |
|||
text: qsTr("Change remote server") |
|||
onClicked: viewModel.changeRemote() |
|||
} |
|||
|
|||
MenuItem { |
|||
text: qsTr("Reset Identity") |
|||
onClicked: viewModel.performReset() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
Pane { |
|||
anchors.fill: parent |
|||
|
|||
ColorHelper { |
|||
id: helper |
|||
} |
|||
|
|||
ColumnLayout { |
|||
id: _layout |
|||
anchors.fill: parent |
|||
spacing: 16 |
|||
|
|||
Switch { |
|||
id: _syncSwitch |
|||
text: qsTr("Synchronization enabled") |
|||
Layout.fillWidth: true |
|||
|
|||
MvvmBinding { |
|||
viewModel: _dataSyncView.viewModel.syncManager |
|||
viewModelProperty: "syncEnabled" |
|||
view: _syncSwitch |
|||
viewProperty: "checked" |
|||
} |
|||
} |
|||
|
|||
Label { |
|||
id: _statusLabel |
|||
Layout.fillWidth: true |
|||
text: viewModel.statusString |
|||
font.bold: true |
|||
font.pointSize: 16 |
|||
horizontalAlignment: Text.AlignHCenter |
|||
verticalAlignment: Text.AlignVCenter |
|||
} |
|||
|
|||
ProgressBar { |
|||
id: _syncProgress |
|||
Layout.fillWidth: true |
|||
from: 0 |
|||
to: 1 |
|||
value: viewModel.syncManager.syncProgress |
|||
visible: !_errorLabel.visible |
|||
} |
|||
|
|||
Label { |
|||
id: _errorLabel |
|||
Layout.fillWidth: true |
|||
wrapMode: Text.WordWrap |
|||
text: viewModel.syncManager.lastError |
|||
visible: text != "" |
|||
color: "#aa0000" |
|||
font.bold: true |
|||
} |
|||
|
|||
Rectangle { |
|||
Layout.fillWidth: true |
|||
Layout.minimumHeight: 1 |
|||
Layout.maximumHeight: 1 |
|||
color: helper.text |
|||
} |
|||
|
|||
Label { |
|||
Layout.fillWidth: true |
|||
text: qsTr("Other Devices:") |
|||
} |
|||
|
|||
ScrollView { |
|||
id: _devicesScrollView |
|||
|
|||
Layout.fillWidth: true |
|||
Layout.fillHeight: true |
|||
clip: true |
|||
|
|||
ListView { |
|||
id: _devicesList |
|||
|
|||
model: viewModel.sortedModel |
|||
delegate: SwipeDelegate { |
|||
id: _swipeDelegate |
|||
width: _devicesScrollView.width |
|||
|
|||
contentItem: ColumnLayout { |
|||
id: _delegateLayout |
|||
spacing: 8 |
|||
|
|||
Label { |
|||
id: _nameLabel |
|||
Layout.fillWidth: true |
|||
text: name |
|||
} |
|||
|
|||
Label { |
|||
id: _fpLabel |
|||
font.pointSize: _nameLabel.font.pointSize * 0.8 |
|||
Layout.fillWidth: true |
|||
Layout.leftMargin: 8 |
|||
text: fingerPrint |
|||
elide: Text.ElideMiddle |
|||
opacity: 0.75 |
|||
} |
|||
} |
|||
|
|||
ListView.onRemove: SequentialAnimation { |
|||
PropertyAction { |
|||
target: _swipeDelegate |
|||
property: "ListView.delayRemove" |
|||
value: true |
|||
} |
|||
NumberAnimation { |
|||
target: _swipeDelegate |
|||
property: "height" |
|||
to: 0 |
|||
easing.type: Easing.InOutQuad |
|||
} |
|||
PropertyAction { |
|||
target: _swipeDelegate |
|||
property: "ListView.delayRemove" |
|||
value: false |
|||
} |
|||
} |
|||
|
|||
swipe.right: Rectangle { |
|||
height: _devicesScrollView.height |
|||
width: height |
|||
anchors.right: parent.right |
|||
color: { |
|||
if(QuickPresenter.currentStyle === "Material") |
|||
return Material.color(Material.Red); |
|||
else if(QuickPresenter.currentStyle === "Universal") |
|||
return Universal.color(Universal.Red); |
|||
else |
|||
return "#FF0000"; |
|||
} |
|||
|
|||
ActionButton { |
|||
anchors.centerIn: parent |
|||
implicitHeight: parent.height |
|||
implicitWidth: parent.width |
|||
|
|||
icon.name: "user-trash" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_delete_forever.svg" |
|||
text: qsTr("Remove Device") |
|||
|
|||
Material.foreground: "white" |
|||
Universal.foreground: "white" |
|||
|
|||
onClicked: { |
|||
_swipeDelegate.swipe.close(); |
|||
viewModel.removeDevice(index) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
RoundMenuButton { |
|||
id: _addButton |
|||
|
|||
anchors.right: parent.right |
|||
anchors.bottom: parent.bottom |
|||
anchors.margins: 16 |
|||
|
|||
text: qsTr("Add new devices") |
|||
icon.name: checked ? "tab-close" : "list-add" |
|||
icon.source: checked ? |
|||
"qrc:/de/skycoder42/qtmvvm/quick/icons/ic_close.svg" : |
|||
"qrc:/de/skycoder42/qtmvvm/quick/icons/ic_add.svg" |
|||
stickyToolTips: true |
|||
|
|||
Action { |
|||
text: qsTr("Network Exchange") |
|||
icon.name: "network-connect" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_exchange.svg" |
|||
|
|||
onTriggered: viewModel.startNetworkExchange() |
|||
} |
|||
|
|||
Action { |
|||
text: qsTr("Export to file") |
|||
icon.name: "document-export" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_export.svg" |
|||
|
|||
onTriggered: viewModel.startExport() |
|||
} |
|||
|
|||
Action { |
|||
text: qsTr("Import from file") |
|||
icon.name: "document-import" |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_import.svg" |
|||
|
|||
onTriggered: viewModel.startImport() |
|||
} |
|||
} |
|||
} |
|||
@ -1,74 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Layouts 1.3 |
|||
import QtQuick.Window 2.2 |
|||
import de.skycoder42.QtMvvm.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
import de.skycoder42.QtMvvm.DataSync.Core 1.1 |
|||
|
|||
AlertDialog { |
|||
id: _exportSetupView |
|||
|
|||
property PExportSetupViewModel viewModel: null |
|||
|
|||
title: viewModel.label |
|||
|
|||
ColumnLayout { |
|||
id: _layout |
|||
anchors.fill: parent |
|||
|
|||
CheckBox { |
|||
id: _trustBox |
|||
text: qsTr("Trusted") |
|||
Layout.fillWidth: true |
|||
|
|||
MvvmBinding { |
|||
viewModel: _exportSetupView.viewModel |
|||
viewModelProperty: "trusted" |
|||
view: _trustBox |
|||
viewProperty: "checked" |
|||
} |
|||
} |
|||
|
|||
CheckBox { |
|||
id: _includeBox |
|||
text: qsTr("Include Server") |
|||
Layout.fillWidth: true |
|||
|
|||
MvvmBinding { |
|||
viewModel: _exportSetupView.viewModel |
|||
viewModelProperty: "includeServer" |
|||
view: _includeBox |
|||
viewProperty: "checked" |
|||
} |
|||
} |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Password:") |
|||
Layout.fillWidth: true |
|||
edit: _passwordEdit |
|||
enabled: viewModel.trusted |
|||
} |
|||
|
|||
TextField { |
|||
id: _passwordEdit |
|||
echoMode: TextInput.Password |
|||
Layout.fillWidth: true |
|||
enabled: viewModel.trusted |
|||
|
|||
MvvmBinding { |
|||
viewModel: _exportSetupView.viewModel |
|||
viewModelProperty: "password" |
|||
view: _passwordEdit |
|||
viewProperty: "text" |
|||
type: MvvmBinding.OneWayToViewModel |
|||
} |
|||
} |
|||
} |
|||
|
|||
standardButtons: Dialog.Ok | Dialog.Cancel |
|||
|
|||
onAccepted: viewModel.completeSetup() |
|||
|
|||
Component.onCompleted: standardButton(Dialog.Ok).enabled = Qt.binding(function(){ return viewModel.valid; }) |
|||
} |
|||
@ -1,62 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Layouts 1.3 |
|||
import QtQuick.Window 2.2 |
|||
import de.skycoder42.QtMvvm.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
import de.skycoder42.QtMvvm.DataSync.Core 1.1 |
|||
|
|||
AlertDialog { |
|||
id: _identityEditView |
|||
|
|||
property PIdentityEditViewModel viewModel: null |
|||
|
|||
title: qsTr("Edit Identity") |
|||
|
|||
ColumnLayout { |
|||
id: _layout |
|||
anchors.fill: parent |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Device Name:") |
|||
Layout.fillWidth: true |
|||
edit: _nameEdit |
|||
} |
|||
|
|||
TextField { |
|||
id: _nameEdit |
|||
Layout.fillWidth: true |
|||
|
|||
MvvmBinding { |
|||
viewModel: _identityEditView.viewModel |
|||
viewModelProperty: "name" |
|||
view: _nameEdit |
|||
viewProperty: "text" |
|||
} |
|||
} |
|||
|
|||
DecorLabel { |
|||
id: _fpLabel |
|||
text: qsTr("Device Fingerprint:") |
|||
Layout.fillWidth: true |
|||
Layout.topMargin: 16 |
|||
edit: _fpText |
|||
} |
|||
|
|||
Label { |
|||
id: _fpText |
|||
text: viewModel.fingerPrint |
|||
Layout.fillWidth: true |
|||
wrapMode: Text.Wrap |
|||
verticalAlignment: Qt.AlignVCenter |
|||
font.pointSize: _fpLabel.font.pointSize * 0.8 |
|||
Layout.topMargin: 8 |
|||
} |
|||
} |
|||
|
|||
standardButtons: Dialog.Save | Dialog.Cancel |
|||
|
|||
onAccepted: viewModel.save() |
|||
|
|||
Component.onCompleted: standardButton(Dialog.Save).enabled = Qt.binding(function(){ return viewModel.valid; }) |
|||
} |
|||
@ -1,152 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Layouts 1.3 |
|||
import de.skycoder42.QtDataSync 4.0 |
|||
import de.skycoder42.QtMvvm.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
import de.skycoder42.QtMvvm.DataSync.Core 1.1 |
|||
import de.skycoder42.QtMvvm.DataSync.Quick 1.1 |
|||
|
|||
/*! @brief The view implementation for the QtMvvm::NetworkExchangeViewModel |
|||
* |
|||
* @extends QtQuick.Controls.Page |
|||
* |
|||
* @details This is the view used to present a network exchange view model. You can extend the |
|||
* class if you need to extend that view. |
|||
* |
|||
* @sa QtMvvm::NetworkExchangeViewModel |
|||
*/ |
|||
Page { |
|||
id: _networkExchangeView |
|||
|
|||
/*! @brief The viewmodel to use |
|||
* |
|||
* @default{<i>Injected</i>} |
|||
* |
|||
* @accessors{ |
|||
* @memberAc{viewModel} |
|||
* @notifyAc{viewModelChanged()} |
|||
* } |
|||
* |
|||
* @sa QtMvvm::NetworkExchangeViewModel |
|||
*/ |
|||
property NetworkExchangeViewModel viewModel: null |
|||
|
|||
header: ContrastToolBar { |
|||
ToolBarLabel { |
|||
id: _titleLabel |
|||
anchors.fill: parent |
|||
text: qsTr("Network Exchange") |
|||
} |
|||
} |
|||
|
|||
Pane { |
|||
anchors.fill: parent |
|||
|
|||
ColorHelper { |
|||
id: helper |
|||
} |
|||
|
|||
ColumnLayout { |
|||
id: _layout |
|||
anchors.fill: parent |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Port:") |
|||
Layout.fillWidth: true |
|||
edit: _portEdit |
|||
} |
|||
|
|||
SpinBox { |
|||
id: _portEdit |
|||
Layout.fillWidth: true |
|||
editable: true |
|||
from: 0 |
|||
to: 65535 |
|||
|
|||
MvvmBinding { |
|||
viewModel: _networkExchangeView.viewModel |
|||
viewModelProperty: "port" |
|||
view: _portEdit |
|||
viewProperty: "value" |
|||
} |
|||
} |
|||
|
|||
DecorLabel { |
|||
text: qsTr("Name:") |
|||
Layout.fillWidth: true |
|||
edit: _nameEdit |
|||
} |
|||
|
|||
TextField { |
|||
id: _nameEdit |
|||
Layout.fillWidth: true |
|||
|
|||
MvvmBinding { |
|||
viewModel: _networkExchangeView.viewModel |
|||
viewModelProperty: "deviceName" |
|||
view: _nameEdit |
|||
viewProperty: "text" |
|||
} |
|||
} |
|||
|
|||
Rectangle { |
|||
Layout.fillWidth: true |
|||
Layout.minimumHeight: 1 |
|||
Layout.maximumHeight: 1 |
|||
color: helper.text |
|||
} |
|||
|
|||
Switch { |
|||
id: _exchangeSwitch |
|||
text: qsTr("Exchange active:") |
|||
|
|||
MvvmBinding { |
|||
viewModel: _networkExchangeView.viewModel |
|||
viewModelProperty: "active" |
|||
view: _exchangeSwitch |
|||
viewProperty: "checked" |
|||
} |
|||
} |
|||
|
|||
ScrollView { |
|||
id: _exchangeScrollView |
|||
|
|||
Layout.fillWidth: true |
|||
Layout.fillHeight: true |
|||
clip: true |
|||
|
|||
ListView { |
|||
id: _exchangeList |
|||
|
|||
model: viewModel.sortedModel |
|||
delegate: ItemDelegate { |
|||
width: _exchangeScrollView.width |
|||
|
|||
contentItem: ColumnLayout { |
|||
id: _delegateLayout |
|||
spacing: 8 |
|||
|
|||
Label { |
|||
id: _nameLabel |
|||
Layout.fillWidth: true |
|||
text: name |
|||
} |
|||
|
|||
Label { |
|||
id: _addressLabel |
|||
font.pointSize: _nameLabel.font.pointSize * 0.8 |
|||
Layout.fillWidth: true |
|||
Layout.leftMargin: 8 |
|||
text: address |
|||
opacity: 0.75 |
|||
} |
|||
} |
|||
|
|||
onClicked: viewModel.exportTo(index) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,74 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import de.skycoder42.QtMvvm.Quick 1.0 |
|||
|
|||
RoundActionButton { |
|||
id: _subButton |
|||
|
|||
property Item reference: parent |
|||
property real btnSpacing: 16 |
|||
property bool expanded: false |
|||
|
|||
highlighted: false |
|||
anchors.horizontalCenter: reference.horizontalCenter |
|||
anchors.verticalCenter: reference.verticalCenter |
|||
implicitHeight: 40 + padding |
|||
implicitWidth: 40 + padding |
|||
state: expanded ? "expanded" : "collapsed" |
|||
|
|||
states: [ |
|||
State { |
|||
name: "collapsed" |
|||
PropertyChanges { |
|||
target: _subButton |
|||
anchors.verticalCenterOffset: 0 |
|||
visible: false |
|||
} |
|||
}, |
|||
State { |
|||
name: "expanded" |
|||
PropertyChanges { |
|||
target: _subButton |
|||
anchors.verticalCenterOffset: -1 * (reference.height/2 + _subButton.height/2 + btnSpacing) |
|||
visible: true |
|||
} |
|||
} |
|||
] |
|||
|
|||
transitions: [ |
|||
Transition { |
|||
from: "collapsed" |
|||
to: "expanded" |
|||
SequentialAnimation { |
|||
PropertyAnimation { |
|||
target: _subButton |
|||
property: "visible" |
|||
duration: 0 |
|||
} |
|||
PropertyAnimation { |
|||
target: _subButton |
|||
property: "anchors.verticalCenterOffset" |
|||
duration: 250 |
|||
easing.type: Easing.OutCubic |
|||
} |
|||
} |
|||
}, |
|||
Transition { |
|||
from: "expanded" |
|||
to: "collapsed" |
|||
SequentialAnimation { |
|||
PropertyAnimation { |
|||
target: _subButton |
|||
property: "anchors.verticalCenterOffset" |
|||
duration: 250 |
|||
easing.type: Easing.InCubic |
|||
} |
|||
PropertyAnimation { |
|||
target: _subButton |
|||
property: "visible" |
|||
duration: 0 |
|||
} |
|||
} |
|||
} |
|||
] |
|||
} |
|||
@ -1,26 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Controls.Material 2.3 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
|
|||
/*! @brief An extension of the @ref QtQuick.Controls.ToolBar "ToolBar" for better appearance |
|||
* |
|||
* @extends QtQuick.Controls.ToolBar |
|||
* |
|||
* @details This version basically adjusts size and text color of the toolbar itself and |
|||
* controls within the toolbar to look better and improve contrast |
|||
* |
|||
* @sa ActionButton, ToolBarLabel, MenuButton |
|||
*/ |
|||
ToolBar { |
|||
id: _contrastToolBar |
|||
|
|||
height: 56 |
|||
|
|||
// @copydoc QuickPresenter::accentTextColor |
|||
function accentTextColor(accentColor, baseColor) { |
|||
return QuickPresenter.accentTextColor(accentColor, baseColor); |
|||
} |
|||
|
|||
Material.foreground: QuickPresenter.accentTextColor(Material.primary, Material.foreground) |
|||
} |
|||
@ -1,159 +0,0 @@ |
|||
import QtQuick 2.10 |
|||
import QtQuick.Controls 2.3 |
|||
import QtQuick.Layouts 1.3 |
|||
import de.skycoder42.QtMvvm.Core 1.1 |
|||
import de.skycoder42.QtMvvm.Quick 1.1 |
|||
|
|||
/*! @brief The view implementation for the QtMvvm::SettingsViewModel |
|||
* |
|||
* @extends QtQuick.Controls.Page |
|||
* |
|||
* @details This is the view used to present a settings view model. You can extend the class |
|||
* if you need to extend that view. |
|||
* |
|||
* @sa QtMvvm::SettingsViewModel |
|||
*/ |
|||
Page { |
|||
id: _settingsView |
|||
|
|||
/*! @brief The viewmodel to use |
|||
* |
|||
* @default{<i>Injected</i>} |
|||
* |
|||
* @accessors{ |
|||
* @memberAc{viewModel} |
|||
* @notifyAc{viewModelChanged()} |
|||
* } |
|||
* |
|||
* @sa QtMvvm::SettingsViewModel |
|||
*/ |
|||
property SettingsViewModel viewModel: null |
|||
/*! @brief Specifiy if a back action should always close the full settings |
|||
* |
|||
* @default{`false`} |
|||
* |
|||
* The settings view consists of an internal stack view to present settings pages. By |
|||
* default only one page is closed at a time. By setting this property to true, a close |
|||
* action will always close all of them. |
|||
* |
|||
* @accessors{ |
|||
* @memberAc{fullClose} |
|||
* @notifyAc{fullCloseChanged()} |
|||
* } |
|||
*/ |
|||
property bool fullClose: false |
|||
|
|||
/*! @brief Can be called to try to close a single settings page |
|||
* |
|||
* @return type:bool `true` if a page was closed, `false` if not |
|||
* |
|||
* This method is called by the presenter to close the pages of the settings view one at |
|||
* a time. |
|||
* |
|||
* @note if SettingsView::fullClose is true, this method will always return false. |
|||
* |
|||
* @sa SettingsView::fullClose, PresentingStackView::closeAction |
|||
*/ |
|||
function closeAction() { |
|||
return !fullClose && _settingsStack.closeAction(); |
|||
} |
|||
|
|||
header: ContrastToolBar { |
|||
id: _toolBar |
|||
|
|||
RowLayout { |
|||
id: _toolLayout |
|||
anchors.fill: parent |
|||
spacing: 0 |
|||
|
|||
SearchBar { |
|||
id: _searchBar |
|||
|
|||
Layout.fillWidth: true |
|||
Layout.fillHeight: true |
|||
|
|||
title: qsTr("Settings") |
|||
allowSearch: _builder.allowSearch |
|||
searchToolTip: qsTr("Search in settings") |
|||
} |
|||
|
|||
ActionButton { |
|||
id: _restoreButton |
|||
visible: _builder.allowRestore |
|||
icon.source: "qrc:/de/skycoder42/qtmvvm/quick/icons/ic_settings_backup_restore.svg" |
|||
text: qsTr("Restore settings") |
|||
onClicked: _builder.restoreDefaults() |
|||
} |
|||
} |
|||
} |
|||
|
|||
PresenterProgress {} |
|||
|
|||
StackView { |
|||
id: _settingsStack |
|||
anchors.fill: parent |
|||
|
|||
function closeAction() { |
|||
if(_settingsStack.depth <= 1) |
|||
return false; |
|||
else { |
|||
_settingsStack.pop(); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
Component { |
|||
id: _overviewComponent |
|||
|
|||
ScrollView { |
|||
id: __ovScrollView |
|||
property alias model: __ovListView.model |
|||
property alias showSections: __ovListView.showSections |
|||
clip: true |
|||
|
|||
OverviewListView { |
|||
id: __ovListView |
|||
builder: _builder |
|||
} |
|||
|
|||
Component.onCompleted: _settingsStack.push(__ovScrollView) |
|||
} |
|||
} |
|||
|
|||
Component { |
|||
id: _sectionViewComponent |
|||
|
|||
ScrollView { |
|||
id: __secScrollView |
|||
property alias model: __secListView.model |
|||
clip: true |
|||
|
|||
SectionListView { |
|||
id: __secListView |
|||
builder: _builder |
|||
} |
|||
|
|||
Component.onCompleted: _settingsStack.push(__secScrollView) |
|||
} |
|||
} |
|||
|
|||
SettingsUiBuilder { |
|||
id: _builder |
|||
buildView: _settingsView |
|||
viewModel: _settingsView.viewModel |
|||
filterText: _searchBar.searchText |
|||
|
|||
onPresentOverview: _overviewComponent.incubateObject(_settingsStack, { |
|||
model: model, |
|||
showSections: hasSections |
|||
}, Qt.Synchronous) |
|||
onPresentSection: _sectionViewComponent.incubateObject(_settingsStack, { |
|||
model: model |
|||
}, Qt.Synchronous) |
|||
onCloseSettings: { |
|||
_settingsView.fullClose = true; |
|||
QuickPresenter.popView(); |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue