-
Notifications
You must be signed in to change notification settings - Fork 0
/
pcwidget3.js
70 lines (62 loc) · 2.97 KB
/
pcwidget3.js
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
69
70
window.onload = function() {
let bslink = document.createElement('link');
bslink.rel = 'stylesheet';
bslink.href = 'https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css';
document.head.appendChild(bslink);
var bsscript1 = document.createElement('script');
bsscript1.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js');
document.head.appendChild(bsscript1);
var bsscript2 = document.createElement('script');
bsscript2.setAttribute('src','https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js');
document.head.appendChild(bsscript2);
userAction();
};
let doc=document.querySelector('.pcwidget')
let head = document.getElementsByTagName('head')[0];
let link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
// link.href = 'pcwidget.css';
link.href = 'https://cdn.jsdelivr.net/gh/Mahendramahii/pcwidget/pcwidget.css'
link.media = 'all';
head.appendChild(link);
const userAction = async () => {
const response = await fetch('https://consumer-dev.pricingculture.com/api/assets/quick_search?columns=id,name,asset_url,platform,platform_asset_id,asset_type,security_type,security_sub_type,asset_status,media&page_size=10&platform_id=in:6', {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'api-key':'4b8e8a9c-665c-4bd6-ab4e-a0207d2142b4',
'secret':'KrN$TttZdl2acg$80rm*'
}
});
const myJson = await response.json(); //extract JSON from the http response
let jsondata=myJson.objects
console.log(myJson.objects)
let assetdiv=`<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" style="height:100%;text-align:center;width:100%;">`
for(let i=0;i<jsondata.length;i++){
let divdata=''
if(i==0) divdata=`<div class="item active" style="height:100%;width:100%;">`
else divdata=`<div class="item" style="height:100%;">`
divdata+=`<img src=${jsondata[i].media[1].media_src} alt="No Image" style="height:100%;width:100%;object-fit:contain;">
<div class="carousel-caption">
<div style="font-size:20px;padding-bottom:10px;">${jsondata[i].name}</div>
<div>${jsondata[i].platform.name}</div>
</div>
</div>`
assetdiv+=divdata
}
assetdiv+=`</div>
<div class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" style="cursor:pointer;"></span>
<span class="sr-only">Previous</span>
</div>
<div class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" style="cursor:pointer;"></span>
<span class="sr-only">Next</span>
</div>
</div>
</div>`
doc.innerHTML=assetdiv
}