WebCompDev / COMPONENTS

Commit d961810bbe2373011e52818c013cd4ae334c70b3

Authored by lucvic
1 parent e0d47c0d

Updated demo page

Inline Side-by-side
Showing 1 changed file with 16 additions and 2 deletions
demo.html
  View file @d961810
... ... @@ -23,6 +23,7 @@
23 23 <script src="../DEEPCLIENT/js/deepClient.js"></script>
24 24 <script type="text/javascript" src="docs/js/editarea_0_8_2/edit_area/edit_area_full.js"></script>
25 25  
  26 + <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
26 27 <link rel="stylesheet" href="controllets/shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
27 28 <link rel="import" href="bower_components/paper-menu-button/paper-menu-button.html">
28 29 <meta charset="UTF-8">
... ... @@ -49,6 +50,10 @@
49 50 </script>
50 51  
51 52 <style>
  53 + body {
  54 + font-family: 'Roboto', sans-serif;
  55 + }
  56 +
52 57 .avatar
53 58 {
54 59 display: inline-block;
... ... @@ -175,6 +180,15 @@
175 180 <div id="main_content">
176 181 <div class="vertical justified layout" style="margin-top: 40px;">
177 182  
  183 + <div class="horizontal layout area_container">
  184 + <p>
  185 + Using this page you can create a Datalet, a off-the-shelf, reusable web-component able to load,
  186 + query, filter, and visualise any dataset content (e.g. through HighCharts Javascript library).
  187 + Datalet are reusable since they can be placed in every web page, like institutional web-sites,
  188 + blogs, forums and so on, without any knowledge on how it effectively is implemented.
  189 + </p>
  190 + </div>
  191 +
178 192 <div class="horizontal layout">
179 193 <paper-textarea style="width: 80%;margin-top: 8px;" id="data_url" label="Dataset api data url" floatingLabel value="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=07843fc3-07e1-4c66-9be4-fed43ca4a26f" on-change="_textElementChanged"></paper-textarea>
180 194 <paper-dropdown-menu style="width: 20%;" id="datasets-sources" label="Example datasets">
... ... @@ -248,8 +262,8 @@
248 262 </template>
249 263 <script>
250 264  
251   - DEEP.deepUrl = "http://192.168.214.128/DatalEts-Ecosystem-Provider/DEEP/";
252   - DEEP.datasetsList = "http://192.168.214.128/DatalEts-Ecosystem-Provider/DEEP/datalets-list";
  265 + DEEP.deepUrl = "http://deep.routetopa.eu/DEEP/";
  266 + DEEP.datasetsList = "http://deep.routetopa.eu/DEEP/datalets-list";
253 267  
254 268 DEEP.Datasets = {
255 269 names:[
... ...