Index: sources/gui/qml/components/TopMenuBarCreateTreatment.qml =================================================================== diff -u -r0d59385f134f65a19dace1e2b46eb2631924396e -rd94a2b9334b1b35739b637472e8c3054d7b9b804 --- sources/gui/qml/components/TopMenuBarCreateTreatment.qml (.../TopMenuBarCreateTreatment.qml) (revision 0d59385f134f65a19dace1e2b46eb2631924396e) +++ sources/gui/qml/components/TopMenuBarCreateTreatment.qml (.../TopMenuBarCreateTreatment.qml) (revision d94a2b9334b1b35739b637472e8c3054d7b9b804) @@ -22,6 +22,10 @@ import "qrc:/globals" import "qrc:/components" +/*! + * \brief TopMenuBarCreateTreatment - Contains a back button as well + * as the current progress in each of the pre-treatment steps. + */ Rectangle { id: _root height: Variables.topBarMenuHeight color: Colors.backgroundMainMenu @@ -50,7 +54,6 @@ } - Row { anchors.centerIn: parent spacing: 5 @@ -60,34 +63,71 @@ state: "active" } - ProgressLine { id: _confirm_line + Line { id: _confirm_line + length: 120 + color: Colors.createTreatmentInactive + radius: 5 anchors.verticalCenter: _create.verticalCenter + states: [ + State { + name: "active" + PropertyChanges { target: _confirm_line; thickness: 3; color: Colors.createTreatmentActive; } + }, + State { + name: "inactive" + PropertyChanges { target: _confirm_line; thickness: 1; color: Colors.createTreatmentInactive; } + } + ] } CircleWithText { id: _confirm text: "CONFIRM" } - ProgressLine { id: _priming_line + Line { id: _priming_line + length: 120 + color: Colors.createTreatmentInactive + radius: 5 anchors.verticalCenter: _create.verticalCenter + + states: [ + State { + name: "active" + PropertyChanges { target: _priming_line; thickness: 3; color: Colors.createTreatmentActive; } + }, + State { + name: "inactive" + PropertyChanges { target: _priming_line; thickness: 1; color: Colors.createTreatmentInactive; } + } + ] } CircleWithText { id: _prime text: "PRIME" - } - ProgressLine { id: _begin_line + Line { id: _begin_line + length: 120 + color: Colors.createTreatmentInactive + radius: 5 anchors.verticalCenter: _create.verticalCenter + states: [ + State { + name: "active" + PropertyChanges { target: _begin_line; thickness: 3; color: Colors.createTreatmentActive; } + }, + State { + name: "inactive" + PropertyChanges { target: _begin_line; thickness: 1; color: Colors.createTreatmentInactive; } + } + ] } CircleWithText { id: _begin text: "BEGIN" } - - } }