harbour-tooter/qml/pages/components/MyList.qml

189 lines
4.8 KiB
QML
Raw Normal View History

import QtQuick 2.2
import Sailfish.Silica 1.0
import "../../lib/API.js" as Logic
import "."
SilicaListView {
id: myList
property string type;
property string title
property string vwPlaceholderText: qsTr("Loading")
2018-05-24 16:00:10 +03:00
property string vwPlaceholderHint: qsTr("please wait...")
property string description
property ListModel mdl: []
property variant params: []
property var locale: Qt.locale()
property bool autoLoadMore : true;
property bool loadStarted : false;
property int scrollOffset;
property string action: ""
property variant vars
property variant conf
property bool notifier : false;
model: mdl
signal notify (string what, int num)
onNotify: {
console.log(what + " - " + num)
}
signal openDrawer (bool setDrawer)
onOpenDrawer: {
//console.log("Open drawer: " + setDrawer)
}
signal send (string notice)
onSend: {
console.log("LIST send signal emitted with notice: " + notice)
}
BusyIndicator {
size: BusyIndicatorSize.Large
running: myList.model.count === 0 && !viewPlaceHolder.visible
anchors.centerIn: parent
}
header: PageHeader {
title: myList.title
description: myList.description
}
ViewPlaceholder {
id: viewPlaceHolder
enabled: model.count === 0
text: vwPlaceholderText
hintText: vwPlaceholderHint
}
PullDownMenu {
MenuItem {
2017-07-20 13:14:16 +03:00
text: qsTr("Settings")
onClicked: {
2017-07-20 13:14:16 +03:00
pageStack.push(Qt.resolvedUrl("../Settings.qml"), {})
}
}
MenuItem {
text: qsTr("Load more")
onClicked: {
loadData("prepend")
}
}
}
clip: true
section {
property: 'section'
delegate: SectionHeader {
2017-06-16 17:45:04 +03:00
height: Theme.itemSizeExtraSmall
text: Format.formatDate(section, Formatter.DateMedium)
}
}
delegate: VisualContainer {
} //Toot {}
add: Transition {
NumberAnimation { property: "opacity"; from: 0; to: 1.0; duration: 800 }
NumberAnimation { property: "x"; duration: 800; easing.type: Easing.InOutBack }
}
remove: Transition {
NumberAnimation { properties: "x,y"; duration: 800; easing.type: Easing.InOutBack }
}
onCountChanged: {
2017-06-16 17:45:04 +03:00
loadStarted = false;
/*contentY = scrollOffset
console.log("CountChanged!")*/
}
2017-10-26 00:45:15 +03:00
2017-06-16 17:45:04 +03:00
footer: Item{
visible: autoLoadMore
2017-06-16 17:45:04 +03:00
width: parent.width
height: Theme.itemSizeLarge
Button {
anchors.horizontalCenter: parent.horizontalCenter
anchors.margins: Theme.paddingSmall
anchors.bottomMargin: Theme.paddingLarge
visible: false
onClicked: {
loadData("append")
2017-10-25 01:37:33 +03:00
}
2017-06-16 17:45:04 +03:00
}
BusyIndicator {
size: BusyIndicatorSize.Small
running: loadStarted;
anchors.verticalCenter: parent.verticalCenter
2017-06-16 17:45:04 +03:00
anchors.horizontalCenter: parent.horizontalCenter
}
}
onContentYChanged: {
if (Math.abs(contentY - scrollOffset) > Theme.itemSizeMedium) {
openDrawer(contentY - scrollOffset > 0 ? false : true )
scrollOffset = contentY
}
2017-06-16 17:45:04 +03:00
if(contentY+height > footerItem.y && !loadStarted && autoLoadMore){
2017-06-16 17:45:04 +03:00
loadData("append")
loadStarted = true;
}
}
VerticalScrollDecorator {}
WorkerScript {
id: worker
source: "../../lib/Worker.js"
onMessage: {
if (messageObject.error){
console.log(JSON.stringify(messageObject))
}
if (messageObject.fireNotification && notifier){
2017-10-26 00:45:15 +03:00
Logic.notifier(messageObject.data)
}
}
}
Component.onCompleted: {
loadData("prepend")
}
Timer {
triggeredOnStart: false; interval: 5*60*1000; running: true; repeat: true
onTriggered: {
console.log(title + ' ' +Date().toString())
loadData("prepend")
}
}
function loadData(mode){
var p = [];
2017-10-27 17:44:35 +03:00
if (params.length)
for(var i = 0; i<params.length; i++)
p.push(params[i])
if (mode === "append" && model.count){
p.push({name: 'max_id', data: model.get(model.count-1).id});
}
if (mode === "prepend" && model.count){
p.push({name:'since_id', data: model.get(0).id});
}
var msg = {
'action' : type,
'params' : p,
'model' : model,
'mode' : mode,
'conf' : Logic.conf
};
2018-05-24 12:14:02 +03:00
console.log(JSON.stringify(msg))
if (type !== "")
worker.sendMessage(msg);
}
2017-10-25 17:30:23 +03:00
}