Andras/BoundlessFlowCampus2K

Fork 0

Model for frontend dashboard #146

New issue

Closed

opened 2026-04-07 07:45:49 +00:00 by a24timsv · 7 comments

a24timsv commented

2026-04-07 07:45:49 +00:00

Collaborator

Model for the frontend dashboard is needed before the actual implementation. The model should be presented to the team for feedback and agreement.

Multiple people can take this issue as different ideas would be nice to discuss.

Parent issue: #145

Model for the frontend dashboard is needed before the actual implementation. The model should be presented to the team for feedback and agreement. Multiple people can take this issue as different ideas would be nice to discuss. Parent issue: #145

a24timsv added the

project documentation

design

frontEnd

labels

2026-04-07 08:00:21 +00:00

a24timsv was assigned by a24vinla

2026-04-07 08:34:05 +00:00

a24danwe commented

2026-04-07 09:44:15 +00:00

Collaborator

assign me

a24timsv commented

2026-04-07 10:01:40 +00:00

Author

Collaborator

I also feel that I need to explain this a bit more.

The model's goal is to show how different HTML elements are constrained by or to each other. So there is no need to draw something complicated or something pretty. It only needs to show which div exist within which div.

<div class="root">
  <div class="navbar">
    <h1>Awesome header</h1>
  </div>
  <div class="grid-area">
    <div class="Card">
      ...
    </div>
  </div>
</div>

draw.io is a good tool for this

I also feel that I need to explain this a bit more. The model's goal is to show how different HTML elements are constrained by or to each other. So there is no need to draw something complicated or something pretty. It only needs to show which div exist within which div. ``` html <div class="root"> <div class="navbar"> <h1>Awesome header</h1> </div> <div class="grid-area"> <div class="Card"> ... </div> </div> </div> ``` draw.io is a good tool for this

a24julot was assigned by a24timsv

2026-04-07 10:40:44 +00:00

a24julot commented

2026-04-07 10:42:51 +00:00

Collaborator

An idea of how the dashboard could be built.

FrontendDashboardModel.jpg

61 KiB

c24carso commented

2026-04-07 10:55:19 +00:00

Collaborator

An idea for what could be included/how it could look

Dashboardexample.drawio.png

55 KiB

a24danwe commented

2026-04-07 11:12:55 +00:00

Collaborator

Dashboard design example

Skärmavbild 2026-04-07 kl. 12.11.22.png

110 KiB

a24timsv commented

2026-04-07 11:46:34 +00:00

Author

Collaborator

I'll upload my version as well then

Frontend model.drawio.png

35 KiB

😆 1

a24vinla referenced this issue

2026-04-08 07:17:17 +00:00

Change styles component #171

c24carso self-assigned this

2026-04-08 10:37:54 +00:00

a24timsv commented

2026-04-08 13:28:57 +00:00

Author

Collaborator

As talked about on the meeting this afternoon, every model in this issue is structurally the same and no one in the meeting had any objections to this model we have decided to use this model (can also be found on the wiki) as of now to build an actual implementation.

Someone will be assigned to the related issue for the implementation #187

As talked about on the meeting this afternoon, every model in this issue is structurally the same and no one in the meeting had any objections to this model we have decided to use [this model](https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/146#issuecomment-1020) (can also be found on the [wiki](https://git.webug.se/Andras/BoundlessFlowCampus2K/wiki/Frontend-model)) as of now to build an actual implementation. Someone will be assigned to the related issue for the implementation #187

a24timsv closed this issue

2026-04-08 13:29:08 +00:00