Commit 80daba93e9f7bf096fe7d6f8e1d6adae67b3ddb8

Authored by Andrea Petta
1 parent 1d629743

datalet creator

Showing 1 changed file with 35 additions and 35 deletions
demo-stg.html
@@ -36,20 +36,20 @@ @@ -36,20 +36,20 @@
36 for (var property in e.detail.data.params) { 36 for (var property in e.detail.data.params) {
37 if (e.detail.data.params.hasOwnProperty(property)) { 37 if (e.detail.data.params.hasOwnProperty(property)) {
38 if(property != "_colorIndex") 38 if(property != "_colorIndex")
39 - dataletHTML += ' ' + property + '="' + e.detail.data.params[property] + '"'; 39 + dataletHTML += ' ' + property + '=\'' + e.detail.data.params[property] + '\'';
40 } 40 }
41 } 41 }
42 42
43 dataletHTML += ' fields=\'' + JSON.stringify(e.detail.data.fields) + '\''; 43 dataletHTML += ' fields=\'' + JSON.stringify(e.detail.data.fields) + '\'';
44 //dataletHTML += ' data=\'' + e.detail.data.staticData + '\'>'; 44 //dataletHTML += ' data=\'' + e.detail.data.staticData + '\'>';
45 - dataletHTML += '\'>'; 45 + dataletHTML += '>';
46 dataletHTML += '</'+e.detail.data.datalet+'>'; 46 dataletHTML += '</'+e.detail.data.datalet+'>';
47 47
48 var dataletImport = '\<script type="text/javascript" src="https://cdn.jsdelivr.net/webcomponentsjs/0.7.16/webcomponents-lite.min.js"\>\<\/script\>\n' + 48 var dataletImport = '\<script type="text/javascript" src="https://cdn.jsdelivr.net/webcomponentsjs/0.7.16/webcomponents-lite.min.js"\>\<\/script\>\n' +
49 - '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +  
50 - '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES -->\n'; 49 + '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
  50 + '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES -->\n';
51 51
52 - var dataletLink = '<link rel="import" href="http://stage.routetopa.eu/deep/COMPONENTS/datalets/'+e.detail.data.datalet+'/'+e.detail.data.datalet+'.html" /> \n'; 52 + var dataletLink = '<link rel="import" href="http://deep.routetopa.eu/COMPONENTS/datalets/'+e.detail.data.datalet+'/'+e.detail.data.datalet+'.html" /> \n';
53 53
54 editAreaLoader.setValue("sbiricuda", dataletImport+dataletLink+dataletHTML); 54 editAreaLoader.setValue("sbiricuda", dataletImport+dataletLink+dataletHTML);
55 } 55 }
@@ -80,28 +80,28 @@ @@ -80,28 +80,28 @@
80 </head> 80 </head>
81 <body> 81 <body>
82 82
83 - <paper-toolbar id="toolbar">  
84 - <paper-menu-button>  
85 - <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>  
86 - <paper-menu class="dropdown-content">  
87 - <paper-item><a href="http://routetopa.eu/" target="_blank">ROUTE-TO PA European Project</a></paper-item>  
88 - <paper-item><a href="docs/docs.html" target="_blank">DEEP Documentation</a></paper-item>  
89 - </paper-menu>  
90 - </paper-menu-button>  
91 - <span class="title">DatalEts-Ecosystem Provider - Datalet Creator</span>  
92 - <a href="http://routetopa.eu/" target="_blank"><paper-icon-button id="logo"></paper-icon-button></a>  
93 - </paper-toolbar>  
94 -  
95 - <div class="">  
96 - <p>  
97 - Using this page you can create a Datalet, a off-the-shelf, reusable web-component able to load,  
98 - query, filter, and visualise any dataset content (e.g. through HighCharts Javascript library).  
99 - Datalet are reusable since they can be placed in every web page, like institutional web-sites,  
100 - blogs, forums and so on, without any knowledge on how it effectively is implemented.  
101 - </p>  
102 - </div>  
103 -  
104 - <iframe style="width:100%; height:62vh" frameborder="0" srcdoc=' 83 +<paper-toolbar id="toolbar">
  84 + <paper-menu-button>
  85 + <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
  86 + <paper-menu class="dropdown-content">
  87 + <paper-item><a href="http://routetopa.eu/" target="_blank">ROUTE-TO PA European Project</a></paper-item>
  88 + <paper-item><a href="docs/docs.html" target="_blank">DEEP Documentation</a></paper-item>
  89 + </paper-menu>
  90 + </paper-menu-button>
  91 + <span class="title">DatalEts-Ecosystem Provider - Datalet Creator</span>
  92 + <a href="http://routetopa.eu/" target="_blank"><paper-icon-button id="logo"></paper-icon-button></a>
  93 +</paper-toolbar>
  94 +
  95 +<div class="">
  96 + <p>
  97 + Using this page you can create a Datalet, a off-the-shelf, reusable web-component able to load,
  98 + query, filter, and visualise any dataset content (e.g. through HighCharts Javascript library).
  99 + Datalet are reusable since they can be placed in every web page, like institutional web-sites,
  100 + blogs, forums and so on, without any knowledge on how it effectively is implemented.
  101 + </p>
  102 +</div>
  103 +
  104 +<iframe style="width:100%; height:62vh" frameborder="0" srcdoc='
105 <head> 105 <head>
106 <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 106 <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
107 <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script> 107 <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script>
@@ -149,20 +149,20 @@ @@ -149,20 +149,20 @@
149 </script> 149 </script>
150 </head> 150 </head>
151 <body> 151 <body>
152 - <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> 152 + <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>
153 </body> 153 </body>
154 '> 154 '>
155 - </iframe> 155 +</iframe>
156 156
157 - <div id="code_area"> 157 +<div id="code_area">
158 <textarea id="sbiricuda" style="position:relative;width: 100%;min-height: 15vh;max-height: 15vh;" style="" rows="4" cols="50"> 158 <textarea id="sbiricuda" style="position:relative;width: 100%;min-height: 15vh;max-height: 15vh;" style="" rows="4" cols="50">
159 Copy and paste this code to inject the datalet in you page. 159 Copy and paste this code to inject the datalet in you page.
160 </textarea> 160 </textarea>
161 - </div> 161 +</div>
162 162
163 - <!--<div>  
164 - <textarea style="width: 90%; margin-left:10px; height: 110px" id="code-textarea"></textarea>  
165 - </div>--> 163 +<!--<div>
  164 + <textarea style="width: 90%; margin-left:10px; height: 110px" id="code-textarea"></textarea>
  165 +</div>-->
166 166
167 </body> 167 </body>
168 -</html> 168 +</html>
169 \ No newline at end of file 169 \ No newline at end of file