SailfishOS/harbour-sailotp
1
0
Fork 0
mirror of https://github.com/seiichiro0185/sailotp.git synced 2024-11-21 23:39:41 +00:00
Code Issues Releases Activity

#38: Add a search box to the main view.

Browse source
This commit is contained in:
Jyri-Petteri Paloposki 2021-01-03 11:26:38 +02:00
parent f1d195fa1d
commit da4f2bbd73
2 changed files with 49 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
qml/harbour-sailotp.qml
View file

@ -65,7 +65,7 @@ ApplicationWindow
// Add an entry to the list
function appendOTP(title, secret, type, counter, fav, len, diff) {
listModel.append({"secret": secret, "title": title, "fav": fav, "type": type, "counter": counter, "len": len, "diff": diff, "otp": "------"});
listModel.append({"secret": secret, "title": title, "fav": fav, "type": type, "counter": counter, "len": len, "diff": diff, "otp": "------", "itemVisible": true});
}
// Set the OTP shown on the Cover

36
qml/pages/MainView.qml
View file

@ -130,12 +130,15 @@ Page {
hintText: qsTr("Pull down to add a OTP")
}
header: Row {
header: Column {
width: parent.width
height: headerRow.height + searchRow.height
Row {
id: headerRow
height: Theme.itemSizeSmall
width: parent.width
ProgressBar {
id: updateProgress
anchors.top: parent.top
// Hack to get the Progress Bar in roughly the same spot on Light and Dark Ambiances
anchors.topMargin: Theme.colorScheme === 0 ? Theme.paddingLarge * 1.1 : Theme.paddingSmall * 0.6
height: Theme.itemSizeSmall
@ -153,12 +156,37 @@ Page {
title: "SailOTP"
}
}
Row {
id: searchRow
width: parent.width
TextField {
id: searchField
font.pixelSize: Theme.fontSizeMedium
width: parent.width - clearIcon.width
EnterKey.enabled: false
inputMethodHints: Qt.ImhNoPredictiveText // Qt.ImhPreferUppercase | Qt.ImhNoAutoUppercase
placeholderText: qsTr("Search")
onTextChanged: {
for (var i = 0; i < appWin.listModel.count; i++) {
appWin.listModel.get(i).itemVisible = appWin.listModel.get(i).title.toString().indexOf(searchField.text) > -1
}
}
}
IconButton {
id: clearIcon
icon.source: "image://theme/icon-m-backspace"
onClicked: searchField.text = ""
enabled: searchField.text.length > 0
}
}
}
delegate: ListItem {
id: otpListItem
menu: otpContextMenu
contentHeight: Theme.itemSizeMedium
contentHeight: visible ? Theme.itemSizeMedium : 0
width: parent.width
visible: itemVisible
function remove() {
// Show 5s countdown, then delete from DB and List
@ -237,7 +265,7 @@ Page {
}
}
// Show an update button on HTOP-Type Tokens
// Show an update button on HOTP type tokens
IconButton {
icon.source: "image://theme/icon-m-refresh"
anchors.right: parent.right