From e70fbf622892a17756aadd2ab2b5fdceb5a447cb Mon Sep 17 00:00:00 2001
From: Johnathan Martin <john.martin@stanford.edu>
Date: Wed, 29 Nov 2023 10:12:23 -0800
Subject: [PATCH] [WIP] add button for dismissing post-login stanford
 restriction message

---
 .../media_with_companion_windows_component.html.erb    |  3 +++
 .../src/controllers/auth_restriction_controller.js     | 10 ++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/components/embed/media_with_companion_windows_component.html.erb b/app/components/embed/media_with_companion_windows_component.html.erb
index efce830b1..537f7fa7d 100644
--- a/app/components/embed/media_with_companion_windows_component.html.erb
+++ b/app/components/embed/media_with_companion_windows_component.html.erb
@@ -29,6 +29,9 @@
         </svg>
         <p class="loginMessage" data-auth-restriction-target="stanfordRestrictionMessage">Stanford users: log in to access all available features.</p>
         <button data-auth-restriction-target="stanfordLoginButton" data-action="media-tag#logIn">Log in</button>
+        <button hidden="true" data-auth-restriction-target="stanfordRestrictionDismissButton" data-action="auth-restriction#dismissStanfordRestriction">
+          <svg class="MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></svg>
+        </button>
       </div>
     </div>
     <div data-auth-restriction-target="embargoRestriction" hidden="true">
diff --git a/app/javascript/src/controllers/auth_restriction_controller.js b/app/javascript/src/controllers/auth_restriction_controller.js
index 65b388d92..9d38c98bb 100644
--- a/app/javascript/src/controllers/auth_restriction_controller.js
+++ b/app/javascript/src/controllers/auth_restriction_controller.js
@@ -2,8 +2,9 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ["stanfordRestriction", "stanfordRestrictionMessage", "stanfordRestrictionNotLoggedInIcon",
-                    "stanfordRestrictionLoggedInIcon", "locationRestriction", "embargoRestriction", "embargoAndStanfordRestriction",
-                    "stanfordLoginButton", "embargoLoginButton"]
+                    "stanfordRestrictionLoggedInIcon", "stanfordRestrictionDismissButton", "stanfordLoginButton",
+                    "locationRestriction", "embargoRestriction", "embargoAndStanfordRestriction",
+                    "embargoLoginButton"]
 
 
   displayMessage(event) {
@@ -27,6 +28,11 @@ export default class extends Controller {
     this.stanfordRestrictionNotLoggedInIconTarget.style.visibility = "hidden";
     this.stanfordRestrictionLoggedInIconTarget.style.visibility = "visible";
     this.embargoAndStanfordRestrictionTarget.hidden = true
+    this.stanfordRestrictionDismissButtonTarget.hidden = false
+  }
+
+  dismissStanfordRestriction() {
+    this.stanfordRestrictionTarget.hidden = true
   }
 
   displayStanfordRestriction(loginService) {