Add Banner and Cloud reads for Alias user

static/js/admin.js

@@ -185,12 +185,13 @@ function becomeButton (user) {
         function () {
             SnapCloud.login(
                 user.username,
-                0, // password is irrelevant
+                '', // password is irrelevant, but can't be null
                 false, // persist
-                function (username, role, response) {
+                function (username, role, previous_username_admin, response) {
                     alert(
                         response.message,
                         function () {
+                            sessionStorage.previous_username_admin = previous_username_admin;
                             sessionStorage.username = username;
                             sessionStorage.role = role;
                             location.href = 'profile';

static/js/base.js

@@ -39,6 +39,16 @@ function fillVisitorFields () {
     }
 };
 
+function fillAliasAlert () {
+    if (sessionStorage.username && sessionStorage.previous_username_admin) {
+        document.querySelectorAll('.aliasAlert.warning.message').forEach(function (each) {
+            each.innerHTML = escapeHtml(
+                    'Admin account ' + sessionStorage.previous_username_admin + ' is logged in as ' + sessionStorage.username
+                );
+        });
+    }
+};
+
 function fillUsernameFields () {
     var username = pageUser();
     if (username) {

templates/alias_alert_banner.tmp

@@ -0,0 +1,42 @@
+<style>
+    .aliasAlert {
+        padding: 20px;
+        background-color: #f44336;
+        color: white;
+        opacity: 1;
+        transition: opacity 0.6s;
+        margin-bottom: 15px;
+    }
+
+    .aliasAlert.warning {background-color: #ff9800;}
+
+    .closebtn {
+        margin-left: 15px;
+        color: white;
+        font-weight: bold;
+        float: right;
+        font-size: 22px;
+        line-height: 20px;
+        cursor: pointer;
+        transition: 0.3s;
+    }
+
+    .closebtn:hover {
+        color: black;
+    }
+</style>
+<script src="js/admin.js"></script>
+<div hidden="true" class="aliasAlert warning">
+    <span class="closebtn"
+            onclick="javascript:SnapCloud.logoutAlias(function () {
+                sessionStorage.clear();
+                location.href = 'index';
+            }, genericError);"
+    >
+        Log Out of Alias
+    </span>
+    <strong>Logged in as Alias</strong>
+    <span></span>
+    <span class="aliasAlert warning message"></span>
+    <!-- Set in the base.js -->
+</div>

templates/base.tmp

@@ -34,6 +34,7 @@
             <i class="fas fa-spinner fa-spin fa-3x" aria-hidden="true"></i>
         </div>
         @include=navigation_bar
+        @include=alias_alert_banner
         <div id="wrapper">
             @content
         </div>
@@ -48,16 +49,17 @@
         if (!sessionStorage.username) {
             SnapCloud.initSession(
                 function (username, role) {
+                    sessionStorage.previous_username_admin = null;
                     sessionStorage.username = username;
                     sessionStorage.role = role;
-                    initForUsername(username);
+                    initForUsername(username, sessionStorage.previous_username_admin);
                 }
             );
         } else {
-            initForUsername(sessionStorage.username);
+            initForUsername(sessionStorage.username, sessionStorage.previous_username_admin);
         }
 
-        function initForUsername (username) {
+        function initForUsername (username, previous_username_admin) {
             if (username) {
                 SnapCloud.username = username;
                 document.querySelector('li.join').hidden = true;
@@ -69,9 +71,12 @@
                     document.querySelector('.admin').hidden = false;
                 }
                 fillVisitorFields();
-                if (typeof Sentry !== 'undefined') {
-                    Sentry.setUser({ username: sessionStorage.username });
+
+                if (previous_username_admin) {
+                    document.querySelector('div.aliasAlert.warning').hidden = false;
+                    fillAliasAlert();
                 }
+
             } else {
                 document.querySelector('li.join').hidden = false;
                 document.querySelector('li.sign-in').hidden = false;

templates/login.tmp

@@ -53,8 +53,9 @@
                 username,
                 password,
                 persist,
-                function (username, role) {
+                function (username, role, previous_username_admin, response) {
                     // TODO: this should handle verification.
+                    sessionStorage.previous_username_admin = previous_username_admin;
                     sessionStorage.username = username;
                     sessionStorage.role = role;
                     window.location.href = redirectPath();