canvas_lti_third_party_cookies 0.3.3 → 1.0.1

data/app/views/canvas_lti_third_party_cookies/request_storage_access.erb

@@ -1,115 +0,0 @@
-<%= javascript_tag do -%>
-  const requestStorageAccess = () => {
-    document
-      .requestStorageAccess()
-      .then(() => redirectToSetCookies())
-      .catch(() => requestFullWindowLaunch());
-  };
-
-  const requestFullWindowLaunch = () => {
-    window.parent.postMessage(
-      {
-        messageType: "requestFullWindowLaunch",
-        data: "<%= launch_url %>",
-      },
-      "*"
-    );
-  };
-
-  const redirectToSetCookies = () => {
-    const form = document.getElementById("relaunch");
-    form.submit();
-  };
-
-  document.addEventListener("DOMContentLoaded", () => {
-    document.getElementById("request").addEventListener("click", requestStorageAccess)
-    document
-      .hasStorageAccess()
-      .then((hasStorageAccess) => {
-        if (hasStorageAccess) {
-          redirectToSetCookies();
-        }
-      })
-      .catch((err) => console.error(err));
-  });
-<% end %>
-<style type="text/css">
-  .flex-container {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
-    font-size: 1.1em;
-    padding: 0 75px 0 75px;
-  }
-
-  .flex-item {
-    margin-bottom: 10px;
-    text-align: center;
-  }
-
-  .first {
-    margin-top: 50px;
-  }
-
-  p {
-    margin: 0 0 0.5em 0;
-  }
-
-  button {
-    background: #008EE2;
-    color: #ffffff;
-    border: 1px solid;
-    border-color: #0079C1;
-    border-radius: 3px;
-    transition: background-color 0.2s ease-in-out;
-    display: inline-block;
-    position: relative;
-    padding: 8px 14px;
-    margin-bottom: 0;
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 20px;
-    text-align: center;
-    vertical-align: middle;
-    cursor: pointer;
-    text-decoration: none;
-    overflow: hidden;
-    text-shadow: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-  }
-
-  #safari-logo {
-    width: 100px;
-    height: 100px;
-  }
-</style>
-
-<div class="flex-container">
-  <div class="flex-item first">
-    <img id="safari-logo" src="https://upload.wikimedia.org/wikipedia/commons/5/52/Safari_browser_logo.svg" alt="Safari Logo" />
-  </div>
-
-  <div class="flex-item">
-    <strong>It looks like you are using Safari.</strong>
-  </div>
-
-  <div class="flex-item">
-    <p>Safari requires your interaction with this app before logging you in.</p>
-    <p>A dialog may appear asking you to allow this app to use cookies while browsing Canvas.</p>
-    <p>For the best experience, click Allow.</p>
-    <p>A dialog may also appear asking you to navigate somewhere else.</p>
-    <p>If it does, save your work first and then click Leave Page.</p>
-  </div>
-  
-  <div class="flex-item">
-    <button id="request">Continue to App</button>
-  </div>
-  <div>
-</div>
-<form id="relaunch" method="POST" action="<%= relaunch_url %>">
-  <% launch_data.each do |key, value| -%>
-    <%= hidden_field_tag key, value %>
-  <% end -%>
-</form>