import QtQuick 1.0
import QtWebKit 1.0
Component {
id: listDelegate
Item {
property real detailsOpacity : 0
id: wrapper; width: wrapper.ListView.view.width; height: if(txt.height > 60){txt.height+10}else{60} //50+5+5
function handleLink(link){
if(link.slice(0,3) == 'app'){
screen.setUser(link.slice(7));
}else if(link.slice(0,4) == 'http'){
Qt.openUrlExternally(link);
}
}
function addTags(str){
var ret = str.replace(/@[a-zA-Z0-9_]+/g, '$&');//click to jump to user?
var ret2 = ret.replace(/http:\/\/[^ \n\t]+/g, '$&');//surrounds http links with html link tags
return ret2;
}
// Strip away paranthesis
function userName(str) {
var user = str.replace(/\([\S|\s]*\)/gi, "");
return user.trim();
}
MouseArea {
anchors.fill: parent
onClicked: {
wrapper.state = 'Details';
loader.sourceComponent = webViewPage;
}
}
Item {
id: moveMe; height: parent.height
/* Rectangle {
id: blackRect
color: "black"; opacity: wrapper.ListView.index % 2 ? 0.2 : 0.3; height: wrapper.height-2; width: wrapper.width; y: 1
} */
Rectangle {
id: blackRect
//x: 2; y: 2; width: parent.width - x*2; height: parent.height - y*2
// opacity: wrapper.ListView.index % 2 ? 0.2 : 0.3;
height: wrapper.height-2; width: wrapper.width; y: 1
radius: 3
gradient: Gradient {
GradientStop {
position: 0
color: "#7d7b97"
}
GradientStop {
position: 1
color: "#313f4d"
}
}
}
Item {
id: image; x: 6; width: 48; height: 48; smooth: true
//anchors.verticalCenter: parent.verticalCenter
Loading { x: 1; y: 1; width: 48; height: 48; visible: realImage.status != Image.Ready }
Image {
id: realImage;
source: userImage == "" ? "qOp48.png" : userImage
x: 1; y: 5;
width:48; height:48;
opacity:0 ;
anchors.topMargin: 5
onStatusChanged: {
if(status==Image.Ready)
image.state="loaded"
if(status==Image.Error)
realImage.source="qOp48.png"
}
}
states: State {
name: "loaded";
PropertyChanges { target: realImage ; opacity:1 }
}
transitions: Transition { NumberAnimation { target: realImage; property: "opacity"; duration: 200 } }
}
Text { id:innerTxt ; text: name; opacity: 0 }
Text { id:txt; y:4; x: 56
text: ''
+ ''+userName(name) + '
' + statusText + "";
textFormat: Qt.RichText
color: "#cccccc"; style: Text.Raised; styleColor: "black"; wrapMode: Text.WordWrap
anchors.left: image.right; anchors.right: blackRect.right; anchors.leftMargin: 6; anchors.rightMargin: 6
onLinkActivated: wrapper.handleLink(link)
}
}
Item {
id: details
x: 0; width: parent.width // - 20
anchors { top: parent.top; topMargin: 0; bottom: parent.bottom; bottomMargin: 0 }
opacity: wrapper.detailsOpacity
Grid {
columns: 1 //3
id: pages
height: parent.height;
width: parent.width
Component {
id: webViewPage
Rectangle {
width: pages.width; height: pages.height;
gradient: Gradient {
GradientStop {
position: 0
color: "#7d7b97"
}
GradientStop {
position: 1
color: "#313f4d"
}
}
Loading {
//x: 1; y: 1;
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
width: 32; height: 32; visible: webView.progress != 1
}
ParseModel { id: parseModel }
/* Grid {
x: 5; y: 5
rows: 5; columns: 5; spacing: 10 */
Repeater { model: parseModel
Flickable {
id: flickable
width: pages.width
height: pages.height
contentWidth: Math.max(flickable.width,webView.width)
contentHeight: Math.max(flickable.height,webView.height)
pressDelay: 100
WebView {
id: webView
transformOrigin: Item.TopLeft
smooth: false
width: pages.width
preferredHeight: pages.height
contentsScale: 1
//width: pages.width
//height: pages.height
newWindowComponent: webViewPage
newWindowParent: pages
html: ""+article+"
"
onLoadFinished: {
// console.log('Loaded');
details.state="loaded";
}
}
}
}
}
}
Loader {
id: loader
}
}
states: State {
name: "loaded";
PropertyChanges { target: details ; opacity:wrapper.detailsOpacity }
}
transitions: Transition { NumberAnimation { target: details; property: "opacity"; duration: 200 } }
}
// A button to close the detailed view, i.e. set the state back to default ('').
TextButton {
//y: 10
anchors { right: wrapper.right; bottom: wrapper.bottom ;rightMargin: 10 }
opacity: wrapper.detailsOpacity
text: "Close"
onClicked: {
wrapper.state = '';
details.state = '';
// timer.start();
}
}
/* } /* ********** */
states: State {
name: "Details"
// PropertyChanges { target: blackRect; color: "#c0c0c0" }
//PropertyChanges { target: recipeImage; width: 130; height: 130 } // Make picture bigger
PropertyChanges { target: wrapper; detailsOpacity: 1; x: 0 } // Make details visible
PropertyChanges { target: wrapper; height: wrapper.ListView.view.height } //lstRC.height } // Fill the entire list area with the detailed view
// Move the list so that this item is at the top.
PropertyChanges { target: wrapper.ListView.view; explicit: true; contentY: wrapper.y }
// Disallow flicking while we're in detailed view
PropertyChanges { target: wrapper.ListView.view; interactive: false }
}
transitions: Transition {
// Make the state changes smooth
ParallelAnimation {
//ColorAnimation { property: "color"; duration: 500 }
NumberAnimation { duration: 300; properties: "detailsOpacity,x,contentY,height,width" }
}
}
}
}