import QtQuick 1.1 import com.nokia.meego 1.1 import com.nokia.extras 1.1 import com.javispedro.tapasboard 1.0 Page { id: topicPage anchors.leftMargin: UiConstants.DefaultMargin anchors.rightMargin: UiConstants.DefaultMargin property string boardUrl; property int topicId; tools: ToolBarLayout { ToolIcon { id: backToolIcon platformIconId: "toolbar-back" anchors.left: parent.left onClicked: pageStack.pop() } } ListView { id: postsView anchors.fill: parent model: TopicModel { boardUrl: topicPage.boardUrl topicId: topicPage.topicId } section.property: "humanDate" section.criteria: ViewSection.FullString section.delegate: GroupHeader { width: parent.width text: section } delegate: Item { id: postItem height: postItemRectangle.height + UiConstants.ButtonSpacing * 2 width: parent.width Rectangle { id: postItemRectangle width: parent.width height: postItemColumn.height + UiConstants.DefaultMargin anchors.centerIn: parent color: "white" radius: 20 Column { id: postItemColumn anchors.left: parent.left anchors.right: parent.right anchors.margins: UiConstants.DefaultMargin anchors.verticalCenter: parent.verticalCenter spacing: 2 Item { width: parent.width height: childrenRect.height Text { anchors.top: parent.top anchors.left: parent.left text: model.userName font: UiConstants.SmallTitleFont textFormat: Text.PlainText } Text { anchors.top: parent.top anchors.right: parent.right text: model.humanTime font: UiConstants.SubtitleFont textFormat: Text.PlainText } } Text { text: model.title width: parent.width font: UiConstants.TitleFont visible: text != "" textFormat: Text.PlainText wrapMode: Text.Wrap } Text { text: model.content width: parent.width font: UiConstants.SubtitleFont textFormat: Text.RichText wrapMode: Text.Wrap onLinkActivated: Qt.openUrlExternally(link) } } } } } ScrollDecorator { flickableItem: postsView } }