solid-panes
Version:
Solid-compatible Panes: applets and views for the mashlib and databrowser
62 lines (49 loc) • 1.72 kB
JavaScript
;
/* Image Pane
**
** This outline pane contains the document contents for an Image document
*/
var UI = require('solid-ui');
module.exports = {
icon: UI.icons.originalIconBase + 'tango/22-image-x-generic.png',
name: 'image',
label: function label(subject, context) {
var kb = context.session.store;
if (!kb.anyStatementMatching(subject, UI.ns.rdf('type'), kb.sym('http://purl.org/dc/terms/Image'))) {
// NB: Not dc: namespace!
return null;
} // See also the source pane, which has lower precedence.
var contentTypeMatch = function contentTypeMatch(kb, x, contentTypes) {
var cts = kb.fetcher.getHeader(x, 'content-type');
if (cts) {
for (var j = 0; j < cts.length; j++) {
for (var k = 0; k < contentTypes.length; k++) {
if (cts[j].indexOf(contentTypes[k]) >= 0) {
return true;
}
}
}
}
return false;
};
var suppressed = ['application/pdf'];
if (contentTypeMatch(kb, subject, suppressed)) {
return null;
}
return 'view';
},
render: function render(subject, context) {
var myDocument = context.dom;
var div = myDocument.createElement('div');
div.setAttribute('class', 'imageView');
var img = myDocument.createElement('IMG');
img.setAttribute('src', subject.uri); // w640 h480
img.setAttribute('style', 'max-width: 100%; max-height: 100%;'); // div.style['max-width'] = '640'
// div.style['max-height'] = '480'
var tr = myDocument.createElement('TR'); // why need tr?
tr.appendChild(img);
div.appendChild(tr);
return div;
}
}; // ends
//# sourceMappingURL=imagePane.js.map