deepClient.js
2.66 KB
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/**
* Created by Luigi Serra on 10/06/2015.
*/
var ComponentService =
{
deep_url:"",
getComponent: function(params){//params = {component, data, fields, placeHolder}
var request = this.getXMLHttpRequest();
var component = params.component;
request.onreadystatechange = function(){
if(request.readyState == 4){
try {
var resp = JSON.parse(request.response);
var link = '<link rel="import" href="' + resp.bridge_link + resp.component_link + '">';
//Build jsonPath query string
var query = "";
for(var i=0;i < params.fields.length;i++){
var query_elements = params.fields[i].split(',');
query += "$";
for(var j=0; j < query_elements.length - 1;j++){
query += "['" + query_elements[j] + "']";
}
query += "[*]" + "['" + query_elements[query_elements.length - 1] + "']";
query += "###";
}
query = query.substring(0, query.length - 3);
//Build datalet injecting html code
var datalet_code = link + '<' + params.component;
var keys = Object.keys(params.params);
for(var i = 0; i < keys.length; i++){
datalet_code += ' ' + keys[i] + '="' + params.params[keys[i]] +'"';
}
datalet_code += ' query="' + query + '"></' + params.component + '>';
(params.placeHolder.constructor == HTMLElement || params.placeHolder.constructor == HTMLDivElement) ? $(params.placeHolder).html(datalet_code) :/*Injection from Web Component*/
$("#" + params.placeHolder).html(datalet_code);/*Injection from a static web page*/
} catch (e){
var resp = {
status: 'error',
data: 'Unknown error occurred: [' + request.response + ']'
};
}
}};
request.open('GET', this.deep_url + component);
request.send();
},
getXMLHttpRequest: function ()
{
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
else {
try {
return new ActiveXObject("MSXML2.XMLHTTP.3.0");
}
catch(ex) {
return null;
}
}
}
}