haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-05 08:53:14 +00:00
Code Issues Releases Wiki Activity

[11.0] tiff image use thumbnail image to preview in list view and grid view (#6933)

Browse Source 
* [11] Tiff image use thumbnail image to preview

* only tiff use thumbnail
This commit is contained in:
Michael An
2024-10-23 10:17:27 +08:00
committed by GitHub
parent aaebfe27e4
commit 4092082369
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/dirent-grid-view/dirent-grid-view.js
View File

@@ -1,6 +1,6 @@
import React, { Fragment } from 'react'; import React, { Fragment } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { siteRoot, username, enableSeadoc } from '../../utils/constants'; import { siteRoot, username, enableSeadoc, thumbnailSizeForOriginal } from '../../utils/constants';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import { seafileAPI } from '../../utils/seafile-api'; import { seafileAPI } from '../../utils/seafile-api';
import URLDecorator from '../../utils/url-decorator'; import URLDecorator from '../../utils/url-decorator';
@@ -355,7 +355,14 @@ class DirentGridView extends React.Component {
const repoID = this.props.repoID; const repoID = this.props.repoID;
const path = Utils.encodePath(Utils.joinPath(this.props.path, name)); const path = Utils.encodePath(Utils.joinPath(this.props.path, name));
const src = `${siteRoot}repo/${repoID}/raw${path}`; const fileExt = name.substr(name.lastIndexOf('.') + 1).toLowerCase();
const isTIFF = fileExt == 'tiff';
let src = '';
if (isTIFF) {
src = `${siteRoot}thumbnail/${repoID}/${thumbnailSizeForOriginal}${path}`;
} else {
src = `${siteRoot}repo/${repoID}/raw${path}`;
}
return { return {
'name': name, 'name': name,

11
frontend/src/components/dirent-list-view/dirent-list-view.js
View File

@@ -1,6 +1,6 @@
import React, { Fragment } from 'react'; import React, { Fragment } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { siteRoot, gettext, username, enableSeadoc } from '../../utils/constants'; import { siteRoot, gettext, username, enableSeadoc, thumbnailSizeForOriginal } from '../../utils/constants';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import TextTranslation from '../../utils/text-translation'; import TextTranslation from '../../utils/text-translation';
import URLDecorator from '../../utils/url-decorator'; import URLDecorator from '../../utils/url-decorator';
@@ -163,7 +163,14 @@ class DirentListView extends React.Component {
const name = item.name; const name = item.name;
const repoID = this.props.repoID; const repoID = this.props.repoID;
const path = Utils.encodePath(Utils.joinPath(this.props.path, name)); const path = Utils.encodePath(Utils.joinPath(this.props.path, name));
const src = `${siteRoot}repo/${repoID}/raw${path}`; const fileExt = name.substr(name.lastIndexOf('.') + 1).toLowerCase();
const isTIFF = fileExt == 'tiff';
let src = '';
if (isTIFF) {
src = `${siteRoot}thumbnail/${repoID}/${thumbnailSizeForOriginal}${path}`;
} else {
src = `${siteRoot}repo/${repoID}/raw${path}`;
}
return { return {
'name': name, 'name': name,