import QtQuick 1.0
//import QtWebKit 1.0

Item {
    id: newsDetailRect
    width: window.width; height: window.height

    function getNewsModelItem(newsIndex, prop)
    {
        if( typeof currentJournal.newsModel.get(newsIndex) != "undefined" )
            if( typeof currentJournal.newsModel.get(newsIndex)[prop] != "undefined" )
                return currentJournal.newsModel.get(newsIndex)[prop]

        return ""
    }

    property string urllink: getNewsModelItem(currentNewsIndex, 'link')
    property string htmlcontent: getNewsModelItem(currentNewsIndex, 'detailedContent')
    property string title: getNewsModelItem(currentNewsIndex, 'title')
    property string image: getNewsModelItem(currentNewsIndex, 'image')

    VisualItemModel {
        id: itemModel

        Column {
            id: column
            x: 10; y: 10
            width: newsDetailRect.width - 20

            Row {
                spacing: 5

                Image {
                    id: detailImage
                    source: image
                }

                Text {
                    text: title; width: column.width - detailImage.width - 10; wrapMode: Text.WordWrap
                    font { bold: true; family: "Helvetica"; pointSize: 16 }
                }
            }

            Text {
                id: detailText
                text: htmlcontent; width: newsDetailRect.width - 20; wrapMode: Text.WordWrap
                font.family: "Helvetica"
            }
        }
    }
    ListView {
        id: itemListView
        anchors.fill: newsDetailRect
        model: itemModel
    }
    ScrollBar { scrollArea: itemListView; height: itemListView.height; width: 8; anchors.right: itemListView.right }
/*
    WebView {
        id: newsDetailWebView
        anchors.fill: parent
        html: htmlcontent
        url: urllink
        preferredWidth: window.width
        preferredHeight: window.height
    }
*/
}