feat(app): add many links between components

tests/languages/en.ts

@@ -119,7 +119,7 @@
     </message>
     <message>
         <source>addContact</source>
-        <translation></translation>
+        <translation>ADD CONTACTS</translation>
     </message>
     <message>
         <source>displayTooltip</source>

tests/languages/fr.ts

@@ -119,7 +119,7 @@
     </message>
     <message>
         <source>addContact</source>
-        <translation></translation>
+        <translation>AJOUTER CONTACTS</translation>
     </message>
     <message>
         <source>displayTooltip</source>

tests/ui/modules/Linphone/Chat/Chat.qml

@@ -118,10 +118,10 @@ ScrollableListView {
                 id: loader
                 source: $type === 'message'
                     ? (
-                        'qrc:/ui/Linphone/Chat/' +
+                        'qrc:/ui/modules/Linphone/Chat/' +
                             ($outgoing ? 'Outgoing' : 'Incoming') +
                             'Message.qml'
-                    ) : 'qrc:/ui/Linphone/Chat/Event.qml'
+                    ) : 'qrc:/ui/modules/Linphone/Chat/Event.qml'
             }
         }
 

tests/ui/modules/Linphone/Menu.qml

@@ -24,10 +24,10 @@ ColumnLayout {
     model: entries
 
     Rectangle {
-      color: _selectedEntry === index
-        ? MenuStyle.entry.color.selected
-        : (mouseArea.pressed
+      color: mouseArea.pressed
         ? MenuStyle.entry.color.pressed
+        : (_selectedEntry === index
+           ? MenuStyle.entry.color.selected
            : (mouseArea.containsMouse
               ? MenuStyle.entry.color.hovered
               : MenuStyle.entry.color.normal
@@ -76,12 +76,10 @@ ColumnLayout {
         hoverEnabled: true
 
         onClicked: {
-          if (_selectedEntry !== index) {
           _selectedEntry = index
           entrySelected(index)
         }
       }
     }
   }
-  }
 }

tests/ui/views/MainWindow/Contact.qml

@@ -43,12 +43,12 @@ ColumnLayout  {
         Layout.alignment: Qt.AlignBottom | Qt.AlignRight
 
         ActionButton {
-                    icon: 'delete'
-                    onClicked: console.log('clicked!!!')
+          icon: 'history'
+          onClicked: window.setView('Conversation')
         }
 
         ActionButton {
-                    icon: 'contact'
+          icon: 'delete'
           onClicked: console.log('clicked!!!')
         }
       }

tests/ui/views/MainWindow/Contacts.qml

@@ -43,6 +43,8 @@ ColumnLayout {
 
       TextButtonB {
         text: qsTr('addContact')
+
+        onClicked: window.setView('Contact')
       }
     }
   }
@@ -224,12 +226,15 @@ ColumnLayout {
 
                 ActionButton {
                   icon: 'chat'
+
+                  onClicked: window.setView('Conversation')
                 }
               }
 
               ActionButton {
                 iconSize: parent.height
                 icon: 'delete'
+
                 onClicked: Utils.openConfirmDialog(contact, {
                   descriptionText: qsTr('removeContactDescription'),
                   exitHandler: function (status) {

tests/ui/views/MainWindow/Conversation.qml

@@ -74,7 +74,7 @@ ColumnLayout  {
 
             ActionButton {
               icon: 'contact'
-                            onClicked: console.log('clicked!!!')
+              onClicked: window.setView('Contact')
             }
           }
         }

tests/ui/views/MainWindow/MainWindow.qml

@@ -7,7 +7,12 @@ import Linphone 1.0
 import 'qrc:/ui/scripts/utils.js' as Utils
 
 ApplicationWindow {
-  id: mainWindow
+  id: window
+
+  function setView (view) {
+    loaderContent.source = 'qrc:/ui/views/MainWindow/' + view + '.qml'
+  }
+
   maximumHeight: 70
   minimumHeight: 70
   minimumWidth: 780
@@ -32,7 +37,7 @@ ApplicationWindow {
         Layout.fillHeight: parent.height
         id: collapse
 
-        onCollapsed: mainWindowStates.state = isCollapsed()
+        onCollapsed: windowStates.state = isCollapsed()
           ? 'collapsed'
           : ''
       }
@@ -48,12 +53,12 @@ ApplicationWindow {
       // User actions.
       ActionButton {
         Layout.preferredWidth: 16
-        onClicked: Utils.openWindow('ManageAccounts', mainWindow)
+        onClicked: Utils.openWindow('ManageAccounts', window)
       }
 
       ActionButton {
         Layout.preferredWidth: 16
-        onClicked: Utils.openWindow('NewCall', mainWindow)
+        onClicked: Utils.openWindow('NewCall', window)
       }
 
       // Search.
@@ -212,6 +217,12 @@ ApplicationWindow {
 
         onEntrySelected: {
           console.log('entry', entry)
+
+          if (entry === 0) {
+            setView('Home')
+          } else if (entry === 1) {
+            setView('Contacts')
+          }
         }
       }
 
@@ -273,6 +284,8 @@ ApplicationWindow {
 
     // Main content.
     Loader {
+      id: loaderContent
+
       Layout.fillHeight: true
       Layout.fillWidth: true
       source: 'qrc:/ui/views/MainWindow/Home.qml'
@@ -280,7 +293,7 @@ ApplicationWindow {
   }
 
   StateGroup {
-    id: mainWindowStates
+    id: windowStates
 
     states: State {
       name: 'collapsed'
@@ -290,7 +303,7 @@ ApplicationWindow {
         maximumHeight: 99999
         maximumWidth: 99999
         minimumHeight: 480
-        target: mainWindow
+        target: window
       }
     }
   }