feat(Calls/Calls): left panel in progress

tests/languages/en.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1">
+<context>
+    <name>Calls</name>
+    <message>
+        <source>newCall</source>
+        <translation type="vanished">NEW CALL</translation>
+    </message>
+    <message>
+        <source>newConference</source>
+        <translation type="vanished">NEW CONFERENCE</translation>
+    </message>
+</context>
 <context>
     <name>Chat</name>
     <message>
         <source>newMessagePlaceholder</source>
-        <translation type="unfinished">Enter your message</translation>
+        <translation>Enter your message</translation>
     </message>
 </context>
 <context>
@@ -119,11 +130,11 @@
     <name>DroppableTextArea</name>
     <message>
         <source>fileChooserTitle</source>
-        <translation type="unfinished">Please choose one or many files</translation>
+        <translation>Please choose one or many files</translation>
     </message>
     <message>
         <source>dropYourAttachment</source>
-        <translation type="unfinished"></translation>
+        <translation>Drop your attachment</translation>
     </message>
 </context>
 <context>

tests/languages/fr.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1">
+<context>
+    <name>Calls</name>
+    <message>
+        <source>newCall</source>
+        <translation type="vanished">NOUVEL APPEL</translation>
+    </message>
+    <message>
+        <source>newConference</source>
+        <translation type="vanished">NOUVELLE CONFERENCE</translation>
+    </message>
+</context>
 <context>
     <name>Chat</name>
     <message>
         <source>newMessagePlaceholder</source>
-        <translation type="unfinished">Entrer votre message.</translation>
+        <translation>Entrer votre message.</translation>
     </message>
 </context>
 <context>
@@ -119,11 +130,11 @@
     <name>DroppableTextArea</name>
     <message>
         <source>fileChooserTitle</source>
-        <translation type="unfinished">Merci de choisir un ou plusieurs fichiers</translation>
+        <translation>Merci de choisir un ou plusieurs fichiers</translation>
     </message>
     <message>
         <source>dropYourAttachment</source>
-        <translation type="unfinished"></translation>
+        <translation>Déposez votre pièce jointe</translation>
     </message>
 </context>
 <context>

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

@@ -41,6 +41,7 @@ Button {
       pointSize: AbstractTextButtonStyle.text.fontSize
     }
 
+    elide: Text.ElideRight
     horizontalAlignment: Text.AlignHCenter
     text: button.text
     verticalAlignment: Text.AlignVCenter

tests/ui/views/Calls/Calls.qml

@@ -19,12 +19,36 @@ Window {
     minimumLeftLimit: 50
 
     // Calls list.
-    childA: Rectangle {
+    childA: ColumnLayout {
       anchors.fill: parent
-      color: 'yellow'
+      spacing: 0
 
-      Text {
-        text: 'calls'
+      Rectangle {
+        Layout.fillWidth: true
+        Layout.preferredHeight: 50
+        color: '#FFFFFF'
+
+        ActionBar {
+          anchors.verticalCenter: parent.verticalCenter
+          anchors.leftMargin: 10
+          anchors.left: parent.left
+          iconSize: 30
+          spacing: 16
+
+          ActionButton {
+            icon: 'call'
+          }
+
+          ActionButton {
+            icon: 'conference'
+          }
+        }
+      }
+
+      Rectangle {
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        color: 'red'
       }
     }