diff options
Diffstat (limited to 'apps/files/js/mainfileinfodetailview.js')
| -rw-r--r-- | apps/files/js/mainfileinfodetailview.js | 48 |
1 files changed, 31 insertions, 17 deletions
diff --git a/apps/files/js/mainfileinfodetailview.js b/apps/files/js/mainfileinfodetailview.js index 3f3705c2586..5eb74145f12 100644 --- a/apps/files/js/mainfileinfodetailview.js +++ b/apps/files/js/mainfileinfodetailview.js @@ -10,11 +10,8 @@ (function() { var TEMPLATE = - '<div class="thumbnail"></div>' + - '<ul class="detailList">' + - ' <li>Name: {{name}}</li>' + - ' <li>Path: {{path}}</li>' + - '</ul>'; + '<div class="thumbnail"></div><div class="fileName">{{name}}</div>' + + '<div><span title="{{altSize}}">{{size}}</span>, <span title="{{altDate}}">{{date}}</span></div>'; /** * @class OCA.Files.MainFileInfoDetailView @@ -42,8 +39,6 @@ /** * Renders this details view - * - * @abstract */ render: function() { this.$el.empty(); @@ -53,17 +48,36 @@ } if (this._fileInfo) { - this.$el.append(this._template(this._fileInfo)); + this.$el.append(this._template({ + nameLabel: t('files', 'Name'), + name: this._fileInfo.name, + pathLabel: t('files', 'Path'), + path: this._fileInfo.path, + sizeLabel: t('files', 'Size'), + // TODO: refactor and use size formatter + size: OC.Util.humanFileSize(this._fileInfo.size, true), + altSize: this._fileInfo.size, + dateLabel: t('files', 'Modified'), + altDate: OC.Util.formatDate(this._fileInfo.mtime), + date: OC.Util.relativeModifiedDate(this._fileInfo.mtime) + })); + var $iconDiv = this.$el.find('.thumbnail'); - // FIXME: use proper way, this is only for demo purposes - FileList.lazyLoadPreview({ - path: this._fileInfo.path + '/' + this._fileInfo.name, - mime: this._fileInfo.mimetype, - etag: this._fileInfo.etag, - callback: function(url) { - $iconDiv.css('background-image', 'url("' + url + '")'); - } - }); + // TODO: we really need OC.Previews + if (this._fileInfo.mimetype !== 'httpd/unix-directory') { + // FIXME: use proper way, this is only for demo purposes + var previewUrl = FileList.generatePreviewUrl({ + file: this._fileInfo.path + '/' + this._fileInfo.name, + c: this._fileInfo.etag, + x: 50, + y: 50 + }); + previewUrl = previewUrl.replace('(', '%28').replace(')', '%29'); + $iconDiv.css('background-image', 'url("' + previewUrl + '")'); + } else { + // TODO: special icons / shared / external + $iconDiv.css('background-image', 'url("' + OC.MimeType.getIconUrl('dir') + '")'); + } } else { // TODO: render placeholder text? } |