WebCompDev / COMPONENTS

Commit 80daba93e9f7bf096fe7d6f8e1d6adae67b3ddb8

Authored by Andrea Petta
1 parent 1d629743

datalet creator

Inline Side-by-side
Showing 1 changed file with 35 additions and 35 deletions
demo-stg.html
  View file @80daba9
... ... @@ -36,20 +36,20 @@
36 36 for (var property in e.detail.data.params) {
37 37 if (e.detail.data.params.hasOwnProperty(property)) {
38 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 43 dataletHTML += ' fields=\'' + JSON.stringify(e.detail.data.fields) + '\'';
44 44 //dataletHTML += ' data=\'' + e.detail.data.staticData + '\'>';
45   - dataletHTML += '\'>';
  45 + dataletHTML += '>';
46 46 dataletHTML += '</'+e.detail.data.datalet+'>';
47 47  
48 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 54 editAreaLoader.setValue("sbiricuda", dataletImport+dataletLink+dataletHTML);
55 55 }
... ... @@ -80,28 +80,28 @@
80 80 </head>
81 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 105 <head>
106 106 <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
107 107 <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script>
... ... @@ -149,20 +149,20 @@
149 149 </script>
150 150 </head>
151 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 153 </body>
154 154 '>
155   - </iframe>
  155 +</iframe>
156 156  
157   - <div id="code_area">
  157 +<div id="code_area">
158 158 <textarea id="sbiricuda" style="position:relative;width: 100%;min-height: 15vh;max-height: 15vh;" style="" rows="4" cols="50">
159 159 Copy and paste this code to inject the datalet in you page.
160 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 167 </body>
168   -</html>
  168 +</html>
169 169 \ No newline at end of file
... ...