kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Show thumbnails and their titles.

Browse source
This commit is contained in:
Jacob Schatz 2017-04-08 10:36:42 -04:00 committed by Luke "Jared" Bennett
parent ef07200cd0
commit e1b0ed391f
No known key found for this signature in database
GPG key ID: 402ED51FB5D306C2
1 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/assets/javascripts/blob/balsamiq/index.js
View file

@ -8,19 +8,33 @@ export default class BalsamiqViewer {
}
loadSqlFile() {
var xhr = new XMLHttpRequest();
console.log(this.el)
var self = this;
xhr.open('GET', this.el.dataset.endpoint, true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
var list = document.createElement('ul');
var uInt8Array = new Uint8Array(this.response);
var db = new SQL.Database(uInt8Array);
var contents = db.exec("SELECT * FROM thumbnails");
console.log(contents)
// contents is now [{columns:['col1','col2',...], values:[[first row], [second row], ...]}]
var previews = contents[0].values.map((i)=>{return JSON.parse(i[1])});
previews.forEach((prev) => {
var li = document.createElement('li');
var title = db.exec(`select * from resources where id = '${prev.resourceID}'`)
var template =
`<div class="panel panel-default">
<div class="panel-heading">${JSON.parse(title[0].values[0][2]).name}</div>
<div class="panel-body">
<img class="img-thumbnail" src="data:image/png;base64,${prev.image}"/>
</div>
</div>`;
li.innerHTML = template;
list.appendChild(li);
});
list.classList += 'list-inline';
self.el.appendChild(list);
};
xhr.send();
}