Skip to content

Conversation

@jungleraptor
Copy link
Contributor

@jungleraptor jungleraptor commented Oct 22, 2021

Still a few things to do, like fixing up constants, and removing hardcoded values but I wanted to see if this was along the line of what we were thinking of for this tab and get feedback.

out

@jungleraptor jungleraptor requested a review from a team October 22, 2021 19:28
@jungleraptor jungleraptor marked this pull request as ready for review October 25, 2021 21:02
@silverjam
Copy link
Contributor

looks like a good start, would definitely recommend running this by @switanis or @dgburr -- one simple improvement we could try is to add a group box around the existing status element and label them "Fusion Status"

Copy link
Contributor

@silverjam silverjam left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

see comments above, let's get some feedback from apps and see if we can improve the layout a bit

@switanis
Copy link

It's difficult to see what's on the screen, zoom-in is blurry. Can we schedule a demo and discussion? Typically INS tab would display status info, compass rose (yaw) and artificial horizon (roll and pitch).

@john-michaelburke
Copy link
Collaborator

I think if we blow up the text center and make it all read left -> right it may look a bit better. Something like:
Screen Shot 2021-10-26 at 10 45 32 AM

@jungleraptor jungleraptor marked this pull request as draft October 26, 2021 20:38
@jungleraptor jungleraptor force-pushed the itorres/ins-fusion-tab branch 2 times, most recently from 8875cad to 4feaec2 Compare October 27, 2021 17:05
@jungleraptor
Copy link
Contributor Author

Here's the beautifications so far.
Only thing I'm still trying to figure out is how to center.

out2

@jungleraptor jungleraptor force-pushed the itorres/ins-fusion-tab branch from 2004af2 to 6f1f2d6 Compare October 28, 2021 17:31
AdvancedTabComponents.AdvancedSpectrumAnalyzerTab {
}

AdvancedTabComponents.AdvancedInsTab {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hmm but this is in a StackLayout... nothing else should be showing but one of the items in this list...

anchors.centerIn: parent

FusionStatusFlags {
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I really don't like that across the app, you guys don't specify the anchors or sizing of components where you use them.
You should leave out the width, height, x, y, and any anchors from the base of the component you are defining, and leave it to the place where you use it to define that... And for FusionStatusFlags, that place where you use it is here ^^

I'll put another comment in FusionStatusFlags talking about it.

Ok - so for sizing here, this is in a ColumnLayout, so use the Layout.xxx attached properties for sizing and placement. The ColumnLayout will decide where to vertically place it, but you can tell it to fill any available height, which you should do in this case, since there's just this one component, and you want it to fill. Same with the width - you want it to fill the ColumnLayout

so, add the following:

Layout.fillWidth: true```

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I really don't like that across the app, you guys don't specify the anchors or sizing of components where you use them. You should leave out the width, height, x, y, and any anchors from the base of the component you are defining, and leave it to the place where you use it to define that... And for FusionStatusFlags, that place where you use it is here ^^

What is the impact of doing things this way? Perhaps we should capture this as a clean-up task through-out the QML code.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When you make a .qml component, typically it is to be used as a reusable component to be used in more than one place (or at least, with the potential to use in more than one place).

You don't know what the parent is going to be - it could be a Layout, where setting explicit widths and heights doesn't make sense. If it happened to be paired with another component in a ColumnLayout, for instance, then setting the width and height to parent.width and parent.height makes no sense, and would make the second item in the ColumnLayout not show properly. It would also not be clear when you used it that that was the problem - since you wouldn't be looking at the component that set those (in this case FusionStatusFlags).

property string last_zerovel: "UNKNOWN"

width: parent.width
height: parent.height
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see you removed the sizing of the Item* here, but didn't add any sizing to it where it's used in AdvancedInsTab.qml.
I think this might be where the weird placement you're seeing is happening. I'll comment in there to mention what you should add there.

  • Which should be removed, see next comment.

Copy link
Contributor

@silverjam silverjam left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove "WIP" from the PR title before merging. If there's any quick clean-ups from @keithel-qt that we can do, let's go ahead and do those, otherwise let's capture a story to address these clean-ups later.

@jungleraptor jungleraptor changed the title WIP Create INS Fusion Tab [CPP-372] Create INS Fusion Tab [CPP-372] Oct 28, 2021
@jungleraptor jungleraptor force-pushed the itorres/ins-fusion-tab branch from 371f6f7 to c904687 Compare October 28, 2021 20:15
@jungleraptor jungleraptor marked this pull request as ready for review October 28, 2021 21:11
@jungleraptor
Copy link
Contributor Author

@keithel-qt

Thanks for your QML help. I've made some separate issues for a couple of your review items, specifically creating a reusable component for the Group Box, and I've also made a codebase wide issue to clean up instances where we're specifying layout properties (anchors, layout, width/height, etc), in the declaration of an item instead of when it gets used.

@jungleraptor jungleraptor merged commit 5d2fa84 into main Oct 28, 2021
@jungleraptor jungleraptor deleted the itorres/ins-fusion-tab branch October 28, 2021 21:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants