56 lines
2 KiB
HTML
56 lines
2 KiB
HTML
<form [formGroup]="mitarbeiterForm">
|
|
|
|
<div class="container">
|
|
<button class="back-button">Back</button>
|
|
<div class="user-info">
|
|
<div class="form-group">
|
|
<label for="firstName">First Name</label>
|
|
<input type="text" id="firstName" placeholder="First Name" formControlName="firstName">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="lastName">Last Name</label>
|
|
<input type="text" id="lastName" placeholder="Last Name" formControlName="lastName">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="street">Street</label>
|
|
<input type="text" id="street" placeholder="Street" formControlName="street">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="postcode">Postcode</label>
|
|
<input type="text" id="postcode" placeholder="Postcode" formControlName="postcode">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="city">City</label>
|
|
<input type="text" id="city" placeholder="City" formControlName="city">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="phone">Phone Number</label>
|
|
<input type="text" id="phone" placeholder="Phone Number" formControlName="phone">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skills-container">
|
|
<h2>Skills</h2>
|
|
<ul class="skill-list">
|
|
@for (skill of mitarbeiter.skillSet; track skill) {
|
|
<li>
|
|
<span class="skill-name">{{skill.skill}}</span>
|
|
<button (click)="removeSkill(skill.id)" class="delete-skill-button">
|
|
<img src="Delete-button.svg" alt="Delete">
|
|
</button>
|
|
</li>
|
|
}
|
|
</ul>
|
|
<div class="skill-controls">
|
|
<select formControlName="newSkill">
|
|
@for (skill of allSkills | async; track skill) {
|
|
<option value="{{skill.id}}">{{skill.skill}}</option>
|
|
}
|
|
</select>
|
|
<button (click)="addSkill()" class="add-skill-button">Add qualification</button>
|
|
</div>
|
|
</div>
|
|
<button (click)="submit()" class="save-button">Save</button>
|
|
</div>
|
|
|
|
</form>
|