feat(app): calls views in progress

tests/assets/images/led_green.svg

@@ -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>
\ No newline at end of file
+</svg>

tests/assets/images/led_orange.svg

@@ -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>
\ No newline at end of file
+</svg>

tests/assets/images/led_red.svg

@@ -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>
\ No newline at end of file
+</svg>

tests/assets/images/led_white.svg

@@ -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>
\ No newline at end of file
+</svg>

tests/resources.qrc

@@ -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>

tests/ui/modules/Common/Form/ActionButton.qml

@@ -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'

tests/ui/modules/Common/Form/ActionSwitch.qml

@@ -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()
+  }
 }

tests/ui/modules/Linphone/Contact/Avatar.qml

@@ -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
   }
 }

tests/ui/views/App/Calls/OutgoingCall.qml

+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