Blame view

datalets/base-datalet/base-datalet.html 6.87 KB
73bcce88   luigser   COMPONENTS
1
  <!--

5e6ba8af   isisadmin   datalet doc update
2
3
4
  @license

      The MIT License (MIT)

  

94601c1f   Renato De Donato   trevieww multitable
5
      Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy

5e6ba8af   isisadmin   datalet doc update
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  

      Permission is hereby granted, free of charge, to any person obtaining a copy

      of this software and associated documentation files (the "Software"), to deal

      in the Software without restriction, including without limitation the rights

      to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

      copies of the Software, and to permit persons to whom the Software is

      furnished to do so, subject to the following conditions:

  

      The above copyright notice and this permission notice shall be included in

      all copies or substantial portions of the Software.

  

      THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

      IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

      FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

      AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

      LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

      OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

      THE SOFTWARE.

a1f0799c   isisadmin   datalet global re...
24
25
  -->

  

ae17a8dc   Luigi Serra   Controllet and da...
26
  <!--

950d181d   Luigi Serra   license updates
27
28
  * Developed by :

  * ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu

ae17a8dc   Luigi Serra   Controllet and da...
29
30
31
  *

  -->

  

a1f0799c   isisadmin   datalet global re...
32
33
34
  <link rel="import" href="../../bower_components/polymer/polymer.html">

  

  <!--

5e6ba8af   isisadmin   datalet doc update
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
  The `base-datalet` is the base component that includes datalet footer (with information about dataset domain and ROUTE-TO-PA project).

  Base datalet includes polymer.html and the BaseDataletBehaviors javascript file that define the datalet workcycle and the datalet base properties : dataUrl, fields and data.

  Every datalet must include this one in its `<template>` section.

  

  Example :

  

      <dom-module id="every-datalet">

          <template>

              ...

              <base-datalet data-url="{{dataUrl}}" fields="{{fields}}"></base-datalet>

              ...

          </template>

      </dom-module>

  

  @element base-datalet

  @status v0.1

  @homepage

  @group datalets

73bcce88   luigser   COMPONENTS
53
  -->

73bcce88   luigser   COMPONENTS
54
55
56
57
  

  <dom-module id="base-datalet">

      <template>

          <style>

0f6424fe   root   update new data-s...
58
59
60
61
62
63
64
65
              a {

                  color: #00BCD4;

                  text-decoration: none;

              }

              a:hover {

                  color: #2db395;

                  text-decoration: underline;

              }

94601c1f   Renato De Donato   trevieww multitable
66
              #base_datalet_container {

94601c1f   Renato De Donato   trevieww multitable
67
                  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;

59100bec   Renato De Donato   localization + ba...
68
                  padding-top: 2px;

59100bec   Renato De Donato   localization + ba...
69
                  border-top: 2px solid #B6B6B6;

94601c1f   Renato De Donato   trevieww multitable
70
71
              }

              #base_datalet_rtp {

94601c1f   Renato De Donato   trevieww multitable
72
                  display: flex;

59100bec   Renato De Donato   localization + ba...
73
                  padding-top: 4px;

94601c1f   Renato De Donato   trevieww multitable
74
              }

0f6424fe   root   update new data-s...
75
              #rtp {

94601c1f   Renato De Donato   trevieww multitable
76
77
                  padding-top: 8px;

                  padding-right: 8px;

73bcce88   luigser   COMPONENTS
78
79
                  font-size: small;

              }

0f6424fe   root   update new data-s...
80
              #rtpalogo {

0b7cbd33   Renato De Donato   title-desciption
81
                  height: 32px;

94601c1f   Renato De Donato   trevieww multitable
82
                  width: 32px;

73bcce88   luigser   COMPONENTS
83
              }

0f6424fe   root   update new data-s...
84
              #base_datalet_spin {

0b7cbd33   Renato De Donato   title-desciption
85
                  height: 64px;

73cc8795   pina   dataset page and ...
86
                  width: 100%;

0b7cbd33   Renato De Donato   title-desciption
87
                  margin-top: 64px;

59100bec   Renato De Donato   localization + ba...
88
              }

0b7cbd33   Renato De Donato   title-desciption
89
  

59100bec   Renato De Donato   localization + ba...
90
91
92
              #base_datalet_source_link{

                  padding-top: 12px;

              }

0b7cbd33   Renato De Donato   title-desciption
93
94
95
96
97
98
99
100
  

              #span_title{

                  font-size: small;

              }

  

              #span_description{

                  color: #727272;

              }

73bcce88   luigser   COMPONENTS
101
102
          </style>

  

73cc8795   pina   dataset page and ...
103
          <div id="base_datalet_imgWaitDatalet">

b4accc86   Renato De Donato   datalet improved
104
              <img id="base_datalet_spin" src="static/images/spin.svg">

73cc8795   pina   dataset page and ...
105
          </div>

0f6424fe   root   update new data-s...
106
  

94601c1f   Renato De Donato   trevieww multitable
107
          <div id="base_datalet_container">

0f6424fe   root   update new data-s...
108
  

59100bec   Renato De Donato   localization + ba...
109
              <div id="base_datalet_title_description">

0b7cbd33   Renato De Donato   title-desciption
110
                  <span id="span_title"><b>{{title}}</b> <span id="span_description">{{description}}</span></span>

59100bec   Renato De Donato   localization + ba...
111
112
113
114
115
              </div>

  

              <div id="base_datalet_source_link">

                  <b>Source:</b> <a id="base_datalet_source" target="_blank"></a> (<a id="base_datalet_link" target="_blank">dataset</a>)

              </div>

0f6424fe   root   update new data-s...
116
  

94601c1f   Renato De Donato   trevieww multitable
117
              <div id="base_datalet_rtp">

73cc8795   pina   dataset page and ...
118
                  <div id="rtp">Powered by ROUTE-TO-PA</div>

9579b866   Renato De Donato   firefox bug fix
119
                  <div><a href="http://www.routetopa.eu/" target="_blank"><img id="rtpalogo" src="static/images/rtpalogo.png" ></a></div>

94601c1f   Renato De Donato   trevieww multitable
120
              </div>

b4accc86   Renato De Donato   datalet improved
121
  

94601c1f   Renato De Donato   trevieww multitable
122
123
          </div>

  

73bcce88   luigser   COMPONENTS
124
125
      </template>

  

4e7eacf4   Luigi Serra   Controllets and d...
126
127
      <script src="static/js/BaseDataletBehavior.js"></script>

      <script src="static/js/WorkcycleBehavior.js"></script>

73bcce88   luigser   COMPONENTS
128
129
130
131
  

      <script>

          BaseDatalet = Polymer({

              is: 'base-datalet',

3c812cc9   Renato De Donato   title-desciption ...
132
  

0b7cbd33   Renato De Donato   title-desciption
133
134
135
              hideFooter: function() {

                  this.$.base_datalet_container.innerHTML = "";

                  this.$.base_datalet_container.style.border = 0;

59100bec   Renato De Donato   localization + ba...
136
137
              },

  

5e6ba8af   isisadmin   datalet doc update
138
              /**

94601c1f   Renato De Donato   trevieww multitable
139
               * It is called after the element�s template has been stamped and all elements inside the element�s local

5e6ba8af   isisadmin   datalet doc update
140
141
142
               * DOM have been configured (with values bound from parents, deserialized attributes, or else default values)

               * and had their ready method called.

               *

73cc8795   pina   dataset page and ...
143
144
145
146
               * Extract

               *   1) the dataset domain

               *   2) the page of a datalet

               *   from the entire URL and set the text content of the datalet footer.

5e6ba8af   isisadmin   datalet doc update
147
               * @method ready

5e6ba8af   isisadmin   datalet doc update
148
               */

8afca675   Renato De Donato   title-description
149
150
151
152
153
154
  

              attached: function(){

                  if(this.title != "" && this.description != "")

                      this.description = "- " + this.description;

              },

  

73bcce88   luigser   COMPONENTS
155
              ready: function(){

59100bec   Renato De Donato   localization + ba...
156
                  if(this.dataUrl != undefined) {

0f6424fe   root   update new data-s...
157
  

59100bec   Renato De Donato   localization + ba...
158
159
160
                      var urlSource = this.dataUrl.split("/")[0] + "//" + this.dataUrl.split("/")[2];

                      this.$.base_datalet_source.innerHTML = urlSource;

                      this.$.base_datalet_source.setAttribute("href", urlSource);

73cc8795   pina   dataset page and ...
161
  

73cc8795   pina   dataset page and ...
162
  

59100bec   Renato De Donato   localization + ba...
163
164
165
                      //OpenDataSoft check

                      if(this.dataUrl.indexOf("/records/") > -1 )

                      {

2b65b828   isisadmin   base datalet fix
166
                          this.$.base_datalet_link.setAttribute("href", urlSource + "/explore/dataset/" + this.dataUrl.substring(this.dataUrl.indexOf("=")+1,this.dataUrl.indexOf("&")));

59100bec   Renato De Donato   localization + ba...
167
                      }

2b65b828   isisadmin   base datalet fix
168
169
                      // CKAN

                      else if(this.dataUrl.indexOf("datastore_search?resource_id") > -1 )

59100bec   Renato De Donato   localization + ba...
170
                      {

2b65b828   isisadmin   base datalet fix
171
172
173
174
175
176
177
178
                          var comp = this;

                          $.ajax({

                              url: this.dataUrl.replace("datastore_search?resource_id", "resource_show?id"),

                              dataType: "json",

                              success: function(e){

                                  comp.$.base_datalet_link.setAttribute("href", urlSource + "/dataset/" + e.result.package_id + "/resource/" + e.result.id);

                              }

                          });

59100bec   Renato De Donato   localization + ba...
179
                      }

6cf27113   pina   add link dataset ...
180
                  }

035bbee3   Luigi Serra   Datalets and cont...
181
              },

2b65b828   isisadmin   base datalet fix
182
              

035bbee3   Luigi Serra   Datalets and cont...
183
184
185
186
187
              /**

               * Set the domain url to show in the footer

               */

              setDomain: function(url){

                  this.$.domain.textContent = url;

73cc8795   pina   dataset page and ...
188
              },

2b65b828   isisadmin   base datalet fix
189
           });

73bcce88   luigser   COMPONENTS
190
191
      </script>

  </dom-module>