271 lines
9.7 KiB
QML
271 lines
9.7 KiB
QML
/*
|
|
Copyright (C) 2013 Jolla Ltd.
|
|
Contact: Thomas Perl <thomas.perl@jollamobile.com>
|
|
All rights reserved.
|
|
|
|
You may use this file under the terms of BSD license as follows:
|
|
|
|
Redistribution and use in source and binary forms, with or without
|
|
modification, are permitted provided that the following conditions are met:
|
|
* Redistributions of source code must retain the above copyright
|
|
notice, this list of conditions and the following disclaimer.
|
|
* Redistributions in binary form must reproduce the above copyright
|
|
notice, this list of conditions and the following disclaimer in the
|
|
documentation and/or other materials provided with the distribution.
|
|
* Neither the name of the Jolla Ltd nor the
|
|
names of its contributors may be used to endorse or promote products
|
|
derived from this software without specific prior written permission.
|
|
|
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
|
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
|
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
|
|
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
|
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
|
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
|
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
|
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
import "../lib/API.js" as Logic
|
|
import "./components/"
|
|
|
|
|
|
Page {
|
|
id: mainPage
|
|
property bool isFirstPage: true
|
|
property bool isTablet: true; //Screen.sizeCategory >= Screen.Large
|
|
|
|
// The effective value will be restricted by ApplicationWindow.allowedOrientations
|
|
allowedOrientations: Orientation.All
|
|
|
|
DockedPanel {
|
|
id: infoPanel
|
|
open: true
|
|
width: mainPage.isPortrait ? parent.width : Theme.itemSizeLarge
|
|
height: mainPage.isPortrait ? Theme.itemSizeLarge : parent.height
|
|
dock: mainPage.isPortrait ? Dock.Bottom : Dock.Right
|
|
Navigation {
|
|
id: navigation
|
|
isPortrait: !mainPage.isPortrait
|
|
onSlideshowShow: {
|
|
console.log(vIndex)
|
|
slideshow.positionViewAtIndex(vIndex, ListView.SnapToItem)
|
|
}
|
|
}
|
|
}
|
|
VisualItemModel {
|
|
id: visualModel
|
|
MyList{
|
|
id: tlHome;
|
|
title: qsTr("Home")
|
|
type: "timelines/home"
|
|
mdl: Logic.modelTLhome
|
|
width: parent.itemWidth
|
|
height: parent.itemHeight
|
|
onOpenDrawer: infoPanel.open = setDrawer
|
|
}
|
|
MyList{
|
|
id: tlPublic;
|
|
title: qsTr("Federated")
|
|
type: "timelines/public"
|
|
mdl: Logic.modelTLpublic
|
|
width: parent.itemWidth
|
|
height: parent.itemHeight
|
|
onOpenDrawer: infoPanel.open = setDrawer
|
|
}
|
|
MyList{
|
|
id: tlLocal;
|
|
title: qsTr("Local")
|
|
type: "timelines/public?local=true"
|
|
//params: ["local", true]
|
|
mdl: Logic.modelTLlocal
|
|
width: parent.itemWidth
|
|
height: parent.itemHeight
|
|
onOpenDrawer: infoPanel.open = setDrawer
|
|
}
|
|
MyList{
|
|
id: tlNotifications;
|
|
title: qsTr("Notifications")
|
|
type: "notifications"
|
|
notifier: true
|
|
mdl: Logic.modelTLnotifications
|
|
width: parent.itemWidth
|
|
height: parent.itemHeight
|
|
onOpenDrawer: infoPanel.open = setDrawer
|
|
}
|
|
Item {
|
|
id: tlSearch;
|
|
width: parent.itemWidth
|
|
height: parent.itemHeight
|
|
property ListModel mdl: ListModel {}
|
|
property string search;
|
|
onSearchChanged: {
|
|
console.log(search)
|
|
loader.sourceComponent = loading
|
|
loader.sourceComponent = search.charAt(0) === "@" ? userListComponent : tagListComponent
|
|
}
|
|
|
|
Loader {
|
|
id: loader
|
|
anchors.fill: parent
|
|
}
|
|
Column {
|
|
id: headerContainer
|
|
width: tlSearch.width
|
|
PageHeader {
|
|
title: qsTr("Search")
|
|
}
|
|
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
|
|
console.log(text)
|
|
}
|
|
}
|
|
}
|
|
Component {
|
|
id: loading
|
|
BusyIndicator {
|
|
size: BusyIndicatorSize.Large
|
|
anchors.centerIn: parent
|
|
running: true
|
|
}
|
|
}
|
|
Component {
|
|
id: tagListComponent
|
|
MyList {
|
|
id: view
|
|
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: {
|
|
view.type = "timelines/tag/"+tlSearch.search.substring(1)
|
|
view.loadData("append")
|
|
}
|
|
}
|
|
}
|
|
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
|
|
}
|
|
|
|
delegate: ItemUser {
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("Profile.qml"), {
|
|
"displayname": model.account_username,
|
|
"username": model.account_acct,
|
|
"user_id": model.account_id,
|
|
"profileImage": model.account_avatar
|
|
})
|
|
}
|
|
}
|
|
Component.onCompleted: {
|
|
view2.type = "accounts/search"
|
|
view2.params = []
|
|
view2.params.push({name: 'q', data: tlSearch.search.substring(1)});
|
|
view2.loadData("append")
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
SlideshowView {
|
|
id: slideshow
|
|
width: parent.width
|
|
height: parent.height
|
|
itemWidth: isTablet ? Math.round(parent.width) : parent.width
|
|
itemHeight: height
|
|
clip: true
|
|
onCurrentIndexChanged: {
|
|
navigation.slideshowIndexChanged(currentIndex)
|
|
}
|
|
|
|
anchors {
|
|
fill: parent
|
|
leftMargin: 0
|
|
top: parent.top
|
|
topMargin: 0
|
|
rightMargin: mainPage.isPortrait ? 0 : infoPanel.visibleSize
|
|
bottomMargin: mainPage.isPortrait ? infoPanel.visibleSize : 0
|
|
}
|
|
model: visualModel
|
|
Component.onCompleted: {
|
|
}
|
|
}
|
|
|
|
IconButton {
|
|
anchors {
|
|
right: (mainPage.isPortrait ? parent.right : infoPanel.left)
|
|
bottom: (mainPage.isPortrait ? infoPanel.top : parent.bottom)
|
|
margins: {
|
|
left: Theme.paddingLarge
|
|
bottom: Theme.paddingLarge
|
|
}
|
|
}
|
|
|
|
id: newTweet
|
|
width: Theme.iconSizeLarge
|
|
height: width
|
|
visible: !isPortrait ? true : !infoPanel.open
|
|
icon.source: "image://theme/icon-l-add"
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("Conversation.qml"), {title: qsTr("New Toot"), type: "new"})
|
|
}
|
|
}
|
|
|
|
function onLinkActivated(href){
|
|
var test = href.split("/")
|
|
console.log(href)
|
|
console.log(JSON.stringify(test))
|
|
console.log(JSON.stringify(test.length))
|
|
if (test.length === 5 && (test[3] === "tags" || test[3] === "tag") ) {
|
|
tlSearch.search = "#"+decodeURIComponent(test[4])
|
|
slideshow.positionViewAtIndex(4, ListView.SnapToItem)
|
|
navigation.navigateTo('search')
|
|
|
|
} else {
|
|
pageStack.push(Qt.resolvedUrl("Browser.qml"), {"href" : href})
|
|
}
|
|
}
|
|
Component.onCompleted: {
|
|
console.log("aaa")
|
|
}
|
|
}
|
|
|