460 lines
16 KiB
QML
460 lines
16 KiB
QML
import QtQuick
|
|
import QtQuick.Effects
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls as Control
|
|
import Linphone
|
|
import UtilsCpp
|
|
import SettingsCpp
|
|
|
|
ColumnLayout {
|
|
id: mainItem
|
|
spacing: 8 * DefaultStyle.dp
|
|
property bool isCreation
|
|
property ConferenceInfoGui conferenceInfoGui
|
|
signal addParticipantsRequested()
|
|
signal returnRequested()
|
|
signal saveSucceed(bool isCreation)
|
|
|
|
Connections {
|
|
target: mainItem.conferenceInfoGui.core
|
|
onSchedulerStateChanged: {
|
|
if (mainItem.conferenceInfoGui.core.schedulerState == LinphoneEnums.ConferenceSchedulerState.Ready) {
|
|
mainItem.saveSucceed(isCreation)
|
|
}
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
endHour.selectedDateTime = mainItem.conferenceInfoGui.core.endDateTime
|
|
startHour.selectedDateTime = mainItem.conferenceInfoGui.core.dateTime
|
|
endDate.calendar.selectedDate = mainItem.conferenceInfoGui.core.endDateTime
|
|
startDate.calendar.selectedDate = mainItem.conferenceInfoGui.core.dateTime
|
|
}
|
|
|
|
component CheckableButton: Button {
|
|
id: checkableButton
|
|
checkable: true
|
|
autoExclusive: true
|
|
contentImageColor: checked ? DefaultStyle.grey_0 : DefaultStyle.main1_500_main
|
|
inversedColors: !checked
|
|
topPadding: 10 * DefaultStyle.dp
|
|
bottomPadding: 10 * DefaultStyle.dp
|
|
leftPadding: 16 * DefaultStyle.dp
|
|
rightPadding: 16 * DefaultStyle.dp
|
|
contentItem: RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
EffectImage {
|
|
imageSource: checkableButton.icon.source
|
|
colorizationColor: checkableButton.checked ? DefaultStyle.grey_0 : DefaultStyle.main1_500_main
|
|
width: 24 * DefaultStyle.dp
|
|
height: 24 * DefaultStyle.dp
|
|
}
|
|
Text {
|
|
text: checkableButton.text
|
|
color: checkableButton.checked ? DefaultStyle.grey_0 : DefaultStyle.main1_500_main
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 400 * DefaultStyle.dp
|
|
}
|
|
}
|
|
}
|
|
}
|
|
RowLayout {
|
|
visible: mainItem.isCreation && !SettingsCpp.disableBroadcastFeature
|
|
Layout.topMargin: 20 * DefaultStyle.dp
|
|
Layout.bottomMargin: 20 * DefaultStyle.dp
|
|
spacing: 18 * DefaultStyle.dp
|
|
CheckableButton {
|
|
Layout.preferredWidth: 151 * DefaultStyle.dp
|
|
icon.source: AppIcons.usersThree
|
|
icon.width: 24 * DefaultStyle.dp
|
|
icon.height: 24 * DefaultStyle.dp
|
|
enabled: false
|
|
text: qsTr("Réunion")
|
|
checked: true
|
|
}
|
|
CheckableButton {
|
|
Layout.preferredWidth: 151 * DefaultStyle.dp
|
|
enabled: false
|
|
icon.source: AppIcons.slide
|
|
icon.width: 24 * DefaultStyle.dp
|
|
icon.height: 24 * DefaultStyle.dp
|
|
text: qsTr("Broadcast")
|
|
}
|
|
}
|
|
Section {
|
|
visible: mainItem.isCreation
|
|
content: RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
EffectImage {
|
|
imageSource: AppIcons.usersThree
|
|
colorizationColor: DefaultStyle.main2_600
|
|
Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
}
|
|
TextInput {
|
|
id: confTitle
|
|
text: qsTr("Ajouter un titre")
|
|
color: DefaultStyle.main2_600
|
|
font {
|
|
pixelSize: 20 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
onActiveFocusChanged: if(activeFocus==true) selectAll()
|
|
onEditingFinished: mainItem.conferenceInfoGui.core.subject = text
|
|
}
|
|
}
|
|
}
|
|
Section {
|
|
Layout.topMargin: 10 * DefaultStyle.dp
|
|
content: [
|
|
RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
EffectImage {
|
|
imageSource: AppIcons.clock
|
|
Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
colorizationColor: DefaultStyle.main2_600
|
|
}
|
|
Text {
|
|
text: qsTr("Toute la journée")
|
|
font {
|
|
pixelSize: 14 * DefaultStyle.dp
|
|
weight: 700 * DefaultStyle.dp
|
|
}
|
|
}
|
|
Item{Layout.fillWidth: true}
|
|
Switch {
|
|
id: allDaySwitch
|
|
readonly property bool isAllDay: position === 1
|
|
Component.onCompleted: if (mainItem.conferenceInfoGui.core.isAllDayConf()) toggle
|
|
onPositionChanged: if (position === 1) {
|
|
mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, 0, 0)
|
|
mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, 23, 59)
|
|
}
|
|
}
|
|
},
|
|
RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
CalendarComboBox {
|
|
id: startDate
|
|
background.visible: mainItem.isCreation
|
|
indicator.visible: mainItem.isCreation
|
|
contentText.font.weight: (isCreation ? 700 : 400) * DefaultStyle.dp
|
|
Layout.preferredWidth: 200 * DefaultStyle.dp
|
|
Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
onSelectedDateChanged: {
|
|
if (!selectedDate || selectedDate == mainItem.conferenceInfoGui.core.dateTime) return
|
|
mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(selectedDate, allDaySwitch.isAllDay ? 0 : startHour.selectedHour, allDaySwitch.isAllDay ? 0 : startHour.selectedMin)
|
|
if (isCreation) {
|
|
if (allDaySwitch.position === 0) endDate.calendar.selectedDate = UtilsCpp.addSecs(selectedDate, 3600)
|
|
else endDate.calendar.selectedDate = UtilsCpp.createDateTime(selectedDate, 23, 59)
|
|
}
|
|
}
|
|
}
|
|
Item{Layout.fillWidth: true}
|
|
TimeComboBox {
|
|
id: startHour
|
|
visible: allDaySwitch.position === 0
|
|
indicator.visible: mainItem.isCreation
|
|
// Layout.fillWidth: true
|
|
Layout.preferredWidth: 94 * DefaultStyle.dp
|
|
Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
background.visible: mainItem.isCreation
|
|
contentText.font.weight: (isCreation ? 700 : 400) * DefaultStyle.dp
|
|
onSelectedHourChanged: {
|
|
mainItem.conferenceInfoGui.core.dateTime = selectedDateTime//UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
|
|
endHour.selectedDateTime = UtilsCpp.addSecs(selectedDateTime, 3600)//Qt.formatDateTime(UtilsCpp.createDateTime(new Date(), selectedHour == 23 ? 23 : selectedHour + 1, selectedHour == 23 ? 59 : selectedMin), "hh:mm")
|
|
}
|
|
onSelectedMinChanged: {
|
|
mainItem.conferenceInfoGui.core.dateTime = selectedDateTime//UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
|
|
endHour.selectedDateTime = UtilsCpp.addSecs(selectedDateTime, 3600)//UtilsCpp.createDateTime(selectedDateTime, selectedHour == 23 ? 23 : selectedHour + 1, selectedHour == 23 ? 59 : selectedMin)
|
|
}
|
|
}
|
|
},
|
|
RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
CalendarComboBox {
|
|
id: endDate
|
|
background.visible: mainItem.isCreation
|
|
indicator.visible: mainItem.isCreation
|
|
// Layout.fillWidth: true
|
|
Layout.preferredWidth: 200 * DefaultStyle.dp
|
|
Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
contentText.font.weight: (isCreation ? 700 : 400) * DefaultStyle.dp
|
|
onSelectedDateChanged: if (selectedDate) mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(selectedDate, endHour.selectedHour, endHour.selectedMin)
|
|
}
|
|
Item{Layout.fillWidth: true}
|
|
TimeComboBox {
|
|
id: endHour
|
|
visible: allDaySwitch.position === 0
|
|
indicator.visible: mainItem.isCreation
|
|
Layout.preferredWidth: 94 * DefaultStyle.dp
|
|
Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
background.visible: mainItem.isCreation
|
|
contentText.font.weight: (isCreation ? 700 : 400) * DefaultStyle.dp
|
|
onSelectedHourChanged: mainItem.conferenceInfoGui.core.endDateTime = selectedDateTime//UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
|
|
onSelectedMinChanged: mainItem.conferenceInfoGui.core.endDateTime = selectedDateTime//UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
|
|
}
|
|
},
|
|
// RowLayout {
|
|
// EffectImage {
|
|
// imageSource: AppIcons.clock
|
|
// colorizationColor: DefaultStyle.main2_600
|
|
// Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
// Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
// }
|
|
// CalendarComboBox {
|
|
// id: startDate
|
|
// Layout.fillWidth: true
|
|
// Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
// background.visible: mainItem.isCreation
|
|
// contentText.font.weight: (mainItem.isCreation ? 700 : 400) * DefaultStyle.dp
|
|
// onSelectedDateChanged: {
|
|
// mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(selectedDate, allDaySwitch.position === 1 ? 0 : startHour.selectedHour, allDaySwitch.position === 1 ? 0 : startHour.selectedMin)
|
|
// if (allDaySwitch.position === 0) endDate.calendar.selectedDate = UtilsCpp.addSecs(selectedDate, 3600)
|
|
// }
|
|
// }
|
|
// },
|
|
// RowLayout {
|
|
// Item {
|
|
// Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
// Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
// }
|
|
// RowLayout {
|
|
// visible: allDaySwitch.position === 0
|
|
// TimeComboBox {
|
|
// id: startHour
|
|
// onSelectedHourChanged: {
|
|
// mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
|
|
// endHour.selectedTimeString = Qt.formatDateTime(UtilsCpp.createDateTime(new Date(), selectedHour == 23 ? 23 : selectedHour + 1, selectedHour == 23 ? 59 : selectedMin), "hh:mm")
|
|
// }
|
|
// onSelectedMinChanged: {
|
|
// mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
|
|
// endHour.selectedTimeString = Qt.formatDateTime(UtilsCpp.createDateTime(new Date(), selectedHour == 23 ? 23 : selectedHour + 1, selectedHour == 23 ? 59 : selectedMin), "hh:mm")
|
|
// }
|
|
// Layout.preferredWidth: 94 * DefaultStyle.dp
|
|
// Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
// }
|
|
// TimeComboBox {
|
|
// id: endHour
|
|
// // property date startTime: new Date()
|
|
// onSelectedHourChanged: mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, selectedHour, selectedMin)
|
|
// onSelectedMinChanged: mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, selectedHour, selectedMin)
|
|
// Layout.preferredWidth: 94 * DefaultStyle.dp
|
|
// Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
// }
|
|
// Item {
|
|
// Layout.fillWidth: true
|
|
// }
|
|
// Text {
|
|
// property int durationSec: UtilsCpp.secsTo(startHour.selectedTime, endHour.selectedTime)
|
|
// property int hour: durationSec/3600
|
|
// property int min: (durationSec - hour*3600)/60
|
|
// text: (hour > 0 ? hour + "h" : "") + (min > 0 ? min + "mn" : "")
|
|
// font {
|
|
// pixelSize: 14 * DefaultStyle.dp
|
|
// weight: 700 * DefaultStyle.dp
|
|
// }
|
|
// }
|
|
// }
|
|
// CalendarComboBox {
|
|
// id: endDate
|
|
// visible: allDaySwitch.position === 1
|
|
// Layout.fillWidth: true
|
|
// // Layout.fillHeight: false
|
|
// contentText.font.weight: (mainItem.isCreation ? 700 : 400) * DefaultStyle.dp
|
|
// Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
// onSelectedDateChanged: mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(selectedDate, allDaySwitch.position === 1 ? 23 : endHour.selectedHour, allDaySwitch.position === 1 ? 59 : endHour.selectedMin)
|
|
// }
|
|
// },
|
|
// RowLayout {
|
|
// Item {
|
|
// Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
// Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
// }
|
|
// RowLayout {
|
|
// Switch {
|
|
// id: allDaySwitch
|
|
// text: qsTr("Toute la journée")
|
|
// onPositionChanged: {
|
|
// if (position == 1) {
|
|
// mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, 0, 0)
|
|
// mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, 23, 59)
|
|
// } else {
|
|
// mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, startHour.selectedHour, startHour.selectedMin)
|
|
// mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, endHour.selectedHour, endHour.selectedMin)
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// },
|
|
|
|
|
|
ComboBox {
|
|
id: timeZoneCbox
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
hoverEnabled: true
|
|
listView.implicitHeight: 152 * DefaultStyle.dp
|
|
constantImageSource: AppIcons.globe
|
|
weight: 700 * DefaultStyle.dp
|
|
leftMargin: 0
|
|
currentIndex: mainItem.conferenceInfoGui ? model.getIndex(mainItem.conferenceInfoGui.core.timeZoneModel) : -1
|
|
background: Rectangle {
|
|
visible: parent.hovered || parent.down
|
|
anchors.fill: parent
|
|
color: DefaultStyle.grey_100
|
|
}
|
|
model: TimeZoneProxy{
|
|
}
|
|
onCurrentIndexChanged: {
|
|
var modelIndex = timeZoneCbox.model.index(currentIndex, 0)
|
|
mainItem.conferenceInfoGui.core.timeZoneModel = timeZoneCbox.model.data(modelIndex, Qt.DisplayRole + 1)
|
|
}
|
|
},
|
|
|
|
ComboBox {
|
|
id: repeaterCbox
|
|
enabled: false
|
|
Component.onCompleted: console.log("TODO : handle conf repetition")
|
|
constantImageSource: AppIcons.reloadArrow
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: height
|
|
height: 30 * DefaultStyle.dp
|
|
width: 307 * DefaultStyle.dp
|
|
weight: 700 * DefaultStyle.dp
|
|
leftMargin: 0
|
|
currentIndex: 0
|
|
background: Rectangle {
|
|
visible: parent.hovered || parent.down
|
|
anchors.fill: parent
|
|
color: DefaultStyle.grey_100
|
|
}
|
|
model: [
|
|
{text: qsTr("Une fois")},
|
|
{text: qsTr("Tous les jours")},
|
|
{text: qsTr("Tous les jours de la semaine (Lun-Ven)")},
|
|
{text: qsTr("Toutes les semaines")},
|
|
{text: qsTr("Tous les mois")}
|
|
]
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
Section {
|
|
content: RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
EffectImage {
|
|
imageSource: AppIcons.note
|
|
colorizationColor: DefaultStyle.main2_600
|
|
Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
}
|
|
TextArea {
|
|
id: descriptionEdit
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: 275 * DefaultStyle.dp
|
|
leftPadding: 8 * DefaultStyle.dp
|
|
rightPadding: 8 * DefaultStyle.dp
|
|
hoverEnabled: true
|
|
placeholderText: qsTr("Ajouter une description")
|
|
placeholderTextColor: DefaultStyle.main2_600
|
|
placeholderWeight: 700 * DefaultStyle.dp
|
|
color: DefaultStyle.main2_600
|
|
font {
|
|
pixelSize: 14 * DefaultStyle.dp
|
|
weight: 400 * DefaultStyle.dp
|
|
}
|
|
background: Rectangle {
|
|
anchors.fill: parent
|
|
color: descriptionEdit.hovered || descriptionEdit.activeFocus ? DefaultStyle.grey_100 : "transparent"
|
|
radius: 4 * DefaultStyle.dp
|
|
}
|
|
onEditingFinished: mainItem.conferenceInfoGui.core.description = text
|
|
}
|
|
}
|
|
}
|
|
Section {
|
|
content: [
|
|
Button {
|
|
id: addParticipantsButton
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 30 * DefaultStyle.dp
|
|
background: Rectangle {
|
|
anchors.fill: parent
|
|
color: addParticipantsButton.hovered ? DefaultStyle.grey_100 : "transparent"
|
|
radius: 4 * DefaultStyle.dp
|
|
}
|
|
contentItem: RowLayout {
|
|
spacing: 8 * DefaultStyle.dp
|
|
EffectImage {
|
|
imageSource: AppIcons.usersThree
|
|
colorizationColor: DefaultStyle.main2_600
|
|
Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
}
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: qsTr("Ajouter des participants")
|
|
font {
|
|
pixelSize: 14 * DefaultStyle.dp
|
|
weight: 700 * DefaultStyle.dp
|
|
}
|
|
}
|
|
}
|
|
onClicked: mainItem.addParticipantsRequested()
|
|
},
|
|
ListView {
|
|
id: participantList
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: contentHeight
|
|
Layout.maximumHeight: 250 * DefaultStyle.dp
|
|
clip: true
|
|
model: mainItem.conferenceInfoGui.core.participants
|
|
delegate: Item {
|
|
height: 56 * DefaultStyle.dp
|
|
width: participantList.width
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
spacing: 16 * DefaultStyle.dp
|
|
Avatar {
|
|
Layout.preferredWidth: 45 * DefaultStyle.dp
|
|
Layout.preferredHeight: 45 * DefaultStyle.dp
|
|
address: modelData.address
|
|
}
|
|
Text {
|
|
text: modelData.displayName
|
|
font.pixelSize: 14 * DefaultStyle.dp
|
|
font.capitalization: Font.Capitalize
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Button {
|
|
Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
icon.width: 24 * DefaultStyle.dp
|
|
icon.height: 24 * DefaultStyle.dp
|
|
Layout.rightMargin: 10 * DefaultStyle.dp
|
|
background: Item{}
|
|
icon.source: AppIcons.closeX
|
|
contentImageColor: DefaultStyle.main1_500_main
|
|
onClicked: mainItem.conferenceInfoGui.core.removeParticipant(index)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
Switch {
|
|
text: qsTr("Send invitation to participants")
|
|
checked: mainItem.conferenceInfoGui.core.inviteEnabled
|
|
onToggled: mainItem.conferenceInfoGui.core.inviteEnabled = checked
|
|
}
|
|
Item {
|
|
Layout.fillHeight: true
|
|
Layout.minimumHeight: 1 * DefaultStyle.dp
|
|
}
|
|
}
|