${
@@ -379,7 +389,7 @@ frappe.search.SearchDialog = class {
let $result = $(`
${image_html}
${result_text}
- ${result.subtypes || ''}
+ ${result.subtypes || ""}
`);
if (!result.description) {
@@ -393,7 +403,7 @@ frappe.search.SearchDialog = class {
if (result.route_options) {
frappe.route_options = result.route_options;
}
- $result.on('click', (e) => {
+ $result.on("click", e => {
// this.toggle_minimize();
if (result.onclick) {
result.onclick(result.match);
@@ -411,21 +421,25 @@ frappe.search.SearchDialog = class {
add_more_results(results_set) {
let more_results = $('
');
if (results_set[0].results) {
- results_set[0].results.forEach((result) => {
- more_results.append(this.render_result(results_set[0].title, result));
+ results_set[0].results.forEach(result => {
+ more_results.append(
+ this.render_result(results_set[0].title, result)
+ );
});
}
- this.$body.find('.list-more').before(more_results);
+ this.$body.find(".list-more").before(more_results);
if (results_set[0].results.length < this.more_count) {
// hide more button and add a result count
- this.$body.find('.list-more').hide();
- let no_of_results = this.$body.find('.result').length;
+ this.$body.find(".list-more").hide();
+ let no_of_results = this.$body.find(".result").length;
let no_of_results_cue = $(
- '
' + no_of_results + ' results found
'
+ '
' +
+ no_of_results +
+ " results found
"
);
- this.$body.find('.more-results:last').append(no_of_results_cue);
+ this.$body.find(".more-results:last").append(no_of_results_cue);
}
- this.$body.find('.more-results.last').slideDown(200, function() {});
+ this.$body.find(".more-results.last").slideDown(200, function() {});
}
};
diff --git a/frappe/public/js/frappe/utils/common.js b/frappe/public/js/frappe/utils/common.js
index 0f9adcad97..d8142c43ab 100644
--- a/frappe/public/js/frappe/utils/common.js
+++ b/frappe/public/js/frappe/utils/common.js
@@ -367,8 +367,8 @@ frappe.utils.new_auto_repeat_prompt = function (frm) {
}
});
},
- __('Auto Repeat'),
- __('Save')
+ __('Auto Repeat'),
+ __('Save')
);
}
diff --git a/frappe/public/js/frappe/views/file/file_view.js b/frappe/public/js/frappe/views/file/file_view.js
index 5e2b618828..e849b2c6b6 100644
--- a/frappe/public/js/frappe/views/file/file_view.js
+++ b/frappe/public/js/frappe/views/file/file_view.js
@@ -1,13 +1,13 @@
-frappe.provide('frappe.views');
+frappe.provide("frappe.views");
frappe.views.FileView = class FileView extends frappe.views.ListView {
static load_last_view() {
const route = frappe.get_route();
if (route.length === 2) {
- const view_user_settings = frappe.get_user_settings('File', 'File');
+ const view_user_settings = frappe.get_user_settings("File", "File");
frappe.set_route(
- 'List',
- 'File',
+ "List",
+ "File",
view_user_settings.last_folder || frappe.boot.home_folder
);
return true;
@@ -16,7 +16,7 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
}
get view_name() {
- return 'File';
+ return "File";
}
show() {
@@ -28,9 +28,9 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
setup_view() {
this.render_header();
this.setup_events();
- this.$page.find('.layout-main-section-wrapper').addClass('file-view');
+ this.$page.find(".layout-main-section-wrapper").addClass("file-view");
this.add_file_action_buttons();
- this.page.add_button(__('Toggle Grid View'), () => {
+ this.page.add_button(__("Toggle Grid View"), () => {
frappe.views.FileView.grid_view = !frappe.views.FileView.grid_view;
this.refresh();
});
@@ -50,7 +50,7 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
let args = super.get_args();
if (frappe.views.FileView.grid_view) {
Object.assign(args, {
- order_by: `is_folder desc, ${this.sort_by} ${this.sort_order}`,
+ order_by: `is_folder desc, ${this.sort_by} ${this.sort_order}`
});
}
return args;
@@ -60,23 +60,23 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
const route = frappe.get_route();
route.splice(-1);
const last_folder = route[route.length - 1];
- if (last_folder === 'File') return;
+ if (last_folder === "File") return;
frappe.breadcrumbs.add({
- type: 'Custom',
- label: __('Home'),
- route: '/app/List/File/Home',
+ type: "Custom",
+ label: __("Home"),
+ route: "/app/List/File/Home"
});
}
setup_defaults() {
return super.setup_defaults().then(() => {
- this.page_title = __('File Manager');
+ this.page_title = __("File Manager");
const route = frappe.get_route();
- this.current_folder = route.slice(2).join('/');
- this.filters = [['File', 'folder', '=', this.current_folder, true]];
- this.order_by = this.view_user_settings.order_by || 'file_name asc';
+ this.current_folder = route.slice(2).join("/");
+ this.filters = [["File", "folder", "=", this.current_folder, true]];
+ this.order_by = this.view_user_settings.order_by || "file_name asc";
this.menu_items = this.menu_items.concat(this.file_menu_items());
});
@@ -85,57 +85,69 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
file_menu_items() {
const items = [
{
- label: __('Home'),
+ label: __("Home"),
action: () => {
- frappe.set_route('List', 'File', 'Home');
- },
+ frappe.set_route("List", "File", "Home");
+ }
},
{
- label: __('New Folder'),
+ label: __("New Folder"),
action: () => {
frappe.prompt(
- __('Name'),
- (values) => {
- if (values.value.indexOf('/') > -1) {
- frappe.throw(__("Folder name should not include '/' (slash)"));
+ __("Name"),
+ values => {
+ if (values.value.indexOf("/") > -1) {
+ frappe.throw(
+ __(
+ "Folder name should not include '/' (slash)"
+ )
+ );
}
const data = {
file_name: values.value,
- folder: this.current_folder,
+ folder: this.current_folder
};
frappe.call({
- method: 'frappe.core.doctype.file.file.create_new_folder',
- args: data,
+ method:
+ "frappe.core.doctype.file.file.create_new_folder",
+ args: data
});
},
- __('Enter folder name'),
- __('Create')
+ __("Enter folder name"),
+ __("Create")
);
- },
+ }
},
{
- label: __('Import Zip'),
+ label: __("Import Zip"),
action: () => {
new frappe.ui.FileUploader({
folder: this.current_folder,
restrictions: {
- allowed_file_types: ['.zip'],
+ allowed_file_types: [".zip"]
},
- on_success: (file) => {
- frappe.show_alert(__('Unzipping files...'));
+ on_success: file => {
+ frappe.show_alert(__("Unzipping files..."));
frappe
- .call('frappe.core.doctype.file.file.unzip_file', {
- name: file.name,
- })
- .then((r) => {
+ .call(
+ "frappe.core.doctype.file.file.unzip_file",
+ {
+ name: file.name
+ }
+ )
+ .then(r => {
if (r.message) {
- frappe.show_alert(__('Unzipped {0} files', [r.message]));
+ frappe.show_alert(
+ __("Unzipped {0} files", [
+ r.message
+ ])
+ );
}
});
- },
+ }
});
- },
- },
+ }
+ }
];
return items;
@@ -143,14 +155,17 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
add_file_action_buttons() {
this.$cut_button = this.page
- .add_button(__('Cut'), () => {
- frappe.file_manager.cut(this.get_checked_items(), this.current_folder);
- this.$checks.parents('.file-wrapper').addClass('cut');
+ .add_button(__("Cut"), () => {
+ frappe.file_manager.cut(
+ this.get_checked_items(),
+ this.current_folder
+ );
+ this.$checks.parents(".file-wrapper").addClass("cut");
})
.hide();
this.$paste_btn = this.page
- .add_button(__('Paste'), () =>
+ .add_button(__("Paste"), () =>
frappe.file_manager.paste(this.current_folder)
)
.hide();
@@ -158,19 +173,21 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
set_fields() {
this.fields = this.meta.fields
- .filter((df) => frappe.model.is_value_type(df.fieldtype) && !df.hidden)
- .map((df) => df.fieldname)
- .concat(['name', 'modified', 'creation']);
+ .filter(
+ df => frappe.model.is_value_type(df.fieldtype) && !df.hidden
+ )
+ .map(df => df.fieldname)
+ .concat(["name", "modified", "creation"]);
}
prepare_data(data) {
super.prepare_data(data);
- this.data = this.data.map((d) => this.prepare_datum(d));
+ this.data = this.data.map(d => this.prepare_datum(d));
// Bring folders to the top
const { sort_by } = this.sort_selector;
- if (sort_by === 'file_name') {
+ if (sort_by === "file_name") {
this.data.sort((a, b) => {
if (a.is_folder && !b.is_folder) {
return -1;
@@ -184,17 +201,17 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
}
prepare_datum(d) {
- let icon_class = '';
- let type = '';
+ let icon_class = "";
+ let type = "";
if (d.is_folder) {
- icon_class = 'folder-normal';
- type = 'folder';
+ icon_class = "folder-normal";
+ type = "folder";
} else if (frappe.utils.is_image_file(d.file_name)) {
- icon_class = 'image';
- type = 'image';
+ icon_class = "image";
+ type = "image";
} else {
- icon_class = 'file';
- type = 'file';
+ icon_class = "file";
+ type = "file";
}
let title = d.file_name || d.file_url;
@@ -206,7 +223,7 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
d.subject_html = `
${frappe.utils.icon(icon_class)}
${title}
- ${d.is_private ? '
' : ''}
+ ${d.is_private ? '
' : ""}
`;
return d;
}
@@ -214,17 +231,17 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
before_render() {
super.before_render();
frappe.model.user_settings.save(
- 'File',
- 'grid_view',
+ "File",
+ "grid_view",
frappe.views.FileView.grid_view
);
this.save_view_user_settings({
- last_folder: this.current_folder,
+ last_folder: this.current_folder
});
}
render() {
- this.$result.empty().removeClass('file-grid-view');
+ this.$result.empty().removeClass("file-grid-view");
if (frappe.views.FileView.grid_view) {
this.render_grid_view();
} else {
@@ -244,17 +261,24 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
}
render_grid_view() {
- let html = this.data.map(d => {
- const icon_class = d.icon_class + '-large';
- let file_body_html = d._type == 'image'
- ? `
`
- : frappe.utils.icon(icon_class, { width: '40px', height: '45px' });
- const name = escape(d.name);
- const draggable = d.type == 'Folder' ? false : true;
- return `
-
+ let html = this.data
+ .map(d => {
+ const icon_class = d.icon_class + "-large";
+ let file_body_html =
+ d._type == "image"
+ ? ``
+ : frappe.utils.icon(icon_class, {
+ width: "40px",
+ height: "45px"
+ });
+ const name = escape(d.name);
+ const draggable = d.type == "Folder" ? false : true;
+ return `
+
@@ -267,9 +291,10 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
${html}
@@ -281,23 +306,21 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
const route = frappe.router.parse();
const folders = route.slice(2);
- return (
- folders
- .map((folder, i) => {
- if (i === folders.length - 1) {
- return `
${folder}`;
+ return folders
+ .map((folder, i) => {
+ if (i === folders.length - 1) {
+ return `
${folder}`;
+ }
+ const route = folders.reduce((acc, curr, j) => {
+ if (j <= i) {
+ acc += "/" + curr;
}
- const route = folders.reduce((acc, curr, j) => {
- if (j <= i) {
- acc += '/' + curr;
- }
- return acc;
- }, '/app/file');
+ return acc;
+ }, "/app/file");
- return `
${folder}`;
- })
- .join(' / ')
- );
+ return `
${folder}`;
+ })
+ .join(" / ");
}
get_header_html() {
@@ -305,18 +328,18 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
let header_selector_html = !frappe.views.FileView.grid_view
? `
`
- : '';
+ : "";
let header_columns_html = !frappe.views.FileView.grid_view
? `
- ${__('Size')}
+ ${__("Size")}
- ${__('Created')}
+ ${__("Created")}
`
- : '';
+ : "";
let subject_html = `
@@ -334,12 +357,12 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
get_route_url(file) {
return file.is_folder
- ? '/app/List/File/' + file.name
+ ? "/app/List/File/" + file.name
: this.get_form_link(file);
}
get_creation_date(file) {
- const [date] = file.creation.split(' ');
+ const [date] = file.creation.split(" ");
let created_on;
if (date === frappe.datetime.now_date()) {
created_on = comment_when(file.creation);
@@ -353,7 +376,7 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
file = this.prepare_datum(file);
const file_size = file.file_size
? frappe.form.formatters.FileSize(file.file_size)
- : '';
+ : "";
const route_url = this.get_route_url(file);
return `
@@ -390,37 +413,37 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
}
setup_drag_events() {
- this.$result.on('dragstart', '.files .file-wrapper', (e) => {
+ this.$result.on("dragstart", ".files .file-wrapper", e => {
e.stopPropagation();
e.originalEvent.dataTransfer.setData(
- 'Text',
- $(e.currentTarget).attr('data-name')
+ "Text",
+ $(e.currentTarget).attr("data-name")
);
- e.target.style.opacity = '0.4';
+ e.target.style.opacity = "0.4";
frappe.file_manager.cut(
- [{ name: $(e.currentTarget).attr('data-name') }],
+ [{ name: $(e.currentTarget).attr("data-name") }],
this.current_folder
);
});
this.$result.on(
- 'dragover',
- (e) => {
+ "dragover",
+ e => {
e.preventDefault();
},
false
);
- this.$result.on('dragend', '.files .file-wrapper', (e) => {
+ this.$result.on("dragend", ".files .file-wrapper", e => {
e.preventDefault();
e.stopPropagation();
- e.target.style.opacity = '1';
+ e.target.style.opacity = "1";
});
- this.$result.on('drop', (e) => {
+ this.$result.on("drop", e => {
e.stopPropagation();
e.preventDefault();
- const $el = $(e.target).parents('.file-wrapper');
+ const $el = $(e.target).parents(".file-wrapper");
let dataTransfer = e.originalEvent.dataTransfer;
if (!dataTransfer) return;
@@ -428,14 +451,18 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
if (dataTransfer.files && dataTransfer.files.length > 0) {
new frappe.ui.FileUploader({
files: dataTransfer.files,
- folder: this.current_folder,
+ folder: this.current_folder
});
- } else if (dataTransfer.getData('Text')) {
- if ($el.parents('.folders').length !== 0) {
- const file_name = dataTransfer.getData('Text');
- const folder_name = decodeURIComponent($el.attr('data-name'));
+ } else if (dataTransfer.getData("Text")) {
+ if ($el.parents(".folders").length !== 0) {
+ const file_name = dataTransfer.getData("Text");
+ const folder_name = decodeURIComponent(
+ $el.attr("data-name")
+ );
frappe.file_manager.paste(folder_name);
- frappe.show_alert(`File ${file_name} moved to ${folder_name}`);
+ frappe.show_alert(
+ `File ${file_name} moved to ${folder_name}`
+ );
}
}
});
@@ -463,14 +490,14 @@ frappe.views.FileView = class FileView extends frappe.views.ListView {
};
frappe.views.FileView.grid_view =
- frappe.get_user_settings('File').grid_view || false;
+ frappe.get_user_settings("File").grid_view || false;
function redirect_to_home_if_invalid_route() {
const route = frappe.get_route();
- if (route[2] === 'List') {
+ if (route[2] === "List") {
// if the user somehow redirects to List/File/List
// redirect back to Home
- frappe.set_route('List', 'File', 'Home');
+ frappe.set_route("List", "File", "Home");
return true;
}
return false;
diff --git a/frappe/public/js/frappe/views/image/image_view.js b/frappe/public/js/frappe/views/image/image_view.js
index 8defb64842..51ea11b024 100644
--- a/frappe/public/js/frappe/views/image/image_view.js
+++ b/frappe/public/js/frappe/views/image/image_view.js
@@ -5,14 +5,13 @@ frappe.provide("frappe.views");
frappe.views.ImageView = class ImageView extends frappe.views.ListView {
get view_name() {
- return 'Image';
+ return "Image";
}
setup_defaults() {
- return super.setup_defaults()
- .then(() => {
- this.page_title = this.page_title + ' ' + __('Images');
- })
+ return super.setup_defaults().then(() => {
+ this.page_title = this.page_title + " " + __("Images");
+ });
}
setup_view() {
@@ -23,11 +22,11 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
set_fields() {
this.fields = [
- 'name',
- ...this.get_fields_in_list_view().map((el)=> el.fieldname),
+ "name",
+ ...this.get_fields_in_list_view().map(el => el.fieldname),
this.meta.title_field,
this.meta.image_field,
- '_liked_by'
+ "_liked_by"
];
}
@@ -41,22 +40,21 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
}
render() {
- this.get_attached_images()
- .then(() => {
- this.render_image_view();
+ this.get_attached_images().then(() => {
+ this.render_image_view();
- if (!this.gallery) {
- this.setup_gallery();
- } else {
- this.gallery.prepare_pswp_items(this.items, this.images_map);
- }
- });
+ if (!this.gallery) {
+ this.setup_gallery();
+ } else {
+ this.gallery.prepare_pswp_items(this.items, this.images_map);
+ }
+ });
}
render_image_view() {
var html = this.items.map(this.item_html.bind(this)).join("");
- this.$page.find('.layout-main-section-wrapper').addClass('image-view');
+ this.$page.find(".layout-main-section-wrapper").addClass("image-view");
this.$result.html(`
@@ -69,8 +67,9 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
item_details_html(item) {
// TODO: Image view field in DocType
- let info_fields = this.get_fields_in_list_view().map((el)=> el.fieldname) || [];
- const title_field = this.meta.title_field || 'name';
+ let info_fields =
+ this.get_fields_in_list_view().map(el => el.fieldname) || [];
+ const title_field = this.meta.title_field || "name";
info_fields = info_fields.filter(field => field !== title_field);
let info_html = `
`;
let set = false;
@@ -80,7 +79,7 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
else info_html += `- ${item[field]}
`;
set = true;
}
- })
+ });
info_html += `
`;
return info_html;
}
@@ -88,22 +87,24 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
item_html(item) {
item._name = encodeURI(item.name);
const encoded_name = item._name;
- const title = strip_html(item[this.meta.title_field || 'name']);
+ const title = strip_html(item[this.meta.title_field || "name"]);
const escaped_title = frappe.utils.escape_html(title);
- const _class = !item._image_url ? 'no-image' : '';
- const _html = item._image_url ?
- `
` :
- `
- ${ frappe.get_abbr(title) }
+ const _class = !item._image_url ? "no-image" : "";
+ const _html = item._image_url
+ ? `
`
+ : `
+ ${frappe.get_abbr(title)}
`;
let details = this.item_details_html(item);
const expand_button_html = item._image_url
? `
- ${frappe.utils.icon('expand', 'xs')}
+ ${frappe.utils.icon("expand", "xs")}
`
- : '';
+ : "";
return `
@@ -135,8 +136,8 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
+ this.doctype
+ }" data-name="${item.name}">
${title}
@@ -162,15 +163,20 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
}
get_attached_images() {
- return frappe.call({
- method: 'frappe.core.doctype.file.file.get_attached_images',
- args: {
- doctype: this.doctype,
- names: this.items.map(i => i.name)
- }
- }).then(r => {
- this.images_map = Object.assign(this.images_map || {}, r.message);
- });
+ return frappe
+ .call({
+ method: "frappe.core.doctype.file.file.get_attached_images",
+ args: {
+ doctype: this.doctype,
+ names: this.items.map(i => i.name)
+ }
+ })
+ .then(r => {
+ this.images_map = Object.assign(
+ this.images_map || {},
+ r.message
+ );
+ });
}
get_header_html() {
@@ -199,7 +205,7 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
wrapper: this.$result,
images_map: this.images_map
});
- this.$result.on('click', '.zoom-view', function (e) {
+ this.$result.on("click", ".zoom-view", function(e) {
e.preventDefault();
e.stopPropagation();
var name = $(this).data().name;
@@ -211,24 +217,24 @@ frappe.views.ImageView = class ImageView extends frappe.views.ListView {
};
frappe.views.GalleryView = Class.extend({
- init: function (opts) {
+ init: function(opts) {
$.extend(this, opts);
var me = this;
this.lib_ready = this.load_lib();
- this.lib_ready.then(function () {
+ this.lib_ready.then(function() {
me.prepare();
});
},
- prepare: function () {
+ prepare: function() {
// keep only one pswp dom element
- this.pswp_root = $('body > .pswp');
+ this.pswp_root = $("body > .pswp");
if (this.pswp_root.length === 0) {
- var pswp = frappe.render_template('photoswipe_dom');
- this.pswp_root = $(pswp).appendTo('body');
+ var pswp = frappe.render_template("photoswipe_dom");
+ this.pswp_root = $(pswp).appendTo("body");
}
},
- prepare_pswp_items: function (_items, _images_map) {
+ prepare_pswp_items: function(_items, _images_map) {
var me = this;
if (_items) {
@@ -238,7 +244,7 @@ frappe.views.GalleryView = Class.extend({
}
return new Promise(resolve => {
- const items = this.items.map(function (i) {
+ const items = this.items.map(function(i) {
const query = 'img[data-name="' + i._name + '"]';
let el = me.wrapper.find(query).get(0);
@@ -249,7 +255,9 @@ frappe.views.GalleryView = Class.extend({
}
if (!el) {
- el = me.wrapper.find('.image-field[data-name="' + i._name + '"]').get(0);
+ el = me.wrapper
+ .find('.image-field[data-name="' + i._name + '"]')
+ .get(0);
width = el.getBoundingClientRect().width;
height = el.getBoundingClientRect().height;
}
@@ -267,19 +275,19 @@ frappe.views.GalleryView = Class.extend({
resolve();
});
},
- show: function (docname) {
+ show: function(docname) {
this.lib_ready
.then(() => this.prepare_pswp_items())
.then(() => this._show(docname));
},
- _show: function (docname) {
+ _show: function(docname) {
const me = this;
const items = this.pswp_items;
const item_index = items.findIndex(item => item.name === docname);
var options = {
index: item_index,
- getThumbBoundsFn: function (index) {
+ getThumbBoundsFn: function(index) {
const query = 'img[data-name="' + items[index]._name + '"]';
let thumbnail = me.wrapper.find(query).get(0);
@@ -287,7 +295,9 @@ frappe.views.GalleryView = Class.extend({
return;
}
- var pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
+ var pageYScroll =
+ window.pageYOffset ||
+ document.documentElement.scrollTop,
rect = thumbnail.getBoundingClientRect();
return {
@@ -311,15 +321,15 @@ frappe.views.GalleryView = Class.extend({
this.browse_images();
this.pswp.init();
},
- browse_images: function () {
- const $more_items = this.pswp_root.find('.pswp__more-items');
+ browse_images: function() {
+ const $more_items = this.pswp_root.find(".pswp__more-items");
const images_map = this.images_map;
let last_hide_timeout = null;
- this.pswp.listen('afterChange', function () {
+ this.pswp.listen("afterChange", function() {
const images = images_map[this.currItem.name];
if (!images || images.length === 1) {
- $more_items.html('');
+ $more_items.html("");
return;
}
@@ -328,16 +338,18 @@ frappe.views.GalleryView = Class.extend({
$more_items.html(html);
});
- this.pswp.listen('beforeChange', hide_more_items);
- this.pswp.listen('initialZoomOut', hide_more_items);
- this.pswp.listen('destroy', () => {
- $(document).off('mousemove', hide_more_items_after_2s);
+ this.pswp.listen("beforeChange", hide_more_items);
+ this.pswp.listen("initialZoomOut", hide_more_items);
+ this.pswp.listen("destroy", () => {
+ $(document).off("mousemove", hide_more_items_after_2s);
});
// Replace current image on click
- $more_items.on('click', '.pswp__more-item', (e) => {
+ $more_items.on("click", ".pswp__more-item", e => {
const img_el = e.target;
- const index = this.pswp.items.findIndex(i => i.name === this.pswp.currItem.name);
+ const index = this.pswp.items.findIndex(
+ i => i.name === this.pswp.currItem.name
+ );
this.pswp.goTo(index);
this.pswp.items.splice(index, 1, {
@@ -351,7 +363,7 @@ frappe.views.GalleryView = Class.extend({
});
// hide more-images 2s after mousemove
- $(document).on('mousemove', hide_more_items_after_2s);
+ $(document).on("mousemove", hide_more_items_after_2s);
function hide_more_items_after_2s() {
clearTimeout(last_hide_timeout);
@@ -373,15 +385,18 @@ frappe.views.GalleryView = Class.extend({
-
-
-
-
${__("You need to create these first: ")}
-
${item.incomplete_dependencies.join(", ")}
-
-
+
+
+
+
${__("You need to create these first: ")}
+
${item.incomplete_dependencies.join(", ")}
+
+