aboutsummaryrefslogtreecommitdiff
path: root/playground
diff options
context:
space:
mode:
authorFlorian Dold <florian.dold@gmail.com>2016-09-23 23:29:54 +0200
committerFlorian Dold <florian.dold@gmail.com>2016-09-23 23:29:58 +0200
commit6b8833e7662a5a0a0dd82c0b6bb87ebd82f2b65a (patch)
treeafd2f639c263a832331442ff82ef3c7d27bbdec7 /playground
parent9305ae23843f6c8ee69ed7c2bea9079f5ceb9013 (diff)
downloadwallet-core-6b8833e7662a5a0a0dd82c0b6bb87ebd82f2b65a.tar.xz
playground files
Diffstat (limited to 'playground')
-rw-r--r--playground/README1
-rw-r--r--playground/animation.html34
2 files changed, 35 insertions, 0 deletions
diff --git a/playground/README b/playground/README
new file mode 100644
index 000000000..9c3d9704a
--- /dev/null
+++ b/playground/README
@@ -0,0 +1 @@
+Contains files with small experiments / prototypes for designers.
diff --git a/playground/animation.html b/playground/animation.html
new file mode 100644
index 000000000..eec913c65
--- /dev/null
+++ b/playground/animation.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Spinner playground</title>
+ <script src="../lib/vendor/system-csp-production.src.js"></script>
+ </head>
+ <html>
+ <div style="display: none;">
+ <img src="../img/icon.png" id="taler-logo" style="display:hidden;">
+ </div>
+ <br />
+ <div id="container"></div>
+ <script>
+ "use strict";
+
+ System.config({
+ defaultJSExtensions: true,
+ });
+
+ System.import("../lib/wallet/chromeBadge")
+ .then((badge) => {
+ let b = new badge.ChromeBadge(window);
+ window.badge = b;
+ document.getElementById("container").appendChild(b.canvas);
+ })
+ .catch((e) => {
+ console.error(e.stack);
+ });
+ </script>
+ <br />
+ <button onclick="badge.startBusy()">start</button>
+ <button onclick="badge.stopBusy()">stop</button>
+ </html>
+</html>