Toggle search contacts field using search icon on toolbar

This commit is contained in:
Angela Mazzurco 2017-06-23 15:17:41 +02:00
parent d8eafaf9ea
commit 353b34fcab
3 changed files with 11 additions and 4 deletions

View File

@ -35,6 +35,7 @@ Item
Component.onCompleted: Component.onCompleted:
{ {
toolBar.state = "CONTACTSVIEW" toolBar.state = "CONTACTSVIEW"
toolBar.searchBtnCb = toggleSearchBox
refreshAll() refreshAll()
} }
onFocusChanged: focus && refreshAll() onFocusChanged: focus && refreshAll()
@ -46,6 +47,11 @@ Item
onMessage: contactsListModel.json = JSON.stringify(messageObject) onMessage: contactsListModel.json = JSON.stringify(messageObject)
} }
function toggleSearchBox (){
if (searching) searching = false
else searching = true
}
function refreshAll() function refreshAll()
{ {
refreshOwn() refreshOwn()

View File

@ -183,8 +183,7 @@ Drawer
}, },
"Search Contacts": function() "Search Contacts": function()
{ {
stackView.push("qrc:/Contacts.qml", stackView.push("qrc:/Contacts.qml" )
{'searching': true} )
}, },
"Paste Link": function() "Paste Link": function()
{ {

View File

@ -63,6 +63,8 @@ ApplicationWindow
property alias loaderSource: imageLoader.sourceComponent property alias loaderSource: imageLoader.sourceComponent
property string defaultLabel: "RetroShare" property string defaultLabel: "RetroShare"
property var searchBtnCb
states: states:
[ [
State State
@ -120,6 +122,7 @@ ApplicationWindow
BtnIcon BtnIcon
{ {
property bool searchIconVisibility: false property bool searchIconVisibility: false
property var onClickCB: function (){}
id: searchIcon id: searchIcon
height: (coreReady)? parent.height - 10 : 0 height: (coreReady)? parent.height - 10 : 0
@ -130,8 +133,7 @@ ApplicationWindow
visible: searchIconVisibility && coreReady visible: searchIconVisibility && coreReady
onClicked: onClicked:
{ {
stackView.push("qrc:/Contacts.qml", toolBar.searchBtnCb()
{'searching': true} )
} }
} }
MouseArea MouseArea