[ci skip] Adding lava.js standalone example

19519c99 · Kevin Hill · 63128a04 · 19519c99 · 19519c99
Commit 19519c99 authored 7 years ago by Kevin Hill
--- a/composer.json
+++ b/composer.json
@@ -56,7 +56,7 @@
        "lavajs:release" : "./javascript/node_modules/.bin/gulp --cwd javascript prod && git add javascript/dist/lava.js && git commit -m 'New build of the lava.js module' && git push",
        "lavajs:gulp" : "./javascript/node_modules/.bin/gulp --cwd javascript",
        "lavajs:pull" : "git subtree --prefix=javascript pull lavajs master",
-        "lavajs:push" : "git subtree --prefix=javascript push lavajs master"
+        "lavajs:push" : "git subtree --prefix=javascript --rejoin push lavajs master"
    },
    "minimum-stability": "stable",
    "config": {

--- a/javascript/examples/piechart.standalone.html
+++ b/javascript/examples/piechart.standalone.html
+<!doctype html>
+<html>
+<head>
+    <title>Lava.js Standalone</title>
+    <script type="text/javascript" src="../dist/lava.js"></script>
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+    <style rel="stylesheet" type="text/css">
+        html, body {
+            background-color: #fff;
+            color: #636b6f;
+            font-family: 'Nunito', sans-serif;
+            font-weight: 100;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .full-height {
+            height: 100vh;
+        }
+
+        .flex-center {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+        }
+
+        .position-ref {
+            position: relative;
+        }
+
+        .content {
+            text-align: center;
+        }
+
+        .title {
+            font-size: 84px;
+        }
+
+        .m-b-md {
+            margin-bottom: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="flex-center position-ref full-height">
+        <div class="content">
+            <div class="title m-b-md">
+                Lava.js <small>v4.0</small>
+            </div>
+
+            <div class="links">
+                <div id="my-pie-chart"></div>
+            </div>
+        </div>
+    </div>
+
+    <script type="text/javascript">
+        var chartJson = {
+            label: "Test",
+            type: "PieChart",
+            elementId: "my-pie-chart",
+            packages: ["corechart"],
+            datatable: [
+                ['Task', 'Hours per Day'],
+                ['Work',     11],
+                ['Eat',      2],
+                ['Commute',  2],
+                ['Watch TV', 2],
+                ['Sleep',    7]
+            ],
+            options: {
+                title: 'My Daily Activities'
+            },
+        };
+
+        lava.store(chartJson);
+        lava.run();
+    </script>
+</body>
+</html>