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
		}
		delegate: Item {
			id: postItem

			height: Math.max(postItemColumn.height + UiConstants.ButtonSpacing * 2, UiConstants.ListItemHeightDefault)
			width: parent.width

			Column {
				id: postItemColumn
				anchors.left: parent.left
				anchors.right: parent.right
				anchors.verticalCenter: parent.verticalCenter

				Text {
					text: model.title
					width: parent.width
					font: UiConstants.TitleFont
					visible: text != ""
				}

				Text {
					text: model.content
					width: parent.width
					font: UiConstants.SubtitleFont
					wrapMode: Text.Wrap
				}
			}
		}
	}

	ScrollDecorator {
		flickableItem: postsView
	}
}