c588688197
correctly initialize remote params + create video call paused call ui calls window simplify carousel effect image : don't show effect if no colorization use our custom button instead of qtquick one image buttons size security page ui update right panel on call history deleted
110 lines
3.1 KiB
QML
110 lines
3.1 KiB
QML
import QtQuick
|
|
import QtQuick.Controls as Control
|
|
import QtQuick.Layouts 1.0
|
|
import Linphone
|
|
|
|
|
|
Rectangle {
|
|
id: mainItem
|
|
property string placeholderText: ""
|
|
property int textInputWidth: 350 * DefaultStyle.dp
|
|
property color borderColor: "transparent"
|
|
property string text: textField.text
|
|
property bool magnifierVisible: true
|
|
property var validator: RegularExpressionValidator{}
|
|
property Control.Popup numericPad
|
|
property alias numericPadButton: dialerButton
|
|
readonly property bool hasActiveFocus: textField.activeFocus
|
|
|
|
onVisibleChanged: if (!visible && numericPad) numericPad.close()
|
|
|
|
Connections {
|
|
enabled: numericPad != undefined
|
|
target: numericPad ? numericPad : null
|
|
onAboutToHide: { mainItem.numericPadButton.checked = false }
|
|
onAboutToShow: { mainItem.numericPadButton.checked = true }
|
|
onButtonPressed: (text) => {
|
|
textField.text += text
|
|
}
|
|
onWipe: textField.text = textField.text.slice(0, -1)
|
|
}
|
|
|
|
|
|
implicitWidth: mainItem.textInputWidth
|
|
implicitHeight: 50 * DefaultStyle.dp
|
|
radius: 28 * DefaultStyle.dp
|
|
color: DefaultStyle.grey_100
|
|
border.color: textField.activeFocus ? DefaultStyle.main2_500main : mainItem.borderColor
|
|
Image {
|
|
id: magnifier
|
|
visible: mainItem.magnifierVisible
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.leftMargin: 10 * DefaultStyle.dp
|
|
source: AppIcons.magnifier
|
|
width: 20 * DefaultStyle.dp
|
|
height: 20 * DefaultStyle.dp
|
|
}
|
|
Control.TextField {
|
|
id: textField
|
|
anchors.left: magnifier.visible ? magnifier.right : parent.left
|
|
anchors.leftMargin: magnifier.visible ? 0 : 10 * DefaultStyle.dp
|
|
anchors.right: clearTextButton.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
placeholderText: mainItem.placeholderText
|
|
width: mainItem.width - dialerButton.width
|
|
echoMode: (mainItem.hidden && !dialerButton.checked) ? TextInput.Password : TextInput.Normal
|
|
font {
|
|
pixelSize: 14 * DefaultStyle.dp
|
|
weight: 400 * DefaultStyle.dp
|
|
family: DefaultStyle.defaultFont
|
|
}
|
|
color: DefaultStyle.main2_600
|
|
selectByMouse: true
|
|
validator: mainItem.validator
|
|
background: Item {
|
|
opacity: 0.
|
|
}
|
|
cursorDelegate: Rectangle {
|
|
visible: textField.cursorVisible
|
|
color: DefaultStyle.main2_500main
|
|
width: 1 * DefaultStyle.dp
|
|
}
|
|
}
|
|
Button {
|
|
id: dialerButton
|
|
visible: numericPad != undefined && textField.text.length === 0
|
|
checkable: true
|
|
checked: false
|
|
background: Rectangle {
|
|
color: "transparent"
|
|
}
|
|
icon.source: dialerButton.checked ? AppIcons.dialerSelected : AppIcons.dialer
|
|
width: 24 * DefaultStyle.dp
|
|
height: 24 * DefaultStyle.dp
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 15 * DefaultStyle.dp
|
|
onCheckedChanged: {
|
|
if (checked) mainItem.numericPad.open()
|
|
else mainItem.numericPad.close()
|
|
}
|
|
}
|
|
Button {
|
|
id: clearTextButton
|
|
visible: textField.text.length > 0
|
|
background: Rectangle {
|
|
color: "transparent"
|
|
}
|
|
width: 24 * DefaultStyle.dp
|
|
height: 24 * DefaultStyle.dp
|
|
icon.source: AppIcons.closeX
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 15 * DefaultStyle.dp
|
|
onClicked: {
|
|
textField.clear()
|
|
}
|
|
}
|
|
}
|