ftr: added new logo and fav icon

TRACEFOSS-xxx

Author: fbedarf

README.md

@@ -1,12 +1,15 @@
-# ![Product Traceability FOSS Backend (TRACE-FOSS)](src/assets/images/catena-x.svg) Product Traceability FOSS Backend
+<div style="display: flex; align-items: center;justify-content: center;align-content: center;">
+   <img src="src/assets/images/logo.svg" alt="Trace-X - Product Traceability FOSS Frontend (TRACE-FOSS)" style="width:200px;"/>
+   <h1 style="margin: 10px 0 0 10px">Traceability FOSS Frontend</h1>
+</div>
 
 [![Apache 2 License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://github.com/catenax-ng/product-traceability-foss-frontend/LICENSE)
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=catenax-ng_product-traceability-foss-frontend&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=catenax-ng_product-traceability-foss-frontend)
 [![Kics](https://github.com/catenax-ng/product-traceability-foss-frontend/actions/workflows/kics.yml/badge.svg)](https://github.com/catenax-ng/product-traceability-foss-frontend/actions/workflows/kics.yml)
 [![Trivy](https://github.com/catenax-ng/product-traceability-foss-frontend/actions/workflows/trivy.yml/badge.svg)](https://github.com/catenax-ng/product-traceability-foss-frontend/actions/workflows/trivy.yml)
 [![VeraCode](https://github.com/catenax-ng/product-traceability-foss-frontend/actions/workflows/veracode.yaml/badge.svg)](https://github.com/catenax-ng/product-traceability-foss-frontend/actions/workflows/veracode.yaml)
 
-<h2>Trace-FOSS is a system for tracking parts along the supply chain.</h2>
+<h2>Trace-X is a system for tracking parts along the supply chain.</h2>
 <h4>A high level of transparency across the supplier network enables faster intervention based on a recorded event in the supply chain.
 This saves costs by seamlessly tracking parts and creates trust through clearly defined and secure data access by the companies and persons involved in the process.</h4>
 

docs/user-guide.md

@@ -1,35 +1,35 @@
-# <img src="images/catena-x.svg" alt="Catena-X Logo"/> Trance-FOSS - User Guide
+# <img src="images/logo.svg" alt="Trace-X Logo"/> Trace-X - User Guide
 
 <br>
 
-Table of contents
----
+## Table of contents
 
 - [Introduction](#introduction)
-    - [Scope and purpose](#scope-and-purpose)
+  - [Scope and purpose](#scope-and-purpose)
 - [Getting started](#getting-started)
-    - [Accessing the app](#Accessing-the-app)
-        - [Login](#Login)
-        - [Sign-out](#sign-out)
-    - [Navigation](#navigation)
-        - [Header](#header)
-        - [Main navigation](#left-side-menu)
+  - [Accessing the app](#Accessing-the-app)
+    - [Login](#Login)
+    - [Sign-out](#sign-out)
+  - [Navigation](#navigation)
+    - [Header](#header)
+    - [Main navigation](#left-side-menu)
 - [Features](#features)
-    - [Dashboard (Home)](#dashboard)
-    - [Find part](#find-parts)
-    - [View Parts Details](#view-parts-details)
-    - [Raise Quality Alert](#raise-quality-alert)  
-    - [Add parts to a Queued Quality Alert](#add-parts-to-a-queued-quality-alert)
-    - [Distribute quality alerts to customers](#distribute-quality-alerts-to-customers)
-    - [Request quality investigation](#request-quality-investigation)
-    - [Send Quality Investigation to supplier](#send-quality-investigation-to-supplier)
-    - [Raise quality alert from quality investigation](#raise-quality-alert-from-quality-investigation)
-    - [Raise quality investigation from quality investigation](#raise-quality-investigation-from-quality-investigation)
-    - [Access control](#access-control)
-    
+  - [Dashboard (Home)](#dashboard)
+  - [Find part](#find-parts)
+  - [View Parts Details](#view-parts-details)
+  - [Raise Quality Alert](#raise-quality-alert)
+  - [Add parts to a Queued Quality Alert](#add-parts-to-a-queued-quality-alert)
+  - [Distribute quality alerts to customers](#distribute-quality-alerts-to-customers)
+  - [Request quality investigation](#request-quality-investigation)
+  - [Send Quality Investigation to supplier](#send-quality-investigation-to-supplier)
+  - [Raise quality alert from quality investigation](#raise-quality-alert-from-quality-investigation)
+  - [Raise quality investigation from quality investigation](#raise-quality-investigation-from-quality-investigation)
+  - [Access control](#access-control)
+
 <br>
 
 ---
+
 ---
 
 <br>
@@ -39,6 +39,7 @@ Table of contents
 <br>
 
 ## **Scope and purpose**
+
 Trace-FOSS is a traceability supply chain app built for existing supply chain ecosystems to transform into a digitally connected world. Trace-FOSS spans across companies and creates a collaborative network that is both fast and secure in its processes. It has a state-of-the-art user interface that is easy to understand and ready for use.
 
 As a Trace-FOSS user, you can access all information concerning parts and components on an individual level. You can track the record of individual parts, raise quality alerts on your parts and distribute them to your customers, and receive quality alerts from supplier parts that may affect your parts. It is also possible to request investigations of suppliers' parts and receive investigations requests from customers, thus creating a connected supply chain, and providing transparency within your network.
@@ -51,7 +52,7 @@ As a Trace-FOSS user, you can access all information concerning parts and compon
 <br>
 <br>
 
-[-- End of 'Introduction' section --]: # 
+[-- end of 'introduction' section --]: #
 
 # Getting started
 
@@ -63,7 +64,7 @@ As a Trace-FOSS user, you can access all information concerning parts and compon
 
 <br>
 
-### **Login** 
+### **Login**
 
 <img src="images/PC_Login.png" height="60%" width="60%">
 
@@ -89,7 +90,7 @@ As a Trace-FOSS user, you can access all information concerning parts and compon
 <br>
 <br>
 
-[-- End of 'Getting started' section --]: # 
+[-- end of 'getting started' section --]: #
 
 # Navigation
 
@@ -101,7 +102,7 @@ Trace-FOSS navigation is based on a header and a left-side menu.
 
 <img src="images/PC_Header.png" alt="Trace-FOSS header"/>
 
-1 - On the left side of the header, there is the Trace-FOSS logo which redirects the user to the Dashboard (Home) area. 
+1 - On the left side of the header, there is the Trace-FOSS logo which redirects the user to the Dashboard (Home) area.
 
 2 - On the right side of the header, there is the name and avatar of the logged-in user. When clicked, it is possible to see the avatar, the role of the user, the name of the user, and the option to Sign-out.
 
@@ -112,7 +113,6 @@ Trace-FOSS navigation is based on a header and a left-side menu.
 <img src="images/PC_Navigation.png" alt="Trace-FOSS navigation" height="350"/>
 <img src="images/PC_Navigation-open.png" alt="Trace-FOSS open navigation" height="350"/>
 
-
 On the left side menu, it is possible to navigate the Trace-FOSS application by choosing each of the following options/features:
 
 - Dashboard
@@ -132,18 +132,19 @@ On the left side menu, it is possible to navigate the Trace-FOSS application by
 <br>
 <br>
 
-[-- End of 'Navigation' section --]: # 
+[-- end of 'navigation' section --]: #
 
 # Features
 
 ## Dashboard
 
-The Trace-FOSS dashboard is the main entrance of the application. It provides an overview of the company's parts: 
-1. Total of company's parts; 
+The Trace-FOSS dashboard is the main entrance of the application. It provides an overview of the company's parts:
+
+1. Total of company's parts;
 1. Total of parts with quality alerts/investigations;
-1. Latest received quality alerts/investigations; 
-1. Percentage of each quality alert type;  
-1. Evolution of quality alerts over time; 
+1. Latest received quality alerts/investigations;
+1. Percentage of each quality alert type;
+1. Evolution of quality alerts over time;
 1. Number of parts per country registered in Trace-FOSS (withing network)
 
 <img src="images/PC_Dashboard.png" height="60%" width="60%"/>
@@ -158,7 +159,7 @@ The Trace-FOSS dashboard is the main entrance of the application. It provides an
 
 ## Find parts
 
-Manually enter or paste a part serial number in the search area. 
+Manually enter or paste a part serial number in the search area.
 
 <img src="images/PC_FindPart.png" height="60%" width="60%" />
 
@@ -244,19 +245,19 @@ After raising a Quality Alert, it is still possible to edit it, **before** distr
 
 <br>
 
-On the options of the Quality Alert, click on "view details" 
+On the options of the Quality Alert, click on "view details"
 
 <img src="images/PC_QA-Options.png" height="60%" width="60%"/>
 
 <br>
 
-To **add parts** to the queued Quality Alert, click the "+ Add Parts" button 
+To **add parts** to the queued Quality Alert, click the "+ Add Parts" button
 
 <img src="images/PC_QA-Details.png" height="60%" width="60%"/>
 
 <br>
 
-Enter or paste the serial number of the part to add to the Quality alert, click "Add part" and, when all the parts are added, click "Save". 
+Enter or paste the serial number of the part to add to the Quality alert, click "Add part" and, when all the parts are added, click "Save".
 
 <img src="images/PC_QA-AddParts2.png" height="60%" width="60%"/>
 
@@ -270,7 +271,7 @@ Enter or paste the serial number of the part to add to the Quality alert, click
 
 ## Distribute Quality Alerts to customers
 
-There are multiple ways of distributing Quality alerts, depending on the quantity, and which page the user is in. 
+There are multiple ways of distributing Quality alerts, depending on the quantity, and which page the user is in.
 
 On the Queued Quality Alerts list, it is possible to distribute all the Quality Alerts at once, using the "Distribute All" button on the top right of the list.
 
@@ -359,14 +360,12 @@ Once the Quality Investigation request is sent, the suppliers (within the networ
 <img src="images/PC_Dashboard-QI2.png" height="60%" width="60%"/>
 <img src="images/PC_QI_Received.png" height="60%" width="60%"/>
 
-
 <br>
 
 On the requester side, it will be shown on the Quality Investigations page on the "Requested" list and no more changes are allowed.
 
 <img src="images/PC_QI-Requested.png" height="60%" width="60%"/>
 
-
 <br>
 <br>
 
@@ -393,7 +392,6 @@ By clicking on "Add to Queue" the quality type change will be added to the list
 
 To distribute it, follow the steps in the section [Distribute quality alerts to customers](#distribute-quality-alerts-to-customers)
 
-
 <br>
 <br>
 
@@ -402,12 +400,11 @@ To distribute it, follow the steps in the section [Distribute quality alerts to
 <br>
 <br>
 
-
 ## Raise quality investigation from the quality investigation
 
-To raise a Quality Investigation from a Quality Investigation, on the Investigation details page, view your part's child parts by clicking on the arrow next to thePart Name,  select the child part(s) and click on the "Request Quality Investigation" button.
+To raise a Quality Investigation from a Quality Investigation, on the Investigation details page, view your part's child parts by clicking on the arrow next to thePart Name, select the child part(s) and click on the "Request Quality Investigation" button.
 
-<img src="images/PC_QI-QIfromQI.png" height="60%" width="60%"/> 
+<img src="images/PC_QI-QIfromQI.png" height="60%" width="60%"/>
 
 <br>
 
@@ -419,12 +416,10 @@ Enter a description and click "Add to Queue"
 
 By clicking on "Add to Queue" the quality type change will be added to the list of Queued Quality Investigation that pending distribution to suppliers. Only after being distributed to suppliers will the Quality investigation request be effectively sent.
 
-
 <br>
 
 To send it to the suppliers, follow the steps in the section [Send Quality Investigation to supplier](#send-quality-investigation-to-supplier)
 
-
 <br>
 <br>
 

src/app/modules/core/layout/nav-bar/nav-bar.component.html

@@ -22,8 +22,7 @@
     <section class="navbar-header">
       <div class="navbar-header__container">
         <div class="navbar-logo-content cursor-pointer" (click)="this.navigateToHome()">
-          <img src="/assets/images/catena-x.svg" alt="Catena-x" />
-          <h3 class="uppercase">Catena-X</h3>
+          <img src="/assets/images/logo.svg" alt="Trace-x" />
         </div>
       </div>
 

src/app/modules/core/layout/nav-bar/nav-bar.component.scss

@@ -42,7 +42,6 @@
   @apply flex flex-row items-center space-x-4;
 
   img {
-    width: 35px;
     height: 35px;
     margin-bottom: 0.6rem;
   }

src/app/modules/shared/modules/relations/RELATIONS.md

@@ -1,6 +1,6 @@
 <div style="display: flex; justify-items: center;">
 
-![Alt text](../../../../../assets/images/catena-x.svg?raw=true 'Catena-x')
+![Alt text](../../../../../assets/images/logo.svg?raw=true)
 
 <h1 style="margin: 10px 0 0 10px">Trace-FOSS Visualisation of relations</h1>