145 lines
4.9 KiB
QML
145 lines
4.9 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 "./"
|
|
import "../"
|
|
import "../../pages"
|
|
|
|
Item {
|
|
id: tabViewItem
|
|
property alias count: tabView.count
|
|
height: Screen.width
|
|
opacity: count > 0 ? 1.0 : 0.0
|
|
Behavior on height { PropertyAnimation {duration: 300}}
|
|
Behavior on opacity { PropertyAnimation {duration: 300}}
|
|
|
|
Item {
|
|
id: tabViewHeader
|
|
/*
|
|
* Tab view was prepared for
|
|
* shared media/links/…, but for this
|
|
* we need message search with filters
|
|
*/
|
|
|
|
height: visible ? headerGrid.height : 0
|
|
clip: true
|
|
visible: tabView.count > 0
|
|
|
|
anchors {
|
|
left: parent.left
|
|
right: parent.right
|
|
top: parent.top
|
|
}
|
|
|
|
Grid {
|
|
id: headerGrid
|
|
width: parent.width
|
|
columns: tabView.count
|
|
Repeater {
|
|
model: tabModel
|
|
delegate: BackgroundItem {
|
|
id: headerItem
|
|
property bool loaded: image !== "" && title !== ""
|
|
width: loaded ? (headerGrid.width / tabView.count) : 0
|
|
opacity: loaded ? 1.0 : 0.0
|
|
|
|
Behavior on opacity { FadeAnimation {}}
|
|
height: Theme.itemSizeLarge
|
|
property int itemIndex: index
|
|
property bool itemIsActive: tabView.currentIndex === itemIndex
|
|
Icon {
|
|
id: headerIcon
|
|
source: image
|
|
highlighted: headerItem.pressed || headerItem.itemIsActive
|
|
anchors {
|
|
top: parent.top
|
|
horizontalCenter: parent.horizontalCenter
|
|
}
|
|
}
|
|
Label {
|
|
text: title
|
|
width: parent.width
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.top: headerIcon.bottom
|
|
highlighted: headerItem.pressed || headerItem.itemIsActive
|
|
font.pixelSize: Theme.fontSizeTiny
|
|
}
|
|
onClicked: {
|
|
pageContent.scrollDown()
|
|
tabView.openTab(itemIndex)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: tabView
|
|
orientation: ListView.Horizontal
|
|
clip: true
|
|
snapMode: ListView.SnapOneItem
|
|
highlightRangeMode: ListView.StrictlyEnforceRange
|
|
highlightFollowsCurrentItem: true
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
currentIndex: 0
|
|
highlightMoveDuration: 500
|
|
property int maxHeight: tabViewItem.height - tabViewHeader.height
|
|
|
|
anchors {
|
|
top: tabViewHeader.bottom
|
|
left: parent.left
|
|
right: parent.right
|
|
bottom: parent.bottom
|
|
}
|
|
|
|
function openTab(index) {
|
|
currentIndex = index;
|
|
}
|
|
model: ListModel {
|
|
id: tabModel
|
|
}
|
|
delegate: Loader {
|
|
width: tabView.width
|
|
height: tabView.maxHeight
|
|
asynchronous: true
|
|
source: Qt.resolvedUrl(tab+".qml")
|
|
}
|
|
}
|
|
Component.onCompleted: {
|
|
if(!((isPrivateChat || isSecretChat) && chatPartnerGroupId === myUserId.toString())) {
|
|
tabModel.append({
|
|
tab:"ChatInformationTabItemMembersGroups",
|
|
title: ( chatInformationPage.isPrivateChat || chatInformationPage.isSecretChat ) ? qsTr("Groups", "Button: groups in common (short)") : qsTr("Members", "Button: Group Members"),
|
|
image: "image://theme/icon-m-people"
|
|
});
|
|
}
|
|
if(!(isPrivateChat || isSecretChat) && (groupInformation.status.can_restrict_members || groupInformation.status["@type"] === "chatMemberStatusCreator")) {
|
|
tabModel.append({
|
|
tab:"ChatInformationTabItemSettings",
|
|
title: qsTr("Settings", "Button: Chat Settings"),
|
|
image: "image://theme/icon-m-developer-mode"
|
|
});
|
|
}
|
|
// tabModel.append({tab:"ChatInformationTabItemDebug"});
|
|
|
|
}
|
|
|
|
}
|