feat(ui/views/App/Main/Home): add tooltips, disable how to use linphone component

This commit is contained in:
Ronan Abhamon 2017-04-21 14:00:28 +02:00
parent 70631b9d3f
commit 46e9c13b81
7 changed files with 77 additions and 9 deletions

View file

@ -698,6 +698,21 @@ Server url not configured.</translation>
<source>autoAnswerStatus</source>
<translation>auto</translation>
</message>
<message>
<source>menuTooltip</source>
<translation>Access to your contact list and add new contacts.</translation>
</message>
<message>
<source>smartSearchBarTooltip</source>
<translation>Use the search bar to directly start audio and video
calls, start a chat or add a new contact. Just enter
your friend&apos;s SIP address or username.</translation>
</message>
<message>
<source>timelineTooltip</source>
<translation>Click on one of your last exchange
to chat or see the conversation history.</translation>
</message>
</context>
<context>
<name>MainWindowMenuBar</name>

View file

@ -698,6 +698,20 @@ Url du serveur non configurée.</translation>
<source>autoAnswerStatus</source>
<translation>auto</translation>
</message>
<message>
<source>menuTooltip</source>
<translation>Accéder à votre liste de contacts, en ajouter...</translation>
</message>
<message>
<source>smartSearchBarTooltip</source>
<translation>Utiliser la barre de recherche intelligente pour lancer des appels audio et vidéo,
un chat ou ajouter un contact.</translation>
</message>
<message>
<source>timelineTooltip</source>
<translation>Cliquer sur une entrée pour voir vos derniers échanges,
chatter ou voir l&apos;historique de conversation.</translation>
</message>
</context>
<context>
<name>MainWindowMenuBar</name>

View file

@ -15,6 +15,7 @@ Item {
// ---------------------------------------------------------------------------
readonly property alias filter: searchField.text
readonly property alias isOpen: searchBox._isOpen
property alias delegate: list.delegate
property alias header: list.header

View file

@ -4,7 +4,8 @@ import QtQuick 2.7
MouseArea {
property alias text: tooltip.text
property var tooltipParent: this
property bool force: false
property var tooltipParent: parent
property bool _visible: false
@ -23,6 +24,16 @@ MouseArea {
id: tooltip
parent: tooltipParent
visible: _visible
visible: _visible || force
delay: -1
timeout: -1
// Workaround to always display tooltip.
onVisibleChanged: {
if (!visible && force) {
tooltip.visible = true
}
}
}
}

View file

@ -16,6 +16,8 @@ SearchBox {
searchBox.filter
)
readonly property alias isOpen: searchBox._isOpen
// ---------------------------------------------------------------------------
signal addContact (string sipAddress)

View file

@ -12,6 +12,17 @@ import App.Styles 1.0
Rectangle {
color: HomeStyle.color
// TODO: Remove me when smart tooltip will be available.
Component {
Item {
property var i18n: [
QT_TR_NOOP('showTooltips'),
QT_TR_NOOP('howToDescription'),
QT_TR_NOOP('howToTitle')
]
}
}
ListView {
anchors.horizontalCenter: parent.horizontalCenter
boundsBehavior: Flickable.StopAtBounds
@ -26,13 +37,14 @@ Rectangle {
}
model: ListModel {
ListElement {
$component: 'checkBox'
$componentText: qsTr('showTooltips')
$description: qsTr('howToDescription')
$icon: 'home_use_linphone'
$title: qsTr('howToTitle')
}
// TODO: Uncomment me when smart tooltip will be available.
// ListElement {
// $component: 'checkBox'
// $componentText: qsTr('showTooltips')
// $description: qsTr('howToDescription')
// $icon: 'home_use_linphone'
// $title: qsTr('howToTitle')
// }
ListElement {
$component: 'button'

View file

@ -177,6 +177,11 @@ ApplicationWindow {
})
onLaunchVideoCall: CallsListModel.launchVideoCall(sipAddress)
TooltipArea {
text: qsTr('smartSearchBarTooltip')
visible: !smartSearchBar.isOpen
}
}
}
}
@ -213,6 +218,10 @@ ApplicationWindow {
}]
onEntrySelected: !entry ? setView('Home') : setView('Contacts')
TooltipArea {
text: qsTr('menuTooltip')
}
}
// History.
@ -224,6 +233,10 @@ ApplicationWindow {
model: TimelineModel
onEntrySelected: setView('Conversation', { sipAddress: entry })
TooltipArea {
text: qsTr('timelineTooltip')
}
}
}