From 0257d2c72b857b2ed9d138bfc1b6adb8758409fe Mon Sep 17 00:00:00 2001
From: Petr Barta <pbarta@dnanexus.com>
Date: Wed, 17 Apr 2024 10:06:00 +0200
Subject: [PATCH] PFDA-4167 "Powered by DNAnexus" in the right bottom corner of
 the page

---
 .../pfda-toolbar/pfda-toolbar.component.html  | 20 ++++++++++++++++
 .../pfda-toolbar/pfda-toolbar.component.scss  | 24 +++++++++++++++++++
 2 files changed, 44 insertions(+)

diff --git a/src/app/core/base/pfda-toolbar/pfda-toolbar.component.html b/src/app/core/base/pfda-toolbar/pfda-toolbar.component.html
index 3e2bd168b..5341066a1 100644
--- a/src/app/core/base/pfda-toolbar/pfda-toolbar.component.html
+++ b/src/app/core/base/pfda-toolbar/pfda-toolbar.component.html
@@ -1,4 +1,24 @@
 <mat-toolbar class="pfda-toolbar">
+  <!-- Powered by DNAnexus button on the bottom of the page -->
+  <a class="powered-by-dna" href="https://www.dnanexus.com/">
+    <div aria-hidden="true">Powered by</div>
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 251 37"
+      fill="none"
+    >
+      <path fill="hsl(240, 6%, 10%)" d="M24.19 18.17c0-1.8-.24-3.42-.7-4.87a10.4 10.4 0 0 0-2-3.68 8.68 8.68 0 0 0-3.18-2.32 10.76 10.76 0 0 0-4.29-.81h-5.6v23.38h5.6c1.6 0 3.04-.27 4.3-.81a8.64 8.64 0 0 0 3.18-2.32 10.58 10.58 0 0 0 1.99-3.68c.46-1.45.7-3.08.7-4.9Zm8.57 0c0 2.62-.45 5.05-1.35 7.27a17.02 17.02 0 0 1-3.8 5.76 17.24 17.24 0 0 1-5.92 3.8 20.9 20.9 0 0 1-7.67 1.36H0V0h14.02c2.81 0 5.37.46 7.67 1.37a16.9 16.9 0 0 1 9.71 9.54c.9 2.23 1.36 4.64 1.36 7.26Z"/>
+      <path fill="hsl(240, 6%, 10%)" fillRule="evenodd" d="M67.25 0v36.36H62.9a3.6 3.6 0 0 1-1.62-.32c-.44-.2-.88-.57-1.3-1.08L42.94 13.27a32.15 32.15 0 0 1 .18 3.6v19.49h-7.39V0h4.41c.37 0 .67.02.92.05a2.23 2.23 0 0 1 1.24.57c.18.17.39.4.62.68l17.17 21.83a29.58 29.58 0 0 1-.22-3.9V0h7.38Z" clipRule="evenodd"/>
+      <path fill="hsl(240, 6%, 10%)" d="M154.83 18.93c0-.79-.1-1.55-.31-2.26a5.28 5.28 0 0 0-1-1.91c-.47-.56-1.04-1-1.74-1.32a5.91 5.91 0 0 0-2.5-.48c-1.81 0-3.23.51-4.26 1.55a7.89 7.89 0 0 0-2 4.42h11.81Zm-11.92 5.5c.24 1.72 1 3.67 2.26 4.9a6.86 6.86 0 0 0 5 1.86c1.04 0 1.94-.12 2.7-.37.76-.25 1.42-.53 2-.83l1.57-.83c.47-.25.93-.38 1.39-.38.58 0 1.04.22 1.37.67l2.2 2.76a12 12 0 0 1-2.67 2.34 14.52 14.52 0 0 1-6.18 2.21c-1.06.14-2.09.21-3.08.21-1.97 0-3.82-.33-5.53-.98a12.55 12.55 0 0 1-4.48-2.9 13.6 13.6 0 0 1-3-4.78 18.3 18.3 0 0 1-1.1-6.6c0-1.95.3-3.77.94-5.49a13.11 13.11 0 0 1 2.73-4.48 13.03 13.03 0 0 1 4.34-3.03 14.2 14.2 0 0 1 5.78-1.12 14 14 0 0 1 5 .87 11.1 11.1 0 0 1 3.97 2.53 11.66 11.66 0 0 1 2.58 4.08 15.47 15.47 0 0 1 .84 6.93 4.17 4.17 0 0 1-1.34 2.42h-17.3Z"/>
+      <path fill="hsl(240, 6%, 10%)" fillRule="evenodd" d="M217.52 8.03v28.53h-4.67c-.97 0-1.6-.45-1.87-1.33l-.5-2a19.5 19.5 0 0 1-1.75 1.53 11.2 11.2 0 0 1-4.16 1.96 11.52 11.52 0 0 1-6.7-.52 8.25 8.25 0 0 1-3.02-2.24 9.9 9.9 0 0 1-1.84-3.43 14.4 14.4 0 0 1-.63-4.38V8.03h7.58v18.12c0 1.6.37 2.82 1.09 3.7.72.87 1.8 1.31 3.23 1.31 1.06 0 2.06-.23 3-.7.93-.47 1.82-1.11 2.66-1.93V8.03h7.58Zm22.66 5.87c-.2.31-.4.54-.62.68-.21.13-.5.2-.87.2-.36 0-.74-.09-1.12-.27a48.8 48.8 0 0 0-1.3-.6c-.47-.21-1.02-.4-1.63-.6a7.42 7.42 0 0 0-2.13-.27 4.7 4.7 0 0 0-2.85.76 2.39 2.39 0 0 0-1.02 2 2 2 0 0 0 .58 1.45c.38.38.89.72 1.52 1 .63.3 1.35.56 2.16.8l2.48.82c.86.3 1.68.64 2.49 1.03.8.39 1.52.87 2.16 1.45a6.7 6.7 0 0 1 1.52 2.1c.39.82.58 1.82.58 2.98 0 1.38-.25 2.66-.76 3.83a8.33 8.33 0 0 1-2.2 3.03 10.4 10.4 0 0 1-3.63 1.99 15.9 15.9 0 0 1-5 .72 15.87 15.87 0 0 1-5.61-1c-.86-.33-1.67-.7-2.42-1.13-.75-.42-1.4-.89-1.95-1.38l1.76-2.85c.2-.34.45-.6.75-.78.3-.18.7-.28 1.17-.28.46 0 .88.12 1.27.35a49 49 0 0 0 1.29.75c.47.27 1.04.52 1.69.75.65.23 1.46.34 2.43.34.73 0 1.36-.08 1.9-.25.53-.16.96-.39 1.29-.68a2.71 2.71 0 0 0 .96-2.08c0-.63-.2-1.14-.6-1.54-.39-.4-.9-.74-1.53-1.04-.63-.3-1.36-.56-2.19-.8a45 45 0 0 1-2.5-.8c-.86-.3-1.7-.65-2.51-1.05a8.48 8.48 0 0 1-2.17-1.54 7.08 7.08 0 0 1-1.54-2.28c-.4-.9-.6-2-.6-3.3 0-1.17.24-2.3.7-3.36.45-1.06 1.14-2 2.06-2.8a10.1 10.1 0 0 1 3.42-1.94c1.36-.48 2.94-.72 4.74-.72 2.01 0 3.84.33 5.5 1 1.64.66 3 1.53 4.06 2.6l-1.73 2.7Z" clipRule="evenodd"/>
+      <path fill="hsl(240, 6%, 10%)" d="M246.95 11.1h.34c.26 0 .49-.03.66-.1.18-.08.27-.23.27-.47 0-.22-.09-.37-.25-.46a1.32 1.32 0 0 0-.61-.13 4.46 4.46 0 0 0-.41.02v1.15Zm1.5 1.87a6.29 6.29 0 0 0-.9-1.35h-.6v1.35h-.63V9.49a4.43 4.43 0 0 1 1-.1 2 2 0 0 1 1.16.28c.27.2.4.48.4.87 0 .22-.06.41-.17.58-.12.16-.28.29-.5.38a4.16 4.16 0 0 1 .44.63 11.02 11.02 0 0 1 .48.84h-.69Zm1.5-1.78c0-.4-.05-.76-.17-1.08a2.6 2.6 0 0 0-.5-.84 2.12 2.12 0 0 0-.75-.54c-.3-.12-.62-.19-.97-.19a2.32 2.32 0 0 0-1.72.73 2.5 2.5 0 0 0-.5.84 3.3 3.3 0 0 0 .01 2.15c.12.33.28.6.5.84.2.23.45.41.75.54.29.13.61.19.96.19s.67-.06.97-.2c.29-.12.54-.3.75-.53.21-.23.38-.5.5-.84.12-.32.18-.68.18-1.07Zm.65 0c0 .5-.08.96-.25 1.36a2.84 2.84 0 0 1-1.64 1.66 3.1 3.1 0 0 1-3.27-.64c-.28-.28-.5-.62-.67-1.02-.17-.4-.25-.86-.25-1.36 0-.51.08-.97.25-1.37a2.86 2.86 0 0 1 1.63-1.66 3.08 3.08 0 0 1 3.29.64 3 3 0 0 1 .66 1.02c.17.4.25.86.25 1.37Z"/>
+      <path fill="hsl(240, 6%, 10%)" fillRule="evenodd" d="M131.45 14.06a9.6 9.6 0 0 0-1.84-3.43 8.41 8.41 0 0 0-3.01-2.24 11.45 11.45 0 0 0-6.7-.52 10.52 10.52 0 0 0-4.17 1.96c-.61.46-1.2.97-1.77 1.52l-.47-1.99c-.3-.88-.94-1.33-1.9-1.33h-4.67v23.5l1.94 5.03h5.65v-20.5c.84-.83 1.73-1.48 2.66-1.94.94-.46 1.94-.7 3-.7 1.43 0 2.5.45 3.24 1.32.73.88 1.1 2.11 1.1 3.7v18.12h7.56V18.44c0-1.59-.21-3.05-.62-4.38Zm43.12 9.21c5.2 2.84 6.75 7.07 6.8 13.29h7.24c-.17-9.04-8.41-13.95-10.8-15.33-5.44-3.1-6.94-7.03-6.94-12.9v-.3h-7.28v.3c0 7.38 7.18 12.86 10.98 14.94Z" clipRule="evenodd"/>
+      <path fill="#28AAE1" fillRule="evenodd" d="M171.4 36.56c.12-7.4 4.7-10.87 8.7-13.06 4.47-2.43 9.27-8.22 9.27-15.18v-.29h-7.28v.3c0 6.54-3.95 9.33-8.72 12.07-4.55 2.6-9.13 8.6-9.24 16.16h7.28Z" clipRule="evenodd"/>
+      <path fill="hsl(240, 6%, 10%)" d="M84.45 10.3c.28-.86.55-1.8.8-2.81a68.32 68.32 0 0 0 1.63 5.01l2.56 7.61h-8.32l2.54-7.56c.25-.63.51-1.38.8-2.25ZM89.55 0h-8.57L67.01 36.36h6.54a2.87 2.87 0 0 0 2.72-1.83l2.13-6.33.8-2.34h12.16l.77 2.34 2.13 6.33a2.82 2.82 0 0 0 2.78 1.82h6.5L89.55 0Z"/>
+    </svg>
+  </a>
+
   <div class="logo-container">
   <span class="pfda-logo">
     <a [href]="pfdaBaseUrl" aria-label="precisionFDA Home">
diff --git a/src/app/core/base/pfda-toolbar/pfda-toolbar.component.scss b/src/app/core/base/pfda-toolbar/pfda-toolbar.component.scss
index 8a863ed32..09ff71c73 100644
--- a/src/app/core/base/pfda-toolbar/pfda-toolbar.component.scss
+++ b/src/app/core/base/pfda-toolbar/pfda-toolbar.component.scss
@@ -86,3 +86,27 @@ $screenMedium: 1045px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
+
+.powered-by-dna {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 3px;
+  position: fixed;
+  bottom: 10px;
+  right: 12px;
+  width: 95px;
+  transition: opacity 0.2s linear 0.2s;
+  opacity: 0.3;
+}
+
+.powered-by-dna:hover {
+  opacity: 1;
+}
+
+.powered-by-dna div {
+  color: rgb(167, 169, 170);
+  font-weight: 500;
+  font-size: 12px;
+  font-family: Lato, sans-serif;
+}