Merge pull request #542 from bcgov/feature/govFooter

Add footer, re-add debug link
openwallet-foundation · Jun 12, 2024 · c5f6276 · c5f6276
2 parents 32cbc89 + 441b38b
commit c5f6276
Showing 1 changed file with 74 additions and 2 deletions.
diff --git a/oidc-controller/api/templates/verified_credentials.html b/oidc-controller/api/templates/verified_credentials.html
@@ -138,10 +138,32 @@
         background-color: var(--bc-primary);
         border-bottom: 4px solid var(--bc-accent);
         box-shadow: 0px 3px 3px 0px #dedede;
+        padding-left: 1em;
       }
       .navbar svg {
         height: 4rem;
       }
+      footer {
+        background-color: var(--bc-primary);
+        border-top: 2px solid var(--bc-accent);
+        color: #fff;
+      }
+      footer ul {
+        display: flex;
+        flex-wrap: wrap;
+        margin: 0;
+        color: #fff;
+        list-style: none;
+      }
+      footer ul li a {
+        font-size: 0.813em;
+        color: #fff;
+        padding: 0 1em;
+        text-decoration: none;
+      }
+      footer ul li a:hover {
+        text-decoration: underline;
+      }
 
       [v-cloak] {
         display: none;
@@ -150,12 +172,12 @@
   </head>
   <body>
     <div id="app">
-      <div v-cloak>
+      <div v-cloak class="d-flex flex-column vh-100">
         <nav class="navbar">
           <div v-html="bcGovLogo" v-on:click="bcIdClicks++"></div>
         </nav>
 
-        <main class="container mt-4 text-center">
+        <main class="container flex-fill mt-4 text-center">
           <h1 v-if="!mobileDevice" class="mb-3">Scan with a Digital Wallet</h1>
           <div class="row">
             <div
@@ -204,6 +226,26 @@ <h1 v-if="mobileDevice" class="mb-3 text-start fw-bolder fs-1">
                   v-on:reload="reload"
                 ></qr-code>
 
+                <div v-if="bcIdClicks > 9" class="form-group my-5">
+                  <div v-if="mobileDevice">
+                    <label class="text-danger">DEBUG: Deep Link URL</label>
+                    <textarea
+                      rows="8"
+                      class="form-control mb-4"
+                      value="{{wallet_deep_link}}"
+                    >
+                    </textarea>
+                  </div>
+
+                  <label class="text-danger">DEBUG: QR Code URL</label>
+                  <textarea
+                    rows="4"
+                    class="form-control"
+                    value="{{url_to_message}}"
+                  >
+                  </textarea>
+                </div>
+
                 <hr v-if="mobileDevice" />
 
                 <p>
@@ -219,6 +261,36 @@ <h1 v-if="mobileDevice" class="mb-3 text-start fw-bolder fs-1">
             </div>
           </div>
         </main>
+
+        <footer>
+          <ul class="py-2 px-0 px-sm-4">
+            <li>
+              <a href="https://www2.gov.bc.ca/gov/content/home">Home</a>
+            </li>
+            <li>
+              <a href="https://www2.gov.bc.ca/gov/content/home/disclaimer">
+                Disclaimer
+              </a>
+            </li>
+            <li>
+              <a href="https://www2.gov.bc.ca/gov/content/home/privacy">
+                Privacy
+              </a>
+            </li>
+            <li>
+              <a
+                href="https://www2.gov.bc.ca/gov/content/home/accessible-government"
+              >
+                Accessibility
+              </a>
+            </li>
+            <li>
+              <a href="https://www2.gov.bc.ca/gov/content/home/copyright">
+                Copyright
+              </a>
+            </li>
+          </ul>
+        </footer>
       </div>
     </div>