120 lines
4.3 KiB
QML
120 lines
4.3 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.LocalStorage 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
|
|
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: 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 //-albumtext.contentHeight
|
|
|
|
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 //foreignPicture ? album.name.trim() : album
|
|
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){
|
|
//print("Albumlink"+album.link);
|
|
Service.requestFriendsPictures(albumlink,fotostab,function(obj){
|
|
if (obj) {
|
|
for (var k=0;k<obj.length;k++){
|
|
//print("Photomodel:"+obj[k].thumb+obj[k].name+obj[k].link);
|
|
photoModel.append({"imageLocation": obj[k].thumb,"photoDescription":obj[k].name,"photoLink":obj[k].link})
|
|
};
|
|
}
|
|
})}
|
|
else{
|
|
Helperjs.readData(db,"imageData",root.login.username,function(obj){
|
|
// obj.sort(function(obj1,obj2){return obj1.data-obj2.data});
|
|
if (obj) {
|
|
for (var k=0;k<obj.length;k++){
|
|
// print("Photomodel:"+obj[k].location+obj[k].filename);
|
|
photoModel.append({"imageLocation": obj[k].location+obj[k].filename,"photoDescription":obj[k].filename,"photoLink":obj[k].location+obj[k].filename})
|
|
};
|
|
}
|
|
},"album",albumname)}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
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; y: -backButton.height - 8 }
|
|
}
|
|
]
|
|
|
|
} //album Ende
|
|
} //Package Ende
|
|
//item Ende
|