From 9b8b247e586129aae85b782fd09ba1d1036d5593 Mon Sep 17 00:00:00 2001
From: Liam Stamper <136619788+liamstamper@users.noreply.github.com>
Date: Sun, 24 Sep 2023 12:40:31 -0500
Subject: [PATCH] ticket screen and header update

---
 frontend/templates/FAQ.html     |  2 +-
 frontend/templates/buy.html     |  9 +++++++--
 frontend/templates/index.html   |  2 +-
 frontend/templates/sell.html    | 16 ++++++++--------
 frontend/templates/tickets.html | 27 ++++++++++++++++-----------
 5 files changed, 33 insertions(+), 23 deletions(-)
diff --git a/frontend/templates/FAQ.html b/frontend/templates/FAQ.html
index caf2ee0..2d1a65d 100644
--- a/frontend/templates/FAQ.html
+++ b/frontend/templates/FAQ.html
@@ -24,7 +24,7 @@
     <signinButton><a href="login">Sign In</a></signinButton>
     {% endif %}
     <faqButton><a href="FAQ.html">How it Works</a></faqButton>
-    <tixButton><a href="tickets">Your Tickets</a></tixButton>
+    <tixButton><a href="tickets">My Tickets</a></tixButton>
 
 <!--  ***************    BODY ********************    **** -->
 
diff --git a/frontend/templates/buy.html b/frontend/templates/buy.html
index e58a419..4da9bae 100644
--- a/frontend/templates/buy.html
+++ b/frontend/templates/buy.html
@@ -16,9 +16,14 @@
     <body>
     <!--  ********************    HEADER     ************ -->
         <logo><a href="/">SeatStock</a></logo>
+        {% if session %}
+        <signinButton><a href="logout"><img height="24" width="24" src="{{ session.userinfo.picture }}"/> Sign Out</a></signinButton>
+        {% else %}
         <signinButton><a href="login">Sign In</a></signinButton>
-        <faqButton><a href="FAQ.html">How it Works</a></faqButton>
-        <tixButton><a href="tickets">Your Tickets</a></tixButton>
+        {% endif %}
+        <faqButton><a href="FAQ">How it Works</a></faqButton>
+        <tixButton><a href="tickets">My Tickets</a></tixButton>
+
 
 
 
diff --git a/frontend/templates/index.html b/frontend/templates/index.html
index b2d220e..4139b28 100644
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@@ -18,7 +18,7 @@
         <signinButton><a href="login">Sign In</a></signinButton>
         {% endif %}
         <faqButton><a href="FAQ">How it Works</a></faqButton>
-        <tixButton><a href="tickets">Your Tickets</a></tixButton>
+        <tixButton><a href="tickets">My Tickets</a></tixButton>
 
 
 
diff --git a/frontend/templates/sell.html b/frontend/templates/sell.html
index 0b4286c..45a2a8f 100644
--- a/frontend/templates/sell.html
+++ b/frontend/templates/sell.html
@@ -15,14 +15,14 @@
 
 <body>
 <!--  ********************    HEADER     ************ -->
-     <logo><a href="/">SeatStock</a></logo>
-     <signinButton><a href="login">Sign In</a></signinButton>
-     <faqButton><a href="static/FAQ.html">How it Works</a></faqButton>
-     <tixButton><a href="tickets">Your Tickets</a></tixButton>
-
-
-
- 
+    <logo><a href="/">SeatStock</a></logo>
+    {% if session %}
+    <signinButton><a href="logout"><img height="24" width="24" src="{{ session.userinfo.picture }}"/> Sign Out</a></signinButton>
+    {% else %}
+    <signinButton><a href="login">Sign In</a></signinButton>
+    {% endif %}
+    <faqButton><a href="FAQ">How it Works</a></faqButton>
+    <tixButton><a href="tickets">My Tickets</a></tixButton>
 <!--  ***********************   BODY     *********** -->
 
   
diff --git a/frontend/templates/tickets.html b/frontend/templates/tickets.html
index fa4517b..0ef3074 100644
--- a/frontend/templates/tickets.html
+++ b/frontend/templates/tickets.html
@@ -13,11 +13,16 @@
 
     <body>
 <!--************************   HEADER  *********************-->
-         <logo><a href="/">SeatStock</a></logo>
-         <signinButton><a href="login">Sign In</a></signinButton>
-         <faqButton><a href="static/FAQ.html">How it Works</a></faqButton>
-         <tixButton><a href="tickets">Your Tickets</a></tixButton>
- 
+    <logo><a href="/">SeatStock</a></logo>
+    {% if session %}
+    <signinButton><a href="logout"><img height="24" width="24" src="{{ session.userinfo.picture }}"/> Sign Out</a></signinButton>
+    {% else %}
+    <signinButton><a href="login">Sign In</a></signinButton>
+    {% endif %}
+    <faqButton><a href="FAQ">How it Works</a></faqButton>
+    <tixButton><a href="tickets">My Tickets</a></tixButton>
+
+  
  
  
  
@@ -25,10 +30,10 @@
  <!--**************************  BODY  ***********************-->
 
           <div class="tab">
-            <button class="tablinks" onclick="openCity(event, 'Tickets')">Tickets</button>
-            <button class="tablinks" onclick="openCity(event, 'Active-Bids')">Active Bids</button>
-            <button class="tablinks" onclick="openCity(event, 'Active-Asks')">Active Asks</button>
-            <button class="tablinks" onclick="openCity(event, 'History')">History</button>
+            <button class="tablinks" onclick="openTab(event, 'Tickets')">Tickets</button>
+            <button class="tablinks" onclick="openTab(event, 'Active-Bids')">Active Bids</button>
+            <button class="tablinks" onclick="openTab(event, 'Active-Asks')">Active Asks</button>
+            <button class="tablinks" onclick="openTab(event, 'History')">History</button>
           </div>
 
          <div id="Tickets" class="tabcontent">
@@ -56,7 +61,7 @@
 
         <!--************************  SCRIPT  ****************-->
         <script>
-            function openCity(evt, cityName) {
+            function openTab(evt, tabName) {
               var i, tabcontent, tablinks;
               tabcontent = document.getElementsByClassName("tabcontent");
               for (i = 0; i < tabcontent.length; i++) {
@@ -66,7 +71,7 @@
               for (i = 0; i < tablinks.length; i++) {
                 tablinks[i].className = tablinks[i].className.replace(" active", "");
               }
-              document.getElementById(cityName).style.display = "block";
+              document.getElementById(tabName).style.display = "block";
               evt.currentTarget.className += " active";
             }
         </script>
