JamiIdentifier

- created the jamiIdentifier
- possibility to share and copy to clipboard
- contains the identifier or in best case the username

Change-Id: Ib4578c872100253a1392e938dcd731d9118da5da
GitLab: #770

qml.qrc

@@ -190,5 +190,6 @@
         <file>src/app/mainview/components/KeyboardShortcutKeyDelegate.qml</file>
         <file>src/app/mainview/components/KeyboardShortcutTabButton.qml</file>
         <file>src/app/LayoutManager.qml</file>
+        <file>src/app/mainview/components/JamiIdentifier.qml</file>
     </qresource>
 </RCC>

src/app/constant/JamiTheme.qml

@@ -367,6 +367,11 @@ Item {
     property real invitationViewButtonIconSize: 24
     property real invitationViewButtonsSpacing: 30
 
+    //JamiIdentifier
+    property real jamiIdMargins: 36
+    property real jamiIdLogoWidth: 70
+    property real jamiIdLogoHeight: 24
+
     // WizardView
     property real wizardViewPageLayoutSpacing: 12
     property real wizardViewPageBackButtonMargins: 20

src/app/mainview/components/JamiIdentifier.qml

+/*
+ * Copyright (C) 2022 Savoir-faire Linux Inc.
+ * Author: Fadi Shehadeh <fadi.shehadeh@savoirfairelinux.com>
+ *
+ * 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 3 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, see <https://www.gnu.org/licenses/>.
+ */
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import net.jami.Models 1.1
+import net.jami.Adapters 1.1
+import net.jami.Constants 1.1
+
+import "../../commoncomponents"
+
+
+Rectangle {
+
+    id: root
+
+    property bool editable: false
+
+    radius: 20
+    Layout.bottomMargin: JamiTheme.jamiIdMargins
+    Layout.leftMargin: JamiTheme.jamiIdMargins
+    height: 91
+    color: JamiTheme.whiteColor
+
+    ColumnLayout {
+        anchors.fill: parent
+
+        RowLayout {
+            id: firstLine
+
+            Layout.preferredWidth: parent.width
+            Layout.alignment: Qt.AlignTop
+
+            Rectangle {
+                id: mainRectangle
+
+                width: 97
+                height: 40
+                color: JamiTheme.mainColor
+                radius: 20
+
+
+                Rectangle {
+
+                    id: rectForRadius
+                    anchors.bottom: parent.bottom
+                    width: 20
+                    height: 20
+                    color: JamiTheme.mainColor
+
+                }
+
+                ResponsiveImage {
+                    id: jamiIdLogo
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    anchors.verticalCenter: parent.verticalCenter
+                    width: JamiTheme.jamiIdLogoWidth
+                    height: JamiTheme.jamiIdLogoHeight
+                    opacity: 1
+
+                    source: JamiResources.jamiid_svg
+
+                }
+            }
+
+            RowLayout {
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
+                Layout.fillWidth: true
+
+                PushButton {
+                    id: btnEdit
+
+                    imageColor: JamiTheme.buttonTintedBlue
+                    normalColor: JamiTheme.transparentColor
+                    Layout.topMargin: JamiTheme.pushButtonMargin
+                    hoverEnabled: false
+                    preferredSize : 30
+                    imageContainerWidth: JamiTheme.pushButtonSize
+                    imageContainerHeight: JamiTheme.pushButtonSize
+                    visible: false //(editable) Not visible for the moment
+                    border.color: JamiTheme.buttonTintedBlue
+
+                    source: JamiResources.round_edit_24dp_svg
+
+                    onClicked: { }
+                }
+
+                PushButton {
+                    id: btnCopy
+
+                    imageColor: JamiTheme.buttonTintedBlue
+                    normalColor: JamiTheme.transparentColor
+                    Layout.topMargin: JamiTheme.pushButtonMargin
+
+
+                    preferredSize : 30
+                    imageContainerWidth: JamiTheme.pushButtonSize
+                    imageContainerHeight: JamiTheme.pushButtonSize
+
+                    hoverEnabled: false
+                    border.color: JamiTheme.tintedBlue
+
+                    source: JamiResources.content_copy_24dp_svg
+
+                    onClicked: {
+                        UtilsAdapter.setClipboardText(CurrentAccount.bestId)
+                    }
+                }
+
+                PushButton {
+                    id: btnShare
+
+                    imageColor: JamiTheme.buttonTintedBlue
+                    normalColor: JamiTheme.transparentColor
+                    Layout.topMargin: JamiTheme.pushButtonMargin
+                    Layout.rightMargin: JamiTheme.pushButtonMargin
+                    preferredSize : 30
+                    imageContainerWidth: JamiTheme.pushButtonSize
+                    imageContainerHeight: JamiTheme.pushButtonSize
+
+                    hoverEnabled: false
+                    border.color: JamiTheme.buttonTintedBlue
+
+                    source: JamiResources.share_24dp_svg
+
+                    onClicked: { qrDialog.open() }
+                }
+
+            }
+        }
+
+        ElidedTextLabel {
+            id: jamiRegisteredNameText
+
+            Layout.alignment: Qt.AlignBottom | Qt.AlignCenter
+            Layout.bottomMargin: JamiTheme.preferredMarginSize
+
+            font.pointSize: JamiTheme.textFontSize + 1
+
+            text: CurrentAccount.bestId
+            color: JamiTheme.blackColor
+
+        }
+    }
+
+}
+