playgroud

kwelch-eb · Feb 9, 2017 · 489db96 · 489db96
1 parent 16571eb
commit 489db96
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Gustavo</title>
-  </head>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Gustavo</title>
+    </head>
 
-  <body>
-  </body>
+    <body>
+    </body>
 </html>
diff --git a/stingray-playground/index.html b/stingray-playground/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Stingray Playground</title>
+        <script src="index.js"></script>
+    </head>
+
+    <body>
+        <div id="checkout_widget" style="border-style:solid; border-color:#D3D3D3;"></div>
+    </body>
+</html>
diff --git a/stingray-playground/index.js b/stingray-playground/index.js
@@ -0,0 +1,48 @@
+function showWidget(eventId) {
+    EBWidgets.createWidget({
+        widgetType: 'checkout',
+        eventId: +eventId,
+        iframeContainerId: 'checkout_widget'
+    });
+}
+
+function parseUrlParams() {
+    var match,
+        pl = /\+/g, // Regex for replacing addition symbol with a space
+        search = /([^&=]+)=?([^&]*)/g,
+        decode = function(s) {
+            return decodeURIComponent(s.replace(pl, " "));
+        },
+        query = window.location.search.substring(1);
+
+    var urlParams = {};
+    while (match = search.exec(query)) {
+        urlParams[decode(match[1])] = decode(match[2]);
+    }
+    return urlParams;
+}
+
+function downloadWidgetJs(urlParams) {
+    var widgetUrlMap = {
+        qa: 'https://www.evbqa.com/static/widgets/eb_widgets.js',
+        prod: 'https://www.eventbrite.com/static/widgets/eb_widgets.js'
+    };
+    var scriptElement = document.createElement('script');
+    scriptElement.type = 'text/javascript';
+    scriptElement.src = widgetUrlMap[urlParams.env];
+    scriptElement.addEventListener('load', showWidget.bind(null, urlParams.eid))
+    document.getElementsByTagName('head')[0].appendChild(scriptElement);
+}
+
+function initApp() {
+    var urlParams = parseUrlParams();
+    downloadWidgetJs(urlParams);
+}
+
+if (window.addEventListener) {
+    window.addEventListener('load', initApp, false);
+} else if (window.attachEvent) {
+    window.attachEvent('onload', initApp);
+} else {
+    window.onload = initApp;
+}