jank/employeeService
1
1
Fork 0
Code Issues 2 Pull requests 4 Projects 1 Releases Packages Wiki Activity Actions

feat: add employee management and skill handling features

Browse source
This commit is contained in:
Jan K9f 2025-01-15 11:02:12 +01:00
parent 0bcc7d4684
commit d86af94ac8
Signed by: jank
GPG key ID: 50620ADD22CD330B
10 changed files with 277 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

95
src/app/components/mitarbeiter-form/mitarbeiter-form.component.html
View file

@ -1,49 +1,56 @@
<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">
</div>
<div class="form-group">
<label for="lastName">Last Name</label>
<input type="text" id="lastName" placeholder="Last Name">
</div>
<div class="form-group">
<label for="street">Street</label>
<input type="text" id="street" placeholder="Street">
</div>
<div class="form-group">
<label for="postcode">Postcode</label>
<input type="text" id="postcode" placeholder="Postcode">
</div>
<div class="form-group">
<label for="city">City</label>
<input type="text" id="city" placeholder="City">
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="text" id="phone" placeholder="Phone Number">
</div>
</div>
<form [formGroup]="mitarbeiterForm">
<div class="skills-container">
<h2>Skills</h2>
<ul class="skill-list">
<li>
<span class="skill-name">Skill 1</span>
<button class="delete-skill-button">
<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>
<option value="">Option 1</option>
<option value="">Option 2</option>
</select>
<button class="add-skill-button">Add qualification</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>
<button class="save-button">Save</button>
</div>
</form>