i18n: support RTL languages

This patch introduces some mechanisms to fully support RTL languages:
1. RTL detection via UtilsAdapter::isRTL() checking the locale name
2. Using QML mirroring when needed based on UtilsAdapter.isRTL
3. Inverting panels in DualPaneView and JamiListView when needed
with SinglePane support

Moreover, lot of anchors are added to automatically manage layout
updates.

GitLab: #235
Change-Id: I40c245f2d7fae96d796c53505af5403f5e813e7f

src/app/mainview/components/MainOverlay.qml

@@ -144,6 +144,7 @@ Item {
                 Layout.preferredHeight: 50
 
                 leftPadding: 16
+                rightPadding: 16
 
                 horizontalAlignment: Text.AlignLeft
                 verticalAlignment: Text.AlignVCenter

src/app/mainview/components/MessageBar.qml

@@ -189,6 +189,7 @@ ColumnLayout {
             id: messageBarRowLayout
 
             spacing: JamiTheme.chatViewFooterRowSpacing
+            anchors.left: parent.left
 
             Row {
 
@@ -843,6 +844,8 @@ ColumnLayout {
 
                 toolTipText: JamiStrings.send
 
+                mirror: UtilsAdapter.isRTL
+
                 source: JamiResources.send_black_24dp_svg
 
                 normalColor: JamiTheme.chatViewFooterSendButtonColor

src/app/mainview/components/MessageBarTextArea.qml

@@ -87,6 +87,7 @@ JamiFlickable {
         selectByMouse: true
         textFormat: TextEdit.PlainText
         placeholderTextColor: JamiTheme.placeholderTextColor
+        horizontalAlignment: Text.AlignLeft
 
         background: Rectangle {
             border.width: 0

src/app/mainview/components/OngoingCallPage.qml

@@ -119,7 +119,7 @@ Rectangle {
         }
     }
 
-    SplitView {
+    JamiSplitView {
         id: mainColumnLayout
 
         anchors.fill: parent
@@ -127,12 +127,6 @@ Rectangle {
         property bool isHorizontal: false // Calculated when showing the stack view
         orientation: isHorizontal ? Qt.Horizontal : Qt.Vertical
 
-        handle: Rectangle {
-            implicitWidth: isHorizontal ? JamiTheme.splitViewHandlePreferredWidth : root.width
-            implicitHeight: isHorizontal ? root.height : JamiTheme.splitViewHandlePreferredWidth
-            color: SplitHandle.pressed ? JamiTheme.pressColor : (SplitHandle.hovered ? JamiTheme.hoverColor : JamiTheme.tabbarBorderColor)
-        }
-
         Rectangle {
             id: callPageMainRect
 

src/app/mainview/components/SmartListItemDelegate.qml

@@ -135,6 +135,7 @@ ItemDelegate {
                 Layout.fillWidth: true
                 Layout.minimumHeight: 20
                 Layout.alignment: Qt.AlignVCenter
+                horizontalAlignment: Text.AlignLeft
                 elide: Text.ElideMiddle
                 text: Title === undefined ? "" : Title
                 textFormat: TextEdit.PlainText
@@ -166,6 +167,7 @@ ItemDelegate {
                     elide: Text.ElideRight
                     Layout.fillWidth: true
                     Layout.alignment: Qt.AlignVCenter
+                    horizontalAlignment: Text.AlignLeft
                     text: Draft ?
                               Draft :
                               (LastInteraction === undefined ? "" : LastInteraction)

src/app/mainview/components/WelcomePage.qml

@@ -178,6 +178,7 @@ ListSelectionView {
                     Flow {
                         id: flow
                         spacing: 13
+                        layoutDirection: UtilsAdapter.isRTL ? Qt.RightToLeft : Qt.LeftToRight
 
                         Repeater {
                             id: tipsRepeater

src/app/settingsview/components/ContactItemDelegate.qml

@@ -50,6 +50,7 @@ ItemDelegate {
             Layout.rightMargin: JamiTheme.preferredMarginSize
             Layout.preferredWidth: JamiTheme.preferredFieldHeight
             Layout.preferredHeight: JamiTheme.preferredFieldHeight
+            horizontalAlignment: Text.AlignLeft
 
             background: Avatar {
                 id: avatar

src/app/settingsview/components/DeviceItemDelegate.qml

@@ -116,9 +116,10 @@ ItemDelegate {
                 Layout.alignment: Qt.AlignLeft
                 Layout.fillWidth: true
                 Layout.leftMargin: editDeviceName.leftPadding
+                Layout.rightMargin: editDeviceName.leftPadding
                 Layout.bottomMargin: 10
-
-                elide: Text.ElideRight
+                horizontalAlignment: Text.AlignLeft
+                elide: Text.ElideMiddle
                 font.pointSize: JamiTheme.textFontSize
                 color: JamiTheme.textColor
                 text: deviceId === "" ? JamiStrings.deviceId : deviceId

src/app/settingsview/components/LevelMeter.qml

@@ -26,6 +26,8 @@ ProgressBar {
 
     property real rmsLevel: 0
 
+    LayoutMirroring.enabled: false
+
     value: {
         return clamp(rmsLevel * 300.0, 0.0, 100.0);
     }

src/app/settingsview/components/SettingSpinBox.qml

@@ -63,6 +63,8 @@ RowLayout {
         Layout.alignment: Qt.AlignCenter
         font.pointSize: JamiTheme.settingsFontSize
         font.kerning: true
+        LayoutMirroring.enabled: false
+        LayoutMirroring.childrenInherit: true
 
         onValueChanged: newValue()
 

src/app/settingsview/components/SystemSettingsPage.qml

@@ -139,6 +139,7 @@ SettingsPageBase {
 
                 Layout.fillWidth: true
                 Layout.preferredHeight: JamiTheme.preferredFieldHeight
+                LayoutMirroring.enabled: false
 
                 labelText: JamiStrings.language
                 tipText: JamiStrings.language

src/app/utilsadapter.cpp

@@ -48,6 +48,7 @@ UtilsAdapter::UtilsAdapter(AppSettingsManager* settingsManager,
     if (lrcInstance_->avModel().getRecordPath().isEmpty()) {
         lrcInstance_->avModel().setRecordPath(getDefaultRecordPath());
     }
+    set_isRTL(isRTL());
 }
 
 QVariant
@@ -80,6 +81,7 @@ UtilsAdapter::setAppValue(const Settings::Key key, const QVariant& value)
     if (key == Settings::Key::LANG) {
         settingsManager_->loadTranslations();
         Q_EMIT changeLanguage();
+        set_isRTL(isRTL());
     } else if (key == Settings::Key::BaseZoom)
         Q_EMIT changeFontSize();
     else if (key == Settings::Key::EnableExperimentalSwarm)
@@ -808,3 +810,11 @@ UtilsAdapter::getVideoPlayer(const QString& resource, const QString& bgColor)
         {"html", htmlVideo.arg(resource, bgColor)},
     };
 }
+
+bool
+UtilsAdapter::isRTL()
+{
+    auto pref = getAppValue(Settings::Key::LANG).toString();
+    pref == "SYSTEM" ? QLocale::system().name() : pref;
+    return pref == "ar" || pref == "he" || pref == "fa" || pref == "ur";
+}
\ No newline at end of file

src/app/utilsadapter.h

@@ -66,6 +66,7 @@ class UtilsAdapter final : public QmlAdapterBase
 {
     Q_OBJECT
     QML_PROPERTY(QStringList, logList)
+    QML_RO_PROPERTY(bool, isRTL)
 public:
     explicit UtilsAdapter(AppSettingsManager* settingsManager,
                           SystemTray* systemTray,
@@ -149,6 +150,8 @@ public:
 
     Q_INVOKABLE QVariantMap getVideoPlayer(const QString& resource, const QString& bgColor);
 
+    Q_INVOKABLE bool isRTL();
+
 Q_SIGNALS:
     void debugMessageReceived(const QString& message);
     void changeFontSize();