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

UI: Qualifikation Bearbeiten View #54

Merged
mehdi merged 2 commits from Qualiofikation-Bearbeiten-UI into main 2025-01-08 09:07:04 +00:00
Conversation 0 Commits 2 Files changed 2 +11 -4
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component.css
View file

@ -70,7 +70,7 @@ input[type="text"] {
} }
.add-employee-button { .add-employee-button {
background-color: #007bff; background-color: #06a63b;
color: #fff; color: #fff;
padding: 10px 15px; padding: 10px 15px;
border: none; border: none;
@ -96,7 +96,8 @@ input[type="text"] {
padding: 5px 8px; padding: 5px 8px;
border: none; border: none;
cursor: pointer; cursor: pointer;
margin-left: 10px; margin-left: 4px;
margin-right: 4px;
border-radius: 3px; border-radius: 3px;
} }

10
src/app/components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component.html
View file

@ -11,16 +11,22 @@
<ul class="employee-list"> <ul class="employee-list">
<li> <li>
<span class="employee-name">Employee 1</span>
<button class="delete-skill-button"> <button class="delete-skill-button">
<img src="Delete-button.svg" alt="Delete"> <img src="Delete-button.svg" alt="Delete">
</button> </button>
<span class="employee-name">Max Mustermann</span>
</li>
<li>
<button class="delete-skill-button">
<img src="Delete-button.svg" alt="Delete">
</button>
<span class="employee-name">Mehdi Boudjoudi</span>
</li> </li>
</ul> </ul>
<div class="add-employee-section"> <div class="add-employee-section">
<label for="employeeSearch">Search for employee</label> <label for="employeeSearch">Search for employee</label>
<input type="text" id="employeeSearch" placeholder="Lastname of employee"> <input type="text" id="employeeSearch" placeholder="Last name of employee">
<button class="add-employee-button">Add employee</button> <button class="add-employee-button">Add employee</button>
</div> </div>
</div> </div>