line number indicator

mix/qml/MainContent.qml

@@ -29,17 +29,54 @@ Rectangle {
                 id: contentView
                 width: parent.width
                 height: parent.height * 0.7
+
+				Item {
+						anchors.fill: parent
+						Rectangle {
+							id: lineColumn
+							property int rowHeight: codeEditor.font.pixelSize + 3
+							color: "#202020"
+							width: 50
+							height: parent.height
+							Column {
+								y: -codeEditor.flickableItem.contentY + 4
+								width: parent.width
+								Repeater {
+									model: Math.max(codeEditor.lineCount + 2, (lineColumn.height/lineColumn.rowHeight))
+									delegate: Text {
+										id: text
+										color: codeEditor.textColor
+										font: codeEditor.font
+										width: lineColumn.width - 4
+										horizontalAlignment: Text.AlignRight
+										verticalAlignment: Text.AlignVCenter
+										height: lineColumn.rowHeight
+										renderType: Text.NativeRendering
+										text: index + 1
+									}
+								}
+							}
+						}
+
 					TextArea {
 						id: codeEditor
 						textColor: "#EEE8D5"
 						style: TextAreaStyle {
 							backgroundColor: "#002B36"
 						}
+
+						anchors.left: lineColumn.right
+						anchors.right: parent.right
+						anchors.top: parent.top
+						anchors.bottom: parent.bottom
+						wrapMode: TextEdit.NoWrap
+						frameVisible: false
+
 						height: parent.height
 						font.family: "Monospace"
 						font.pointSize: 12
 						width: parent.width
-                    anchors.centerIn: parent
+						//anchors.centerIn: parent
 						tabChangesFocus: false
 						Keys.onPressed: {
 							if (event.key === Qt.Key_Tab) {
@@ -49,6 +86,8 @@ Rectangle {
 						}
 					}
 				}
+
+            }
             Rectangle {
                 anchors.bottom: parent.bottom
                 id: contextualView