import QtQuick 2.0
import QtQuick.Controls 1.3
import "qrc:/qml/genericqml"

Rectangle{
   id: detailsrectangle
   anchors.top: namelabel.bottom
   anchors.topMargin: 2*mm
   //opacity: 0

   ScrollView{
       horizontalScrollBarPolicy:Qt.ScrollBarAlwaysOff
       frameVisible: true
       //Flickable{
       id:namelabelflickable
       width: root.width-10*mm
       height:friendsTabView.height-45*mm
       //boundsBehavior:Flickable.StopAtBounds
        //flickableDirection:Flickable.VerticalFlick
       //contentWidth:width
       //contentHeight: namelabeltext.height
       clip:true
       Text{
           id:namelabeltext
           width: namelabelflickable.width
           height: implicitHeight
           font.pixelSize: 3*mm
           textFormat:Text.RichText
           wrapMode: Text.Wrap
           text:"<b>"+qsTr("Description")+": </b> "+Qt.atob(contact.description)+"<br> <b>"+qsTr("Location")+":</b> "+contact.location+"<br> <b>"+qsTr("Posts")+":</b> "+contact.statuses_count+
               "<br> <b>"+qsTr("URL")+":</b> <a href='"+ linkUrl+"'>"+linkUrl+"</a><br> <b>"+
               qsTr("Created at")+":</b> "+createdAtDate.toLocaleString(Qt.locale())
            onLinkActivated: {
              Qt.openUrlExternally(link)}
            }
        }

        Row{
            anchors.top: namelabelflickable.bottom
            anchors.topMargin: 2*mm
            spacing:4

            BlueButton{
                id:photobutton
                text:"Photos"
                visible:contact.network=="dfrn"? 1:0
                onClicked:{contactComponent.state="";detailsrectangle.destroy();
                    root.currentIndex=2;
                    fotostab.active=true;
                    root.fotoSignal(contact) ;
                    }
             }

            BlueButton{
                id:messagebutton
                text:"Messages"
                onClicked:{contactComponent.state="";detailsrectangle.destroy();
                    root.currentIndex=0;
                    newstab.active=true;
                    root.messageSignal(contact.id) ;
                }
            }

            BlueButton{
                id:dmbutton
                visible: contact.following=="true"?true:false
                text: "DM"
                onClicked:{contactComponent.state="";detailsrectangle.destroy();
                    root.currentIndex=0;
                    newstab.active=true;
                    root.directmessageSignal(contact.screen_name);
                }
            }

            BlueButton{
                id: closeButton
                text: "close"
                onClicked:{contactComponent.state="";detailsrectangle.destroy()}
            }
        }
    }