aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/ListItem.qml20
-rw-r--r--src/Toast.qml132
-rw-r--r--src/ToastManager.qml84
-rw-r--r--src/main.cpp17
-rw-r--r--src/main.qml386
-rw-r--r--src/scenes/Scene_placeholder.qml57
-rw-r--r--src/scenes/Scene_remote_control.qml368
-rw-r--r--src/scenes/Scene_remote_view.qml366
-rw-r--r--src/scenes/Scene_settings.qml29
9 files changed, 1450 insertions, 9 deletions
diff --git a/src/ListItem.qml b/src/ListItem.qml
new file mode 100644
index 0000000..c69af4b
--- /dev/null
+++ b/src/ListItem.qml
@@ -0,0 +1,20 @@
+import QtQuick 2.0
+import QtQuick.Controls.Material 2.3
+import QtQuick.Controls 2.2
+
+ItemDelegate {
+ id: root
+ width: parent.width
+ height: 50
+
+ property string scene_url
+
+ signal listItemClick()
+
+ text: ""
+
+ MouseArea {
+ anchors.fill: parent
+ onClicked: listItemClick();
+ }
+}
diff --git a/src/Toast.qml b/src/Toast.qml
new file mode 100644
index 0000000..eb65b20
--- /dev/null
+++ b/src/Toast.qml
@@ -0,0 +1,132 @@
+/*
+ * This file is part of Remote Support Desktop
+ * https://gitlab.das-netzwerkteam.de/RemoteWebApp/remote-support-desktop
+ * Copyright 2020-2021 Daniel Teichmann <daniel.teichmann@das-netzwerkteam.de>
+ * Copyright 2020-2021 Mike Gabriel <mike.gabriel@das-netzwerkteam.de>
+ * SPDX-License-Identifier: GPL-2.0-or-later
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the
+ * Free Software Foundation, Inc.,
+ * 51 Franklin St, Fifth Floor, Boston, MA 02110-1301, USA.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.0
+import QtQuick.Controls 2.0
+import QtQuick.Controls.Material 2.3
+
+/**
+ * adapted from StackOverflow:
+ * http://stackoverflow.com/questions/26879266/make-toast-in-android-by-qml
+ * GitHub Gist: https://gist.github.com/jonmcclung/bae669101d17b103e94790341301c129
+ * Adapted to work with dark/light theming
+ */
+
+/**
+ * @brief An Android-like timed message text in a box that self-destroys when finished if desired
+ */
+Control {
+
+ /**
+ * Public
+ */
+
+ /**
+ * @brief Shows this Toast
+ *
+ * @param {string} text Text to show
+ * @param {real} duration Duration to show in milliseconds, defaults to 3000
+ */
+ function show(text, duration) {
+ message.text = text;
+ if (typeof duration !== "undefined") { // checks if parameter was passed
+ time = Math.max(duration, 2 * fadeTime);
+ }
+ else {
+ time = defaultTime;
+ }
+ console.log("Showing a new toast with display time: " + time);
+ animation.start();
+ }
+
+ property bool selfDestroying: false // whether this Toast will self-destroy when it is finished
+
+ /**
+ * Private
+ */
+
+ id: root
+
+ readonly property real defaultTime: 3000
+ property real time: defaultTime
+ readonly property real fadeTime: 300
+
+ property real margin: 10
+
+ anchors {
+ left: parent.left
+ right: parent.right
+ margins: margin
+ }
+
+ height: message.height + margin
+
+ background: Rectangle {
+ color: (Material.theme == Material.Dark) ? "#212121" : "#dcdedc"
+ radius: margin
+ }
+
+ opacity: 0
+
+ Text {
+ id: message
+ color: (Material.theme == Material.Dark) ? "#f1f1f1" : "#010101"
+ wrapMode: Text.Wrap
+ horizontalAlignment: Text.AlignHCenter
+ anchors {
+ top: parent.top
+ left: parent.left
+ right: parent.right
+ margins: margin / 2
+ }
+ }
+
+ SequentialAnimation on opacity {
+ id: animation
+ running: false
+
+
+ NumberAnimation {
+ to: .9
+ duration: fadeTime
+ }
+
+ PauseAnimation {
+ duration: time - 2 * fadeTime
+ }
+
+ NumberAnimation {
+ to: 0
+ duration: fadeTime
+ }
+
+ onRunningChanged: {
+ if (!running && selfDestroying) {
+ root.destroy();
+ }
+ }
+ }
+}
diff --git a/src/ToastManager.qml b/src/ToastManager.qml
new file mode 100644
index 0000000..b448905
--- /dev/null
+++ b/src/ToastManager.qml
@@ -0,0 +1,84 @@
+/*
+ * This file is part of Remote Support Desktop
+ * https://gitlab.das-netzwerkteam.de/RemoteWebApp/remote-support-desktop
+ * Copyright 2020-2021 Daniel Teichmann <daniel.teichmann@das-netzwerkteam.de>
+ * Copyright 2020-2021 Mike Gabriel <mike.gabriel@das-netzwerkteam.de>
+ * SPDX-License-Identifier: GPL-2.0-or-later
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the
+ * Free Software Foundation, Inc.,
+ * 51 Franklin St, Fifth Floor, Boston, MA 02110-1301, USA.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.0
+
+/**
+ * adapted from StackOverflow:
+ * http://stackoverflow.com/questions/26879266/make-toast-in-android-by-qml
+ * GitHub Gist: https://gist.github.com/jonmcclung/bae669101d17b103e94790341301c129
+ * @brief Manager that creates Toasts dynamically
+ */
+ListView {
+ /**
+ * Public
+ */
+
+ /**
+ * @brief Shows a Toast
+ *
+ * @param {string} text Text to show
+ * @param {real} duration Duration to show in milliseconds, defaults to 3000
+ */
+ function show(text, duration) {
+ model.insert(0, {text: text, duration: duration});
+ }
+
+ /**
+ * Private
+ */
+
+ id: root
+
+ z: Infinity
+ spacing: 5
+ anchors.fill: parent
+ // parent.height * 0.1 = height of blue header rectangle on main
+ anchors.topMargin: parent.height * 0.1 + 5
+ verticalLayoutDirection: ListView.TopToBottom
+
+ interactive: false
+
+ displaced: Transition {
+ NumberAnimation {
+ properties: "y"
+ easing.type: Easing.InOutQuad
+ }
+ }
+
+ delegate: Toast {
+ Component.onCompleted: {
+ if (typeof duration === "undefined") {
+ show(text);
+ }
+ else {
+ show(text, duration);
+ }
+ }
+ }
+
+ model: ListModel {id: model}
+}
diff --git a/src/main.cpp b/src/main.cpp
index 381bc9c..2b1837a 100644
--- a/src/main.cpp
+++ b/src/main.cpp
@@ -61,27 +61,26 @@ int main(int argc, char *argv[]) {
QQmlApplicationEngine engine(&app);
QScopedPointer<MainQMLAdaptor> main_gui (new MainQMLAdaptor(&app, &engine));
- //MainQMLAdaptor *main_gui = new MainQMLAdaptor(&app, &engine);
+
// Make mainqmladaptor available to QML
engine.rootContext()->setContextProperty("mainqmladaptor", main_gui.data());
qDebug() << "'mainqmladaptor' is now available in QML context.";
- engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
+ engine.load(QUrl(QStringLiteral("qrc:/src/main.qml")));
if (engine.rootObjects().isEmpty())
return -1;
QScopedPointer<Session> session (new Session(&app, main_gui.data()));
- //Session *session = new Session(&app, &engine, main_gui);
QObject::connect(main_gui.data(),
- SIGNAL(minimizeWindow()),
- engine.rootObjects().takeFirst(),
- SLOT(minimizeWindow()));
+ SIGNAL(minimizeWindow()),
+ engine.rootObjects().takeFirst(),
+ SLOT(minimizeWindow()));
QObject::connect(main_gui.data(),
- SIGNAL(showWindow()),
- engine.rootObjects().takeFirst(),
- SLOT(showWindow()));
+ SIGNAL(showWindow()),
+ engine.rootObjects().takeFirst(),
+ SLOT(showWindow()));
// We don't want users to have multiple instances of this app running
QString tmpDirPath = QDir::tempPath() + "/rwa.support.desktopapp";
diff --git a/src/main.qml b/src/main.qml
new file mode 100644
index 0000000..ac4b503
--- /dev/null
+++ b/src/main.qml
@@ -0,0 +1,386 @@
+/*
+ * This file is part of Remote Support Desktop
+ * https://gitlab.das-netzwerkteam.de/RemoteWebApp/remote-support-desktop
+ * Copyright 2020-2021 Daniel Teichmann <daniel.teichmann@das-netzwerkteam.de>
+ * Copyright 2020-2021 Mike Gabriel <mike.gabriel@das-netzwerkteam.de>
+ * SPDX-License-Identifier: GPL-2.0-or-later
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the
+ * Free Software Foundation, Inc.,
+ * 51 Franklin St, Fifth Floor, Boston, MA 02110-1301, USA.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.9
+import QtQuick.Window 2.2
+import QtQuick.Extras 1.4
+import QtQuick.Controls 2.2
+import QtQuick.Controls.Styles 1.4
+import QtQuick.Dialogs 1.2
+import QtQuick.Controls.Material 2.3
+import "scenes" as Scenes
+//import "ListItem.qml"
+
+ApplicationWindow {
+ readonly property int normal_width: 650
+ readonly property int normal_height: 500
+ readonly property bool inPortrait: window.width < window.height
+
+ minimumWidth: 400
+ minimumHeight: 460
+
+ width: normal_width
+ height: normal_height
+
+ id: window
+ visible: true
+ title: qsTr("Remote Support for your Desktop")
+
+ onClosing: {
+ mainqmladaptor.onCloseHandler();
+ }
+
+ function minimizeWindow() {
+ showMinimized();
+ console.log("Miniming window now...");
+ }
+
+ function showWindow() {
+ showNormal();
+ console.log("Opening window now...");
+ }
+
+ MessageDialog {
+ id: message_dialog
+ objectName: "message_dialog"
+ title: qsTr("Remote Support for your Desktop")
+ text: qsTr("You are not supposed to see this message.\nThis is a bug.")
+ icon: StandardIcon.Critical
+ }
+
+ Connections {
+ target: mainqmladaptor
+ onShowToastSignal: {
+ toast.show(text, durationMs)
+ }
+ }
+
+ Connections {
+ target: mainqmladaptor
+ onShowMessageDialogChanged: {
+ message_dialog.visible = show
+ }
+ }
+
+
+ StackView {
+ id: main_content
+ anchors.top: top_menu_bar_frame.bottom
+ anchors.right: parent.right
+ anchors.bottom: parent.bottom
+ anchors.left: parent.left
+ anchors.leftMargin: !inPortrait ? sidebar_drawer.width : 0
+ anchors.topMargin: 0
+ initialItem: "scenes/Scene_placeholder.qml"
+
+// Scenes.Scene_remote_control {
+// id: scene_remote_control
+// anchors.bottom: parent.bottom
+// anchors.bottomMargin: 0
+// anchors.left: parent.left
+// anchors.right: parent.right
+// anchors.rightMargin: 0
+// anchors.top: parent.top
+// anchors.topMargin: 0
+// visible: false
+// }
+
+// Scenes.Scene_remote_view {
+// id: scene_remote_view
+// anchors.bottom: parent.bottom
+// anchors.bottomMargin: 0
+// anchors.left: parent.left
+// anchors.right: parent.right
+// anchors.rightMargin: 0
+// anchors.top: parent.top
+// anchors.topMargin: 0
+// visible: false
+// }
+
+// Scenes.Scene_settings {
+// id: scene_settings
+// anchors.bottom: parent.bottom
+// anchors.bottomMargin: 0
+// anchors.left: parent.left
+// anchors.right: parent.right
+// anchors.rightMargin: 0
+// anchors.top: parent.top
+// anchors.topMargin: 0
+// visible: false
+// }
+ }
+
+ ToastManager {
+ id: toast
+ anchors.leftMargin: inPortrait ? 0 : sidebar_drawer.width
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.bottom: parent.bottom
+ anchors.top: parent.top
+ }
+
+ Connections {
+ target: mainqmladaptor
+ onMessageDialogTextChanged: {
+ message_dialog.text = text
+ }
+ }
+
+ Connections {
+ target: mainqmladaptor
+ onMessageDialogTitleChanged: {
+ message_dialog.title = title
+ }
+ }
+
+ Connections {
+ target: mainqmladaptor
+ onMessageDialogIconChanged: {
+ message_dialog.icon = iconindex
+ }
+ }
+
+ Drawer {
+ id: sidebar_drawer
+ y: top_menu_bar_frame.height
+
+ width: !inPortrait ? Math.min(300, (window.width * 0.333)) : (window.width * 0.5)
+ height: window.height - top_menu_bar_frame.height
+
+ modal: inPortrait
+ interactive: inPortrait
+ position: inPortrait ? 0 : 1
+ dragMargin: 1
+ margins: -2
+ visible: !inPortrait
+
+ ListView {
+ id: sidebar_listview
+ boundsBehavior: Flickable.StopAtBounds
+ interactive: true
+ clip: true
+ anchors.fill: parent
+ model: mainModel
+
+ /*header: ItemDelegate {
+ id: header
+ width: parent.width
+ height: server_chooser.height + server_chooser_label.height
+
+ Text {
+ id: server_chooser_label
+ anchors.top: parent.top
+ anchors.left: parent.left
+ anchors.margins: 0
+ padding: 15
+ height: 35
+ color: Material.foreground
+ text: qsTr("RWA-Server:")
+ font.bold: true
+ }
+
+ ComboBox {
+ id: server_chooser
+ width: parent.width
+ parent: header
+ height: 50
+ anchors.left: parent.left
+ anchors.leftMargin: 15
+ anchors.right: parent.right
+ anchors.rightMargin: 15
+ anchors.bottom: header_seperator.top
+ model: [ "example.com/rwa", "rwa-server.example.org:1000", "rwa.example.com:1337" ]
+
+ popup.width: Math.min(500, server_chooser.contentItem.childrenRect.width)
+ }
+
+// Image {
+// id: rwa_logo
+// anchors.left: parent.left
+// anchors.leftMargin: 15
+// anchors.verticalCenter: parent.verticalCenter
+// source: "../images/RWA-logo.png"
+// height: parent.height
+// fillMode: Image.PreserveAspectFit
+// }
+
+// onClicked: {
+// main_content.replace("scenes/Scene_settings.qml")
+// if (inPortrait) {
+// sidebar_drawer.close()
+// }
+// }
+
+ MenuSeparator {
+ id: header_seperator
+ parent: header
+ width: parent.width
+ anchors.verticalCenter: parent.bottom
+ }
+ }*/
+
+ footer: ItemDelegate {
+ id: footer
+ text: " " + qsTr("Settings")
+ width: parent.width
+
+ onClicked: {
+ var scene_url = "scenes/Scene_placeholder.qml"
+ header_text.text = qsTr("Settings")
+ if(inPortrait) sidebar_drawer.close()
+
+ if(scene_url.search(main_content.currentItem.objectName) <= 0) {
+ main_content.replace(scene_url)
+ }
+ }
+
+ MenuSeparator {
+ parent: footer
+ width: parent.width
+ anchors.verticalCenter: parent.top
+ }
+ }
+
+ VisualItemModel {
+ id: mainModel
+ ListItem {
+ text: " " + qsTr("Remote Control")
+ scene_url: "scenes/Scene_remote_control.qml"
+ onListItemClick: {
+ header_text.text = qsTr("Allow remote control")
+ if(inPortrait) sidebar_drawer.close()
+
+ if(scene_url.search(main_content.currentItem.objectName) <= 0) {
+ main_content.replace(scene_url)
+ }
+ }
+ }
+ ListItem {
+ text: " " + qsTr("Remote View")
+ scene_url: "scenes/Scene_remote_view.qml"
+ onListItemClick: {
+ header_text.text = qsTr("Allow remote view")
+ if(inPortrait) sidebar_drawer.close()
+
+ if(scene_url.search(main_content.currentItem.objectName) <= 0) {
+ main_content.replace(scene_url)
+ }
+ }
+ }
+ ListItem {
+ text: " " + qsTr("Add RWA-Server")
+ scene_url: "scenes/Scene_placeholder.qml"
+ onListItemClick: {
+ header_text.text = qsTr("Server addition wizard")
+ if(inPortrait) sidebar_drawer.close()
+
+ if(scene_url.search(main_content.currentItem.objectName) <= 0) {
+ main_content.replace(scene_url)
+ }
+ }
+ }
+ }
+
+ ScrollIndicator.vertical: ScrollIndicator { }
+ }
+ }
+
+ // Set dark/light theme based on the slider setting
+ Material.theme: theme.position < 1 ? Material.Light : Material.Dark
+
+ ToolBar {
+ id: top_menu_bar_frame
+ width: parent.width
+ height: parent.height * 0.10
+
+ background: Rectangle {
+ color: parent.Material.background
+ border.color: parent.Material.background
+ }
+ Material.background: "#0d5eaf"
+ Material.foreground: "#ffffff"
+
+ anchors.left: parent.left
+ anchors.leftMargin: 0
+ anchors.top: parent.top
+ anchors.topMargin: 0
+
+ Switch {
+ id: theme
+ width: 150
+ implicitWidth: 100
+ visible: !inPortrait
+
+ height: parent.height
+ anchors.margins: 10
+ text: qsTr("Dark theme")
+ anchors.left: parent.left
+ anchors.verticalCenterOffset: 0
+ anchors.leftMargin: 0
+ anchors.verticalCenter: parent.verticalCenter
+ checked: true
+ }
+
+ Label {
+ id: header_text
+ height: parent.height
+ color: "#ffffff"
+ text: qsTr("Allow Remote Control")
+ anchors.left: theme.right
+ anchors.leftMargin: 5
+ horizontalAlignment: Text.AlignRight
+ padding: 5
+ font.family: "Verdana"
+ font.pointSize: 20
+ fontSizeMode: Text.Fit
+ verticalAlignment: Text.AlignVCenter
+ anchors.right: parent.right
+ anchors.rightMargin: 5
+ anchors.verticalCenter: parent.verticalCenter
+ }
+
+ Button {
+ id: burger_button
+ width: 50
+ height: parent.height + 10
+ visible: inPortrait
+
+ text: "≡"
+ checkable: false
+ font.pointSize: 24
+ flat: true
+ anchors.left: parent.left
+ anchors.leftMargin: 0
+ anchors.verticalCenter: parent.verticalCenter
+ enabled: !sidebar_drawer.opened
+
+ onClicked: {
+ sidebar_drawer.open()
+ enabled: false
+ }
+ }
+ }
+}
diff --git a/src/scenes/Scene_placeholder.qml b/src/scenes/Scene_placeholder.qml
new file mode 100644
index 0000000..fcb6134
--- /dev/null
+++ b/src/scenes/Scene_placeholder.qml
@@ -0,0 +1,57 @@
+import QtQuick 2.9
+import QtQuick.Window 2.2
+import QtQuick.Extras 1.4
+import QtQuick.Controls 2.2
+import QtQuick.Dialogs 1.2
+import QtQuick.Controls.Material 2.3
+
+Item {
+ id: scene_placeholder
+ objectName: "Scene_placeholder"
+
+ Rectangle {
+ id: rectangle
+ anchors.fill: parent
+ color: Material.background
+
+ Text {
+ color: Material.foreground
+ id: title
+
+ text: qsTr("This is the placeholder scene!")
+ font.pointSize: 18
+ wrapMode: Text.WordWrap
+
+ font.bold: true
+ horizontalAlignment: Text.AlignHCenter
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.margins: 5
+ }
+
+ Text {
+ color: Material.foreground
+ anchors.top: title.bottom
+ anchors.margins: 5
+ anchors.bottom: parent.bottom
+ anchors.left: parent.left
+ anchors.right: parent.right
+
+ wrapMode: Text.WordWrap
+ text: qsTr("The feature you expected here are not yet implemented.")
+ horizontalAlignment: Text.AlignHCenter
+ }
+ }
+}
+
+
+
+
+
+
+
+/*##^## Designer {
+ D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/
diff --git a/src/scenes/Scene_remote_control.qml b/src/scenes/Scene_remote_control.qml
new file mode 100644
index 0000000..ea59ea7
--- /dev/null
+++ b/src/scenes/Scene_remote_control.qml
@@ -0,0 +1,368 @@
+import QtQuick 2.9
+import QtQuick.Window 2.2
+import QtQuick.Extras 1.4
+import QtQuick.Controls 2.2
+import QtQuick.Dialogs 1.2
+import QtQuick.Controls.Material 2.3
+
+Item {
+ id: scene_remote_control
+ objectName: "Scene_remote_control"
+
+ Label {
+ id: dbus_api_status_text
+ text: "Unknown state of Service"
+ anchors.leftMargin: 10 + 5 + dbus_api_status_indicator.width
+ anchors.bottom: parent.bottom
+ anchors.bottomMargin: 10
+ wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+ verticalAlignment: Text.AlignVCenter
+ font.pointSize: 11
+ fontSizeMode: Text.Fit
+ objectName: "dbus_api_status_text"
+ anchors.left: parent.left
+
+ StatusIndicator {
+ id: dbus_api_status_indicator
+ width: height
+ height: parent.height
+ objectName: "dbus_api_status_indicator"
+ color: "#73d216"
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.right: parent.left
+ anchors.rightMargin: 5
+ active: false
+ }
+ }
+
+ Label {
+ id: explain_function_label
+ text: qsTr("Please tell your remote support partner your access address and your access-PIN to let your partner connect to this computer.")
+ font.pixelSize: 18
+ fontSizeMode: Text.VerticalFit
+ wrapMode: Text.WordWrap
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ anchors.top: parent.top
+ anchors.topMargin: 10
+ anchors.right: parent.right
+ anchors.rightMargin: 10
+ horizontalAlignment: Text.AlignLeft
+ enabled: false
+
+ color: Material.theme == Material.Light ? "#000000" : "#FFFFFF"
+ }
+
+ Rectangle {
+ id: dbus_api_status_line
+ y: 379
+ height: 1
+ radius: 1
+ anchors.right: parent.right
+ anchors.rightMargin: 10
+ anchors.bottom: dbus_api_status_text.top
+ anchors.bottomMargin: 10
+ opacity: 0.3
+ gradient: Gradient {
+ GradientStop {
+ position: 0.391
+ color: "#ffffff"
+ }
+
+ GradientStop {
+ position: 0.975
+ color: "#8b8b8b"
+ }
+ }
+ border.width: 1
+ border.color: "#00000000"
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ }
+
+ Column {
+ id: column
+ spacing: 6
+ anchors.right: parent.right
+ anchors.rightMargin: 10
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ anchors.bottom: dbus_api_status_line.top
+ anchors.bottomMargin: 10
+ anchors.top: explain_function_label.bottom
+ anchors.topMargin: 10
+
+ Column {
+ id: url_group
+ width: parent.width
+ height: parent.height * 0.25
+ spacing: 5
+
+ Label {
+ id: your_url_text
+ height: parent.height/2
+ text: qsTr("Remote Support Address")
+ font.weight: Font.Bold
+ font.bold: true
+ verticalAlignment: Text.AlignBottom
+ horizontalAlignment: Text.AlignLeft
+ font.pointSize: 14
+ fontSizeMode: Text.Fit
+ }
+
+ TextEdit {
+ id: url_text
+ height: parent.height/2
+ text: mainqmladaptor.url
+ anchors.rightMargin: 10 + copy_url_to_clipboard_button.width
+ anchors.right: parent.right
+ wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+ anchors.leftMargin: 10
+ verticalAlignment: Text.AlignVCenter
+ horizontalAlignment: Text.AlignLeft
+ font.pointSize: 15
+
+ readOnly: true
+ color: Material.foreground
+ selectByMouse: true
+ anchors.left: parent.left
+
+ leftPadding: 5
+ Rectangle {
+ radius: 5
+ color: Material.theme == Material.Light ? "#F0F0F0" : "#383838"
+ height: url_text.height
+ // whole line + copy-into-clipboard button + some margin
+ width: url_text.width + copy_url_to_clipboard_button.width + 5 + 5
+ x: 0; y: 0
+ z: -1
+ }
+
+ Button {
+ id: copy_url_to_clipboard_button
+ width: copy_url_to_clipboard_image.width + 6
+ height: copy_url_to_clipboard_image.height + 6 + 10
+ anchors.verticalCenter: parent.verticalCenter
+ display: AbstractButton.IconOnly
+ anchors.leftMargin: 5
+ anchors.left: url_text.right
+ highlighted: false
+ flat: true
+
+ Image {
+ id: copy_url_to_clipboard_image
+ x: 0
+ y: -26
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ source: "../../images/into-clipboard.svg"
+ opacity: 0.65
+ }
+
+ onClicked: {
+ mainqmladaptor.handleCopyToClipboardButtonClick(url_text.text);
+ toast.show(qsTr("Copied access address into clipboard!"), "1000");
+ }
+
+ ToolTip.text: qsTr("Copy the access address into the clipboard")
+ hoverEnabled: true
+
+ ToolTip.delay: 1000
+ ToolTip.timeout: 5000
+ ToolTip.visible: hovered
+ }
+ }
+ }
+
+ Column {
+ id: session_id_group
+ width: parent.width
+ height: parent.height * 0.25
+ spacing: 5
+
+ Label {
+ id: your_session_id_text
+ height: parent.height/2
+ text: qsTr("Session-ID")
+ font.weight: Font.Bold
+ font.bold: true
+ anchors.right: parent.right
+ anchors.rightMargin: 0
+ anchors.left: parent.left
+ anchors.leftMargin: 0
+ font.pointSize: 14
+ verticalAlignment: Text.AlignBottom
+ horizontalAlignment: Text.AlignLeft
+ fontSizeMode: Text.Fit
+ }
+
+ TextEdit {
+ objectName: "session_id_text"
+ id: session_id_text
+ height: parent.height/2
+ text: mainqmladaptor.session_id
+ font.letterSpacing: 10
+ anchors.rightMargin: 10 + copy_session_id_to_clipboard_button.width
+ anchors.right: parent.right
+ font.pointSize: 15
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ horizontalAlignment: Text.AlignLeft
+ verticalAlignment: Text.AlignVCenter
+
+ leftPadding: 5
+ Rectangle {
+ radius: 5
+ color: Material.theme == Material.Light ? "#F0F0F0" : "#383838"
+ height: url_text.height
+ // whole line + copy-into-clipboard button + some margin
+ width: url_text.width + copy_url_to_clipboard_button.width + 5 + 5
+ x: 0; y: 0
+ z: -1
+ }
+
+ readOnly: true
+ color: Material.foreground
+ wrapMode: Text.WordWrap
+ selectByMouse: true
+
+ Button {
+ id: copy_session_id_to_clipboard_button
+ width: copy_session_id_to_clipboard_image.width + 6
+ height: copy_session_id_to_clipboard_image.height + 6 + 10
+ anchors.verticalCenter: parent.verticalCenter
+ flat: true
+ display: AbstractButton.IconOnly
+ anchors.left: session_id_text.right
+ anchors.leftMargin: 5
+
+ Image {
+ id: copy_session_id_to_clipboard_image
+ anchors.horizontalCenter: parent.horizontalCenter
+ opacity: 0.65
+ anchors.verticalCenter: parent.verticalCenter
+ source: "../../images/into-clipboard.svg"
+ fillMode: Image.PreserveAspectFit
+ }
+
+ onClicked: {
+ mainqmladaptor.handleCopyToClipboardButtonClick(pin_text.text);
+ toast.show(qsTr("Copied session-ID into clipboard!"), "1000");
+ }
+
+ ToolTip.text: qsTr("Copy the session-ID into the clipboard")
+ hoverEnabled: true
+
+ ToolTip.delay: 1000
+ ToolTip.timeout: 5000
+ ToolTip.visible: hovered
+ }
+ }
+ }
+
+ Column {
+ id: pin_group
+ width: parent.width
+ height: parent.height * 0.25
+ spacing: 5
+
+ Label {
+ id: your_pin_text
+ height: parent.height/2
+ text: qsTr("Access-PIN")
+ font.weight: Font.Bold
+ font.bold: true
+ anchors.right: parent.right
+ anchors.rightMargin: 0
+ anchors.left: parent.left
+ anchors.leftMargin: 0
+ font.pointSize: 14
+ verticalAlignment: Text.AlignBottom
+ horizontalAlignment: Text.AlignLeft
+ }
+
+ TextEdit {
+ objectName: "pin_text"
+ id: pin_text
+ height: parent.height/2
+ text: mainqmladaptor.pin
+ anchors.rightMargin: 10 + copy_pin_to_clipboard_button.width
+ anchors.right: parent.right
+ font.pointSize: 15
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ font.letterSpacing: 10
+ horizontalAlignment: Text.AlignLeft
+ verticalAlignment: Text.AlignVCenter
+
+ leftPadding: 5
+ Rectangle {
+ radius: 5
+ color: Material.theme == Material.Light ? "#F0F0F0" : "#383838"
+ height: url_text.height
+ // whole line + copy-into-clipboard button + some margin
+ width: url_text.width + copy_url_to_clipboard_button.width + 5 + 5
+ x: 0; y: 0
+ z: -1
+ }
+
+ readOnly: true
+ color: Material.foreground
+ wrapMode: Text.WordWrap
+ selectByMouse: true
+
+ Button {
+ id: copy_pin_to_clipboard_button
+ width: copy_pin_to_clipboard_image.width + 6
+ height: copy_pin_to_clipboard_image.height + 6 + 10
+ anchors.verticalCenter: parent.verticalCenter
+ flat: true
+ display: AbstractButton.IconOnly
+ anchors.left: pin_text.right
+ anchors.leftMargin: 5
+
+ Image {
+ id: copy_pin_to_clipboard_image
+ anchors.verticalCenter: parent.verticalCenter
+ opacity: 0.65
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "../../images/into-clipboard.svg"
+ fillMode: Image.PreserveAspectFit
+ }
+
+ onClicked: {
+ mainqmladaptor.handleCopyToClipboardButtonClick(pin_text.text);
+ toast.show(qsTr("Copied PIN into clipboard!"), "1000");
+ }
+
+ ToolTip.text: qsTr("Copy the pin into the clipboard")
+ hoverEnabled: true
+
+ ToolTip.delay: 1000
+ ToolTip.timeout: 5000
+ ToolTip.visible: hovered
+ }
+ }
+ }
+
+ }
+
+ Button {
+ id: start_support_button
+ height: Math.min(50)
+ objectName: "start_support_button"
+ text: qsTr("Start remote support session")
+ anchors.rightMargin: column.anchors.leftMargin
+ anchors.bottom: dbus_api_status_line.top
+ anchors.bottomMargin: 10
+ anchors.right: parent.right
+ checkable: true
+
+ onClicked: mainqmladaptor.handleConnectButtonClick(checked);
+ }
+}
+
+/*##^## Designer {
+ D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/
diff --git a/src/scenes/Scene_remote_view.qml b/src/scenes/Scene_remote_view.qml
new file mode 100644
index 0000000..cea5ccf
--- /dev/null
+++ b/src/scenes/Scene_remote_view.qml
@@ -0,0 +1,366 @@
+import QtQuick 2.9
+import QtQuick.Window 2.2
+import QtQuick.Extras 1.4
+import QtQuick.Controls 2.2
+import QtQuick.Dialogs 1.2
+import QtQuick.Controls.Material 2.3
+
+Item {
+ id: scene_remote_view
+ objectName: "Scene_remote_view"
+
+ Label {
+ id: dbus_api_status_text
+ text: "Unknown state of Service"
+ anchors.leftMargin: 10 + 5 + dbus_api_status_indicator.width
+ anchors.bottom: parent.bottom
+ anchors.bottomMargin: 10
+ wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+ verticalAlignment: Text.AlignVCenter
+ font.pointSize: 11
+ fontSizeMode: Text.Fit
+ objectName: "dbus_api_status_text"
+ anchors.left: parent.left
+
+ StatusIndicator {
+ id: dbus_api_status_indicator
+ width: height
+ height: parent.height
+ objectName: "dbus_api_status_indicator"
+ color: "#73d216"
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.right: parent.left
+ anchors.rightMargin: 5
+ active: false
+ }
+ }
+
+ Label {
+ id: explain_function_label
+ text: qsTr("Please tell your remote support partner your access address and your access-PIN to let your partner connect to this computer.")
+ font.pixelSize: 18
+ fontSizeMode: Text.VerticalFit
+ wrapMode: Text.WordWrap
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ anchors.top: parent.top
+ anchors.topMargin: 10
+ anchors.right: parent.right
+ anchors.rightMargin: 10
+ horizontalAlignment: Text.AlignLeft
+ enabled: false
+
+ color: Material.theme == Material.Light ? "#000000" : "#FFFFFF"
+ }
+
+ Rectangle {
+ id: dbus_api_status_line
+ y: 379
+ height: 1
+ radius: 1
+ anchors.right: parent.right
+ anchors.rightMargin: 10
+ anchors.bottom: dbus_api_status_text.top
+ anchors.bottomMargin: 10
+ opacity: 0.3
+ gradient: Gradient {
+ GradientStop {
+ position: 0.391
+ color: "#ffffff"
+ }
+
+ GradientStop {
+ position: 0.975
+ color: "#8b8b8b"
+ }
+ }
+ border.width: 1
+ border.color: "#00000000"
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ }
+
+ Column {
+ id: column
+ spacing: 6
+ anchors.right: parent.right
+ anchors.rightMargin: 10
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ anchors.bottom: dbus_api_status_line.top
+ anchors.bottomMargin: 10
+ anchors.top: explain_function_label.bottom
+ anchors.topMargin: 10
+
+ Column {
+ id: url_group
+ width: parent.width
+ height: parent.height * 0.25
+ spacing: 5
+
+ Label {
+ id: your_url_text
+ height: parent.height/2
+ text: qsTr("Remote viewing Address")
+ font.weight: Font.Bold
+ font.bold: true
+ verticalAlignment: Text.AlignBottom
+ horizontalAlignment: Text.AlignLeft
+ font.pointSize: 14
+ fontSizeMode: Text.Fit
+ }
+
+ TextEdit {
+ id: url_text
+ height: parent.height/2
+ text: mainqmladaptor.url
+ anchors.rightMargin: 10 + copy_url_to_clipboard_button.width
+ anchors.right: parent.right
+ wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+ anchors.leftMargin: 10
+ verticalAlignment: Text.AlignVCenter
+ horizontalAlignment: Text.AlignLeft
+ font.pointSize: 15
+
+ readOnly: true
+ color: Material.foreground
+ selectByMouse: true
+ anchors.left: parent.left
+
+ leftPadding: 5
+ Rectangle {
+ radius: 5
+ color: Material.theme == Material.Light ? "#F0F0F0" : "#383838"
+ height: url_text.height
+ // whole line + copy-into-clipboard button + some margin
+ width: url_text.width + copy_url_to_clipboard_button.width + 5 + 5
+ x: 0; y: 0
+ z: -1
+ }
+
+ Button {
+ id: copy_url_to_clipboard_button
+ width: copy_url_to_clipboard_image.width + 6
+ height: copy_url_to_clipboard_image.height + 6 + 10
+ anchors.verticalCenter: parent.verticalCenter
+ display: AbstractButton.IconOnly
+ anchors.leftMargin: 5
+ anchors.left: url_text.right
+ highlighted: false
+ flat: true
+
+ Image {
+ id: copy_url_to_clipboard_image
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ source: "../../images/into-clipboard.svg"
+ opacity: 0.65
+ }
+
+ onClicked: {
+ mainqmladaptor.handleCopyToClipboardButtonClick(url_text.text);
+ toast.show(qsTr("Copied access address into clipboard!"), "1000");
+ }
+
+ ToolTip.text: qsTr("Copy the access address into the clipboard")
+ hoverEnabled: true
+
+ ToolTip.delay: 1000
+ ToolTip.timeout: 5000
+ ToolTip.visible: hovered
+ }
+ }
+ }
+
+ Column {
+ id: session_id_group
+ width: parent.width
+ height: parent.height * 0.25
+ spacing: 5
+
+ Label {
+ id: your_session_id_text
+ height: parent.height/2
+ text: qsTr("Session-ID")
+ font.weight: Font.Bold
+ font.bold: true
+ anchors.right: parent.right
+ anchors.rightMargin: 0
+ anchors.left: parent.left
+ anchors.leftMargin: 0
+ font.pointSize: 14
+ verticalAlignment: Text.AlignBottom
+ horizontalAlignment: Text.AlignLeft
+ fontSizeMode: Text.Fit
+ }
+
+ TextEdit {
+ objectName: "session_id_text"
+ id: session_id_text
+ height: parent.height/2
+ text: mainqmladaptor.session_id
+ font.letterSpacing: 10
+ anchors.rightMargin: 10 + copy_session_id_to_clipboard_button.width
+ anchors.right: parent.right
+ font.pointSize: 15
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ horizontalAlignment: Text.AlignLeft
+ verticalAlignment: Text.AlignVCenter
+
+ leftPadding: 5
+ Rectangle {
+ radius: 5
+ color: Material.theme == Material.Light ? "#F0F0F0" : "#383838"
+ height: url_text.height
+ // whole line + copy-into-clipboard button + some margin
+ width: url_text.width + copy_url_to_clipboard_button.width + 5 + 5
+ x: 0; y: 0
+ z: -1
+ }
+
+ readOnly: true
+ color: Material.foreground
+ wrapMode: Text.WordWrap
+ selectByMouse: true
+
+ Button {
+ id: copy_session_id_to_clipboard_button
+ width: copy_session_id_to_clipboard_image.width + 6
+ height: copy_session_id_to_clipboard_image.height + 6 + 10
+ anchors.verticalCenter: parent.verticalCenter
+ flat: true
+ display: AbstractButton.IconOnly
+ anchors.left: session_id_text.right
+ anchors.leftMargin: 5
+
+ Image {
+ id: copy_session_id_to_clipboard_image
+ anchors.horizontalCenter: parent.horizontalCenter
+ opacity: 0.65
+ anchors.verticalCenter: parent.verticalCenter
+ source: "../../images/into-clipboard.svg"
+ fillMode: Image.PreserveAspectFit
+ }
+
+ onClicked: {
+ mainqmladaptor.handleCopyToClipboardButtonClick(pin_text.text);
+ toast.show(qsTr("Copied session-ID into clipboard!"), "1000");
+ }
+
+ ToolTip.text: qsTr("Copy the session-ID into the clipboard")
+ hoverEnabled: true
+
+ ToolTip.delay: 1000
+ ToolTip.timeout: 5000
+ ToolTip.visible: hovered
+ }
+ }
+ }
+
+ Column {
+ id: pin_group
+ width: parent.width
+ height: parent.height * 0.25
+ spacing: 5
+
+ Label {
+ id: your_pin_text
+ height: parent.height/2
+ text: qsTr("Access-PIN")
+ font.weight: Font.Bold
+ font.bold: true
+ anchors.right: parent.right
+ anchors.rightMargin: 0
+ anchors.left: parent.left
+ anchors.leftMargin: 0
+ font.pointSize: 14
+ verticalAlignment: Text.AlignBottom
+ horizontalAlignment: Text.AlignLeft
+ }
+
+ TextEdit {
+ objectName: "pin_text"
+ id: pin_text
+ height: parent.height/2
+ text: mainqmladaptor.pin
+ anchors.rightMargin: 10 + copy_pin_to_clipboard_button.width
+ anchors.right: parent.right
+ font.pointSize: 15
+ anchors.left: parent.left
+ anchors.leftMargin: 10
+ font.letterSpacing: 10
+ horizontalAlignment: Text.AlignLeft
+ verticalAlignment: Text.AlignVCenter
+
+ leftPadding: 5
+ Rectangle {
+ radius: 5
+ color: Material.theme == Material.Light ? "#F0F0F0" : "#383838"
+ height: url_text.height
+ // whole line + copy-into-clipboard button + some margin
+ width: url_text.width + copy_url_to_clipboard_button.width + 5 + 5
+ x: 0; y: 0
+ z: -1
+ }
+
+ readOnly: true
+ color: Material.foreground
+ wrapMode: Text.WordWrap
+ selectByMouse: true
+
+ Button {
+ id: copy_pin_to_clipboard_button
+ width: copy_pin_to_clipboard_image.width + 6
+ height: copy_pin_to_clipboard_image.height + 6 + 10
+ anchors.verticalCenter: parent.verticalCenter
+ flat: true
+ display: AbstractButton.IconOnly
+ anchors.left: pin_text.right
+ anchors.leftMargin: 5
+
+ Image {
+ id: copy_pin_to_clipboard_image
+ anchors.verticalCenter: parent.verticalCenter
+ opacity: 0.65
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "../../images/into-clipboard.svg"
+ fillMode: Image.PreserveAspectFit
+ }
+
+ onClicked: {
+ mainqmladaptor.handleCopyToClipboardButtonClick(pin_text.text);
+ toast.show(qsTr("Copied PIN into clipboard!"), "1000");
+ }
+
+ ToolTip.text: qsTr("Copy the pin into the clipboard")
+ hoverEnabled: true
+
+ ToolTip.delay: 1000
+ ToolTip.timeout: 5000
+ ToolTip.visible: hovered
+ }
+ }
+ }
+
+ }
+
+ Button {
+ id: start_support_button
+ height: Math.min(50)
+ objectName: "start_support_button"
+ text: qsTr("Start remote viewing session")
+ anchors.rightMargin: column.anchors.leftMargin
+ anchors.bottom: dbus_api_status_line.top
+ anchors.bottomMargin: 10
+ anchors.right: parent.right
+ checkable: true
+
+ onClicked: mainqmladaptor.handleConnectButtonClick(checked);
+ }
+}
+
+/*##^## Designer {
+ D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/
diff --git a/src/scenes/Scene_settings.qml b/src/scenes/Scene_settings.qml
new file mode 100644
index 0000000..5a29071
--- /dev/null
+++ b/src/scenes/Scene_settings.qml
@@ -0,0 +1,29 @@
+import QtQuick 2.9
+import QtQuick.Window 2.2
+import QtQuick.Extras 1.4
+import QtQuick.Controls 2.2
+import QtQuick.Dialogs 1.2
+import QtQuick.Controls.Material 2.3
+
+Item {
+ id: scene_settings
+ objectName: "Scene_settings"
+
+ Rectangle {
+ id: rectangle
+ anchors.fill: parent
+ color: Material.background
+
+ Text {
+ color: Material.foreground
+ text: "Settings tab!"
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ }
+ }
+}
+
+/*##^## Designer {
+ D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/