datalet creator

Andrea Petta
1 parent 1d629743
Showing 1 changed file with 35 additions and 35 deletions
demo-stg.html
@@ -36,20 +36,20 @@
             for (var property in e.detail.data.params) {
                 if (e.detail.data.params.hasOwnProperty(property)) {
                     if(property != "_colorIndex")
-                        dataletHTML += ' ' + property + '="' + e.detail.data.params[property] + '"';
+                        dataletHTML += ' ' + property + '=\'' + e.detail.data.params[property] + '\'';
                 }
             }
             dataletHTML += ' fields=\'' + JSON.stringify(e.detail.data.fields) + '\'';
             //dataletHTML += ' data=\''   + e.detail.data.staticData + '\'>';
-            dataletHTML += '\'>';
+            dataletHTML += '>';
             dataletHTML += '</'+e.detail.data.datalet+'>';
             var dataletImport   = '\<script type="text/javascript" src="https://cdn.jsdelivr.net/webcomponentsjs/0.7.16/webcomponents-lite.min.js"\>\<\/script\>\n' +
-                                  '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
-                                  '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES  -->\n';
+                    '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
+                    '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES  -->\n';
-            var dataletLink     = '<link rel="import" href="http://stage.routetopa.eu/deep/COMPONENTS/datalets/'+e.detail.data.datalet+'/'+e.detail.data.datalet+'.html" /> \n';
+            var dataletLink     = '<link rel="import" href="http://deep.routetopa.eu/COMPONENTS/datalets/'+e.detail.data.datalet+'/'+e.detail.data.datalet+'.html" /> \n';
             editAreaLoader.setValue("sbiricuda", dataletImport+dataletLink+dataletHTML);
         }
@@ -80,28 +80,28 @@
 </head>
 <body>
-    <paper-toolbar id="toolbar">
-        <paper-menu-button>
-            <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
-            <paper-menu class="dropdown-content">
-                <paper-item><a href="http://routetopa.eu/" target="_blank">ROUTE-TO PA European Project</a></paper-item>
-                <paper-item><a href="docs/docs.html" target="_blank">DEEP Documentation</a></paper-item>
-            </paper-menu>
-        </paper-menu-button>
-        <span class="title">DatalEts-Ecosystem Provider - Datalet Creator</span>
-        <a href="http://routetopa.eu/" target="_blank"><paper-icon-button id="logo"></paper-icon-button></a>
-    </paper-toolbar>
-
-    <div class="">
-        <p>
-            Using this page you can create a Datalet, a off-the-shelf, reusable web-component able to load,
-            query, filter, and visualise any dataset content (e.g. through HighCharts Javascript library).
-            Datalet are reusable since they can be placed in every web page, like institutional web-sites,
-            blogs, forums and so on, without any knowledge on how it effectively is implemented.
-        </p>
-    </div>
-
-    <iframe style="width:100%; height:62vh" frameborder="0" srcdoc='
+<paper-toolbar id="toolbar">
+    <paper-menu-button>
+        <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
+        <paper-menu class="dropdown-content">
+            <paper-item><a href="http://routetopa.eu/" target="_blank">ROUTE-TO PA European Project</a></paper-item>
+            <paper-item><a href="docs/docs.html" target="_blank">DEEP Documentation</a></paper-item>
+        </paper-menu>
+    </paper-menu-button>
+    <span class="title">DatalEts-Ecosystem Provider - Datalet Creator</span>
+    <a href="http://routetopa.eu/" target="_blank"><paper-icon-button id="logo"></paper-icon-button></a>
+</paper-toolbar>
+
+<div class="">
+    <p>
+        Using this page you can create a Datalet, a off-the-shelf, reusable web-component able to load,
+        query, filter, and visualise any dataset content (e.g. through HighCharts Javascript library).
+        Datalet are reusable since they can be placed in every web page, like institutional web-sites,
+        blogs, forums and so on, without any knowledge on how it effectively is implemented.
+    </p>
+</div>
+
+<iframe style="width:100%; height:62vh" frameborder="0" srcdoc='
         <head>
             <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
             <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script>
@@ -149,20 +149,20 @@
             </script>
         </head>
         <body>
-            <data-sevc-controllet localization="en" id="dsc" deep-url="http://stage.routetopa.eu/deep/DEEP/" datalets-list-url="http://stage.routetopa.eu/deep/DEEP/datalets-list"></data-sevc-controllet>
+            <data-sevc-controllet localization="en" id="dsc" deep-url="http://deep.routetopa.eu/DEEP/" datalets-list-url="http://deep.routetopa.eu/DEEP/datalets-list"></data-sevc-controllet>
         </body>
     '>
-    </iframe>
+</iframe>
-    <div id="code_area">
+<div id="code_area">
         <textarea id="sbiricuda" style="position:relative;width: 100%;min-height: 15vh;max-height: 15vh;" style="" rows="4" cols="50">
 Copy and paste this code to inject the datalet in you page.
         </textarea>
-    </div>
+</div>
-    <!--<div>
-        <textarea style="width: 90%; margin-left:10px; height: 110px"  id="code-textarea"></textarea>
-    </div>-->
+<!--<div>
+    <textarea style="width: 90%; margin-left:10px; height: 110px"  id="code-textarea"></textarea>
+</div>-->
 </body>
-</html>
+</html>
 \ No newline at end of file