summaryrefslogtreecommitdiffstats
path: root/apps/files/js
diff options
context:
space:
mode:
authorRobin Appelman <icewind@owncloud.com>2016-07-04 12:54:12 +0200
committerRobin Appelman <icewind@owncloud.com>2016-07-04 12:54:12 +0200
commita4d75a60a9f7784ffe13c88108f3e8c9cb551188 (patch)
tree4148418f8710e5173e44820f965468ea7e931836 /apps/files/js
parent860b7c36ecc97f4e33abfb68790a66dd8f24532d (diff)
downloadnextcloud-server-a4d75a60a9f7784ffe13c88108f3e8c9cb551188.tar.gz
nextcloud-server-a4d75a60a9f7784ffe13c88108f3e8c9cb551188.zip
Add large sidebar previews for text files
Diffstat (limited to 'apps/files/js')
-rw-r--r--apps/files/js/sidebarpreviewmanager.js26
-rw-r--r--apps/files/js/sidebarpreviewtext.js47
2 files changed, 69 insertions, 4 deletions
diff --git a/apps/files/js/sidebarpreviewmanager.js b/apps/files/js/sidebarpreviewmanager.js
index 5b7906bbb98..cfd1fffae13 100644
--- a/apps/files/js/sidebarpreviewmanager.js
+++ b/apps/files/js/sidebarpreviewmanager.js
@@ -1,5 +1,5 @@
/*
- * Copyright (c) 2015
+ * Copyright (c) 2016
*
* This file is licensed under the Affero General Public License version 3
* or later.
@@ -11,12 +11,30 @@
(function () {
SidebarPreviewManager = function (fileList) {
this._fileList = fileList;
+ this._previewHandlers = {};
+ OC.Plugins.attach('OCA.Files.SidebarPreviewManager', this);
};
SidebarPreviewManager.prototype = {
+ addPreviewHandler: function (mime, handler) {
+ this._previewHandlers[mime] = handler;
+ },
+
+ getPreviewHandler: function (mime) {
+ var mimePart = mime.split('/').shift();
+ if (this._previewHandlers[mime]) {
+ return this._previewHandlers[mime];
+ } else if(this._previewHandlers[mimePart]) {
+ return this._previewHandlers[mimePart];
+ } else {
+ return this.fallbackPreview.bind(this);
+ }
+ },
+
loadPreview: function (model, $thumbnailDiv, $thumbnailContainer) {
- // todo allow plugins to register custom handlers by mimetype
- this.fallbackPreview(model, $thumbnailDiv, $thumbnailContainer);
+ var handler = this.getPreviewHandler(model.get('mimetype'));
+ var fallback = this.fallbackPreview.bind(this, model, $thumbnailDiv, $thumbnailContainer);
+ handler(model, $thumbnailDiv, $thumbnailContainer, fallback);
},
// previews for images and mimetype icons
@@ -74,7 +92,7 @@
var targetHeight = getTargetHeight(img);
if (isImage && targetHeight > smallPreviewSize) {
$thumbnailContainer.addClass((isLandscape(img) && !isSmall(img)) ? 'landscape' : 'portrait');
- $thumbnailContainer.addClass('image');
+ $thumbnailContainer.addClass('large');
}
// only set background when we have an actual preview
diff --git a/apps/files/js/sidebarpreviewtext.js b/apps/files/js/sidebarpreviewtext.js
new file mode 100644
index 00000000000..de264ed1e56
--- /dev/null
+++ b/apps/files/js/sidebarpreviewtext.js
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2016
+ *
+ * This file is licensed under the Affero General Public License version 3
+ * or later.
+ *
+ * See the COPYING-README file.
+ *
+ */
+
+(function () {
+ var SidebarPreview = function () {
+ };
+
+ SidebarPreview.prototype = {
+ attach: function (manager) {
+ manager.addPreviewHandler('text', this.handlePreview.bind(this));
+ },
+
+ handlePreview: function (model, $thumbnailDiv, $thumbnailContainer, fallback) {
+ console.log(model);
+ var previewWidth = $thumbnailContainer.parent().width() + 50; // 50px for negative margins
+ var previewHeight = previewWidth / (16 / 9);
+
+ this.getFileContent(model.getFullPath()).then(function (content) {
+ $thumbnailDiv.removeClass('icon-loading icon-32');
+ $thumbnailContainer.addClass('large');
+ $thumbnailContainer.addClass('text');
+ var $textPreview = $('<pre/>').text(content);
+ $thumbnailDiv.children('.stretcher').remove();
+ $thumbnailDiv.append($textPreview);
+ $thumbnailContainer.height(previewHeight);
+ }, function () {
+ fallback();
+ });
+ },
+
+ getFileContent: function (path) {
+ console.log(path);
+ var url = OC.linkToRemoteBase('files' + path);
+ console.log(url);
+ return $.get(url);
+ }
+ };
+
+ OC.Plugins.register('OCA.Files.SidebarPreviewManager', new SidebarPreview());
+})();