Skip to content

Implement basic functionality of groups view using Vue#1719

Merged
UnniKohonen merged 8 commits intomainfrom
issue1710-groups-view-basic-functionality
Dec 17, 2024
Merged

Implement basic functionality of groups view using Vue#1719
UnniKohonen merged 8 commits intomainfrom
issue1710-groups-view-basic-functionality

Conversation

@UnniKohonen
Copy link
Contributor

@UnniKohonen UnniKohonen commented Dec 12, 2024

Reasons for creating this PR

Groups view has not been implemented in the sidebar in Skosmos 3. This PR adds the groups view with basic functionality using Vue.

Link to relevant issue(s), if any

Description of the changes in this PR

  • Removing sidebar template loading on vocab home page in web controller
  • Adding basic functionality of the groups view
    • Loading groups and building hierarchy tree on vocab home, concept and group pages
    • Loading new members for groups on button click
    • Displaying hierarchy tree in UI

Addresses requirement 1 ( + 2, 3.2, 3.3 and 3.5) in #1704

Known problems or uncertainties in this PR

Checklist

  • phpUnit tests pass locally with my changes
  • I have added tests that show that the new code works, or tests are not relevant for this PR (e.g. only HTML/CSS changes)
  • The PR doesn't reduce accessibility of the front-end code (e.g. tab focus, scaling to different resolutions, use of .sr-only class, color contrast)
  • The PR doesn't introduce unintended code changes (e.g. empty lines or useless reindentation)

@UnniKohonen UnniKohonen added this to the 3.0 milestone Dec 12, 2024
@UnniKohonen UnniKohonen self-assigned this Dec 12, 2024
@UnniKohonen UnniKohonen changed the title Issue1710 groups view basic functionality Implement basic functionality of groups view using Vue Dec 12, 2024
@UnniKohonen UnniKohonen marked this pull request as ready for review December 17, 2024 08:36
Copy link
Contributor

@miguelvaara miguelvaara left a comment

Choose a reason for hiding this comment

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

For consideration:

Would it look visually a bit more "pleasing/calm/harmonious" if the line breaks occurred slightly earlier, a few pixels further to the left before the gray vertical area?

image

Line breaks earlier before the gray area
image

Width 90%; does the trick here
image
image

@UnniKohonen
Copy link
Contributor Author

For consideration:

Would it look visually a bit more "pleasing/calm/harmonious" if the line breaks occurred slightly earlier, a few pixels further to the left before the gray vertical area?

image

Line breaks earlier image

Sidebar width (req 3.1 in #1704) is not currently set correctly so the line breaks don't look exactly right yet. This problem probably will come up again even after fixing the sizing, so I can fix it in this PR.

@sonarqubecloud
Copy link

Copy link
Contributor

@miguelvaara miguelvaara left a comment

Choose a reason for hiding this comment

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

The code looks reasonable and its validation does not produce any errors. Additionally, all functionalities work flawlessly. Since this PR does not concern 6 Cypress tests (as the tests will be done later), I think everything works great. In my opinion, it can be merged and adjusting the line breaks can of course be done according to your own schedule.

Great job! 👍

@UnniKohonen UnniKohonen merged commit bf41dee into main Dec 17, 2024
@UnniKohonen UnniKohonen deleted the issue1710-groups-view-basic-functionality branch December 17, 2024 12:45
@osma osma modified the milestones: 3.x, 3.0 Jan 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement basic functionality of groups view using Vue

3 participants