298 lines
11 KiB
QML
298 lines
11 KiB
QML
import QtQuick 2.2
|
|
import Sailfish.Silica 1.0
|
|
import "../../lib/API.js" as Logic
|
|
|
|
BackgroundItem {
|
|
|
|
id: delegate
|
|
signal send (string notice)
|
|
signal navigateTo(string link)
|
|
width: parent.width
|
|
height: mnu.height + miniHeader.height + (typeof attachments !== "undefined" && attachments.count ? media.height + Theme.paddingLarge + Theme.paddingMedium: Theme.paddingLarge) + lblContent.height + Theme.paddingLarge + (ministatus.visible ? ministatus.height : 0)
|
|
Rectangle {
|
|
x: 0;
|
|
y: 0;
|
|
visible: status_visibility == 'direct'
|
|
width: parent.width
|
|
height: parent.height
|
|
opacity: 0.3
|
|
color: Theme.highlightBackgroundColor;
|
|
}
|
|
|
|
MiniStatus {
|
|
id: ministatus
|
|
anchors {
|
|
leftMargin: Theme.horizontalPageMargin
|
|
rightMargin: Theme.horizontalPageMargin
|
|
top: parent.top
|
|
topMargin: Theme.paddingMedium
|
|
}
|
|
}
|
|
Image {
|
|
id: avatar
|
|
anchors {
|
|
top: ministatus.visible ? ministatus.bottom : parent.top
|
|
topMargin: ministatus.visible ? Theme.paddingMedium : Theme.paddingLarge
|
|
left: parent.left
|
|
leftMargin: Theme.horizontalPageMargin
|
|
}
|
|
opacity: status === Image.Ready ? 1.0 : 0.0
|
|
Behavior on opacity { FadeAnimator {} }
|
|
asynchronous: true
|
|
width: Theme.iconSizeMedium
|
|
height: width
|
|
smooth: true
|
|
source: account_avatar
|
|
visible: true
|
|
onStatusChanged: {
|
|
if (avatar.status === Image.Error)
|
|
source = "image://theme/icon-m-person?" + (pressed
|
|
? Theme.highlightColor
|
|
: Theme.primaryColor)
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("../Profile.qml"), {
|
|
"displayname": model.account_username,
|
|
"username": model.account_acct,
|
|
"user_id": model.account_id,
|
|
"profileImage": model.account_avatar
|
|
})
|
|
}
|
|
|
|
}
|
|
|
|
Image {
|
|
id: iconTR
|
|
anchors {
|
|
top: avatar.bottom
|
|
topMargin: Theme.paddingMedium
|
|
left: avatar.left
|
|
}
|
|
visible: typeof status_reblogged !== "undefined" && status_reblogged
|
|
width: Theme.iconSizeExtraSmall
|
|
height: width
|
|
source: "image://theme/icon-s-retweet"
|
|
}
|
|
Rectangle {
|
|
color: Theme.highlightDimmerColor
|
|
width: Theme.iconSizeSmall
|
|
height: width
|
|
visible: typeof status_reblog !== "undefined" && status_reblog
|
|
anchors {
|
|
bottom: parent.bottom
|
|
bottomMargin: -width/3
|
|
left: parent.left
|
|
leftMargin: -width/3
|
|
}
|
|
Image {
|
|
asynchronous: true
|
|
width: Theme.iconSizeSmall
|
|
height: width
|
|
smooth: true
|
|
opacity: status === Image.Ready ? 1.0 : 0.0
|
|
Behavior on opacity { FadeAnimator {} }
|
|
source: typeof reblog_account_avatar !== "undefined" ? reblog_account_avatar : ''
|
|
visible: typeof status_reblog !== "undefined" && status_reblog
|
|
}
|
|
}
|
|
}
|
|
MiniHeader {
|
|
id: miniHeader
|
|
anchors {
|
|
top: avatar.top
|
|
left: avatar.right
|
|
right: parent.right
|
|
}
|
|
}
|
|
Label {
|
|
id: lblContent
|
|
anchors {
|
|
left: miniHeader.left
|
|
leftMargin: Theme.paddingMedium
|
|
right: miniHeader.right
|
|
rightMargin: Theme.horizontalPageMargin
|
|
top: miniHeader.bottom
|
|
topMargin: Theme.paddingSmall
|
|
bottomMargin: Theme.paddingLarge
|
|
}
|
|
height: content.length ? (contentWarningLabel.paintedHeight > paintedHeight ? contentWarningLabel.paintedHeight : paintedHeight) : 0
|
|
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.push(Qt.resolvedUrl("../Profile.qml"), {
|
|
"name": "",
|
|
"username": test[3].substring(1),
|
|
"profileImage": ""
|
|
})
|
|
} else {
|
|
pageStack.push(Qt.resolvedUrl("../Browser.qml"), {"href" : link})
|
|
}
|
|
}
|
|
text: content.replace(new RegExp("<a ", 'g'), '<a style="text-decoration: none; color:'+(pressed ? Theme.secondaryColor : Theme.highlightColor)+'" ')
|
|
textFormat: Text.RichText
|
|
linkColor : Theme.highlightColor
|
|
wrapMode: Text.Wrap
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: (pressed ? Theme.highlightColor : (!highlight ? Theme.primaryColor : Theme.secondaryColor))
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: 2
|
|
color: Theme.highlightDimmerColor
|
|
visible: status_spoiler_text.length > 0
|
|
Label {
|
|
id: contentWarningLabel
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors {
|
|
topMargin: Theme.paddingSmall
|
|
left: parent.left
|
|
leftMargin: Theme.paddingMedium
|
|
centerIn: parent
|
|
right: parent.right
|
|
rightMargin: Theme.paddingMedium
|
|
bottomMargin: Theme.paddingSmall
|
|
}
|
|
width: parent.width
|
|
truncationMode: TruncationMode.Fade
|
|
color: Theme.highlightColor
|
|
wrapMode: Text.WordWrap
|
|
text: model.status_spoiler_text
|
|
}
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: parent.visible = false;
|
|
}
|
|
|
|
}
|
|
}
|
|
MediaBlock {
|
|
id: media
|
|
anchors {
|
|
left: lblContent.left
|
|
right: lblContent.right
|
|
top: lblContent.bottom
|
|
topMargin: Theme.paddingSmall
|
|
bottomMargin: Theme.paddingLarge
|
|
}
|
|
model: typeof attachments !== "undefined" ? attachments : Qt.createQmlObject('import QtQuick 2.0; ListModel { }', Qt.application, 'InternalQmlObject');
|
|
height: 100
|
|
}
|
|
ContextMenu {
|
|
id: mnu
|
|
MenuItem {
|
|
enabled: model.type !== "follow"
|
|
text: typeof model.reblogged !== "undefined" && model.reblogged ? qsTr("Unboost") : qsTr("Boost")
|
|
onClicked: {
|
|
var status = typeof model.reblogged !== "undefined" && model.reblogged
|
|
worker.sendMessage({
|
|
"conf" : Logic.conf,
|
|
"params" : [],
|
|
"method" : "POST",
|
|
"bgAction": true,
|
|
"action" : "statuses/"+model.status_id+"/" + (status ? "unreblog" : "reblog")
|
|
})
|
|
model.reblogs_count = !status ? model.reblogs_count+1 : (model.reblogs_count > 0 ? model.reblogs_count-1 : model.reblogs_count);
|
|
model.reblogged = !model.reblogged
|
|
}
|
|
Image {
|
|
id: icRT
|
|
anchors {
|
|
leftMargin: Theme.horizontalPageMargin
|
|
left: parent.left
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
width: Theme.iconSizeExtraSmall
|
|
height: width
|
|
source: "image://theme/icon-s-retweet?" + (!model.reblogged ? Theme.highlightColor : Theme.primaryColor)
|
|
}
|
|
Label {
|
|
anchors {
|
|
left: icRT.right
|
|
leftMargin: Theme.paddingMedium
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
text: reblogs_count
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: !model.reblogged ? Theme.highlightColor : Theme.primaryColor
|
|
}
|
|
}
|
|
MenuItem {
|
|
enabled: model.type !== "follow"
|
|
text: typeof model.favourited !== "undefined" && model.favourited ? qsTr("Unfavorite") : qsTr("Favorite")
|
|
onClicked: {
|
|
var status = typeof model.favourited !== "undefined" && model.favourited
|
|
worker.sendMessage({
|
|
"conf" : Logic.conf,
|
|
"params" : [],
|
|
"method" : "POST",
|
|
"bgAction": true,
|
|
"action" : "statuses/"+model.status_id+"/" + (status ? "unfavourite" : "favourite")
|
|
})
|
|
model.favourites_count = !status ? model.favourites_count+1 : (model.favourites_count > 0 ? model.favourites_count-1 : model.favourites_count);
|
|
model.favourited = !model.favourited
|
|
}
|
|
Image {
|
|
id: icFA
|
|
anchors {
|
|
leftMargin: Theme.horizontalPageMargin
|
|
left: parent.left
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
width: Theme.iconSizeExtraSmall
|
|
height: width
|
|
source: "image://theme/icon-s-favorite?" + (!model.favourited ? Theme.highlightColor : Theme.primaryColor)
|
|
}
|
|
Label {
|
|
anchors {
|
|
left: icFA.right
|
|
leftMargin: Theme.paddingMedium
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
text: favourites_count
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: !model.favourited ? Theme.highlightColor : Theme.primaryColor
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
onClicked: {
|
|
var m = Qt.createQmlObject('import QtQuick 2.0; ListModel { }', Qt.application, 'InternalQmlObject');
|
|
m.append(mdl.get(index))
|
|
pageStack.push(Qt.resolvedUrl("../Conversation.qml"), {
|
|
toot_id: status_id,
|
|
title: account_display_name,
|
|
description: '@'+account_acct,
|
|
avatar: account_avatar,
|
|
mdl: m,
|
|
type: "reply"
|
|
})
|
|
}
|
|
onPressAndHold: {
|
|
console.log(model['status_sensitive'])
|
|
console.log(model['status_spoiler_text'])
|
|
console.log(model['type'])
|
|
mnu.show(delegate)
|
|
}
|
|
onDoubleClicked: {
|
|
console.log("double click")
|
|
}
|
|
|
|
}
|