Shared GUI for Bridge and Import/Export

2020-05-27 15:58:50 +02:00
parent b598779c0f
commit 49316a935c
96 changed files with 11469 additions and 209 deletions
--- a/internal/frontend/qml/ImportExportUI/DateRangeMenu.qml
+++ b/internal/frontend/qml/ImportExportUI/DateRangeMenu.qml
@ -0,0 +1,151 @@
+// Copyright (c) 2020 Proton Technologies AG
+//
+// This file is part of ProtonMail Bridge.
+//
+// ProtonMail Bridge 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 3 of the License, or
+// (at your option) any later version.
+//
+// ProtonMail Bridge 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 ProtonMail Bridge.  If not, see <https://www.gnu.org/licenses/>.
+
+// List of import folder and their target
+import QtQuick 2.8
+import QtQuick.Controls 2.2
+import ProtonUI 1.0
+import ImportExportUI 1.0
+
+
+Rectangle {
+    id:root
+
+    width  : icon.width + indicator.width + 3*padding
+    height : icon.height + 3*padding
+
+    property real padding : Style.dialog.spacing
+    property bool down    : popup.visible
+
+    property var  structure   : structureExternal
+    property string  sourceID : structureExternal.getID(-1)
+
+    color: Style.transparent
+
+    RoundedRectangle {
+        anchors.fill: parent
+        radiusTopLeft: root.down ? 0 : Style.dialog.radiusButton
+        fillColor: root.down ? Style.main.textBlue : Style.transparent
+    }
+
+    Text {
+        id: icon
+        text: Style.fa.calendar_o
+        anchors {
+            left           : parent.left
+            leftMargin     : root.padding
+            verticalCenter : parent.verticalCenter
+        }
+
+        color: root.enabled ? (
+            root.down ? Style.main.background : Style.main.text
+        ) : Style.main.textDisabled
+
+        font.family : Style.fontawesome.name
+
+        Text {
+            anchors {
+                verticalCenter: parent.bottom
+                horizontalCenter: parent.right
+            }
+
+            color          : !root.down && root.enabled ? Style.main.textRed : icon.color
+            text           : Style.fa.exclamation_circle
+            visible        : !dateRangeInput.allDates
+            font.pointSize : root.padding * Style.pt * 1.5
+            font.family    : Style.fontawesome.name
+        }
+    }
+
+
+    Text {
+        id: indicator
+        anchors {
+            right          : parent.right
+            rightMargin    : root.padding
+            verticalCenter : parent.verticalCenter
+        }
+
+        text  : root.down ? Style.fa.chevron_up : Style.fa.chevron_down
+        color : !root.down && root.enabled ? Style.main.textBlue : icon.color
+        font.family : Style.fontawesome.name
+    }
+
+    MouseArea {
+        anchors.fill: root
+        onClicked: {
+            popup.open()
+        }
+    }
+
+    Popup {
+        id: popup
+
+        x      : -width
+        modal  : true
+        clip   : true
+
+        topPadding : 0
+
+        background: RoundedRectangle {
+            fillColor   : Style.bubble.paneBackground
+            strokeColor : fillColor
+            radiusTopRight: 0
+
+            RoundedRectangle {
+                anchors {
+                    left: parent.left
+                    right: parent.right
+                    top: parent.top
+                }
+                height: Style.dialog.heightInput
+                fillColor: Style.dropDownDark.highlight
+                strokeColor: fillColor
+                radiusTopRight: 0
+                radiusBottomLeft: 0
+                radiusBottomRight: 0
+            }
+        }
+
+        contentItem : Column {
+            spacing: Style.dialog.spacing
+
+            Text {
+                anchors {
+                    left: parent.left
+                }
+
+                text              : qsTr("Import date range")
+                font.bold         : Style.dropDownDark.labelBold
+                color             : Style.dropDownDark.text
+                height            : Style.dialog.heightInput
+                verticalAlignment : Text.AlignVCenter
+            }
+
+            DateRange {
+                id: dateRangeInput
+                allDates: true
+                structure: root.structure
+                sourceID: root.sourceID
+                dropDownStyle: Style.dropDownDark
+            }
+        }
+
+        onAboutToShow : dateRangeInput.setRange()
+        onAboutToHide : dateRangeInput.applyRange()
+    }
+}