From 333ae8e72ad3f3fca153c8c7b5a4c7ce75541789 Mon Sep 17 00:00:00 2001
From: Phodal Huang <h@phodal.com>
Date: Mon, 30 Mar 2020 15:51:45 +0800
Subject: [PATCH] feat: use conditional comment for ie

---
 src/index.html | 78 ++++----------------------------------------------
 1 file changed, 6 insertions(+), 72 deletions(-)
diff --git a/src/index.html b/src/index.html
index 4b7e210a..9a4bfe94 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,79 +15,13 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body class="mat-typography">
-  <app-root id="app"></app-root>
-
-  <div id="unsupported-browser" class="unsupported-browser layout-container" style="display: none;">
-    <h3 class="title">抱歉，您的浏览器版本过低，请先升级到 <a href="https://www.microsoft.com/en-us/edge">Microsoft Edge</a></h3>
+  <!--[if IE]>
+  <div id="browser-warning" style="display: none;">
+    <h2 class="title">抱歉，您的浏览器版本过低，请先升级到 <a href="https://www.microsoft.com/en-us/edge">Microsoft Edge</a></h2>
+    <p>欢迎帮助我们修复这个 <a href="/phodal/ledge/">Issue</a></p>
   </div>
+  <![endif]-->
 
-  <script id="detector-script">
-    (function () {
-      // from is.js
-      var userAgent = 'navigator' in window && 'userAgent' in navigator && navigator.userAgent.toLowerCase() || '';
-      function isIE(version) {
-        if (!version) {
-          return /msie/i.test(userAgent) || 'ActiveXObject' in window;
-        }
-        if (version >= 11) {
-          return 'ActiveXObject' in window;
-        }
-        return new RegExp('msie ' + version).test(userAgent);
-      }
-
-      function removeEvent() {
-        if (document.addEventListener) {
-          document.removeEventListener('DOMContentLoaded', completed);
-          window.removeEventListener('load', completed);
-        } else {
-          document.detachEvent('onreadystatechange', completed);
-          window.detachEvent('onload', completed);
-        }
-      }
-
-      function addEvent() {
-        if (document.addEventListener) {
-          document.addEventListener('DOMContentLoaded', completed);
-          window.addEventListener('load', completed);
-        } else {
-          document.attachEvent('onreadystatechange', completed);
-          window.attachEvent('onload', completed);
-        }
-      }
-
-      function completed() {
-        showUnsupported();
-        removeEvent();
-      }
-
-      function showApp() {
-        var unsupportedElement = document.getElementById('unsupported-browser');
-        unsupportedElement.parentNode.removeChild(unsupportedElement);
-        deleteDetectorScript();
-      }
-
-      function showUnsupported() {
-        var app = document.getElementById('app');
-        app.parentNode.removeChild(app);
-        document.getElementById('unsupported-browser').style.display = 'block';
-        deleteDetectorScript();
-      }
-
-      function deleteDetectorScript() {
-        var detectorElement = document.getElementById('detector-script');
-        detectorElement.parentNode.removeChild(detectorElement);
-      }
-
-      function detectorUnsupportedIE() {
-        if (isIE(11) || isIE(10) || isIE(9) || isIE(8) || isIE(7) || isIE(6)) {
-          addEvent();
-          return;
-        }
-        showApp();
-      }
-
-      detectorUnsupportedIE();
-    }());
-  </script>
+  <app-root id="app"></app-root>
 </body>
 </html>
