]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/index.html
Correctly handle error when remote instance is down
[github/Chocobozzz/PeerTube.git] / client / src / index.html
index 61a8d2ed1da24b7cc994772a08bccf9f537c9399..a57df3a935fbfba245ac0b7d1b750c158e4c5409 100644 (file)
@@ -7,8 +7,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser" />
 
+    <meta name="theme-color" content="#fff" />
+
     <!-- Web Manifest file -->
-    <link rel="manifest" href="/client/manifest.json">
+    <link rel="manifest" href="/manifest.json">
 
     <!-- The following comment is used by the server to prerender OpenGraph and oEmbed tags -->
     <!-- open graph and oembed tags -->
@@ -21,7 +23,7 @@
   </head>
 
   <!-- 3. Display the application -->
-  <body>
+  <body id="custom-css">
 
     <noscript>
       <p>You are blocking Javascript, and we totally get that. However this endpoint uses Angular, so the front end is in full JavaScript and won't work without it.
       </p>
     </noscript>
 
+    <div id="incompatible-browser" class="alert alert-danger" style="display: none">
+      <p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p>
+      <p>Please try with the latest version of <a href="https://www.mozilla.org" target="_blank">Mozilla Firefox</a>.</p>
+      <p>If you think this is a mistake, do not hesitate <a href="https://github.com/Chocobozzz/PeerTube/issues/new" target="_blank">to report it</a>.</p>
+    </div>
+
+    <script type="text/javascript">
+      window.onerror = function () {
+        var elem = document.getElementById('incompatible-browser')
+        if (elem.className.indexOf('browser-ok') === -1) {
+          elem.style.display = 'block'
+        }
+      }
+    </script>
+
     <my-app>
     </my-app>