Teams view as tiles

[zhamanakov]

#380 depends on this for tile component
#374 depends on this for tile component and team logic

New Layout for "Teams" Page:

Header and footer are out of scope.
If the team has a team-picture, then tile has this picture. If not, then we use 1 of 2 default pictures (they can be easily found by link in Flexibus channel)

In wide-screens every tile has a 25% of width with paddings/margins.
If width for content is <=800px, then it's only 2 blocks in a row. (this is not shown in pictures)
In it is <=400 px, then only 1 block in a row. (IT IS ONLY EXAMPLE - the most important thing, that it looks good on every screen 300 to 1600px).
Don't forget that content has max-width:1200px!

• create a reusable component for the tiles that can be used in Events view as tiles #380.

• whole tile should be clickable

• no priority for teams

• 'Deine Teams' only shows teams that user is a member of

• 'Deine Teams' is subset of 'Alle Teams' (not disjunct)

• 'Deine Teams' block is not shown when there is no data

[JakobEdding]

Estimation: L

[JakobEdding]

Some work for the tiles might've already been done in #294 that we could build on, please check with the respective team @emanuel-metzenthin @deeps96.

[emanuel-metzenthin]

@jak-ing Isn't #294 a duplicate of #380?

[MariusDanner]

@emanuel-metzenthin I thought so too, but they aren't doing design i think

Yes just put the options for picture upload and the default image. The rest should be handled by the team of @zhamanakov :)

[JakobEdding]

Exactly. I just wanted to let you know because it came up in the scrum master meeting today.

[zhamanakov]

Important: "Players: X/Y" from mockup is now out.
Every Team-tile has a picture, name and kind of sports.

And please think, how we shorten list of kind of sports in tile in the case, if this list is tooo long.
May be only 1 (or 2) strings and then "..."

[emanuel-metzenthin]

Okay.

[zhamanakov]

why has one team different pictures?

Response 1

They have different pictures as you have requested i:

If the team has a team-picture, then tile has this picture. If not, then we use 1 of 2 default pictures (they can be easily found by link in Flexibus channel)

You might have not set a team picture. Thats why it gets assigned the volleyball picture if you are a member of this team and the soccer image if it listed in "all teams".

Zhamanakov:

@emanuel-metzenthin @MariusDanner
can we make that one team has always the same default pic?

[zhamanakov]

[Done] Max-width of content on page should be 1200px:

Leonardo

I will take care about that in #381.