From 564c72102ca51b5fb237e1040bab94354278b689 Mon Sep 17 00:00:00 2001
From: Angela <cheoalee@gmail.com>
Date: Sun, 2 Aug 2020 05:12:31 +0000
Subject: [PATCH] Hid auth, got rid of sign-up, changed event info (does not
 repeat daily).

---
 src/main/webapp/recipe.html | 39 ++++++++++++++++++++++++++-----------
 src/main/webapp/script.js   | 38 ++++++------------------------------
 2 files changed, 34 insertions(+), 43 deletions(-)

diff --git a/src/main/webapp/recipe.html b/src/main/webapp/recipe.html
index 71ce5ce..3367ef0 100644
--- a/src/main/webapp/recipe.html
+++ b/src/main/webapp/recipe.html
@@ -47,12 +47,27 @@
       });
     </script>
 
-    <!-- Calendar Test -->
-    <pre id="content" style="white-space: pre-wrap;"></pre>
-    <!--Add buttons to initiate auth sequence and sign out-->
-    <button id="authorize_button" style="display: block;" onclick="handleAuthClick();">Authorize</button>
-    <button id="signout_button" style="display: none;" onclick="handleSignoutClick();">Sign Out</button>
-    <button id="event_button" style="display: none;" onclick="addLiveStreamToCalendar()">Add Event</button>
+    <!-- Add to Calendar Modal -->
+    <div class="modal fade" id="addToCalModal" tabindex="-1" role="dialog" aria-labelledby="addToCalModalTitle" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="addToCalModalLongTitle">Add to Calendar</h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <button id="authorize_button" class="btn btn-primary" style="display: block;" onclick="handleAuthClick();">Authorize</button>
+            <p id="event-message" style="white-space: pre-wrap;"></p>
+            <button id="event_button" class="btn btn-primary" style="display: none;" onclick="addLiveStreamToCalendar()">Add to calendar</button>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          </div>
+        </div>
+      </div>
+    </div>
     
     <script async defer src="https://apis.google.com/js/api.js"
       onload="this.onload=function(){};handleClientLoad()"
@@ -60,12 +75,12 @@
     </script>
 
     <div class="jumbotron text-center">
-      <!-- Modal -->
-      <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
+      <!-- Sharing Modal -->
+      <div class="modal fade" id="sharingModal" tabindex="-1" role="dialog" aria-labelledby="sharingModalTitle" aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered" role="document">
           <div class="modal-content">
             <div class="modal-header">
-              <h5 class="modal-title" id="exampleModalLongTitle">Share</h5>
+              <h5 class="modal-title" id="sharingModalLongTitle">Share</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
@@ -85,7 +100,6 @@ <h5 class="modal-title" id="exampleModalLongTitle">Share</h5>
                   </a>
                 </li>
                 <li class="list-inline-item"><img src="/assets/images/mail_icon.png" id="myItem" class="share-icon"></li>
-                <div id="myItem" data-page_id="1510970">1510970</div>
               </ul>
             </div>
             <div class="modal-footer">
@@ -124,7 +138,10 @@ <h3 id="recipe-tags"></h3>
             <path fill-rule="evenodd" d="M11 5h2.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5h-1v-1h1a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4.5h-1V5zm-8 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
             <path fill-rule="evenodd" d="M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
           </svg>
-        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
+        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addToCalModal">
+          Add to Calendar
+        </button>
+        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#sharingModal">
           Share
         </button>
         </div>
diff --git a/src/main/webapp/script.js b/src/main/webapp/script.js
index f8a7790..4a47914 100644
--- a/src/main/webapp/script.js
+++ b/src/main/webapp/script.js
@@ -967,37 +967,19 @@ function initClient() {
   */
 function handleAuthClick(event) {
   var authorizeButton = document.getElementById('authorize_button');
-  var signoutButton = document.getElementById('signout_button');
   var eventButton = document.getElementById('event_button');
   gapi.auth2.getAuthInstance().signIn();
   authorizeButton.style.display = 'none';
   eventButton.style.display = 'block';
-  signoutButton.style.display = 'block';
 }
 
 /**
-  *  Sign out the user upon button click.
+  * Used to display the results of the API call.
+  * @param {string} message Text to be placed in an element.
   */
-function handleSignoutClick(event) {
-  var authorizeButton = document.getElementById('authorize_button');
-  var signoutButton = document.getElementById('signout_button');
-  var eventButton = document.getElementById('event_button');
-  gapi.auth2.getAuthInstance().signOut();
-  authorizeButton.style.display = 'block';
-  eventButton.style.display = 'none';
-  signoutButton.style.display = 'none';
-}
-
-/**
-  * Append a pre element to the body containing the given message
-  * as its text node. Used to display the results of the API call.
-  *
-  * @param {string} message Text to be placed in pre element.
-  */
-function appendPre(message) {
-  var pre = document.getElementById('content');
-  var textContent = document.createTextNode(message + '\n');
-  pre.appendChild(textContent);
+function appendMessage(message) {
+  var element = document.getElementById('event-message');
+  element.innerHTML = message + "\n";
 }
 
 function addEvent(link, startTime, endTime){
@@ -1012,9 +994,6 @@ function addEvent(link, startTime, endTime){
       'dateTime': endTime,
       'timeZone': 'America/Los_Angeles'
     },
-    'recurrence': [
-      'RRULE:FREQ=DAILY;COUNT=2'
-    ],
     'reminders': {
       'useDefault': false,
       'overrides': [
@@ -1023,9 +1002,6 @@ function addEvent(link, startTime, endTime){
       ]
     }
   };
-  console.log("link: " + link);
-  console.log("start: " + startTime);
-  console.log("end: " + endTime);
 
   var request = gapi.client.calendar.events.insert({
     'calendarId': 'primary',
@@ -1033,7 +1009,7 @@ function addEvent(link, startTime, endTime){
   });
 
   request.execute(function(event) {
-    appendPre('Event created: ' + event.htmlLink);
+    appendMessage('Event created! Click <a href=' + event.htmlLink + ">here</a> to view it on your calendar.");
   });
 }
 
@@ -1131,7 +1107,6 @@ function getRecipeInfo() {
 /** Gets the link to the live stream associated with the given recipe key
     and adds it to the DOM. */
 function setAssociatedLiveStreamLink(recipeKey) {
-  console.log('/fetch-associated-live-stream?recipe-key=' + recipeKey);
   fetch('/fetch-associated-live-stream?recipe-key=' + recipeKey).then(response => response.json()).then((liveStreams) => {
     // There should only be one live stream.
     document.getElementById('recipe-video').innerHTML += liveStreams[0].link;
@@ -1141,7 +1116,6 @@ function setAssociatedLiveStreamLink(recipeKey) {
 function addLiveStreamToCalendar() {
   var key = getURLParamVal("key");
   fetch('/fetch-associated-live-stream?recipe-key=' + key).then(response => response.json()).then((liveStreams => {
-    console.log('/fetch-associated-live-stream?recipe-key=' + key);
     // There should only be one live stream.
     addEvent(liveStreams[0].link, liveStreams[0].startTime, liveStreams[0].endTime)
   }));