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

change file icon size to 256 (#6490)

Browse Source
This commit is contained in:
Michael An
2024-08-05 21:04:31 +08:00
committed by GitHub
parent 5fbc14e089
commit 20cf8b7f58
47 changed files with 19 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dirent-detail/file-details.js
View File

@@ -103,7 +103,7 @@ class FileDetails extends React.Component {
let { dirent, repoID, path } = this.props;
const smallIconUrl = Utils.getFileIconUrl(dirent.name);
let bigIconUrl = Utils.getFileIconUrl(dirent.name, 192);
let bigIconUrl = Utils.getFileIconUrl(dirent.name);
const isImg = Utils.imageCheck(dirent.name);
const isVideo = Utils.videoCheck(dirent.name);
if (isImg || (enableVideoThumbnail && isVideo)) {

2
frontend/src/components/file-chooser/searched-list-item.js
View File

@@ -40,7 +40,7 @@ class SearchedListItem extends React.Component {
render() {
let { item, currentItem } = this.props;
let folderIconUrl = item.link_content ? Utils.getFolderIconUrl(false, 192) : Utils.getDefaultLibIconUrl(false);
let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name, 192);
let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name);
let trClass = this.state.highlight ? 'tr-highlight' : '';
if (currentItem) {
if (item.repo_id === currentItem.repo_id && item.path === currentItem.path) {

2
frontend/src/components/file-view/file-view.js
View File

@@ -39,7 +39,7 @@ class FileView extends React.Component {
}
componentDidMount() {
const fileIcon = Utils.getFileIconUrl(fileName, 192);
const fileIcon = Utils.getFileIconUrl(fileName);
document.getElementById('favicon').href = fileIcon;
}

2
frontend/src/components/search/search-result-item.js
View File

@@ -23,7 +23,7 @@ class SearchResultItem extends React.Component {
render() {
let item = this.props.item;
let folderIconUrl = item.link_content ? Utils.getFolderIconUrl(false, 192) : Utils.getDefaultLibIconUrl(true);
let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name, 192);
let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name);
let showName = item.repo_name + '/' + item.link_content;
showName = showName.endsWith('/') ? showName.slice(0, showName.length - 1) : showName;

3
frontend/src/components/shared-file-view/shared-file-view.js
View File

@@ -56,8 +56,7 @@ class SharedFileView extends React.Component {
};
componentDidMount() {
const fileIcon = Utils.getFileIconUrl(fileName, 192);
const fileIcon = Utils.getFileIconUrl(fileName);
document.getElementById('favicon').href = fileIcon;
if (trafficOverLimit) {

3
frontend/src/pages/markdown-editor/index.js
View File

@@ -204,8 +204,7 @@ class MarkdownEditor extends React.Component {
};
async componentDidMount() {
const fileIcon = Utils.getFileIconUrl(fileName, 192);
const fileIcon = Utils.getFileIconUrl(fileName);
document.getElementById('favicon').href = fileIcon;
// get file info

8
frontend/src/pages/plain-markdown-editor/helper.js
View File

@@ -1,11 +1,6 @@
import { seafileAPI } from '../../utils/seafile-api';
import { Utils } from '../../utils/utils';
const initFavicon = (fileName) => {
const fileIcon = Utils.getFileIconUrl(fileName, 192);
document.getElementById('favicon').href = fileIcon;
};
const getFileInfo = async (repoID, filePath) => {
const fileInfoRes = await seafileAPI.getFileInfo(repoID, filePath);
const { mtime, size, starred, permission, last_modifier_name: lastModifier, id } = fileInfoRes.data;
@@ -38,7 +33,8 @@ const setFileContent = async (downloadUrl) => {
};
export const getPlainOptions = async ({ fileName, filePath, repoID }) => {
initFavicon(fileName);
const fileIcon = Utils.getFileIconUrl(fileName);
document.getElementById('favicon').href = fileIcon;
const fileInfo = await getFileInfo(repoID, filePath);
const downloadUrl = await getFileDownloadUrl(repoID, filePath);
const markdownContent = await setFileContent(downloadUrl);

2
frontend/src/pages/sdoc/sdoc-editor/index.js
View File

@@ -31,7 +31,7 @@ export default class SdocEditor extends React.Component {
if (suffix) {
docName = docName + suffix;
}
const fileIcon = Utils.getFileIconUrl(docName, 192);
const fileIcon = Utils.getFileIconUrl(docName);
document.getElementById('favicon').href = fileIcon;
};

2
frontend/src/pages/search/search-results.js
View File

@@ -28,7 +28,7 @@ class ResultsItem extends React.Component {
let item = this.props.item;
let linkContent = decodeURI(item.fullpath).substring(1);
let folderIconUrl = linkContent ? Utils.getFolderIconUrl(false, 192) : Utils.getDefaultLibIconUrl(true);
let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name, 192);
let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name);
if (item.thumbnail_url !== '') {
fileIconUrl = item.thumbnail_url;

2
frontend/src/shared-dir-view.js
View File

@@ -959,7 +959,7 @@ class GridItem extends React.Component {
<a href={fileURL} className="grid-file-img-link d-block" onClick={this.handleFileClick}>
{thumbnailURL ?
<img className="thumbnail" src={thumbnailURL} alt="" /> :
<img src={Utils.getFileIconUrl(item.file_name, 192)} alt="" width="96" height="96" />
<img src={Utils.getFileIconUrl(item.file_name)} alt="" width="96" height="96" />
}
</a>
<a href={fileURL} className="grid-file-name grid-file-name-link" onClick={this.handleFileClick}>{item.file_name}</a>

2
frontend/src/shared-file-view-sdoc.js
View File

@@ -40,7 +40,7 @@ window.seafile = {
};
(function () {
const fileIcon = Utils.getFileIconUrl(docName, 192);
const fileIcon = Utils.getFileIconUrl(docName);
document.getElementById('favicon').href = fileIcon;
})();

20
frontend/src/utils/utils.js
View File

@@ -392,15 +392,13 @@ export const Utils = {
}
return this.getFolderIconUrl(readonly, size, dirent.has_been_shared_out);
} else {
return this.getFileIconUrl(dirent.name, size);
return this.getFileIconUrl(dirent.name);
}
},
getAdminTemplateDirentIcon: function (dirent, isBig) {
let size = this.isHiDPI() ? 48 : 24;
size = isBig ? 192 : size;
getAdminTemplateDirentIcon: function (dirent) {
if (dirent.is_file) {
return this.getFileIconUrl(dirent.obj_name, size);
return this.getFileIconUrl(dirent.obj_name);
} else {
return this.getFolderIconUrl();
}
@@ -414,22 +412,18 @@ export const Utils = {
return `${mediaUrl}img/folder${readonly ? '-read-only' : ''}${sharedOut ? '-shared-out' : ''}-${size}.png`;
},
getFileIconUrl: function (filename, size) {
if (!size) {
size = Utils.isHiDPI() ? 48 : 24;
}
size = size > 24 ? 192 : 24;
getFileIconUrl: function (filename) {
let file_ext = '';
if (filename.lastIndexOf('.') == -1) {
return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP['default'];
return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP['default'];
} else {
file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
}
if (this.FILEEXT_ICON_MAP[file_ext]) {
return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP[file_ext];
return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP[file_ext];
} else {
return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP['default'];
return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP['default'];
}
},