397 lines
16 KiB
QML
397 lines
16 KiB
QML
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
import QtGraphicalEffects 1.0
|
|
import "../lib/API.js" as Logic
|
|
import "./components/"
|
|
|
|
|
|
Page {
|
|
id: profilePage
|
|
|
|
property ListModel tweets
|
|
property string display_name: ""
|
|
property string username: ""
|
|
property string profileImage: ""
|
|
property string profileBackground: ""
|
|
property string note: ""
|
|
property string url: ""
|
|
property string user_id: ""
|
|
property int statuses_count
|
|
property int following_count
|
|
property int followers_count
|
|
property int favourites_count
|
|
property int reblogs_count
|
|
property int count_moments
|
|
property bool locked: false
|
|
property bool bot: false
|
|
property bool following: false
|
|
property bool requested: false
|
|
property bool followed_by: false
|
|
property bool blocking: false
|
|
property bool muting: false
|
|
property bool domain_blocking: false
|
|
property date created_at
|
|
|
|
WorkerScript {
|
|
id: worker
|
|
source: "../lib/Worker.js"
|
|
onMessage: {
|
|
console.log(JSON.stringify(messageObject))
|
|
if(messageObject.action.indexOf("accounts/search") > -1 ){
|
|
user_id = messageObject.data.id
|
|
followers_count = messageObject.data.followers_count
|
|
following_count = messageObject.data.following_count
|
|
username = messageObject.data.acct
|
|
display_name = messageObject.data.display_name
|
|
profileImage = messageObject.data.avatar_static
|
|
profileBackground = messageObject.data.header_static
|
|
|
|
var msg = {
|
|
'action' : "accounts/relationships/",
|
|
'params' : [ {name: "id", data: user_id}],
|
|
'conf' : Logic.conf
|
|
};
|
|
worker.sendMessage(msg);
|
|
list.loadData("prepend")
|
|
}
|
|
|
|
if(messageObject.action === "accounts/relationships/"){
|
|
console.log(JSON.stringify(messageObject))
|
|
following= messageObject.data.following
|
|
requested= messageObject.data.requested
|
|
followed_by= messageObject.data.followed_by
|
|
blocking= messageObject.data.blocking
|
|
muting= messageObject.data.muting
|
|
domain_blocking= messageObject.data.domain_blocking
|
|
}
|
|
switch (messageObject.key) {
|
|
case 'followers_count':
|
|
followers_count = messageObject.data
|
|
break;
|
|
case 'following_count':
|
|
following_count = messageObject.data
|
|
break;
|
|
case 'acct':
|
|
// line below was commented out, reason unknown
|
|
// username = messageObject.data
|
|
break;
|
|
case 'locked':
|
|
locked = messageObject.data
|
|
break;
|
|
case 'bot':
|
|
bot = messageObject.data
|
|
break;
|
|
case 'created_at':
|
|
created_at = messageObject.data
|
|
break;
|
|
case 'statuses_count':
|
|
statuses_count = messageObject.data
|
|
break;
|
|
case 'note':
|
|
note = messageObject.data
|
|
break;
|
|
case 'url':
|
|
url = messageObject.data
|
|
break;
|
|
case 'following':
|
|
following = messageObject.data
|
|
followers_count = followers_count + (following ? 1 : - 1)
|
|
break;
|
|
case 'muting':
|
|
muting = messageObject.data
|
|
break;
|
|
case 'blocking':
|
|
blocking = messageObject.data
|
|
followers_count = followers_count + (blocking ? -1 : 0)
|
|
break;
|
|
case 'followed_by':
|
|
followed_by = messageObject.data
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// The effective value will be restricted by ApplicationWindow.allowedOrientations
|
|
allowedOrientations: Orientation.All
|
|
Component.onCompleted: {
|
|
var msg
|
|
|
|
if (user_id) {
|
|
msg = {
|
|
'action' : "accounts/relationships/",
|
|
'params' : [ {name: "id", data: user_id}],
|
|
'conf' : Logic.conf
|
|
}
|
|
worker.sendMessage(msg)
|
|
msg = {
|
|
'action' : "accounts/"+user_id,
|
|
'conf' : Logic.conf
|
|
}
|
|
worker.sendMessage(msg)
|
|
} else {
|
|
var instance = Logic.conf['instance'].split("//")
|
|
msg = {
|
|
'action' : "accounts/search?limit=1&q="+username.replace("@"+instance[1], ""),
|
|
'conf' : Logic.conf
|
|
}
|
|
worker.sendMessage(msg)
|
|
}
|
|
}
|
|
|
|
MyList {
|
|
id: list
|
|
header: ProfileHeader {
|
|
id: profileHeader
|
|
title: display_name
|
|
description: username
|
|
image: profileImage
|
|
bg: profileBackground
|
|
}
|
|
clip: true
|
|
mdl: ListModel {}
|
|
type: "accounts/"+user_id+"/statuses"
|
|
vars: {}
|
|
conf: Logic.conf
|
|
anchors {
|
|
top: parent.top
|
|
bottom: profileExpander.top
|
|
left: parent.left
|
|
right: parent.right
|
|
}
|
|
}
|
|
|
|
ExpandingSectionGroup { // ProfilePage ExpandingSection
|
|
id: profileExpander
|
|
anchors {
|
|
bottom: parent.bottom
|
|
left: parent.left
|
|
right: parent.right
|
|
}
|
|
|
|
ExpandingSection {
|
|
id: expandingSection1
|
|
title:
|
|
//: If there's no good translation for "About", use "Details" (in details about profile).
|
|
qsTr("About")
|
|
content.sourceComponent: Column {
|
|
height: Math.min( txtContainer, parent.height * 0.7 )
|
|
spacing: Theme.paddingLarge
|
|
|
|
Item {
|
|
id: txtContainer
|
|
width: parent.width
|
|
height: Math.min( txtNote.height, parent.height * 0.55 )
|
|
visible: {
|
|
if ((note.text === "") || ( note.text === "<p></p>" )) {
|
|
false
|
|
} else {
|
|
true
|
|
}
|
|
}
|
|
|
|
SilicaFlickable {
|
|
id: txtFlickable
|
|
contentWidth: parent.width
|
|
contentHeight: txtNote.height
|
|
anchors.fill: parent
|
|
clip: true
|
|
|
|
VerticalScrollDecorator {}
|
|
|
|
Label {
|
|
id: txtNote
|
|
text: note
|
|
textFormat: Text.StyledText
|
|
color: Theme.secondaryColor
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
linkColor: Theme.highlightColor
|
|
wrapMode: Text.Wrap
|
|
width: parent.width - ( 2 * Theme.horizontalPageMargin )
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
onLinkActivated: {
|
|
var test = link.split("/")
|
|
console.log(link)
|
|
console.log(JSON.stringify(test))
|
|
console.log(JSON.stringify(test.length))
|
|
if (test.length === 5 && (test[3] === "tags" || test[3] === "tag") ) {
|
|
pageStack.pop(pageStack.find(function(page) {
|
|
var check = page.isFirstPage === true;
|
|
if (check)
|
|
page.onLinkActivated(link)
|
|
return check;
|
|
}));
|
|
send(link)
|
|
} else if (test.length === 4 && test[3][0] === "@" ) {
|
|
pageStack.pop(pageStack.find(function(page) {
|
|
var check = page.isFirstPage === true;
|
|
if (check)
|
|
page.onLinkActivated(link)
|
|
return check;
|
|
}));
|
|
} else {
|
|
Qt.openUrlExternally(link);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Item { // dummy item for spacing
|
|
height: Theme.paddingSmall
|
|
}
|
|
|
|
Row {
|
|
id: statsRow
|
|
spacing: Theme.paddingLarge
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.leftMargin: Theme.paddingLarge
|
|
anchors.rightMargin: Theme.paddingLarge
|
|
|
|
Text {
|
|
id: txtFollowers
|
|
visible: followers_count ? true : false
|
|
text: followers_count+" "+
|
|
//: Will show as: "35 Followers"
|
|
qsTr("Followers")
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: Theme.highlightColor
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
Text {
|
|
id: txtFollowing
|
|
visible: following_count ? true : false
|
|
text: following_count+" "+
|
|
//: Will show as: "23 Following"
|
|
qsTr("Following")
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: Theme.highlightColor
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
Text {
|
|
id: txtStatuses
|
|
visible: statuses_count ? true : false
|
|
text: statuses_count+" "+
|
|
//: Will show as: "115 Statuses"
|
|
qsTr("Statuses")
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: Theme.highlightColor
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
/*Text {
|
|
id: txtFavourites
|
|
visible: favourites_count ? true : false
|
|
text: favourites_count+" "+
|
|
//: Will show as: "56 Favourites"
|
|
qsTr("Favourites")
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: Theme.highlightColor
|
|
wrapMode: Text.Wrap
|
|
} */
|
|
}
|
|
|
|
Item { // dummy item for spacing
|
|
height: Theme.paddingSmall
|
|
}
|
|
|
|
ButtonLayout {
|
|
id: btnLayout
|
|
Button {
|
|
id: btnMention
|
|
preferredWidth: Theme.buttonWidthSmall
|
|
text: qsTr("Mention")
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("ConversationPage.qml"), {
|
|
headerTitle: qsTr("Mention"),
|
|
description: "@"+username,
|
|
type: "new"
|
|
})
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: btnFollow
|
|
preferredWidth: Theme.buttonWidthSmall
|
|
text: (following ?
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Unfollow") : (requested ?
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Requested") :
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Follow")))
|
|
color: (following ? highlightColor : (requested ? palette.errorColor : palette.primaryColor))
|
|
onClicked: {
|
|
var msg = {
|
|
'method' : 'POST',
|
|
'params' : [],
|
|
'action' : "accounts/" + user_id + (following ? '/unfollow':'/follow'),
|
|
'conf' : Logic.conf
|
|
};
|
|
worker.sendMessage(msg);
|
|
// to-do: create notification banner "Follow request sent!"
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: btnMute
|
|
preferredWidth: Theme.buttonWidthSmall
|
|
text: (muting ?
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Unmute") :
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Mute"))
|
|
color: (muting ? palette.errorColor : palette.primaryColor)
|
|
onClicked: {
|
|
var msg = {
|
|
'method' : 'POST',
|
|
'params' : [],
|
|
'action' : "accounts/" + user_id + (muting ? '/unmute':'/mute'),
|
|
'conf' : Logic.conf
|
|
};
|
|
worker.sendMessage(msg);
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: btnBlock
|
|
preferredWidth: Theme.buttonWidthSmall
|
|
text: (blocking ?
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Unblock") :
|
|
//: Is a button. Keep it as short as possible.
|
|
qsTr("Block") )
|
|
color: (blocking ? palette.errorColor : palette.primaryColor)
|
|
onClicked: {
|
|
var msg = {
|
|
'method' : 'POST',
|
|
'params' : [],
|
|
'action' : "accounts/" + user_id + (blocking ? '/unblock':'/block'),
|
|
'conf' : Logic.conf
|
|
};
|
|
worker.sendMessage(msg);
|
|
}
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: btnBrowser
|
|
text: qsTr("Open in Browser")
|
|
preferredWidth: Theme.buttonWidthMedium
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
onClicked: {
|
|
Qt.openUrlExternally(url)
|
|
}
|
|
}
|
|
|
|
Rectangle { // dummy item for spacing
|
|
height: Theme.paddingSmall
|
|
width: parent.width
|
|
opacity: 0
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|