109 lines
3.3 KiB
QML
109 lines
3.3 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/>.
|
|
*/
|
|
// jolla-gallery/pages/FlickableImageView.qml
|
|
/*
|
|
|
|
FullscreenContentPage
|
|
- PagedView (jolla-gallery/FlickableImageView)
|
|
- delegate: Loader
|
|
- SilicaFlickable (Silica.private/ZoomableFlickable) (Sailfish.Gallery/ImageViewer)
|
|
- PinchArea
|
|
- dragDetector(?)
|
|
- image
|
|
- Item (Sailfish.Gallery/GalleryOverlay)
|
|
|
|
*/
|
|
|
|
import QtQuick 2.6
|
|
import Sailfish.Silica 1.0
|
|
import WerkWolf.Fernschreiber 1.0
|
|
import "../components"
|
|
|
|
import "../components/messageContent/mediaAlbumPage"
|
|
import "../js/twemoji.js" as Emoji
|
|
import "../js/functions.js" as Functions
|
|
|
|
Page {
|
|
// id
|
|
id: page
|
|
// property declarations
|
|
|
|
property alias index: pagedView.currentIndex
|
|
property alias overlayActive: overlay.active
|
|
property alias delegate: pagedView.delegate
|
|
property var messages: [];
|
|
// message.content.caption.text
|
|
palette.colorScheme: Theme.LightOnDark
|
|
clip: status !== PageStatus.Active || pageStack.dragInProgress
|
|
navigationStyle: PageNavigation.Vertical
|
|
backgroundColor: 'black'
|
|
allowedOrientations: Orientation.All
|
|
// signal declarations
|
|
// JavaScript functions
|
|
|
|
// object (parent) properties
|
|
// large property bindings
|
|
// child objects
|
|
// states
|
|
// transitions
|
|
|
|
|
|
|
|
// content
|
|
PagedView {
|
|
id: pagedView
|
|
anchors.fill: parent
|
|
model: messages
|
|
delegate: Component {
|
|
Loader {
|
|
id: loader
|
|
asynchronous: true
|
|
visible: status == Loader.Ready
|
|
width: PagedView.contentWidth
|
|
height: PagedView.contentHeight
|
|
|
|
states: [
|
|
State {
|
|
when: model.modelData.content['@type'] === 'messagePhoto'
|
|
PropertyChanges {
|
|
target: loader
|
|
source: "../components/messageContent/mediaAlbumPage/PhotoComponent.qml"
|
|
}
|
|
},
|
|
State {
|
|
when: model.modelData.content['@type'] === 'messageVideo'
|
|
PropertyChanges {
|
|
target: loader
|
|
source: "../components/messageContent/mediaAlbumPage/VideoComponent.qml"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
|
|
// overlay
|
|
FullscreenOverlay {
|
|
id: overlay
|
|
pageCount: messages.length
|
|
currentIndex: page.index
|
|
message: messages[currentIndex]
|
|
//
|
|
}
|
|
}
|