From 1005b4af9eeebd01ed5a76916e820dae903a5f4e Mon Sep 17 00:00:00 2001
From: kaw67872 <kawtar.laariche@iais.fraunhofer.de>
Date: Fri, 3 May 2024 20:35:03 +0200
Subject: [PATCH] #19: create solution id component
---
.../solution-id/solution-id.component.html | 1 +
.../solution-id/solution-id.component.scss | 7 ++++++
.../solution-id/solution-id.component.spec.ts | 23 +++++++++++++++++++
.../solution-id/solution-id.component.ts | 13 +++++++++++
4 files changed, 44 insertions(+)
create mode 100644 src/app/shared/components/solution-id/solution-id.component.html
create mode 100644 src/app/shared/components/solution-id/solution-id.component.scss
create mode 100644 src/app/shared/components/solution-id/solution-id.component.spec.ts
create mode 100644 src/app/shared/components/solution-id/solution-id.component.ts
diff --git a/src/app/shared/components/solution-id/solution-id.component.html b/src/app/shared/components/solution-id/solution-id.component.html
new file mode 100644
index 0000000..1e6dfa9
--- /dev/null
+++ b/src/app/shared/components/solution-id/solution-id.component.html
@@ -0,0 +1 @@
+<span class="solution_id_bg">Solution ID:{{ solutionId }}</span>
diff --git a/src/app/shared/components/solution-id/solution-id.component.scss b/src/app/shared/components/solution-id/solution-id.component.scss
new file mode 100644
index 0000000..8f4c9f2
--- /dev/null
+++ b/src/app/shared/components/solution-id/solution-id.component.scss
@@ -0,0 +1,7 @@
+.solution_id_bg {
+ background-color: #f1f1f1;
+ border: 1px solid #ccc;
+ font-size: 10px;
+ border-radius: 15px;
+ padding: 0 5px;
+}
diff --git a/src/app/shared/components/solution-id/solution-id.component.spec.ts b/src/app/shared/components/solution-id/solution-id.component.spec.ts
new file mode 100644
index 0000000..78fd034
--- /dev/null
+++ b/src/app/shared/components/solution-id/solution-id.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SolutionIdComponent } from './solution-id.component';
+
+describe('SolutionIdComponent', () => {
+ let component: SolutionIdComponent;
+ let fixture: ComponentFixture<SolutionIdComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [SolutionIdComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(SolutionIdComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/solution-id/solution-id.component.ts b/src/app/shared/components/solution-id/solution-id.component.ts
new file mode 100644
index 0000000..8b325fa
--- /dev/null
+++ b/src/app/shared/components/solution-id/solution-id.component.ts
@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+ selector: 'gp-solution-id',
+ standalone: true,
+ imports: [CommonModule],
+ templateUrl: './solution-id.component.html',
+ styleUrl: './solution-id.component.scss',
+})
+export class SolutionIdComponent {
+ @Input() solutionId!: string;
+}
--
GitLab