fix(Project Overview): Project type logo

deNBI · Apr 5, 2024 · f89ddcd · f89ddcd
1 parent 7bc7e25
commit f89ddcd
Show file tree

Hide file tree

Showing 3 changed files with 693 additions and 675 deletions.
diff --git a/src/app/projectmanagement/overview.component.html b/src/app/projectmanagement/overview.component.html
@@ -20,32 +20,25 @@
 					<h3>
 						<a
 							*ngIf="project_application?.project_application_openstack_project"
-							class="project-openstack_plain_white_redbg"
 							data-toggle="tooltip"
 							href="{{ OPENSTACK_LINK }}"
 							rel="noopener noreferrer"
 							style="font-size: 2em"
 							target="_blank"
 							title="This is an Openstack project"
 						>
-							<a class="path1"></a>
-							<a class="path2"></a>
+							<img class="po-logo" src="{{ openstack_logo }}" />
 						</a>
 						<a
 							*ngIf="!project_application?.project_application_openstack_project"
-							class="project-simpleVM_Logo_bluebg"
 							data-toggle="tooltip"
 							href="{{ SIMPLE_VM_LINK }}"
 							rel="noopener noreferrer"
 							style="font-size: 2em"
 							target="_blank"
 							title="This is a Simple VM project"
 						>
-							<a class="path1"></a>
-							<a class="path2"></a>
-							<a class="path3"></a>
-							<a class="path4"></a>
-							<a class="path5"></a>
+							<img class="po-logo" src="{{ simple_vm_logo }}" />
 						</a>
 						{{ project_application?.project_application_name }}
 					</h3>
@@ -120,26 +113,17 @@ <h3>
 										<td>
 											<span
 												*ngIf="project_application?.project_application_openstack_project"
-												class="project-openstack_plain_white_redbg"
 												data-toggle="tooltip"
 												style="font-size: 20px"
 												title="This is an Openstack project"
 											>
-												<span class="path1"></span>
-												<span class="path2"></span>
 											</span>
 											<span
 												*ngIf="!project_application?.project_application_openstack_project"
-												class="project-simpleVM_Logo_bluebg"
 												data-toggle="tooltip"
 												style="font-size: 20px"
 												title="This is a Simple VM project"
 											>
-												<span class="path1"></span>
-												<span class="path2"></span>
-												<span class="path3"></span>
-												<span class="path4"></span>
-												<span class="path5"></span>
 											</span>
 											<span
 												style="margin-left: 12px"
@@ -188,32 +172,25 @@ <h3>
 							<h3>
 								<a
 									*ngIf="project_application?.project_application_openstack_project"
-									class="project-openstack_plain_white_redbg"
 									data-toggle="tooltip"
 									href="{{ OPENSTACK_LINK }}"
 									rel="noopener noreferrer"
 									style="font-size: 2em"
 									target="_blank"
 									title="This is an Openstack project"
 								>
-									<a class="path1"></a>
-									<a class="path2"></a>
+									<img class="po-logo" src="{{ openstack_logo }}" />
 								</a>
 								<a
 									*ngIf="!project_application?.project_application_openstack_project"
-									class="project-simpleVM_Logo_bluebg"
 									data-toggle="tooltip"
 									href="{{ SIMPLE_VM_LINK }}"
 									rel="noopener noreferrer"
 									style="font-size: 2em"
 									target="_blank"
 									title="This is a Simple VM project"
 								>
-									<a class="path1"></a>
-									<a class="path2"></a>
-									<a class="path3"></a>
-									<a class="path4"></a>
-									<a class="path5"></a>
+									<img class="po-logo" src="{{ simple_vm_logo }}" />
 								</a>
 								{{ project_application?.project_application_shortname }}
 							</h3>
@@ -861,26 +838,17 @@ <h3>
 										<td>
 											<span
 												*ngIf="project_application?.project_application_openstack_project"
-												class="project-openstack_plain_white_redbg"
 												data-toggle="tooltip"
 												style="font-size: 20px"
 												title="This is an Openstack project"
 											>
-												<span class="path1"></span>
-												<span class="path2"></span>
 											</span>
 											<span
 												*ngIf="!project_application?.project_application_openstack_project"
-												class="project-simpleVM_Logo_bluebg"
 												data-toggle="tooltip"
 												style="font-size: 20px"
 												title="This is a Simple VM project"
 											>
-												<span class="path1"></span>
-												<span class="path2"></span>
-												<span class="path3"></span>
-												<span class="path4"></span>
-												<span class="path5"></span>
 											</span>
 										</td>
 										<td>{{ project_application?.project_application_name }}</td>

diff --git a/src/app/projectmanagement/overview.component.ts b/src/app/projectmanagement/overview.component.ts
@@ -122,6 +122,9 @@ export class OverviewComponent extends ApplicationBaseClassComponent implements
 	memberApplicationsLoaded: boolean = false;
 	title: string = 'Project Overview';
 
+	simple_vm_logo: string = 'static/webapp/assets/img/simpleVM_Logo.svg';
+	openstack_logo: string = 'static/webapp/assets/img/openstack_plain_red.svg';
+
 	checked_member_list: number[] = [];
 	// modal variables for User list
 	public project_members: ProjectMember[] = [];