feat: add line number view for code editor

jasp-stats · Apr 28, 2024 · b4b6ade · b4b6ade
1 parent 31231bd
commit b4b6ade
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/QMLComponents/components/JASP/Controls/JAGSTextArea.qml b/QMLComponents/components/JASP/Controls/JAGSTextArea.qml
@@ -5,4 +5,5 @@ import JASP				1.0
 TextArea
 {
 	textType: JASP.TextTypeJAGSmodel
+	showLineNumber: true
 }
diff --git a/QMLComponents/components/JASP/Controls/TextArea.qml b/QMLComponents/components/JASP/Controls/TextArea.qml
@@ -29,6 +29,7 @@ TextAreaBase
 	property var	undoModel
 	property bool	useTabAsSpaces		: true
 	property var	nextTabItem
+	property bool   showLineNumber      : false
 
 	Component.onCompleted: control.editingFinished.connect(editingFinished)
 
@@ -86,13 +87,43 @@ TextAreaBase
 			boundsBehavior: Flickable.StopAtBounds
 			anchors.fill:	parent
 
+            Rectangle
+            {
+                id:                 lineNumbersRect
+                anchors.top:        parent.top
+                anchors.left:       parent.left
+                anchors.topMargin:  2
+                anchors.leftMargin: 1
+                visible:            textArea.showLineNumber || textArea.textType !== JASP.TextTypeDefault || textArea.textType !== JASP.TextTypeSource
+                width:              lineNumbersRect.visible ? lineNumbers.width : 0
+                width:              textArea.showLineNumber ? lineNumbers.width  * preferencesModel.uiScale : 0
+                height:             Math.max(flickableRectangle.height, control.contentHeight)
+                color:              jaspTheme.whiteBroken
+
+                ListView
+                {
+                    id:             lineNumbers
+                    width:          contentItem.childrenRect.width
+                    height:         parent.height
+                    model:          control.lineCount
+                    delegate: Text {
+                        text:       index + 1 + "."
+                        font:       jaspTheme.fontCode
+                        color:      jaspTheme.grayDarker
+                        anchors.right: parent.right
+                    }
+                }
+            }
+
 			QTC.TextArea.flickable: QTC.TextArea
 			{
 				id:					control
 				selectByMouse:		true
 				selectedTextColor:	jaspTheme.white
 				selectionColor:		jaspTheme.itemSelectedColor
 
+                leftPadding:        lineNumbersRect.width + 3
+
 				font:				textArea.textType === JASP.TextTypeDefault || textArea.textType === JASP.TextTypeSource ? jaspTheme.font : jaspTheme.fontCode
 				color:				textArea.enabled ? jaspTheme.textEnabled : jaspTheme.textDisabled