124 lines
4.6 KiB
QML
124 lines
4.6 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.Controls 1.3
|
|
import QtQml.Models 2.1
|
|
import "qrc:/js/service.js" as Service
|
|
import "qrc:/js/helper.js" as Helperjs
|
|
|
|
Package {
|
|
Item {
|
|
Package.name: 'browser'
|
|
GridView {
|
|
id: photosGridView; model: visualModel.parts.grid; width: albumgridview.width; height: albumgridview.height;y:albumgridview.y
|
|
cellWidth: 16.5*mm; cellHeight: 16.5*mm; interactive: false//anchors.margins:2*mm
|
|
onCurrentIndexChanged: photosListView.positionViewAtIndex(currentIndex, ListView.Contain)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Package.name: 'fullscreen'
|
|
ListView {
|
|
id: photosListView; model: visualModel.parts.list; orientation: Qt.Horizontal
|
|
width: albumgridview.width; height: albumgridview.height; //y:albumgridview.y
|
|
//width: parent.width; height: parent.height;
|
|
interactive: false
|
|
onCurrentIndexChanged: photosGridView.positionViewAtIndex(currentIndex, GridView.Contain)
|
|
highlightRangeMode: ListView.StrictlyEnforceRange; snapMode: ListView.SnapOneItem
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Package.name: 'album'
|
|
id: albumWrapper; width: 16.5*mm; height: 16.5*mm
|
|
DelegateModel {
|
|
id: visualModel; delegate: PhotoComponent { }
|
|
model: photoModel
|
|
}
|
|
|
|
PathView {
|
|
id: photosPathView;
|
|
model: visualModel.parts.stack;
|
|
pathItemCount: 1
|
|
anchors.centerIn: parent;
|
|
path: Path {
|
|
PathAttribute { name: 'z'; value: 9999.0 }
|
|
PathLine { x: 1; y: 1 }
|
|
PathAttribute { name: 'z'; value: 0.0 }
|
|
}
|
|
}
|
|
|
|
Rectangle{
|
|
color:"black"
|
|
opacity: 0.5
|
|
width:albumtext.contentWidth
|
|
height: albumtext.contentHeight
|
|
anchors.bottom: albumWrapper.bottom
|
|
}
|
|
Text {
|
|
id:albumtext
|
|
text: albumname
|
|
width:albumWrapper.width-1*mm
|
|
height: albumtext.contentHeight
|
|
wrapMode:Text.Wrap
|
|
color: "white"
|
|
font.family: "Monospace"
|
|
font.pixelSize: 2*mm
|
|
anchors.bottom: albumWrapper.bottom
|
|
}
|
|
|
|
ListModel{
|
|
id: photoModel
|
|
}
|
|
|
|
Component.onCompleted:{
|
|
try {photoModel.clear()}catch (e){print(e)}
|
|
if(foreignPicture){
|
|
Service.requestFriendsPictures(albumlink,fotostab,function(obj){
|
|
if (obj) {
|
|
for (var k=0;k<obj.length;k++){
|
|
photoModel.append({"imageLocation": obj[k].thumb,"photoDescription":obj[k].name,"photoLink":obj[k].link})
|
|
}
|
|
}
|
|
})}
|
|
else{
|
|
Helperjs.readData(db,"imageData",root.login.username,function(obj){
|
|
if (obj) {
|
|
for (var k=0;k<obj.length;k++){
|
|
if(obj[k].desc!=""&&obj[k].desc!="null"){var name=obj[k].desc}else{var name=obj[k].filename}
|
|
photoModel.append({"imageLocation": obj[k].location+obj[k].filename,"photoDescription":name,"photoLink":obj[k].location+obj[k].filename})
|
|
}
|
|
}
|
|
},"album",albumname)}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onPressAndHold:{
|
|
var menuString="import QtQuick.Controls 1.4; Menu {MenuItem{text:qsTr('Delete on client and server'); onTriggered: {deletepics('album',albumname);photogroupModel.remove(index)}}}";
|
|
var albummenuObject=Qt.createQmlObject(menuString,albumWrapper,"albummenuOutput")
|
|
albummenuObject.popup()
|
|
}
|
|
onClicked: albumWrapper.state = 'inGrid'
|
|
}
|
|
|
|
states: [
|
|
State {
|
|
name: 'inGrid'
|
|
PropertyChanges { target: photosGridView; interactive: true }
|
|
PropertyChanges { target: photoBackground; opacity: 1 }
|
|
PropertyChanges { target: backButton; onClicked: albumWrapper.state = ''; y: 6 }
|
|
},
|
|
State {
|
|
name: 'fullscreen'; extend: 'inGrid'
|
|
PropertyChanges { target: photosGridView; interactive: false }
|
|
PropertyChanges { target: photosListView; interactive: true }
|
|
PropertyChanges { target: photoBackground; opacity: 1 }
|
|
PropertyChanges { target: backButton;onClicked:{
|
|
albumWrapper.state = 'inGrid'}
|
|
}
|
|
}
|
|
]
|
|
|
|
} //album Ende
|
|
} //Package Ende
|
|
//item Ende
|