forked from glenmurphy/dropmocks
/
viewer.html
82 lines (76 loc) · 2.98 KB
/
viewer.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
<html>
<head>
<title>DropMocks</title>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<link rel="shortcut icon" href="/s/favicon.png" />
<link rel="stylesheet" type="text/css" href="/s/editor.css" />
<link rel="stylesheet" type="text/css" href="/s/presenter.css" />
<link rel="stylesheet" type="text/css" href="/s/viewer.css" />
<link rel="stylesheet" type="text/css" href="/s/menu.css" />
<link rel="stylesheet" type="text/css" href="/s/introduction.css" />
<script src="/s/functions.js"></script>
<script src="/s/mocklist.js"></script>
<script src="/s/mock.js"></script>
<script src="/s/menu.js"></script>
<script src="/s/menumocks.js"></script>
<script src="/s/presenter.js"></script>
<script src="/s/editor.js"></script>
<script src="/s/introduction.js"></script>
<script>
// If you're poking around looking to figure out how to hotlink images, sorry -
// we try to prevent that. If you think our choice is bone-headed, please email.
var throbber;
function load() {
var mockdata = {{ json }};
var mocklist = MockList.fromJSON(mockdata);
var presenter = new Presenter(mocklist, document.body);
var show_editor = isValidBrowser() || (BrowserDetect.browser == "Safari" && BrowserDetect.version <= 5);
var editor = (mockdata.key && show_editor) ? new Editor(mocklist) : null;
var menu = new Menu(mocklist, {{ user }});
mocklist.addListener(function(e) {
if (e.type == MockList.EVENT_MOCKLOADED) {
$('loading').style.opacity = 0;
$('message').style.top = 60;
setText($('message_text'), "Still loading");
} else if (e.type == MockList.EVENT_ALLMOCKSLOADED) {
clearInterval(throbber);
setTimeout(function() {
$('loading').style.opacity = 0;
$('message').style.opacity = 0;
$('message').style.top = '0px';
setTimeout(function() {
$('loading').style.display = 'none';
}, 700);
}, 300);
}
});
$('message').style.opacity = 1;
$('message').style.top = '50%';
throbber = setInterval(function() {
var len = ($('throbber').innerHTML.length + 1) % 4;
var str = '';
for (var i = 0; i < len; i++) {
str += '.';
}
$('throbber').innerHTML = str;
}, 500);
}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18063845-1']);
_gaq.push(['_setDomainName', '.dropmocks.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body onload="load();" style="width:100%; height:100%; margin:0;">
<iframe src="about:blank" class="manual-iframe" name="image_iframe" id="image_iframe"></iframe>
<div id="loading"></div>
<div id="message"><span id="message_text">Loading</span><span id="throbber">...</span></div>
</body>
</html>