infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Next Sprint. Juhuuu!

Browse Source
This commit is contained in:
Piet Ostendorp
2025-11-17 23:37:34 +01:00
parent fba895a3bb
commit 4408bc9b84
2 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/app/main/main.component.html
View File

@@ -1,11 +1,11 @@
<div class="flex flex-row items-center justify-center gap-8 h-1/1"> <div class="flex items-center h-1/1 justify-center space-x-30">
<div class="max-w-xl m-auto"> <div class="max-w-xl">
<section class="felx flex-row"> <section class="felx flex-row">
<div class="flex items-center"> <div class="flex items-center">
<h1 class="text-3xl font-bold"> <h1 class="text-3xl font-bold">
Willkommen bei Willkommen bei
</h1> </h1>
<div class="bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent text-3xl font-bold"> <div class="bg-linear-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent text-3xl font-bold">
&nbsp;InfiniMotion &nbsp;InfiniMotion
</div> </div>
<h1 class="text-3xl font-bold">! 🎬</h1> <h1 class="text-3xl font-bold">! 🎬</h1>
@@ -41,7 +41,7 @@
Wir haben uns bei Gestaltung und Stil bewusst an bestehenden Kinowebsites orientiert. Wir haben uns bei Gestaltung und Stil bewusst an bestehenden Kinowebsites orientiert.
Dabei handelt es sich um eine rein stilistische Anlehnung; diese Seite verfolgt keinerlei kommerzielle Zwecke und dient ausschließlich universitären Zwecken. Dabei handelt es sich um eine rein stilistische Anlehnung; diese Seite verfolgt keinerlei kommerzielle Zwecke und dient ausschließlich universitären Zwecken.
Marken, Designs oder Funktionalitäten, die bekannten Anbietern ähneln, sind nicht als Kopie zum Wettbewerb gedacht, sondern als pragmatische Inspirationsquelle im Rahmen der Praxisarbeit. Marken, Designs oder Funktionalitäten, die bekannten Anbietern ähneln, sind nicht als Kopie zum Wettbewerb gedacht, sondern als pragmatische Inspirationsquelle im Rahmen der Praxisarbeit.
<a href="https://infinimotion.de" target="_blank" class="bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent"> <a href="https://infinimotion.de" target="_blank" class="bg-linear-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
https://infinimotion.de https://infinimotion.de
</a> </a>
wird zum Projektende offline genommen. wird zum Projektende offline genommen.
@@ -52,57 +52,57 @@
</section> </section>
</div> </div>
<div class="max-w-md mr-60 mt-10"> <div class="mt-10">
<mat-vertical-stepper [linear]="false" [selectedIndex]="5" class="always-open-stepper"> <mat-vertical-stepper [linear]="false" [selectedIndex]="5" class="always-open-stepper">
<mat-step <mat-step
[completed]="isCompleted(0)" [completed]="isCompleted(0)"
[editable]="isEditable(0)"> [editable]="isEditable(0)">
<ng-template matStepLabel> <ng-template matStepLabel>
<span>Sprint #0:&nbsp; &nbsp; Planung, Installation und Vorbereitung</span> <span>Sprint #0:&nbsp; &nbsp; Planung, Installation und Vorbereitung</span>
</ng-template> </ng-template>
</mat-step> </mat-step>
<mat-step <mat-step
[completed]="isCompleted(1)" [completed]="isCompleted(1)"
[editable]="isEditable(1)"> [editable]="isEditable(1)">
<ng-template matStepLabel> <ng-template matStepLabel>
<span>Sprint #1:&nbsp; &nbsp; Programmübersicht</span> <span>Sprint #1:&nbsp; &nbsp; Programmübersicht</span>
</ng-template> </ng-template>
</mat-step> </mat-step>
<mat-step <mat-step
[completed]="isCompleted(2)" [completed]="isCompleted(2)"
[editable]="isEditable(2)"> [editable]="isEditable(2)">
<ng-template matStepLabel> <ng-template matStepLabel>
<span>Sprint #2:&nbsp; &nbsp; Kinosäle anzeigen</span> <span>Sprint #2:&nbsp; &nbsp; Kinosäle anzeigen</span>
</ng-template> </ng-template>
</mat-step> </mat-step>
<mat-step <mat-step
[completed]="isCompleted(3)" [completed]="isCompleted(3)"
[editable]="isEditable(3)"> [editable]="true">
<ng-template matStepLabel> <ng-template matStepLabel>
<span>Sprint #3:&nbsp; &nbsp; Vorstellungstickets reservieren und buchen</span> <span>Sprint #3:&nbsp; &nbsp; Vorstellungstickets reservieren und buchen</span>
</ng-template> </ng-template>
</mat-step> </mat-step>
<mat-step <mat-step
[completed]="isCompleted(4)" [completed]="isCompleted(4)"
[editable]="isEditable(4)"> [editable]="isEditable(4)">
<ng-template matStepLabel> <ng-template matStepLabel>
<span>Sprint #4:&nbsp; &nbsp; Statistiken auswerten und anzeigen</span> <span>Sprint #4:&nbsp; &nbsp; Statistiken auswerten und anzeigen</span>
</ng-template> </ng-template>
</mat-step> </mat-step>
<mat-step <mat-step
[completed]="isCompleted(5)" [completed]="isCompleted(5)"
[editable]="isEditable(5)"> [editable]="isEditable(5)">
<ng-template matStepLabel> <ng-template matStepLabel>
<span>Sprint #5:&nbsp; &nbsp; Aufbereitung und Optimierung</span> <span>Sprint #5:&nbsp; &nbsp; Aufbereitung und Optimierung</span>
</ng-template> </ng-template>
</mat-step> </mat-step>
</mat-vertical-stepper>
</mat-vertical-stepper>
</div>
</div> </div>

2
src/app/main/main.component.ts
View File

@@ -7,7 +7,7 @@ import { Component } from '@angular/core';
styleUrl: './main.component.css' styleUrl: './main.component.css'
}) })
export class MainComponent { export class MainComponent {
currentSprint = 3; currentSprint = 4;
isCompleted(index: number): boolean { isCompleted(index: number): boolean {
return index <= this.currentSprint; return index <= this.currentSprint;