Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scheme report rough out #115

Merged
merged 4 commits into from
Dec 3, 2024
Merged

Scheme report rough out #115

merged 4 commits into from
Dec 3, 2024

Conversation

aarongundel
Copy link
Collaborator

@aarongundel aarongundel commented Nov 4, 2024

Initial attempt on roughing out scheme report

@aarongundel aarongundel requested a review from chrabyrd November 4, 2024 23:20
@aarongundel aarongundel linked an issue Nov 5, 2024 that may be closed by this pull request
Copy link
Contributor

@chrabyrd chrabyrd left a comment

Choose a reason for hiding this comment

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

👋 @aarongundel !

Are you able to clean up this PR? There seems to be some leakage from Jacob's work. I'm fine if this is based off of that branch

@aarongundel aarongundel changed the base branch from main to jtw/new-tree-front-end November 5, 2024 22:31
@aarongundel
Copy link
Collaborator Author

rebased to merge into Jacob's branch.

@aarongundel aarongundel requested a review from chrabyrd November 5, 2024 22:31
@aarongundel aarongundel changed the base branch from jtw/new-tree-front-end to jtw/prototype-serializers November 12, 2024 18:28
Copy link
Contributor

@chrabyrd chrabyrd left a comment

Choose a reason for hiding this comment

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

Good rough out! Just a few notes 👍

titleText: string;
}>();

const buttonText = `Add ${props.titleText}`;
Copy link
Contributor

Choose a reason for hiding this comment

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

needs i18n, also if it's just display text it should be inlined


<style scoped>
.section {
margin: 0 20px;
Copy link
Contributor

Choose a reason for hiding this comment

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

for Vue development we're moving away from sizing via px, and instead using rem to better support accessibility and smaller screens 👍

import SchemeUri from "@/arches_lingo/components/scheme/report/SchemeUri.vue";
import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
import SchemeAuthority from "@/arches_lingo/components/scheme/report/SchemeAuthority.vue";
import Splitter from "primevue/splitter";
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: vue/primevue imports above arches imports

@@ -0,0 +1,7 @@
<script setup lang="ts">
import SchemeReportSection from "./SchemeSection.vue";
Copy link
Contributor

Choose a reason for hiding this comment

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

all imports should use the @/path pattern

Copy link
Contributor

Choose a reason for hiding this comment

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

I like the idea of this component, but it may need to go away in further iterations as cardinality logic with these section components may prove tricky

@aarongundel
Copy link
Collaborator Author

Great feedback, thanks!

@aarongundel aarongundel requested a review from chrabyrd November 18, 2024 19:14
Base automatically changed from jtw/prototype-serializers to jtw/new-tree-front-end November 20, 2024 18:49
@aarongundel aarongundel force-pushed the adg/scheme-report branch 2 times, most recently from 2a278d9 to 874b141 Compare November 21, 2024 16:44
Copy link
Contributor

@chrabyrd chrabyrd left a comment

Choose a reason for hiding this comment

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

looks good! Just a few more things have fallen out 👍

titleText: string;
}>();

const buttonText = $gettext(`Add ${props.titleText}`);
Copy link
Contributor

Choose a reason for hiding this comment

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

gettext interpolation needs to be updated

https://jshmrtn.github.io/vue3-gettext/functions.html#interpolation

Also IMO you should inline this instead of declaring it.

.section .header {
display: flex;
align-items: center;
border-bottom: 1px solid #ddd;
Copy link
Contributor

Choose a reason for hiding this comment

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

IMO this should change to reusable var: var(--p-menubar-border-color);

<div>
<Splitter>
<SplitterPanel>
<SchemeNote />
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: these don't need to be hardcoded, they can be used in a v-for loop like SideNav items

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I will punt on this until the adg/125-namespace-scheme PR where this is done.

Copy link
Contributor

Choose a reason for hiding this comment

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

need flexbox css for this, I'd expect the page component to take up 100% of the available width/height, and be scrollable without losing the topnav:

Screenshot 2024-11-21 at 12 37 06 PM

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

The more I look at this, the more I think this is a change for App.vue rather than the scheme report itself.

Copy link
Contributor

Choose a reason for hiding this comment

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

cool, fair 👍

@aarongundel aarongundel force-pushed the adg/scheme-report branch 2 times, most recently from 9605a1a to f9695ac Compare December 3, 2024 17:18
Copy link
Contributor

@chrabyrd chrabyrd left a comment

Choose a reason for hiding this comment

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

looks good! One minor thing with the splitter and it should be g2g 🎉

Copy link
Contributor

Choose a reason for hiding this comment

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

cool, fair 👍

Copy link
Contributor

@chrabyrd chrabyrd left a comment

Choose a reason for hiding this comment

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

lgtm! 🚀

Base automatically changed from jtw/new-tree-front-end to main December 3, 2024 21:57
@aarongundel aarongundel merged commit f924b87 into main Dec 3, 2024
5 of 6 checks passed
@aarongundel aarongundel deleted the adg/scheme-report branch December 3, 2024 22:56
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.

rough out scheme report section
3 participants