Andras/BoundlessFlowCampus2K
3
6
Fork 0
Code Issues 143 Pull requests 14 Projects Releases Packages Wiki Activity Actions 2

#279-Grid-layout-breakout #384

Closed
b24idalu wants to merge 0 commits from #279-Grid-layout-breakout into team_2_week_2
pull from: #279-Grid-layout-breakout
merge into: Andras:team_2_week_2
Conversation 2 Commits - Files changed -
b24idalu commented 2026-04-16 18:44:33 +00:00
Collaborator
Copy link

Regarding issues #217 and #218 and #279.

Problems: 1. Save grid data when reloading browser, 2. Create a format on how the data could look when saved to DB (JSON format), 3. Create a way to easily work with grid data later on, 4. Put everything in a separate file.

Solution: 1. Added a way to store grid data through local storage, which is like a file system for the browser. Right now there are two functions that retrieves and stores data to it. Code bits inspired by: local storage example.
2. There is already a default gridsystem, see issue 189. The format will follow that, but have the key "layout" (can be changed to be clearer).
3. Following solution 1, the data stored in the local storage is in json string. Through the function, it is returned as a json object which is the goal.
4. Everything regarding the issues, are located in a seperate Grid.js file located in /components/grid.

Regarding issues [#217 and #218](https://git.webug.se/Andras/BoundlessFlowCampus2K/pulls/240) and [#279](https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/279). Problems: 1. Save grid data when reloading browser, 2. Create a format on how the data could look when saved to DB (JSON format), 3. Create a way to easily work with grid data later on, 4. Put everything in a separate file. Solution: 1. Added a way to store grid data through local storage, which is like a file system for the browser. Right now there are two functions that retrieves and stores data to it. Code bits inspired by: [local storage example](https://github.com/react-grid-layout/react-grid-layout/blob/master/test/examples/07-localstorage.jsx). 2. There is already a default gridsystem, see [issue 189](https://git.webug.se/Andras/BoundlessFlowCampus2K/pulls/210). The format will follow that, but have the key "layout" (can be changed to be clearer). 3. Following solution 1, the data stored in the local storage is in json string. Through the function, it is returned as a json object which is the goal. 4. Everything regarding the issues, are located in a seperate Grid.js file located in /components/grid.
Updated and added grid saving so that when one reloads the cards will remain in the same position
Added grid file, will add code later
Havent tested the code yet but need to save the progress
Broke out grid saving stuff, also modified some other layout stuff regarding new views to make it possible to save in localstorage.
c22abdal approved these changes 2026-04-17 09:06:49 +00:00
c22abdal left a comment
Collaborator
Copy link

Great work!
Everything works as expected. Good cleanup in the Dashboard.js file and good structure in SaveGrid.js.

Great work! Everything works as expected. Good cleanup in the Dashboard.js file and good structure in SaveGrid.js.
a24vinla commented 2026-04-20 07:11:59 +00:00
Collaborator
Copy link

Merged!

Merged!
a24vinla closed this pull request 2026-04-20 07:11:59 +00:00

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No reviewers
c22abdal
Labels
Clear labels   
_CRITICAL_

Only use this label for critical tasks that are project-scope,and must be addressed ASAP.

  
API

   
app

   
backEnd

   
Blocked-waiting-for-further-changes

   
bug

Something is not working

  
bug-only-on-server-for-mobile-not-webpage

   
Bug-Report-After-Merge

   
cleanup

Issues to cleanup the codebase (restructure folders, remove deprecated or smelly code)

  
close

Issue to close

  
design

   
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
feature request

   
frontEnd

   
further-changes-needed

   
future-problem-not-fixint-this-period

   
help wanted

Need some help

  
invalid

Something is wrong

  
last-week-issue-to-fix

   
library

   
low-priority

   
needs input

Issue needs input from product owner or customer

  
needs review

issue is in need of review

  
not-implemented.

   
project documentation

   
question

More information is needed

  
research

   
reviewed

This Issue has been reviewed

  
Script

   
security

use this for security-related issues

  
SQL

  
style

   
Team 1

Team 1 is responsible for this issue

  
Team 2

Team 2 is responsible for this issue

  
team leaders

   
test-creation

   
testing

   
topLevel

Reserved for top-level, project-wide issues.

  
unassigned

   
Under-review

   
wontfix

This won't be fixed

No labels
_CRITICAL_
API
app
backEnd
Blocked-waiting-for-further-changes
bug
bug-only-on-server-for-mobile-not-webpage
Bug-Report-After-Merge
cleanup
close
design
duplicate
enhancement
feature request
frontEnd
further-changes-needed
future-problem-not-fixint-this-period
help wanted
invalid
last-week-issue-to-fix
library
low-priority
needs input
needs review
not-implemented.
project documentation
question
research
reviewed
Script
security
SQL
style
Team 1
Team 2
team leaders
test-creation
testing
topLevel
unassigned
Under-review
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
b24idalu
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Andras/BoundlessFlowCampus2K!384
No description provided.