aboutsummaryrefslogtreecommitdiffstats
path: root/development/index.html
diff options
context:
space:
mode:
authorDan Finlay <dan@danfinlay.com>2016-07-01 09:22:16 +0800
committerDan Finlay <dan@danfinlay.com>2016-07-01 09:22:16 +0800
commite55938ed15428b452224f2d731c1e7ad141869d4 (patch)
tree7f267bf875e1bd714896cde8ae7244c601eb5d4a /development/index.html
parent9a8ede22106c3f59d014be4905a078711180d30c (diff)
downloadtangerine-wallet-browser-e55938ed15428b452224f2d731c1e7ad141869d4.tar.gz
tangerine-wallet-browser-e55938ed15428b452224f2d731c1e7ad141869d4.tar.zst
tangerine-wallet-browser-e55938ed15428b452224f2d731c1e7ad141869d4.zip
First simple version of ui mocker
Diffstat (limited to 'development/index.html')
-rw-r--r--development/index.html37
1 files changed, 37 insertions, 0 deletions
diff --git a/development/index.html b/development/index.html
new file mode 100644
index 000000000..b9dabf42b
--- /dev/null
+++ b/development/index.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>MetaMask</title>
+ </head>
+ <body>
+
+ <!-- app content -->
+ <div id="app-content"></div>
+ <script src="./bundle.js" type="text/javascript" charset="utf-8"></script>
+
+ <!-- design reference -->
+ <link rel="stylesheet" type="text/css" href="../ui/app/css/debug.css">
+ <div id="design-container">
+ <!-- persist scroll position on refresh -->
+ <script type="text/javascript">
+ var scrollElement = document.getElementById('design-container')
+ function getScrollPosition () {
+ var scrollTop = scrollElement.scrollTop, scrollLeft = scrollElement.scrollLeft
+ window.location.hash = 'scrollTop='+scrollTop+'&scrollLeft='+scrollLeft
+ }
+ window.onload = function () {
+ setInterval(getScrollPosition, 1000)
+ var hashLocation = window.location.hash.split('#')[1]
+ if (!hashLocation) return
+ var sections = hashLocation.split('&')
+ var scrollTop = sections[0].split('=')[1]
+ var scrollLeft = sections[1].split('=')[1]
+ scrollElement.scrollTop = scrollTop
+ scrollElement.scrollLeft = scrollLeft
+ }
+ </script>
+ </div>
+
+ </body>
+</html>