Index: sources/gui/qml/pages/treatment/TreatmentCreate.qml =================================================================== diff -u -rcd7de5f6d239a11615ba8c6c03339a10996486ca -rc64e61dd23a44d4b9d76c9e0b8f06bc359497665 --- sources/gui/qml/pages/treatment/TreatmentCreate.qml (.../TreatmentCreate.qml) (revision cd7de5f6d239a11615ba8c6c03339a10996486ca) +++ sources/gui/qml/pages/treatment/TreatmentCreate.qml (.../TreatmentCreate.qml) (revision c64e61dd23a44d4b9d76c9e0b8f06bc359497665) @@ -14,6 +14,7 @@ // Qt import QtQuick 2.12 +import QtQuick.Controls 2.12 // Project // Qml imports @@ -26,16 +27,92 @@ */ ScreenItem { id: _root signal backPressed() - BackButton { id : _backButton - onPressed: backPressed() + + Rectangle { id: _topMenuBar + anchors.top: parent.top + anchors.left: parent.left + height: Variables.mainMenuHeight; + width: parent.width; + color: Colors.backgroundMainMenu + + BackButton { id : _backButton + anchors.verticalCenter: parent.verticalCenter + onPressed: backPressed() + } } - Column { - spacing: Variables.columnSpacing - anchors.centerIn: parent - TitleText { id: _titleText - width: parent.width - text: qsTr("Create Treatment Placeholder") + ScrollView { + anchors.top: _topMenuBar.bottom; + anchors.left: parent.left; + anchors.bottom: parent.bottom; + width: parent.width; + + Rectangle { + color: "transparent"; + anchors.fill: parent; + Column { + spacing: Variables.columnSpacing + anchors.horizontalCenter: parent.horizontalCenter; + anchors.fill: parent; + + Text { id: _titleText + anchors.horizontalCenter: parent.horizontalCenter; + text: qsTr("Create a Custom Treatment") + color: Colors.textMain + font.pixelSize: Fonts.fontPixelTitle + } + + Text { + anchors.horizontalCenter: parent.horizontalCenter; + text: qsTr("PRESCRIPTION"); + color: Colors.textMain; + font.pixelSize: Fonts.fontPixelSection + + } + + // TODO: make this a component. + Rectangle { + height: Variables.progressbarRectHeight + width: Variables.progressbarRectWidth + anchors.horizontalCenter: parent.horizontalCenter + color: "transparent"; + + Text { + text: "Blood Flow Rate" + anchors.top: parent.top + anchors.left: parent.left + font.pixelSize: Fonts.fontPixelFluidText + color: Colors.textMain; + + } + + Text { + anchors.top: parent.top + anchors.right: parent.right + text: "-- mL/min" + font.pixelSize: Fonts.fontPixelFluidUnit + color: Colors.textMain; + + } + + ProgressBar { + anchors.horizontalCenter: parent.horizontalCenter; + anchors.bottom: parent.bottom; + width : Variables.progressbarSmallWidth + height : Variables.progressbarSmall + } + } + } } + + } + + onVisibleChanged: { + if (visible) { + _mainMenu.hidden = true + } + } + + }