d0kuhn/esptool-js-openDTU
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add a check for unsupported safari browser

Browse Source
This commit is contained in:
Adwait Patankar 2021-08-16 18:06:18 +05:30
parent a36116276a
commit 56aea4219f
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -3,7 +3,6 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>ESP Tool</title> <title>ESP Tool</title>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="node_modules/xterm/css/xterm.css" /> <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link <link
@ -20,7 +19,9 @@
<body> <body>
<h1 align="center"><p><img src="./assets/esp-logo.png" width="42" height="42" style="vertical-align:middle"></img> ESP Tool</p></h1> <h1 align="center"><p><img src="./assets/esp-logo.png" width="42" height="42" style="vertical-align:middle"></img> ESP Tool</p></h1>
<h4 align="center">A Serial Flasher utility for Espressif chips</h4> <h4 align="center">A Serial Flasher utility for Espressif chips</h4>
<div class="container"> <div id="safariErr" style="display:none"><p align="center" style="color:red">This tool is not supported on Safari browser!</p>
</div>
<div class="container" id="main">
<hr/> <hr/>
<div id="program"> <div id="program">
<h3> Program </h3> <h3> Program </h3>
@ -36,9 +37,9 @@
<input class="btn btn-info btn-sm" type="button" id="connectButton" value="Connect" /> <input class="btn btn-info btn-sm" type="button" id="connectButton" value="Connect" />
<input class="btn btn-warning btn-sm" type="button" id="disconnectButton" value="Disconnect" /> <input class="btn btn-warning btn-sm" type="button" id="disconnectButton" value="Disconnect" />
<input class="btn btn-danger btn-sm" type="button" id="eraseButton" value="Erase Flash" /> <input class="btn btn-danger btn-sm" type="button" id="eraseButton" value="Erase Flash" />
<br><br> <br>
<div class="alert alert-danger alert-dismissible" id="alertDiv" style="display:none"> <div class="alert alert-danger alert-dismissible" id="alertDiv" style="display:none; margin-top:10px">
<a href="#" class="close" aria-label="close" onclick="$('.alert').hide()">&times;</a> <a href="#" class="close" aria-label="close" onclick="$('.alert').hide()">&times;</a>
<span id="alertmsg"></span> <span id="alertmsg"></span>
</div> </div>
@ -79,5 +80,15 @@
</div> </div>
<script src="index.js" type="module"></script> <script src="index.js" type="module"></script>
<script>
// Safari 3.0+ "[object HTMLElementConstructor]"
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));
if(isSafari)
{
document.getElementById("safariErr").style.display = "inline";
document.getElementById("main").style.display = "none";
}
</script>
</body> </body>
</html> </html>