Andras/BoundlessFlowCampus2K
4
7
Fork 0
Code Issues 90 Pull requests 7 Projects Releases Packages Wiki Activity Actions

#217 & #218 Card layout config #240

Closed
b24idalu wants to merge 5 commits from Issue#217-Card-layout-config into team_1_week_1
pull from: Issue#217-Card-layout-config
merge into: Andras:team_1_week_1
Conversation 1 Commits 5 Files changed 1 +26 -6
b24idalu commented 2026-04-10 16:59:36 +00:00
Collaborator
Copy link

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.

Issues: #217 Card layout config, #218 Load grid layout using config

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.

Possible ToDos:

  • In the future it could be good to add a user key parameter to some function/s.
  • Could be a good idea to move the grid stuff to a separate file and keep the app file clean.
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. Issues: [#217 Card layout config](https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/217), [#218 Load grid layout using config](https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/218) 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. Possible ToDos: - In the future it could be good to add a user key parameter to some function/s. - Could be a good idea to move the grid stuff to a separate file and keep the app file clean.
Added three functions to save card data to the local storage so that page can be refreshed and data will be saved. Also added a function to create json files but it is commented since it will not work through browser.
Removed previous json file function.
added the last function that will take a layout from the local storage and return a json string.
Since functions were similar, combined them.
Made code cleaner and commented more.
a22erigr commented 2026-04-14 13:39:42 +00:00
Collaborator
Copy link

Unable fix merge conflicts. After consulting @a24vinla the decision was made to abort merge attempt. The reason given it that @b24idalu currently working with the code that would resolve some of the conflicts.

Unable fix merge conflicts. After consulting @a24vinla the decision was made to abort merge attempt. The reason given it that @b24idalu currently working with the code that would resolve some of the conflicts.
a24timsv closed this pull request 2026-04-15 06:38:32 +00:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.
Reviewers
No reviewers
b25marem
a22erigr
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

  
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

   
help wanted

Need some help

  
invalid

Something is wrong

  
low priority

   
needs input

Issue needs input from product owner or customer

  
needs review

issue is in need of review

  
project documentation

   
question

More information is needed

  
research

   
reviewed

This Issue has been reviewed

  
script

   
security

use this for security-related issues

  
SQL

  
style

   
testing

   
topLevel

Reserved for top-level, project-wide issues.

  
wontfix

This won't be fixed

No labels
_CRITICAL_
API
app
backEnd
Blocked, waiting for further changes
bug
cleanup
close
design
duplicate
enhancement
feature request
frontEnd
help wanted
invalid
low priority
needs input
needs review
project documentation
question
research
reviewed
script
security
SQL
style
testing
topLevel
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
b24idalu
2 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!240
No description provided.