mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 14:03:30 +00:00
69c4645bd2
We only use this data in a rarely-used settings screen, and it can be large after years of posting screenshots. So optimize the performance of / by just loading these data when we actually visit the page. This saves about 300ms of runtime for loading the home view for my user account on chat.zulip.org.
120 lines
3.6 KiB
JavaScript
120 lines
3.6 KiB
JavaScript
var attachments_ui = (function () {
|
|
|
|
var exports = {};
|
|
|
|
function delete_attachments(attachment) {
|
|
var status = $('#delete-upload-status');
|
|
channel.del({
|
|
url: '/json/attachments/' + attachment,
|
|
idempotent: true,
|
|
error: function (xhr) {
|
|
ui_report.error(i18n.t("Failed"), xhr, status);
|
|
},
|
|
success: function () {
|
|
ui_report.success(i18n.t("Attachment deleted"), status);
|
|
},
|
|
});
|
|
}
|
|
|
|
function bytes_to_size(bytes, kb_with_1024_bytes) {
|
|
if (kb_with_1024_bytes === undefined) {
|
|
kb_with_1024_bytes = false;
|
|
}
|
|
var kb_size = kb_with_1024_bytes ? 1024 : 1000;
|
|
var sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
|
|
if (bytes === 0) {
|
|
return '0 B';
|
|
}
|
|
var i = parseInt(Math.floor(Math.log(bytes) / Math.log(kb_size)), 10);
|
|
var size = Math.round(bytes / Math.pow(kb_size, i));
|
|
if ((i > 0) && (size < 10)) {
|
|
size = Math.round((bytes / Math.pow(kb_size, i)) * 10) / 10;
|
|
}
|
|
return size + ' ' + sizes[i];
|
|
}
|
|
|
|
|
|
function render_attachments_ui(attachments) {
|
|
_.each(attachments, function (attachment) {
|
|
var time = new XDate(attachment.create_time);
|
|
attachment.create_time_str = timerender.render_now(time).time_str;
|
|
attachment.size_str = bytes_to_size(attachment.size);
|
|
});
|
|
|
|
var uploaded_files_table = $("#uploaded_files_table").expectOne();
|
|
var $search_input = $("#upload_file_search");
|
|
|
|
var list = list_render(uploaded_files_table, attachments, {
|
|
name: "uploaded-files-list",
|
|
modifier: function (attachment) {
|
|
return templates.render("uploaded_files_list", { attachment: attachment });
|
|
},
|
|
filter: {
|
|
element: $search_input,
|
|
callback: function (item, value) {
|
|
return item.name.toLocaleLowerCase().indexOf(value) >= 0;
|
|
},
|
|
onupdate: function () {
|
|
ui.update_scrollbar(uploaded_files_table.closest(".progressive-table-wrapper"));
|
|
},
|
|
},
|
|
}).init();
|
|
|
|
list.add_sort_function("mentioned-in", function (a, b) {
|
|
var a_m = a.messages[0];
|
|
var b_m = b.messages[0];
|
|
|
|
if (!a_m) { return 1; }
|
|
if (!b_m) { return -1; }
|
|
|
|
if (a_m.id > b_m.id) {
|
|
return 1;
|
|
} else if (a_m.id === b_m.id) {
|
|
return 0;
|
|
}
|
|
|
|
return -1;
|
|
});
|
|
|
|
ui.set_up_scrollbar(uploaded_files_table.closest(".progressive-table-wrapper"));
|
|
|
|
uploaded_files_table.empty();
|
|
_.each(attachments, function (attachment) {
|
|
var row = templates.render('uploaded_files_list', { attachment: attachment });
|
|
uploaded_files_table.append(row);
|
|
});
|
|
|
|
$('#uploaded_files_table').on('click', '.remove-attachment', function (e) {
|
|
var row = $(e.target).closest(".uploaded_file_row");
|
|
row.remove();
|
|
delete_attachments($(this).data('attachment'));
|
|
});
|
|
}
|
|
|
|
exports.set_up_attachments = function () {
|
|
// The settings page must be rendered before this function gets called.
|
|
|
|
var status = $('#delete-upload-status');
|
|
loading.make_indicator($('#attachments_loading_indicator'), {text: 'Loading...'});
|
|
|
|
channel.get({
|
|
url: "/json/attachments",
|
|
idempotent: true,
|
|
success: function (data) {
|
|
loading.destroy_indicator($('#attachments_loading_indicator'));
|
|
render_attachments_ui(data.attachments);
|
|
},
|
|
error: function (xhr) {
|
|
loading.destroy_indicator($('#attachments_loading_indicator'));
|
|
ui_report.error(i18n.t("Failed"), xhr, status);
|
|
},
|
|
});
|
|
};
|
|
|
|
return exports;
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = attachments_ui;
|
|
}
|