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

UI: Qualifikation Detail seite #62

Merged
mehdi merged 4 commits from Browser-Qualifikation-Detailsseite-UI into main 2025-01-08 19:48:24 +00:00
Conversation 0 Commits 4 Files changed 6 +81 -8
6 changed files with 81 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app/app.component.ts
View file

@ -1,23 +1,25 @@
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import {Component} from '@angular/core';
import {RouterOutlet} from '@angular/router';
import {LoginViewComponent} from "./components/login-view/login-view.component";
import {
MitarbeiterverwaltungViewComponent
} from "./components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component";
import { NavigationBarComponent } from './components/navigation-bar/navigation-bar.component';
import { EmployeeDetailComponent } from './components/employee-detail/employee-detail.component';
import {NavigationBarComponent} from './components/navigation-bar/navigation-bar.component';
import {EmployeeDetailComponent} from './components/employee-detail/employee-detail.component';
import {
MitarbeiterBearbeitenViewComponent
} from "./components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component";
import {
QualifikatonBearbeitenViewComponent
} from "./components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component";
import {QualifikatonDetailComponent} from "./components/qualifikaton-detail/qualifikaton-detail.component";
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet, NavigationBarComponent, EmployeeDetailComponent, LoginViewComponent, MitarbeiterverwaltungViewComponent, MitarbeiterBearbeitenViewComponent, QualifikatonBearbeitenViewComponent],
imports: [RouterOutlet, NavigationBarComponent, EmployeeDetailComponent, LoginViewComponent, MitarbeiterverwaltungViewComponent, MitarbeiterBearbeitenViewComponent, QualifikatonBearbeitenViewComponent, QualifikatonDetailComponent],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})

6
src/app/components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component.html
View file

@ -32,9 +32,9 @@
<ul class="skill-list">
<li>
<span class="skill-name">Skill 1</span>
<button class="delete-skill-button">
<img src="Delete-button.svg" alt="Delete">
</button>
<button class="delete-skill-button">
<img src="Delete-button.svg" alt="Delete">
</button>
</li>
</ul>
<div class="skill-controls">

13
src/app/components/qualifikaton-detail/qualifikaton-detail.component.css Normal file
View file

@ -0,0 +1,13 @@
.thin-separator {
border: none;
border-top: 2px solid #aea0a0;
margin: 20px 0;
width: 20%;
text-align: left;
}
.employee-list-title {
margin-bottom: 24px;
}

20
src/app/components/qualifikaton-detail/qualifikaton-detail.component.html Normal file
View file

@ -0,0 +1,20 @@
<div class="d-flex flex-col" style="height: 100%;">
<app-navigation-bar></app-navigation-bar>
<div class="p-3" style="width: 100%;">
<a href="" class="btn btn-primary">Zurück</a>
<div class="row align-items-start pt-3">
<div class="col">
<h1>Name of qualification</h1>
<h4 class="employee-list-title">List of employees possessing the qualification</h4>
<p>Max Mustermann</p>
<hr class="thin-separator">
<p>Mehdi Boudjoudi</p>
<hr class="thin-separator">
<p>Random Random</p>
<hr class="thin-separator">
<button class="btn btn-danger">Löschen</button>
<button class="ms-3 btn btn-primary">Bearbeiten</button>
</div>
</div>
</div>
</div>

23
src/app/components/qualifikaton-detail/qualifikaton-detail.component.spec.ts Normal file
View file

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { QualifikatonDetailComponent } from './qualifikaton-detail.component';
describe('QualifikatonDetailComponent', () => {
let component: QualifikatonDetailComponent;
let fixture: ComponentFixture<QualifikatonDetailComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [QualifikatonDetailComponent]
})
.compileComponents();
fixture = TestBed.createComponent(QualifikatonDetailComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
src/app/components/qualifikaton-detail/qualifikaton-detail.component.ts Normal file
View file

@ -0,0 +1,15 @@
import { Component } from '@angular/core';
import {NavigationBarComponent} from "../navigation-bar/navigation-bar.component";
@Component({
selector: 'app-qualifikaton-detail',
standalone: true,
imports: [
NavigationBarComponent
],
templateUrl: './qualifikaton-detail.component.html',
styleUrl: './qualifikaton-detail.component.css'
})
export class QualifikatonDetailComponent {
}