linphone-desktop/Linphone/view/Control/Popup/Dialog/Dialog.qml

import QtQuick
import QtQuick.Controls.Basic as Control
import QtQuick.Effects
import QtQuick.Layouts
import Linphone
import "qrc:/qt/qml/Linphone/view/Style/buttonStyle.js" as ButtonStyle
import "qrc:/qt/qml/Linphone/view/Control/Tool/Helper/utils.js" as Utils

Popup {
	id: mainItem
	modal: true
	anchors.centerIn: parent
	closePolicy: Control.Popup.NoAutoClose
	leftPadding: Utils.getSizeWithScreenRatio(title.length === 0 ? 10 : 33)
	rightPadding: Utils.getSizeWithScreenRatio(title.length === 0 ? 10 : 33)
	topPadding: Utils.getSizeWithScreenRatio(title.length === 0 ? 10 : 37)
	bottomPadding: Utils.getSizeWithScreenRatio(title.length === 0 ? 10 : 37)
	underlineColor: DefaultStyle.main1_500_main
	radius: title.length === 0 ? Utils.getSizeWithScreenRatio(16) : 0
	property string title
	property var titleColor: DefaultStyle.main1_500_main
	property string text
	property string details
	//: "Confirmer"
	property string firstButtonText: firstButtonAccept ? qsTr("dialog_confirm") :
														 //: "Annuler"
														 qsTr("dialog_cancel")
	property string secondButtonText: secondButtonAccept ? qsTr("dialog_confirm") : qsTr("dialog_cancel")
	property alias content: contentLayout.data
	property alias buttons: buttonsLayout.data
	property alias firstButton: firstButtonId
	property alias secondButton: secondButtonId
	property bool firstButtonAccept: true
	property bool secondButtonAccept: false

	signal accepted
	signal rejected

	contentItem: FocusScope {
		implicitWidth: child.implicitWidth
		implicitHeight: child.implicitHeight
		onVisibleChanged: {
			if (visible)
				forceActiveFocus();
		}
		Keys.onPressed: event => {
							if (visible && event.key == Qt.Key_Escape) {
								mainItem.close();
								event.accepted = true;
							}
						}
		ColumnLayout {
			id: child
			anchors.fill: parent
			spacing: Utils.getSizeWithScreenRatio(15)

			Text {
				id: titleText
				Layout.fillWidth: true
				visible: text.length != 0
				text: mainItem.title
				color: mainItem.titleColor
				font {
					pixelSize: Typography.h3.pixelSize
					weight: Typography.h3.weight
				}
				wrapMode: Text.Wrap
				horizontalAlignment: Text.AlignLeft
			}
			Rectangle {
				Layout.fillWidth: true
				Layout.preferredHeight: 1
				color: DefaultStyle.main2_400
				visible: titleText.visible
			}

			Text {
				id: defaultText
				visible: text.length != 0
				Layout.fillWidth: true
				Layout.alignment: Qt.AlignCenter
				text: mainItem.text
				font {
					pixelSize: Typography.p1.pixelSize
					weight: Typography.p1.weight
				}
				wrapMode: Text.Wrap
				horizontalAlignment: titleText.visible ? Text.AlignLeft : Text.AlignHCenter
			}
			Text {
				id: detailsText
				visible: text.length != 0
				Layout.fillWidth: true
				//Layout.preferredWidth: Utils.getSizeWithScreenRatio(278)
				Layout.alignment: Qt.AlignCenter
				text: mainItem.details
				font {
					pixelSize: Typography.p1.pixelSize
					weight: Typography.p1.weight
					italic: true
				}
				wrapMode: Text.Wrap
				horizontalAlignment: Text.AlignHCenter
			}

			ColumnLayout {
				id: contentLayout
				Layout.alignment: Qt.AlignHCenter
				Layout.fillHeight: false
			}

			RowLayout {
				id: buttonsLayout
				Layout.alignment: Qt.AlignBottom | (titleText.visible ? Qt.AlignRight : Qt.AlignHCenter)
				spacing: Utils.getSizeWithScreenRatio(titleText.visible ? 20 : 10)

				// Default buttons only visible if no other children
				// have been set
				MediumButton {
					id: firstButtonId
					visible: mainItem.buttons.length === 2
					text: mainItem.firstButtonText
					style: mainItem.firstButtonAccept ? ButtonStyle.main : ButtonStyle.secondary
					focus: !mainItem.firstButtonAccept
					onClicked: {
						if (mainItem.firstButtonAccept)
							mainItem.accepted();
						else
							mainItem.rejected();
						mainItem.close();
					}
					KeyNavigation.left: secondButtonId
					KeyNavigation.right: secondButtonId
				}
				MediumButton {
					id: secondButtonId
					visible: mainItem.buttons.length === 2
					text: mainItem.secondButtonText
					style: mainItem.firstButtonAccept ? ButtonStyle.secondary : ButtonStyle.main
					focus: !mainItem.secondButtonAccept
					onClicked: {
						if (mainItem.secondButtonAccept)
							mainItem.accepted();
						else
							mainItem.rejected();
						mainItem.close();
					}
					KeyNavigation.left: firstButtonId
					KeyNavigation.right: firstButtonId
				}
			}
		}
	}
}