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