feat(ui/views/App/Assistant/AssistantCreateLinphoneSipAccount): view done

linphone-desktop/assets/languages/en.ts

@@ -35,6 +35,25 @@
         <translation>BACK</translation>
     </message>
 </context>
+<context>
+    <name>AssistantCreateLinphoneSipAccount</name>
+    <message>
+        <source>createLinphoneSipAccountDescription</source>
+        <translation>How would you like to create your account?</translation>
+    </message>
+    <message>
+        <source>createLinphoneSipAccountTitle</source>
+        <translation>CREATE A LINPHONE ACCOUNT</translation>
+    </message>
+    <message>
+        <source>withPhoneNumber</source>
+        <translation>WITH A PHONE NUMBER</translation>
+    </message>
+    <message>
+        <source>withEmailAddress</source>
+        <translation>WITH AN EMAIL ADDRESS</translation>
+    </message>
+</context>
 <context>
     <name>AssistantFetchRemoteConfiguration</name>
     <message>
@@ -52,10 +71,6 @@
 </context>
 <context>
     <name>AssistantHome</name>
-    <message>
-        <source>createSipAccount</source>
-        <translation>CREATE A LINPHONE ACCOUNT</translation>
-    </message>
     <message>
         <source>useLinphoneSipAccount</source>
         <translation>USE A LINPHONE ACCOUNT</translation>
@@ -76,6 +91,10 @@
         <source>homeDescription</source>
         <translation>This assistant will help you to configure and use your linphone account.</translation>
     </message>
+    <message>
+        <source>createLinphoneSipAccount</source>
+        <translation>CREATE A LINPHONE ACCOUNT</translation>
+    </message>
 </context>
 <context>
     <name>AssistantUseOtherSipAccount</name>

linphone-desktop/assets/languages/fr.ts

@@ -35,6 +35,25 @@
         <translation>RETOUR</translation>
     </message>
 </context>
+<context>
+    <name>AssistantCreateLinphoneSipAccount</name>
+    <message>
+        <source>createLinphoneSipAccountDescription</source>
+        <translation>Comment souhaitez-vous créer votre compte ?</translation>
+    </message>
+    <message>
+        <source>createLinphoneSipAccountTitle</source>
+        <translation>CRÉER UN COMPTE LINPHONE</translation>
+    </message>
+    <message>
+        <source>withPhoneNumber</source>
+        <translation>AVEC UN NUMÉRO DE TÉLÉPHONE</translation>
+    </message>
+    <message>
+        <source>withEmailAddress</source>
+        <translation>AVER UNE ADRESSE E-MAIL</translation>
+    </message>
+</context>
 <context>
     <name>AssistantFetchRemoteConfiguration</name>
     <message>
@@ -52,10 +71,6 @@
 </context>
 <context>
     <name>AssistantHome</name>
-    <message>
-        <source>createSipAccount</source>
-        <translation>CRÉER UN COMPTE LINPHONE</translation>
-    </message>
     <message>
         <source>useLinphoneSipAccount</source>
         <translation>UTILISER UN COMPTE LINPHONE</translation>
@@ -76,6 +91,10 @@
         <source>homeDescription</source>
         <translation>Cet assistant va vous aider à configurer et utiliser votre compte SIP.</translation>
     </message>
+    <message>
+        <source>createLinphoneSipAccount</source>
+        <translation>CRÉER UN COMPTE LINPHONE</translation>
+    </message>
 </context>
 <context>
     <name>AssistantUseOtherSipAccount</name>

linphone-desktop/resources.qrc

@@ -310,6 +310,7 @@
     <file>ui/scripts/Utils/uri-tools.js</file>
     <file>ui/scripts/Utils/utils.js</file>
     <file>ui/views/App/Assistant/AssistantAbstractView.qml</file>
+    <file>ui/views/App/Assistant/AssistantCreateLinphoneSipAccount.qml</file>
     <file>ui/views/App/Assistant/AssistantFetchRemoteConfiguration.qml</file>
     <file>ui/views/App/Assistant/AssistantHome.qml</file>
     <file>ui/views/App/Assistant/AssistantUseOtherSipAccount.qml</file>
@@ -337,6 +338,7 @@
     <file>ui/views/App/Settings/SettingsVideo.qml</file>
     <file>ui/views/App/Settings/SettingsWindow.qml</file>
     <file>ui/views/App/Styles/Assistant/AssistantAbstractViewStyle.qml</file>
+    <file>ui/views/App/Styles/Assistant/AssistantCreateLinphoneSipAccountStyle.qml</file>
     <file>ui/views/App/Styles/Assistant/AssistantHomeStyle.qml</file>
     <file>ui/views/App/Styles/AssistantWindowStyle.qml</file>
     <file>ui/views/App/Styles/Calls/CallStyle.qml</file>

linphone-desktop/ui/views/App/Assistant/AssistantAbstractView.qml

@@ -16,17 +16,71 @@ ColumnLayout {
   property alias mainActionLabel: mainActionButton.text
   property var mainAction
 
+  property alias description: description.text
+  property alias title: title.text
+
   default property alias _content: content.data
 
   // ---------------------------------------------------------------------------
 
+  height: stack.height
+  width: stack.width
+
+  spacing: AssistantAbstractViewStyle.spacing
+
+  // --------------------------------------------------------------------------
+  // Info.
+  // --------------------------------------------------------------------------
+
+  Column {
+    Layout.fillWidth: true
+    spacing: AssistantAbstractViewStyle.info.spacing
+
+    Text {
+      id: title
+
+      color: AssistantAbstractViewStyle.info.title.color
+      elide: Text.ElideRight
+
+      font {
+        pointSize: AssistantAbstractViewStyle.info.title.fontSize
+        bold: true
+      }
+
+      horizontalAlignment: Text.AlignHCenter
+      width: parent.width
+    }
+
+    Text {
+      id: description
+
+      color: AssistantAbstractViewStyle.info.description.color
+      elide: Text.ElideRight
+
+      font.pointSize: AssistantAbstractViewStyle.info.description.fontSize
+
+      horizontalAlignment: Text.AlignHCenter
+      visible: text.length > 0
+      width: parent.width
+    }
+  }
+
+  // --------------------------------------------------------------------------
+  // Content.
+  // --------------------------------------------------------------------------
+
   Item {
     id: content
 
+    Layout.alignment: Qt.AlignHCenter
     Layout.fillHeight: true
-    Layout.fillWidth: true
+    Layout.preferredWidth: AssistantAbstractViewStyle.content.width
   }
 
+  // --------------------------------------------------------------------------
+  // Nav buttons.
+  // --------------------------------------------------------------------------
+
   Row {
     Layout.alignment: Qt.AlignHCenter
     spacing: AssistantAbstractViewStyle.buttons.spacing
@@ -39,6 +93,8 @@ ColumnLayout {
     TextButtonB {
       id: mainActionButton
 
+      visible: !!view.mainAction
+
       onClicked: view.mainAction()
     }
   }

linphone-desktop/ui/views/App/Assistant/AssistantCreateLinphoneSipAccount.qml

+import QtQuick 2.7
+
+import Common 1.0
+
+import App.Styles 1.0
+
+// =============================================================================
+
+AssistantAbstractView {
+  description: qsTr('createLinphoneSipAccountDescription')
+  title: qsTr('createLinphoneSipAccountTitle')
+
+  Column {
+    anchors.centerIn: parent
+    spacing: AssistantCreateLinphoneSipAccountStyle.buttons.spacing
+    width: AssistantCreateLinphoneSipAccountStyle.buttons.button.width
+
+    TextButtonA {
+      height: AssistantCreateLinphoneSipAccountStyle.buttons.button.height
+      width: parent.width
+      text: qsTr('withPhoneNumber')
+    }
+
+    TextButtonA {
+      height: AssistantCreateLinphoneSipAccountStyle.buttons.button.height
+      width: parent.width
+      text: qsTr('withEmailAddress')
+    }
+  }
+}

linphone-desktop/ui/views/App/Assistant/AssistantFetchRemoteConfiguration.qml

@@ -10,10 +10,13 @@ AssistantAbstractView {
   mainActionEnabled: url.text.length > 0
   mainActionLabel: qsTr('confirmAction')
 
+  title: qsTr('fetchRemoteConfigurationTitle')
+
+  // ---------------------------------------------------------------------------
+
   Form {
     anchors.fill: parent
     orientation: Qt.Vertical
-    title: qsTr('fetchRemoteConfigurationTitle')
 
     FormLine {
       FormGroup {

linphone-desktop/ui/views/App/Assistant/AssistantHome.qml

@@ -82,8 +82,8 @@ ColumnLayout {
 
     model: ListModel {
       ListElement {
-        $text: qsTr('createSipAccount')
-        $view: 'AssistantCreateSipAccount'
+        $text: qsTr('createLinphoneSipAccount')
+        $view: 'AssistantCreateLinphoneSipAccount'
       }
 
       ListElement {

linphone-desktop/ui/views/App/Assistant/AssistantUseOtherSipAccount.qml

@@ -13,10 +13,13 @@ AssistantAbstractView {
 
   mainActionLabel: qsTr('confirmAction')
 
+  title: qsTr('useOtherSipAccountTitle')
+
+  // ---------------------------------------------------------------------------
+
   Form {
     anchors.fill: parent
     orientation: Qt.Vertical
-    title: qsTr('useOtherSipAccountTitle')
 
     FormLine {
       FormGroup {

linphone-desktop/ui/views/App/Styles/Assistant/AssistantAbstractViewStyle.qml

 pragma Singleton
 import QtQuick 2.7
 
+import Common 1.0
+
 // =============================================================================
 
 QtObject {
+  property int spacing: 20
+
   property QtObject buttons: QtObject {
     property int spacing: 10
   }
+
+  property QtObject content: QtObject {
+    property int width: 340
+  }
+
+  property QtObject info: QtObject {
+    property int spacing: 20
+
+    property QtObject description: QtObject {
+      property color color: Colors.g
+      property int fontSize: 10
+    }
+
+    property QtObject title: QtObject {
+      property color color: Colors.g
+      property int fontSize: 11
+    }
+  }
 }

linphone-desktop/ui/views/App/Styles/Assistant/AssistantCreateLinphoneSipAccountStyle.qml

+pragma Singleton
+import QtQuick 2.7
+
+// =============================================================================
+
+QtObject {
+  property QtObject buttons: QtObject {
+    property int spacing: 10
+
+    property QtObject button: QtObject {
+      property int height: 40
+      property int width: 258
+    }
+  }
+}

linphone-desktop/ui/views/App/Styles/qmldir

@@ -10,6 +10,7 @@ singleton ManageAccountsWindowStyle  1.0 ManageAccountsWindowStyle.qml
 
 singleton AssistantHomeStyle                     1.0 Assistant/AssistantHomeStyle.qml
 singleton AssistantAbstractViewStyle             1.0 Assistant/AssistantAbstractViewStyle.qml
+singleton AssistantCreateLinphoneSipAccountStyle 1.0 Assistant/AssistantCreateLinphoneSipAccountStyle.qml
 
 singleton CallStyle                              1.0 Calls/CallStyle.qml
 singleton CallsWindowStyle                       1.0 Calls/CallsWindowStyle.qml