e4b7758f
 isisadmin
add md
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
# DEEPCLIENT
Is a simple javascript library that allows the connection with DEEP and the inclusion of a Datalet within a HTML page developed by the [UNISA TEAM](http://www.isislab.it/)
for the [ROUTE-TO-PA PROJECT](http://www.routetopa.eu/).
## Table of contents
* [Quick start](#quick-start)
* [Bugs and feature requests](#bugs-and-feature-requests)
* [Usage](#usage)
* [Versioning](#versioning)
* [Creators](#creators)
* [Copyright and license](#copyright-and-license)
## Quick start
Clone the repo: `git clone http://service.routetopa.eu:7480/isislab/DEEPCLIENT.git`.
### What's included
Within the download you'll find the following directories and files. You'll see something like this:
```
DEEPCLIENT/
├── js/
│ ├── bootstrap-3.3.4-dist
│ └── deepClient.js
│ ├── jquery-1.11.2.min.js
└── ├── jquery-2.1.0.min.js
```
## Bugs and feature requests
Have a bug or a feature request?
Send a mail to developers@routetopa.eu
## Usage
This is a minimal example of deep client usage.
|
|
baeff75d
isisadmin
Update md
|
43
|
```html
|
|
e4b7758f
isisadmin
add md
|
44
45
46
47
48
49
50
51
52
|
<html>
<head>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/webcomponents.js"></script>
<script type="text/javascript" src="js/deepClient.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
var datalet_params =
{
|
|
154d3443
isisadmin
update md
|
53
54
55
56
57
58
59
|
component : "DATALET_NAME",
params : {
data-url : "DATA_URL",
}
fields : Array("FIELD1", "FIELD2"),
placeHolder : "HTML_PLACEHOLDER"
};
|
|
e4b7758f
isisadmin
add md
|
60
61
62
63
64
65
66
67
68
69
70
|
ComponentService.deep_url = 'DEEP_URL';
ComponentService.getComponent(datalet_params);
});
</script>
</head>
<body>
<div id="HTML_PLACEHOLDER"></div>
</body>
</html>
|
|
154d3443
isisadmin
update md
|
71
|
</code>
|
|
baeff75d
isisadmin
Update md
|
72
|
```
|
|
e4b7758f
isisadmin
add md
|
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
We create an empty HTML document with a single DIV. On document ready event we create a datalet_params object, this object contains information for Datalet retrieving and initialization.
datalet_params contains :
component : the Datalet name to be sent to DEEP (Eg. datatable-datalet)
params.data-url : the datasource URL (Eg.http://demo.ckan.org/api/action/datastore_search?resource_id=8324a4c9-66d6-47bf-a898-94237cc39b9f&limit=50)
fields : an array with user selected fields from datasource (Eg. Array("Supplier", "Amount"))
placeHolder : the ID of the DOM element where place the Datalet
ComponentService.getComponent function take a datalet_params object as parameter. This function is responsible for Datalet info retrieving from DEPP and Datalet code retrieving from DEEPCOMPONENTS. Once the Datalet code is available DEEPCLIENT add the Datalet to the document DOM and initialize the Datalet with the data and fields parameters.
Now the Datalet is able to complete its lifecycle.
The programmer must specify the DEEP endpoint through the variable ComponentService.deep_url.
## Versioning
v0.1
## Creators
UNISA Team - Dipartimento di Informatica - Università degli studi di Salerno - Italy
## Copyright and license
Code released under [the MIT license](https://opensource.org/licenses/MIT).
|
