Deduplicate screen architecture

[FSadrieh]

As a developer, I do not want to write everything twice for both screens.

Acceptance Criteria

• Components with ID don't need to be replicated

For questions regarding this issue, reach out to: @ko-redtruck

[codingWhale13]

Das bezieht sich vor allem auf die Dateien _item_smallscreen.html.erb und _item_largescreen.html.erb, die beide in app/views/groups/show.html.erb gerendert werden.

[DefineDan]

@konrad-gerlach @janiswehen bezieht sich das auf das, was ihr initial gebaut habt?

[konrad-gerlach]

Das stimmt. Wir haben mehrere verschiedene Sachen ausprobiert, z.B.: User Agent Tests und mit Bootstrap Media Queries umgehen und das schien die beste Möglichkeit zu sein möglichst einfach (d.h. ohne super kompliziertes und schlecht wartbares JS Umrendern) die dynamische Anpassung an die unterschiedlichen Bildschirmgrößen zu gewährleisten. Das Problem ist, dass sich die Wireframes so stark im DOM unterschieden haben, dass wir die nicht einfach mit ein biscchen CSS und Bootstrap anpassen konnten.

[konrad-gerlach]

Was gemacht werden könnte ist, dass wir mit JS die Bildschirmgröße abfragen und je nachdem nur eine der beiden Dateien rendern. Ich sehe nur nicht, wie wir um das Problem beider Dateien herumkommen.