begin token inspector

7 years ago · e4a84ea0b5
4 changed files with 54 additions and 7 deletions
--- a/css/daplie-installer-overrides.css
+++ b/css/daplie-installer-overrides.css
@ -12,10 +12,6 @@ html, body {
  background-color: #282828;
  color: #FFFFFF;
 }
-/*override bootstrap fade*/
-.fade {
-  opacity: 1;
-}
 input.emailInput::placeholder {
  font-family : Brown Regular;
  font-size : 14px;
--- a/index.html
+++ b/index.html
@ -11,7 +11,8 @@
    <link rel="stylesheet" type="text/css" href="/css/daplie-installer-overrides.css">
  </head>

-  <body class="fade mock-main">
+  <body>
+  <div class="fade mock-main">

    <!-- STEP 1: ask the user where they want to log in -->
    <!-- STEP 2: ask the user for their email -->
@ -139,6 +140,49 @@
      <button type="button" class="dap-full-button-green js-logout btn btn-primary">Sign Out</button>
      <img src="./img/sponsored-by.png" class="sponsored-by-logo">
    </div>
+  </div>
+
+  <div class="fade mock-bare">
+    <div class="container">
+      <div class="jumbotron">
+        <h1>OAuth3 Playground</h1>
+      </div>
+
+      <div class="row">
+        <div class="col-md-3">
+          Login Status:
+        </div>
+        <div class="col-md-9">
+          ...
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-3">
+          Current Sessions:
+        </div>
+        <div class="col-md-9">
+          ...
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-3">
+          Approved Devices:
+        </div>
+        <div class="col-md-9">
+          ...
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-3">
+          Approved Applications:
+        </div>
+        <div class="col-md-9">
+          ...
+        </div>
+      </div>
+
+    </div>
+  </div>


    <!--[if IE]><script src="bower_components/rsvp.js/rsvp.js"></script><![endif]-->
--- a/js/app.js
+++ b/js/app.js
@ -10,7 +10,7 @@ $(function () {
  var auth = OAUTH3.create();

  auth.init().then(function () {
-    $('body').addClass('in');
+    $('.mock-main').addClass('in');
  });

  auth.setProvider(providerUri).then(function () {
--- a/js/issuer.js
+++ b/js/issuer.js
@ -393,6 +393,13 @@ $(function () {
      $('.js-logout-container').show();
    }

-    $('body').addClass('in');
+    if (document.location.hash.slice(1) || document.location.search) {
+      console.log('[DEBUG] search:', document.location.search);
+      console.log('[DEBUG] hash:', document.location.search);
+      $('.mock-main').addClass('in');
+    } else {
+      console.log('[DEBUG] not an auth window');
+      $('.mock-bare').addClass('in');
+    }
  });
 });