428 lines
18 KiB
QML
428 lines
18 KiB
QML
/*
|
|
Copyright (C) 2020 Sebastian J. Wolf and other contributors
|
|
|
|
This file is part of Fernschreiber.
|
|
|
|
Fernschreiber is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
Fernschreiber is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with Fernschreiber. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
import QtQuick 2.6
|
|
import Sailfish.Silica 1.0
|
|
import "../js/debug.js" as Debug
|
|
import "../js/twemoji.js" as Emoji
|
|
import "../js/functions.js" as Functions
|
|
|
|
Loader {
|
|
id: inlineQueryLoader
|
|
active: userName.length > 1
|
|
asynchronous: true
|
|
anchors.fill: parent
|
|
property bool hasOverlay: active && userNameIsValid && status === Loader.Ready && item.overlay && item.overlay.status === Loader.Ready
|
|
property bool hasButton: active && userNameIsValid && status === Loader.Ready && item.button && item.button.status === Loader.Ready
|
|
|
|
property int buttonPadding: hasButton ? item.button.height + Theme.paddingSmall : 0
|
|
Behavior on buttonPadding { NumberAnimation { duration: 200} }
|
|
|
|
property string chatId
|
|
property string userName
|
|
property bool userNameIsValid: userName !== "" && inlineBotInformation && userName === inlineBotInformation.username
|
|
property string query
|
|
property int currentOffset: 0
|
|
property string responseExtra: chatId+"|"+userName+"|"+query+"|"+currentOffset
|
|
|
|
property bool queued: false
|
|
property TextArea textField
|
|
property bool isLoading
|
|
onIsLoadingChanged: {
|
|
requestTimeout.start();
|
|
}
|
|
|
|
onStatusChanged: {
|
|
inlineBotInformation = null;
|
|
if(status === Loader.Ready && userName !== "") {
|
|
isLoading = true; inlineQueryLoader.chatId
|
|
tdLibWrapper.searchPublicChat(userName, false);
|
|
}
|
|
}
|
|
|
|
onUserNameChanged: {
|
|
inlineBotInformation = null;
|
|
|
|
if(status === Loader.Ready && userName !== "") {
|
|
isLoading = true;
|
|
tdLibWrapper.searchPublicChat(userName, false);
|
|
}
|
|
}
|
|
|
|
onQueryChanged: {
|
|
if(userName.length > 0) {
|
|
isLoading = true;
|
|
requestTimer.start();
|
|
}
|
|
}
|
|
property var inlineBotInformation: null
|
|
|
|
|
|
function handleQuery(name, query, offset) {
|
|
if(!name) {
|
|
inlineQueryLoader.userName = "";
|
|
inlineQueryLoader.query = "";
|
|
return;
|
|
}
|
|
if(inlineQueryLoader.userName !== name) {
|
|
inlineQueryLoader.userName = name
|
|
}
|
|
if(inlineQueryLoader.query !== query) {
|
|
inlineQueryLoader.query = query
|
|
}
|
|
inlineQueryLoader.currentOffset = offset || 0
|
|
}
|
|
function request() {
|
|
if(!inlineBotInformation || !userNameIsValid) {
|
|
queued = true;
|
|
} else {
|
|
queued = false;
|
|
var location = null;
|
|
if(inlineBotInformation.type.need_location && fernschreiberUtils.supportsGeoLocation()) {
|
|
// TODO add location
|
|
fernschreiberUtils.startGeoLocationUpdates();
|
|
if(!attachmentPreviewRow.locationData.latitude) {
|
|
queued = true;
|
|
return;
|
|
}
|
|
|
|
}
|
|
tdLibWrapper.getInlineQueryResults(inlineBotInformation.id, chatId, location, query, inlineQueryLoader.currentOffset, inlineQueryLoader.responseExtra);
|
|
isLoading = true;
|
|
}
|
|
}
|
|
Timer {
|
|
id: requestTimeout
|
|
interval: 5000
|
|
onTriggered: {
|
|
inlineQueryLoader.isLoading = false;
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: requestTimer
|
|
interval: 1000
|
|
onTriggered: {
|
|
request();
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: fernschreiberUtils
|
|
onNewPositionInformation: {
|
|
attachmentPreviewRow.locationData = positionInformation;
|
|
if (inlineQueryLoader.queued) {
|
|
inlineQueryLoader.queued = false;
|
|
inlineQueryLoader.request()
|
|
}
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: textField
|
|
onTextChanged: {
|
|
if(textField.text.charAt(0) === '@') {
|
|
var queryMatch = textField.text.match(/^@([a-zA-Z0-9_]+)\s(.*)/);
|
|
if(queryMatch) {
|
|
inlineQueryLoader.handleQuery(queryMatch[1], queryMatch[2]);
|
|
} else {
|
|
inlineQueryLoader.handleQuery();
|
|
}
|
|
} else {
|
|
inlineQueryLoader.handleQuery();
|
|
}
|
|
}
|
|
}
|
|
|
|
sourceComponent: Component {
|
|
Item {
|
|
id: inlineQueryComponent
|
|
anchors.fill: parent
|
|
property alias overlay: resultsOverlay
|
|
property alias button: switchToPmLoader
|
|
property string nextOffset
|
|
property string inlineQueryId
|
|
property string switchPmText
|
|
property string switchPmParameter
|
|
property ListModel resultModel: ListModel {
|
|
dynamicRoles: true
|
|
}
|
|
|
|
property string inlineQueryPlaceholder: inlineBotInformation ? inlineBotInformation.type.inline_query_placeholder : ""
|
|
property bool showInlineQueryPlaceholder: !!inlineQueryPlaceholder && query === ""
|
|
property string useDelegateSize: "default"
|
|
property var dimensions: ({
|
|
"default": [[Screen.width, Screen.height / 2], [Theme.itemSizeLarge, Theme.itemSizeLarge]], // whole line (portrait half)
|
|
"inlineQueryResultAnimation": [[Screen.width / 3, Screen.height / 6], [Screen.width / 3, Screen.height / 6]],
|
|
"inlineQueryResultVideo": [[Screen.width / 2, Screen.height / 4], [Theme.itemSizeLarge, Theme.itemSizeLarge]],
|
|
"inlineQueryResultSticker": [[Screen.width / 3, Screen.height / 6], [Screen.width / 3, Screen.height / 6]],
|
|
"inlineQueryResultPhoto": [[Screen.width/2, Screen.height / 3], [Theme.itemSizeExtraLarge, Theme.itemSizeExtraLarge]],
|
|
})
|
|
property int delegateWidth: chatPage.isPortrait ? dimensions[useDelegateSize][0][0] : dimensions[useDelegateSize][0][1]
|
|
property int delegateHeight: chatPage.isPortrait ? dimensions[useDelegateSize][1][0] : dimensions[useDelegateSize][1][1]
|
|
|
|
function setDelegateSizes() {
|
|
var sizeKey = "default";
|
|
var modelCount = resultModel.count;
|
|
if(modelCount > 0) {
|
|
var firstType = resultModel.get(0)["@type"];
|
|
if(firstType && dimensions[firstType]) {
|
|
var startIndex = inlineQueryLoader.currentOffset === 0 ? 1 : inlineQueryLoader.currentOffset;
|
|
var same = true;
|
|
for(var i = startIndex; i < modelCount; i += 1) {
|
|
if(resultModel.get(i)["@type"] !== firstType) {
|
|
same = false;
|
|
continue;
|
|
}
|
|
}
|
|
if(same) {
|
|
sizeKey = firstType;
|
|
}
|
|
}
|
|
}
|
|
useDelegateSize = sizeKey;
|
|
}
|
|
function loadMore() {
|
|
if(nextOffset && inlineQueryLoader.userNameIsValid) {
|
|
inlineQueryLoader.currentOffset = nextOffset;
|
|
inlineQueryLoader.request();
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: tdLibWrapper
|
|
|
|
onChatReceived: {
|
|
if(chat["@extra"] === "searchPublicChat:"+inlineQueryLoader.userName) {
|
|
requestTimeout.stop();
|
|
inlineQueryLoader.isLoading = false;
|
|
var inlineBotInformation = tdLibWrapper.getUserInformation(chat.type.user_id);
|
|
if(inlineBotInformation && inlineBotInformation.type["@type"] === "userTypeBot" && inlineBotInformation.type.is_inline) {
|
|
inlineQueryLoader.inlineBotInformation = inlineBotInformation;
|
|
requestTimer.start();
|
|
}
|
|
}
|
|
}
|
|
onInlineQueryResults: {
|
|
if(extra === inlineQueryLoader.responseExtra) {
|
|
requestTimeout.stop();
|
|
inlineQueryLoader.isLoading = false;
|
|
inlineQueryComponent.inlineQueryId = inlineQueryId
|
|
inlineQueryComponent.nextOffset = nextOffset
|
|
inlineQueryComponent.switchPmText = switchPmText
|
|
inlineQueryComponent.switchPmParameter = switchPmParameter
|
|
|
|
if(inlineQueryLoader.currentOffset === 0) {
|
|
inlineQueryComponent.resultModel.clear()
|
|
}
|
|
for(var i = 0; i < results.length; i++) {
|
|
inlineQueryComponent.resultModel.append(results[i]);
|
|
}
|
|
|
|
if(inlineQueryLoader.currentOffset === 0 || inlineQueryLoader.useDelegateSize !== "default") {
|
|
inlineQueryComponent.setDelegateSizes()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// switch to pm Button
|
|
Loader {
|
|
id: switchToPmLoader
|
|
asynchronous: true
|
|
active: inlineQueryComponent.switchPmText.length > 0
|
|
opacity: status === Loader.Ready ? 1.0 : 0.0
|
|
Behavior on opacity { FadeAnimation {} }
|
|
// onActiveChanged: {
|
|
// inlineQueryLoader.buttonPadding = active ? height + Theme.paddingSmall : 0
|
|
// if(active) {
|
|
// newMessageColumn.topPadding = Theme.itemSizeExtraSmall + Theme.paddingSmall
|
|
// } else {
|
|
|
|
// newMessageColumn.topPadding = heme.paddingSmall
|
|
// }
|
|
// }
|
|
|
|
height: Theme.itemSizeSmall
|
|
anchors {
|
|
top: parent.bottom
|
|
topMargin: Theme.paddingSmall
|
|
left: parent.left
|
|
leftMargin: Theme.horizontalPageMargin
|
|
right: parent.right
|
|
rightMargin: Theme.horizontalPageMargin
|
|
}
|
|
|
|
sourceComponent: Component {
|
|
|
|
MouseArea {
|
|
id: customButton
|
|
onClicked: {
|
|
Debug.log("now we should switch to pm somehow ;) ooooor: ")
|
|
tdLibWrapper.createPrivateChat(inlineQueryLoader.inlineBotInformation.id, "openAndSendStartToBot:"+(inlineQueryComponent.switchPmParameter.length > 0 ? " "+inlineQueryComponent.switchPmParameter:""));
|
|
}
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: Theme.paddingSmall
|
|
color: parent.pressed ? Theme.highlightBackgroundColor : Theme.rgba(Theme.DarkOnLight ? Qt.lighter(Theme.primaryColor) : Qt.darker(Theme.primaryColor), Theme.opacityFaint)
|
|
Label {
|
|
anchors {
|
|
fill: parent
|
|
leftMargin: Theme.paddingLarge
|
|
rightMargin: Theme.paddingLarge
|
|
}
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
|
|
fontSizeMode: Text.Fit;
|
|
minimumPixelSize: Theme.fontSizeTiny;
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
|
|
color: customButton.pressed ? Theme.highlightColor : Theme.primaryColor
|
|
text: Emoji.emojify(inlineQueryComponent.switchPmText, font.pixelSize)// + "we are gonna make this a bit longer"
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
// results grid overlay
|
|
Loader {
|
|
id: resultsOverlay
|
|
asynchronous: true
|
|
active: inlineQueryComponent.resultModel.count > 0
|
|
anchors.fill: parent
|
|
opacity: !!item ? 1.0 : 0.0
|
|
Behavior on opacity { FadeAnimation {} }
|
|
property var supportedResultTypes: [
|
|
"inlineQueryResultAnimation",
|
|
"inlineQueryResultArticle",
|
|
"inlineQueryResultAudio",
|
|
"inlineQueryResultContact",
|
|
"inlineQueryResultDocument",
|
|
"inlineQueryResultGame",
|
|
"inlineQueryResultLocation",
|
|
"inlineQueryResultPhoto",
|
|
"inlineQueryResultSticker",
|
|
"inlineQueryResultVenue",
|
|
"inlineQueryResultVideo",
|
|
"inlineQueryResultVoiceNote",
|
|
]
|
|
sourceComponent: Component {
|
|
Item {
|
|
Rectangle {
|
|
id: messageContentBackground
|
|
color: Theme.overlayBackgroundColor
|
|
opacity: 0.7
|
|
anchors.fill: parent
|
|
// MouseArea {
|
|
// anchors.fill: parent
|
|
// onClicked: {
|
|
// // handleQuery();
|
|
// }
|
|
// }
|
|
}
|
|
Timer {
|
|
id: autoLoadMoreTimer
|
|
interval: 400
|
|
onTriggered: {
|
|
if (inlineQueryComponent.nextOffset && resultView.height > resultView.contentHeight - Theme.itemSizeHuge) {
|
|
inlineQueryComponent.loadMore();
|
|
}
|
|
}
|
|
}
|
|
|
|
SilicaGridView {
|
|
id: resultView
|
|
anchors.fill: parent
|
|
cellWidth: inlineQueryComponent.delegateWidth
|
|
cellHeight: inlineQueryComponent.delegateHeight
|
|
|
|
signal requestPlayback(url playbackSource)
|
|
clip: true
|
|
model: inlineQueryComponent.resultModel
|
|
delegate: Loader {
|
|
id: queryResultDelegate
|
|
// asynchronous: true
|
|
height: resultView.cellHeight
|
|
width: resultView.cellWidth
|
|
// TODO: if all are the same, use global?
|
|
source: "inlineQueryResults/" + (resultsOverlay.supportedResultTypes.indexOf(model["@type"]) > -1 ? (model["@type"].charAt(0).toUpperCase() + model["@type"].substring(1)) : "InlineQueryResultDefaultBase") +".qml"
|
|
// Component.onCompleted: {
|
|
// Debug.log("delegate", source)
|
|
// }
|
|
}
|
|
footer: Component {
|
|
Item {
|
|
width: resultView.width
|
|
visible: height > 0
|
|
height: inlineQueryComponent.nextOffset ? Theme.itemSizeLarge : 0
|
|
Behavior on height { NumberAnimation { duration: 500 } }
|
|
}
|
|
}
|
|
|
|
onContentYChanged: {
|
|
if(!inlineQueryLoader.isLoading && inlineQueryComponent.nextOffset && contentHeight - contentY - height < Theme.itemSizeHuge) {
|
|
|
|
inlineQueryComponent.loadMore();
|
|
|
|
}
|
|
}
|
|
ScrollDecorator { flickable: resultView }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// textarea placeholder
|
|
Loader {
|
|
asynchronous: true
|
|
active: inlineQueryComponent.showInlineQueryPlaceholder
|
|
// onActiveChanged: {
|
|
// Debug.log("inline: placeholder active changed", active)
|
|
// }
|
|
|
|
sourceComponent: Component {
|
|
Label {
|
|
text: Emoji.emojify(inlineQueryComponent.inlineQueryPlaceholder, font.pixelSize);
|
|
parent: textField
|
|
anchors.fill: parent
|
|
anchors.leftMargin: textMetrics.boundingRect.width + Theme.paddingSmall
|
|
font: textField.font
|
|
color: Theme.secondaryColor
|
|
|
|
truncationMode: TruncationMode.Fade
|
|
TextMetrics {
|
|
id: textMetrics
|
|
font: textField.font
|
|
text: textField.text
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|