feat(Form/ExclusiveButtons): use style file

tests/linphone.pro

@@ -36,6 +36,7 @@ lupdate_only{
     ui/modules/Linphone/Popup/*.qml \
     ui/modules/Linphone/Select/*.qml \
     ui/modules/Linphone/Styles/*.qml \
+    ui/modules/Linphone/Styles/Form/*.qml \
     ui/modules/Linphone/View/*.qml \
     ui/views/*.qml \
     ui/views/MainWindow/*.qml \

tests/resources.qrc

@@ -60,6 +60,8 @@
     <file>ui/modules/Linphone/Styles/CollapseStyle.qml</file>
     <file>ui/modules/Linphone/Styles/DialogStyle.qml</file>
     <file>ui/modules/Linphone/Styles/ForceScrollBarStyle.qml</file>
+    <file>ui/modules/Linphone/Styles/Form/ExclusiveButtonsStyle.qml</file>
+    <file>ui/modules/Linphone/Styles/Form/SmallButtonStyle.qml</file>
     <file>ui/modules/Linphone/Styles/MenuStyle.qml</file>
     <file>ui/modules/Linphone/Styles/PopupStyle.qml</file>
     <file>ui/modules/Linphone/Styles/qmldir</file>

tests/ui/modules/Linphone/Form/ExclusiveButtons.qml

 import QtQuick 2.7
 
+import Linphone.Styles 1.0
+
 // ===================================================================
 
 Row {
-    property int selectedButton: 0
+  property int _selectedButton: 0
   property variant texts
 
   signal clicked (int button)
 
-    spacing: 8
+  spacing: ExclusiveButtonsStyle.buttonsSpacing
 
   Repeater {
     model: texts
 
     SmallButton {
       anchors.verticalCenter: parent.verticalCenter
-            backgroundColor: selectedButton === index
-                ? '#8E8E8E'
-                : (button.down
-                   ? '#FE5E00'
-                   : (button.hovered
-                      ? '#C0C0C0'
-                      : '#D1D1D1'
+      backgroundColor: _selectedButton === index
+        ? ExclusiveButtonsStyle.button.color.selected
+        : (down
+           ? ExclusiveButtonsStyle.button.color.pressed
+           : (hovered
+              ? ExclusiveButtonsStyle.button.color.hovered
+              : ExclusiveButtonsStyle.button.color.normal
              )
           )
-            id: button
       text: modelData
 
       onClicked: {
-                if (selectedButton !== index) {
-                    selectedButton = index
+        if (_selectedButton !== index) {
+          _selectedButton = index
           clicked(index)
         }
       }

tests/ui/modules/Linphone/Form/SmallButton.qml

 import QtQuick 2.7
 import QtQuick.Controls 2.0
 
+import Linphone.Styles 1.0
+
 // ===================================================================
 
 Button {
+  id: button
+
   property alias backgroundColor: background.color
 
   background: Rectangle {
+    id: background
+
     color: button.down
-            ? '#FE5E00'
+      ? SmallButtonStyle.background.color.pressed
       : (button.hovered
-               ? '#C0C0C0'
-               : '#D1D1D1'
+         ? SmallButtonStyle.background.color.hovered
+         : SmallButtonStyle.background.color.normal
         )
-        id: background
-        implicitHeight: 22
-        radius: 10
+    implicitHeight: SmallButtonStyle.background.height
+    radius: SmallButtonStyle.background.radius
   }
   contentItem: Text {
-        color:'#FFFFFF'
-        font.pointSize: 8
+    color: SmallButtonStyle.text.color
+    font.pointSize: SmallButtonStyle.text.fontSize
     horizontalAlignment: Text.AlignHCenter
-        id: text
     text: button.text
     verticalAlignment: Text.AlignVCenter
   }
   hoverEnabled: true
-    id: button
 }

tests/ui/modules/Linphone/Styles/Form/ExclusiveButtonsStyle.qml

+pragma Singleton
+import QtQuick 2.7
+
+import Linphone 1.0
+
+QtObject {
+  property int buttonsSpacing: 8
+
+  property QtObject button: QtObject {
+    property QtObject color: QtObject {
+      property string hovered: '#C0C0C0'
+      property string normal: '#D1D1D1'
+      property string pressed: '#FE5E00'
+      property string selected: '#8E8E8E'
+    }
+  }
+}

tests/ui/modules/Linphone/Styles/Form/SmallButtonStyle.qml

+pragma Singleton
+import QtQuick 2.7
+
+import Linphone 1.0
+
+QtObject {
+  property QtObject background: QtObject {
+    property int height: 22
+    property int radius: 10
+
+    property QtObject color: QtObject {
+      property string hovered: '#C0C0C0'
+      property string normal: '#D1D1D1'
+      property string pressed: '#FE5E00'
+    }
+  }
+
+  property QtObject text: QtObject {
+    property int fontSize: 8
+    property string color: '#FFFFFF'
+  }
+}

tests/ui/modules/Linphone/Styles/qmldir

@@ -10,3 +10,6 @@ singleton MenuStyle           1.0 MenuStyle.qml
 singleton PopupStyle            1.0 PopupStyle.qml
 singleton SearchBoxStyle        1.0 SearchBoxStyle.qml
 singleton TimelineStyle         1.0 TimelineStyle.qml
+
+singleton ExclusiveButtonsStyle 1.0 Form/ExclusiveButtonsStyle.qml
+singleton SmallButtonStyle      1.0 Form/SmallButtonStyle.qml