sil-org
diff --git a/‎themes/material/mfa/prompt-for-mfa-u2f.php‎
Lines changed: 11 additions & 21 deletions b/‎themes/material/mfa/prompt-for-mfa-u2f.php‎
Lines changed: 11 additions & 21 deletions
diff --git a/‎www/bowser.1.8.0.min.js‎
Lines changed: 0 additions & 6 deletions b/‎www/bowser.1.8.0.min.js‎
Lines changed: 0 additions & 6 deletions
@@ -6,27 +6,12 @@
     <?php include __DIR__ . '/../common-head-elements.php' ?>
 
     <script src="mfa-u2f-api.js"></script>
-    <script src="bowser.1.8.0.min.js"></script>
 
     <script>
-        function isU2fSupported() {
-            var isSupported = (bowser.chrome  && bowser.version >= 41) ||
-                              (bowser.firefox && bowser.version >= 58) ||
-                              (bowser.opera   && bowser.version >= 39);
-
-            var nodeToShow = isSupported ? document.querySelector('#supported') :
-                                           document.querySelector('#unsupported');
-
-            nodeToShow.classList.remove('hide');
-
-            return isSupported;
-        }
-
         function verifyU2f() {
             var u2fSignRequest = <?= json_encode($this->data['mfaOption']['data']) ?> || {};
 
-            u2f.sign(u2fSignRequest.appId, u2fSignRequest.challenge, [u2fSignRequest],
-                     handleU2fResponse);
+            u2f.sign(u2fSignRequest.appId, u2fSignRequest.challenge, [u2fSignRequest], handleU2fResponse);
         }
 
         function handleU2fResponse(u2fResponse) {
@@ -101,7 +86,10 @@ function createHiddenInput(name) {
         }
     </script>
 </head>
-<body class="gradient-bg" onload="if (isU2fSupported()) verifyU2f()">
+
+<?php $isU2fSupported = $this->data['supportsU2f']; ?>
+
+<body class="gradient-bg" onload="<?= $isU2fSupported ? 'verifyU2f()' : '' ?>">
 <div class="mdl-layout mdl-layout--fixed-header fill-viewport">
     <header class="mdl-layout__header">
         <div class="mdl-layout__header-row">
@@ -125,17 +113,19 @@ class="icon">
                     </h1>
                 </div>
 
-                <div class="mdl-card__title center hide" id="supported">
-                    <p class="mdl-card__subtitle-text center">
+                <?php if ($isU2fSupported): ?>
+                <div class="mdl-card__title">
+                    <p class="mdl-card__subtitle-text">
                         <?= $this->t('{material:mfa:u2f_instructions}') ?>
                     </p>
                 </div>
-
-                <div class="mdl-card__title hide" id="unsupported">
+                <?php else: ?>
+                <div class="mdl-card__title">
                     <p class="mdl-typography--text-center mdl-color-text--red">
                         <?= $this->t('{material:mfa:u2f_unsupported}') ?>
                     </p>
                 </div>
+                <?php endif; ?>
 
                 <?php
                 $message = $this->data['errorMessage'];