-
Notifications
You must be signed in to change notification settings - Fork 55
/
main.html
89 lines (69 loc) · 3.79 KB
/
main.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<title>%(title)s</title>
<meta charset="UTF-8" />
%(favicon)s
%(jqueryLIB)s
%(jqueryUILIB)s
%(plotlyLIB)s
%(plotlyexLIB)s
%(dashboardLIB)s
%(katexLIB)s
<!-- XXX(mathjaxLIB)s -->
%(CSS)s
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
</head>
<body>
<div id="theSidenav" class="sidenav">
<a href="javascript:void(0)" id="tackbtn" title="Toggle navigation bar auto-hide" onclick="tackNav()">⊛</a>
<div class="linkgroup">
<a href="#" class="linkgroupheading tablink" onclick="openTab(event, 'IdleTomography')" id="defaultOpen">Idle Tomography</a>
#iftoggle(CompareDatasets)
<a href="#" class="tablink" onclick="openTab(event, 'DataComparison')">Data Comparison</a>
#endtoggle
</div>
%(topSwitchboard)s
</div>
<header class="header" role="banner">
<h1 class="title">%(title)s</h1>
<h2 class="author">generated by pyGSTi on %(date)s</h2>
</header>
<div id="main">
<div id="IdleTomography" class="tabcontent">
</div>
#iftoggle(CompareDatasets)
<div id="DataComparison" class="tabcontent">
</div>
#endtoggle
<!-- <div id="NEWTAB" class="tabcontent">
<h1>TAB Title</h1>
<p>Tab text.</p>
</div> <!-- end tab content -->
<div id="AjaxError" style="display: none">
<p><b>Report loading failed!</b><p>
<p>Your browser does not allow locally-loaded html files to load other local files. This is a security restriction present in many standard browsers (don't worry). There are several things you can do to fix this problem:
<ul>
<li> <b>Firefox</b> seems to at least currently allow files to load other files, so if you're not using Firefox right now <b>just switching to Firefox may cause this report to load properly.</b></li>
<li> Running any type of <b>local web server</b> and loading this page (main.html) through the web server instead of by opening the file directly (so the address bar begins with <q>http://</q> instead of <q>file://</q> (which it probably does now) will almost certainly fix the problem. Three fairly simple ways of doing this are:
<ol>
<li><b>If you have Python installed</b>, running <pre>python -m SimpleHTTPServer</pre> on Mac/Linux or <pre>python -m http.server</pre> on Windows from a command line will start a local web server rooted in the current directory. Access this server from a browser by typing <pre>localhost:8000</pre> in the address bar. Navigate from there to main.html and you should be all set.</li>
<li><b>If you have the Google Chrome browser</b> (even if you're not using it), then download the <b>Web Server for Chrome</b> app (do a web search to find the app on Google's web store) and follow the instructions to start a local web server running out of a given local directory.</li>
<li><b>If you use Jupyter/iPython notebooks</b> and have a notebook server running, you can use that same server to access this main.html page. To do so, you must place <q>files</q> in front of the actual path to main.html (from your notebook server's root). For example, <q>http://localhost:8888/files/path/to/myReport/main.html</q>. A trick for accessing files like this is to <b>navigate to main.html using Jupyter's web interface (which will <i>edit</i> the HTML page instead of opening it) and then changing <q>edit</q> to <q>files</q> in the address bar.</b></li>
</ol>
</li>
</ul>
</p>
</div>
</div>
<div id="status">
No message
</div>
<script type="text/javascript">
testLocalAjax("tabs/test.html", function(errstatus) {
console.log("AJAX ERROR: " + errstatus);
$('#AjaxError').show()
});
</script>
</body>
</html>