2017-06-01 17:13:51 +03:00
|
|
|
import QtQuick 2.0
|
|
|
|
import Sailfish.Silica 1.0
|
|
|
|
import "../lib/API.js" as Logic
|
2017-06-07 08:56:42 +03:00
|
|
|
import "./components/"
|
2017-06-01 17:13:51 +03:00
|
|
|
|
|
|
|
|
|
|
|
Page {
|
2017-06-02 16:51:17 +03:00
|
|
|
id: mainPage
|
2022-11-16 20:50:40 +03:00
|
|
|
property bool debug: false
|
2017-06-07 17:09:41 +03:00
|
|
|
property bool isFirstPage: true
|
2020-05-29 21:05:05 +03:00
|
|
|
property bool isTablet: true //Screen.sizeCategory >= Screen.Large
|
2017-06-01 17:13:51 +03:00
|
|
|
|
|
|
|
allowedOrientations: Orientation.All
|
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
// Docked Navigation panel
|
2017-06-07 08:56:42 +03:00
|
|
|
DockedPanel {
|
|
|
|
id: infoPanel
|
|
|
|
open: true
|
2020-06-29 11:48:06 +03:00
|
|
|
width: isPortrait ? parent.width : Theme.itemSizeLarge
|
|
|
|
height: isPortrait ? Theme.itemSizeLarge : parent.height
|
|
|
|
dock: isPortrait ? Dock.Bottom : Dock.Right
|
2020-06-18 09:32:52 +03:00
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
NavigationPanel {
|
2017-06-07 08:56:42 +03:00
|
|
|
id: navigation
|
|
|
|
isPortrait: !mainPage.isPortrait
|
|
|
|
onSlideshowShow: {
|
2022-11-16 20:50:40 +03:00
|
|
|
if (debug) console.log(vIndex)
|
|
|
|
|
2017-06-07 08:56:42 +03:00
|
|
|
slideshow.positionViewAtIndex(vIndex, ListView.SnapToItem)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-25 18:54:02 +03:00
|
|
|
|
2017-06-07 17:09:41 +03:00
|
|
|
VisualItemModel {
|
|
|
|
id: visualModel
|
2020-06-18 09:32:52 +03:00
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
MyList {
|
2020-06-04 20:44:12 +03:00
|
|
|
id: tlHome
|
2017-06-07 17:09:41 +03:00
|
|
|
title: qsTr("Home")
|
|
|
|
type: "timelines/home"
|
|
|
|
mdl: Logic.modelTLhome
|
2020-06-29 11:48:06 +03:00
|
|
|
width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
|
2017-07-20 13:14:16 +03:00
|
|
|
height: parent.itemHeight
|
2020-06-29 11:48:06 +03:00
|
|
|
onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
|
2017-06-07 17:09:41 +03:00
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
MyList {
|
2020-06-04 20:44:12 +03:00
|
|
|
id: tlNotifications
|
2020-01-24 23:56:13 +03:00
|
|
|
title: qsTr("Notifications")
|
|
|
|
type: "notifications"
|
|
|
|
notifier: true
|
|
|
|
mdl: Logic.modelTLnotifications
|
2020-06-29 11:48:06 +03:00
|
|
|
width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
|
2017-07-20 13:14:16 +03:00
|
|
|
height: parent.itemHeight
|
2020-06-29 11:48:06 +03:00
|
|
|
onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
|
2017-06-07 17:09:41 +03:00
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
MyList {
|
2020-06-04 20:44:12 +03:00
|
|
|
id: tlLocal
|
2018-05-24 12:14:02 +03:00
|
|
|
title: qsTr("Local")
|
|
|
|
type: "timelines/public?local=true"
|
|
|
|
//params: ["local", true]
|
|
|
|
mdl: Logic.modelTLlocal
|
2020-06-29 11:48:06 +03:00
|
|
|
width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
|
2018-05-24 12:14:02 +03:00
|
|
|
height: parent.itemHeight
|
2020-06-29 11:48:06 +03:00
|
|
|
onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
|
2018-05-24 12:14:02 +03:00
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
MyList {
|
2020-06-04 20:44:12 +03:00
|
|
|
id: tlPublic
|
2020-01-24 23:56:13 +03:00
|
|
|
title: qsTr("Federated")
|
|
|
|
type: "timelines/public"
|
|
|
|
mdl: Logic.modelTLpublic
|
2020-06-29 11:48:06 +03:00
|
|
|
width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
|
2017-07-20 13:14:16 +03:00
|
|
|
height: parent.itemHeight
|
2020-06-29 11:48:06 +03:00
|
|
|
onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
|
2017-06-07 17:09:41 +03:00
|
|
|
}
|
2022-11-16 20:50:40 +03:00
|
|
|
MyList {
|
|
|
|
id: tlBookmarks
|
|
|
|
title: qsTr("Bookmarks")
|
|
|
|
type: "bookmarks"
|
|
|
|
mdl: Logic.modelTLbookmarks
|
|
|
|
width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
|
|
|
|
height: parent.itemHeight
|
|
|
|
onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
|
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
Item {
|
2020-06-04 12:17:06 +03:00
|
|
|
id: tlSearch
|
|
|
|
|
|
|
|
property ListModel mdl: ListModel {}
|
|
|
|
property string search
|
|
|
|
|
2020-06-29 11:48:06 +03:00
|
|
|
width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
|
2017-11-01 02:27:48 +03:00
|
|
|
height: parent.itemHeight
|
2017-06-22 15:49:39 +03:00
|
|
|
onSearchChanged: {
|
2022-11-16 20:50:40 +03:00
|
|
|
if (debug) console.log(search)
|
2020-07-12 10:12:34 +03:00
|
|
|
loader.sourceComponent = loading
|
2020-06-09 13:05:25 +03:00
|
|
|
if (search.charAt(0) === "@") {
|
|
|
|
loader.sourceComponent = userListComponent
|
|
|
|
} else if (search.charAt(0) === "#") {
|
2020-06-10 11:17:51 +03:00
|
|
|
loader.sourceComponent = tagListComponent
|
2020-06-18 09:32:52 +03:00
|
|
|
} else loader.sourceComponent = wordListComponent
|
2017-11-01 02:27:48 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
Loader {
|
|
|
|
id: loader
|
|
|
|
anchors.fill: parent
|
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
Column {
|
|
|
|
id: headerContainer
|
|
|
|
width: tlSearch.width
|
|
|
|
PageHeader {
|
|
|
|
title: qsTr("Search")
|
2017-06-22 15:49:39 +03:00
|
|
|
}
|
2020-06-18 09:32:52 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
SearchField {
|
|
|
|
id: searchField
|
|
|
|
width: parent.width
|
|
|
|
placeholderText: qsTr("@user or #term")
|
|
|
|
text: tlSearch.search
|
|
|
|
EnterKey.iconSource: "image://theme/icon-m-enter-close"
|
|
|
|
EnterKey.onClicked: {
|
|
|
|
tlSearch.search = text.toLowerCase().trim()
|
|
|
|
focus = false
|
2022-11-16 20:50:40 +03:00
|
|
|
if (debug) console.log(text)
|
2017-11-01 02:27:48 +03:00
|
|
|
}
|
2017-10-27 17:44:35 +03:00
|
|
|
}
|
2017-06-22 15:49:39 +03:00
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2020-07-12 10:12:34 +03:00
|
|
|
Component {
|
|
|
|
id: loading
|
|
|
|
BusyIndicator {
|
|
|
|
size: BusyIndicatorSize.Large
|
|
|
|
anchors.centerIn: parent
|
|
|
|
running: true
|
|
|
|
}
|
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
Component {
|
|
|
|
id: tagListComponent
|
|
|
|
MyList {
|
|
|
|
id: view
|
|
|
|
mdl: ListModel {}
|
|
|
|
width: parent.width
|
|
|
|
height: parent.height
|
2020-07-03 11:45:30 +03:00
|
|
|
onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
|
2017-11-01 02:27:48 +03:00
|
|
|
anchors.fill: parent
|
|
|
|
currentIndex: -1 // otherwise currentItem will steal focus
|
|
|
|
header: Item {
|
|
|
|
id: header
|
|
|
|
width: headerContainer.width
|
|
|
|
height: headerContainer.height
|
|
|
|
Component.onCompleted: headerContainer.parent = header
|
|
|
|
}
|
2017-06-09 01:23:12 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
delegate: VisualContainer
|
|
|
|
Component.onCompleted: {
|
|
|
|
view.type = "timelines/tag/"+tlSearch.search.substring(1)
|
2023-01-12 18:59:12 +03:00
|
|
|
if (mdl.count) {
|
2023-01-18 13:03:53 +03:00
|
|
|
view.loadData("append")
|
|
|
|
} else {
|
|
|
|
view.loadData("prepend")
|
2023-01-12 18:59:12 +03:00
|
|
|
}
|
2017-11-01 02:27:48 +03:00
|
|
|
}
|
2017-06-07 17:09:41 +03:00
|
|
|
}
|
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
Component {
|
|
|
|
id: userListComponent
|
|
|
|
MyList {
|
|
|
|
id: view2
|
|
|
|
mdl: ListModel {}
|
|
|
|
autoLoadMore: false
|
|
|
|
width: parent.width
|
|
|
|
height: parent.height
|
|
|
|
onOpenDrawer: infoPanel.open = setDrawer
|
|
|
|
anchors.fill: parent
|
|
|
|
currentIndex: -1 // otherwise currentItem will steal focus
|
|
|
|
header: Item {
|
|
|
|
id: header
|
|
|
|
width: headerContainer.width
|
|
|
|
height: headerContainer.height
|
|
|
|
Component.onCompleted: headerContainer.parent = header
|
|
|
|
}
|
2017-10-27 17:44:35 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
delegate: ItemUser {
|
|
|
|
onClicked: {
|
2020-05-29 21:05:05 +03:00
|
|
|
pageStack.push(Qt.resolvedUrl("ProfilePage.qml"), {
|
2020-01-16 00:19:51 +03:00
|
|
|
"display_name": model.account_display_name,
|
2017-11-01 02:27:48 +03:00
|
|
|
"username": model.account_acct,
|
|
|
|
"user_id": model.account_id,
|
2020-05-25 18:54:02 +03:00
|
|
|
"profileImage": model.account_avatar,
|
2020-06-16 17:09:28 +03:00
|
|
|
"profileBackground": model.account_header,
|
|
|
|
"note": model.account_note,
|
|
|
|
"url": model.account_url,
|
|
|
|
"followers_count": model.account_followers_count,
|
|
|
|
"following_count": model.account_following_count,
|
|
|
|
"statuses_count": model.account_statuses_count,
|
|
|
|
"locked": model.account_locked,
|
2020-06-18 19:40:24 +03:00
|
|
|
"bot": model.account_bot,
|
|
|
|
"group": model.account_group
|
2017-11-01 02:27:48 +03:00
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
2020-06-15 11:42:10 +03:00
|
|
|
|
2017-11-01 02:27:48 +03:00
|
|
|
Component.onCompleted: {
|
|
|
|
view2.type = "accounts/search"
|
|
|
|
view2.params = []
|
|
|
|
view2.params.push({name: 'q', data: tlSearch.search.substring(1)});
|
|
|
|
view2.loadData("append")
|
|
|
|
}
|
|
|
|
}
|
2017-10-27 17:44:35 +03:00
|
|
|
}
|
2020-06-09 13:05:25 +03:00
|
|
|
|
|
|
|
Component {
|
|
|
|
id: wordListComponent
|
|
|
|
MyList {
|
|
|
|
id: view3
|
|
|
|
mdl: ListModel {}
|
|
|
|
width: parent.width
|
|
|
|
height: parent.height
|
|
|
|
onOpenDrawer: infoPanel.open = setDrawer
|
|
|
|
anchors.fill: parent
|
|
|
|
currentIndex: -1 // otherwise currentItem will steal focus
|
|
|
|
header: Item {
|
|
|
|
id: header
|
|
|
|
width: headerContainer.width
|
|
|
|
height: headerContainer.height
|
|
|
|
Component.onCompleted: headerContainer.parent = header
|
|
|
|
}
|
|
|
|
|
|
|
|
delegate: VisualContainer
|
|
|
|
Component.onCompleted: {
|
2023-01-18 13:03:53 +03:00
|
|
|
view3.type = "timelines/tag/"+tlSearch.search
|
2023-01-12 18:59:12 +03:00
|
|
|
if (mdl.count) {
|
2023-01-18 13:03:53 +03:00
|
|
|
view3.loadData("append")
|
|
|
|
} else {
|
|
|
|
view3.loadData("prepend")
|
2023-01-12 18:59:12 +03:00
|
|
|
}
|
2020-06-09 13:05:25 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2017-06-07 17:09:41 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-07 08:56:42 +03:00
|
|
|
SlideshowView {
|
|
|
|
id: slideshow
|
|
|
|
width: parent.width
|
|
|
|
height: parent.height
|
2017-07-20 13:14:16 +03:00
|
|
|
itemWidth: isTablet ? Math.round(parent.width) : parent.width
|
|
|
|
itemHeight: height
|
2017-06-07 08:56:42 +03:00
|
|
|
clip: true
|
2020-07-03 11:45:30 +03:00
|
|
|
model: visualModel
|
2017-06-07 08:56:42 +03:00
|
|
|
onCurrentIndexChanged: {
|
|
|
|
navigation.slideshowIndexChanged(currentIndex)
|
2017-06-02 16:51:17 +03:00
|
|
|
}
|
2017-06-07 08:56:42 +03:00
|
|
|
anchors {
|
|
|
|
fill: parent
|
|
|
|
top: parent.top
|
2020-06-29 11:48:06 +03:00
|
|
|
rightMargin: isPortrait ? 0 : infoPanel.visibleSize
|
|
|
|
bottomMargin: isPortrait ? infoPanel.visibleSize : 0
|
2017-06-07 08:56:42 +03:00
|
|
|
}
|
2017-06-07 17:09:41 +03:00
|
|
|
Component.onCompleted: {
|
2017-06-07 08:56:42 +03:00
|
|
|
}
|
2017-06-01 17:13:51 +03:00
|
|
|
}
|
2017-07-20 13:14:16 +03:00
|
|
|
|
2017-06-08 01:53:54 +03:00
|
|
|
IconButton {
|
2020-06-05 19:38:15 +03:00
|
|
|
id: newToot
|
2020-05-29 21:05:05 +03:00
|
|
|
width: Theme.iconSizeLarge
|
|
|
|
height: width
|
|
|
|
visible: !isPortrait ? true : !infoPanel.open
|
|
|
|
icon.source: "image://theme/icon-l-add"
|
2017-06-08 01:53:54 +03:00
|
|
|
anchors {
|
|
|
|
right: (mainPage.isPortrait ? parent.right : infoPanel.left)
|
2020-06-29 11:48:06 +03:00
|
|
|
rightMargin: isPortrait ? Theme.paddingLarge : Theme.paddingLarge * 0.8
|
2017-06-08 01:53:54 +03:00
|
|
|
bottom: (mainPage.isPortrait ? infoPanel.top : parent.bottom)
|
2020-06-03 08:34:33 +03:00
|
|
|
bottomMargin: Theme.paddingLarge
|
2017-06-08 01:53:54 +03:00
|
|
|
}
|
|
|
|
onClicked: {
|
2020-05-29 21:05:05 +03:00
|
|
|
pageStack.push(Qt.resolvedUrl("ConversationPage.qml"), {
|
|
|
|
headerTitle: qsTr("New Toot"),
|
|
|
|
type: "new"
|
|
|
|
})
|
2017-06-08 01:53:54 +03:00
|
|
|
}
|
|
|
|
}
|
2017-06-01 17:13:51 +03:00
|
|
|
|
2020-06-15 11:42:10 +03:00
|
|
|
function onLinkActivated(href) {
|
2017-06-19 01:58:58 +03:00
|
|
|
var test = href.split("/")
|
2022-11-16 20:50:40 +03:00
|
|
|
debug = true
|
|
|
|
if (debug) {
|
|
|
|
console.log(href)
|
|
|
|
console.log(JSON.stringify(test))
|
|
|
|
console.log(JSON.stringify(test.length))
|
|
|
|
}
|
2017-06-19 01:58:58 +03:00
|
|
|
if (test.length === 5 && (test[3] === "tags" || test[3] === "tag") ) {
|
2017-06-22 15:49:39 +03:00
|
|
|
tlSearch.search = "#"+decodeURIComponent(test[4])
|
2022-11-16 20:50:40 +03:00
|
|
|
slideshow.positionViewAtIndex(5, ListView.SnapToItem)
|
2017-06-07 17:09:41 +03:00
|
|
|
navigation.navigateTo('search')
|
2022-11-30 18:50:50 +03:00
|
|
|
if (debug) console.log("search tag")
|
2017-06-07 08:56:42 +03:00
|
|
|
|
2020-01-24 23:56:13 +03:00
|
|
|
} else if (test.length === 4 && test[3][0] === "@" ) {
|
|
|
|
tlSearch.search = decodeURIComponent("@"+test[3].substring(1)+"@"+test[2])
|
2022-11-16 20:50:40 +03:00
|
|
|
slideshow.positionViewAtIndex(5, ListView.SnapToItem)
|
2020-01-24 23:56:13 +03:00
|
|
|
navigation.navigateTo('search')
|
|
|
|
|
2017-06-07 17:09:41 +03:00
|
|
|
} else {
|
2020-06-04 12:17:06 +03:00
|
|
|
Qt.openUrlExternally(href)
|
2017-06-07 17:09:41 +03:00
|
|
|
}
|
2017-06-01 17:13:51 +03:00
|
|
|
}
|
2020-06-03 08:34:33 +03:00
|
|
|
|
2018-05-24 12:14:02 +03:00
|
|
|
Component.onCompleted: {
|
2022-11-16 20:50:40 +03:00
|
|
|
//console.log("aaa")
|
2018-05-24 12:14:02 +03:00
|
|
|
}
|
2020-05-29 21:05:05 +03:00
|
|
|
}
|