feat(app): calls views in progress
|
|
@ -12,7 +12,7 @@
|
|||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="statut_avatar_available_l">
|
||||
<path d="M7.9995,16 C3.581,16 0,12.4185 0,8 C0,3.582 3.581,0 7.9995,0 C12.418,0 16,3.582 16,8 C16,12.4185 12.418,16 7.9995,16 Z" fill="#9ECD1D"></path>
|
||||
<use stroke="#FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
<use stroke="#00FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -12,7 +12,7 @@
|
|||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="statut_avatar_absent_l">
|
||||
<path d="M7.9995,16 C3.581,16 0,12.4185 0,8 C0,3.582 3.581,0 7.9995,0 C12.418,0 16,3.582 16,8 C16,12.4185 12.418,16 7.9995,16 Z" fill="#EFAE00"></path>
|
||||
<use stroke="#FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
<use stroke="#00FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -12,7 +12,7 @@
|
|||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="statut_avatar_busy_l">
|
||||
<path d="M7.9995,16 C3.581,16 0,12.4185 0,8 C0,3.582 3.581,0 7.9995,0 C12.418,0 16,3.582 16,8 C16,12.4185 12.418,16 7.9995,16 Z" id="statut_avatar_busy_s" fill="#DC4100"></path>
|
||||
<use id="statut_avatar_busy_s" stroke="#FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
<use id="statut_avatar_busy_s" stroke="#00FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
|
@ -12,7 +12,7 @@
|
|||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="statut_avatar_disconnected_l">
|
||||
<path d="M7.9995,16 C3.581,16 0,12.4185 0,8 C0,3.582 3.581,0 7.9995,0 C12.418,0 16,3.582 16,8 C16,12.4185 12.418,16 7.9995,16 Z" fill="#B1B1B1"></path>
|
||||
<use stroke="#FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
<use stroke="#00FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -44,6 +44,9 @@
|
|||
<file>assets/images/led_red.svg</file>
|
||||
<file>assets/images/led_white.svg</file>
|
||||
<file>assets/images/linphone.png</file>
|
||||
<file>assets/images/micro_off_hovered.svg</file>
|
||||
<file>assets/images/micro_off_normal.svg</file>
|
||||
<file>assets/images/micro_off_pressed.svg</file>
|
||||
<file>assets/images/micro_on_hovered.svg</file>
|
||||
<file>assets/images/micro_on_normal.svg</file>
|
||||
<file>assets/images/micro_on_pressed.svg</file>
|
||||
|
|
@ -51,6 +54,9 @@
|
|||
<file>assets/images/missed_outgoing_call.svg</file>
|
||||
<file>assets/images/outgoing_call.svg</file>
|
||||
<file>assets/images/search.svg</file>
|
||||
<file>assets/images/speaker_off_hovered.svg</file>
|
||||
<file>assets/images/speaker_off_normal.svg</file>
|
||||
<file>assets/images/speaker_off_pressed.svg</file>
|
||||
<file>assets/images/speaker_on_hovered.svg</file>
|
||||
<file>assets/images/speaker_on_normal.svg</file>
|
||||
<file>assets/images/speaker_on_pressed.svg</file>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ Button {
|
|||
// `icon`_pressed, `icon`_hovered and `icon`_normal.
|
||||
property string icon
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// -----------------------------------------------------------------
|
||||
|
||||
function _getIcon () {
|
||||
if (!useStates) {
|
||||
|
|
@ -31,7 +31,7 @@ Button {
|
|||
)
|
||||
}
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// -----------------------------------------------------------------
|
||||
|
||||
background: Rectangle {
|
||||
color: 'transparent'
|
||||
|
|
|
|||
|
|
@ -3,25 +3,25 @@ import QtQuick 2.7
|
|||
// ===================================================================
|
||||
|
||||
Item {
|
||||
property alias useStates: actionButton.useStates
|
||||
property alias useStates: actionButton.useStates
|
||||
property int iconSize // Optionnal.
|
||||
property string icon
|
||||
|
||||
property bool enabled: true
|
||||
property bool enabled: true
|
||||
|
||||
signal onClicked
|
||||
signal clicked
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// -----------------------------------------------------------------
|
||||
|
||||
height: iconSize || parent.iconSize || parent.height
|
||||
height: iconSize || parent.iconSize || parent.height
|
||||
width: iconSize || parent.iconSize || parent.height
|
||||
|
||||
ActionButton {
|
||||
id: actionButton
|
||||
ActionButton {
|
||||
id: actionButton
|
||||
|
||||
anchors.fill: parent
|
||||
icon: parent.icon + (parent.enabled ? '_on' : '_off')
|
||||
anchors.fill: parent
|
||||
icon: parent.icon + (parent.enabled ? '_on' : '_off')
|
||||
|
||||
onClicked: parent.onClicked
|
||||
}
|
||||
onClicked: parent.clicked()
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -58,6 +58,7 @@ Item {
|
|||
}
|
||||
|
||||
text: _computeInitials()
|
||||
visible: roundedImage.status !== Image.Ready
|
||||
}
|
||||
|
||||
PresenceLevel {
|
||||
|
|
@ -68,7 +69,7 @@ Item {
|
|||
right: parent.right
|
||||
}
|
||||
|
||||
height: parent.height / 3
|
||||
width: parent.width / 3
|
||||
height: parent.height / 4
|
||||
width: parent.width / 4
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
import QtQuick 2.7
|
||||
|
||||
import Common 1.0
|
||||
|
||||
// ===================================================================
|
||||
|
|
@ -9,21 +11,31 @@ AbstractCall {
|
|||
|
||||
ActionBar {
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 50
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
iconSize: 40
|
||||
left: parent.left
|
||||
leftMargin: 50
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
iconSize: 40
|
||||
|
||||
ActionSwitch {
|
||||
icon: 'micro'
|
||||
onClicked: enabled = !enabled
|
||||
}
|
||||
|
||||
ActionSwitch {
|
||||
icon: 'speaker'
|
||||
onClicked: enabled = !enabled
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
anchors.centerIn: parent
|
||||
color: 'red'
|
||||
width: 130
|
||||
height: 80
|
||||
visible: isVideoCall
|
||||
}
|
||||
|
||||
ActionBar {
|
||||
anchors {
|
||||
verticalCenter: parent.verticalCenter
|
||||
|
|
|
|||