frappe/webnotes/public/js/wn/form/attachments.js

// Copyright (c) 2013, Web Notes Technologies Pvt. Ltd. and Contributors
// MIT License. See license.txt 

wn.provide("wn.ui.form");

wn.ui.form.Attachments = Class.extend({
	init: function(opts) {
		$.extend(this, opts);
		this.make();
	},
	make: function() {
		var me = this;
		this.wrapper = $('<div>\
			<div class="attachment-list"></div>\
		</div>').appendTo(this.parent);
		this.$list = this.wrapper.find(".attachment-list");

		this.parent.find(".btn").click(function() {
			me.new_attachment();
		});
	},
	max_reached: function() {
		// no of attachments
		var n = keys(this.get_attachments()).length;
		
		// button if the number of attachments is less than max
		if(n < this.frm.meta.max_attachments || !this.frm.meta.max_attachments) {
			return false;
		}
		return true;
	},
	refresh: function() {
		var doc = this.frm.doc;
		if(doc.__islocal) {
			this.parent.toggle(false);
			return;
		}
		this.parent.toggle(true);
		this.parent.find(".btn").toggle(!this.max_reached());
		
		this.$list.empty();

		var attachments = this.get_attachments();
		var file_names = keys(attachments).sort();
		
		// add attachment objects
		if(file_names.length) {
			for(var i=0; i<file_names.length; i++) {
				this.add_attachment(file_names[i], attachments);
			}
		} else {
			$('<p class="text-muted">' + wn._("None") + '</p>').appendTo(this.$list);
		}
		
		// refresh select fields with options attach_files:
		this.refresh_attachment_select_fields();
	},
	get_attachments: function() {
		return this.frm.get_docinfo().attachments;
	},
	add_attachment: function(filename, attachments) {
		var fileid = attachments[filename];
		
		var me = this;
		var $attach = $(repl('<div class="alert alert-info" style="margin-bottom: 7px">\
			<span style="display: inline-block; width: 90%; \
				text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">\
				<i class="icon-file"></i> <a href="%(href)s"\
					target="_blank" title="%(filename)s">%(filename)s</a></span><a href="#" class="close">&times;</a>\
			</div>', {
				filename: filename,
				href: wn.utils.get_file_link(filename)
			}))
			.appendTo(this.$list)
			
		var $close =
			$attach.find(".close")
			.data("fileid", fileid)
			.click(function() {
				var remove_btn = this;
				wn.confirm(wn._("Are you sure you want to delete the attachment?"),
					function() {
						me.remove_attachment($(remove_btn).data("fileid"))
					}
				);
				return false;
			});
			
		if(!wn.model.can_write(this.frm.doctype, this.frm.name)) {
			$close.remove();
		}
	},
	remove_attachment_by_filename: function(filename, callback) {
		this.remove_attachment(this.get_attachments()[filename], callback);
	},
	remove_attachment: function(fileid, callback) {
		var me = this;
		return wn.call({
			method: 'webnotes.widgets.form.utils.remove_attach',
			args: {
				fid: fileid, 
				dt: me.frm.doctype, 
				dn: me.frm.docname 
			},
			callback: function(r,rt) {
				if(r.exc) {
					if(!r._server_messages)
						msgprint("There were errors.");
					return;
				}
				me.remove_fileid(fileid);
				me.frm.toolbar.show_infobar();
				if(callback) callback();
			}
		});
	},
	new_attachment: function(fieldname) {
		var me = this;
		if(!this.dialog) {
			this.dialog = new wn.ui.Dialog({
				title: wn._('Upload Attachment'),
			});
		}
		this.dialog.show();
		
		$(this.dialog.body).empty();
		wn.upload.make({
			parent: this.dialog.body,
			args: {
				from_form: 1,
				doctype: this.frm.doctype,
				docname: this.frm.docname,
			},
			callback: function(fileid, filename, r) {
				me.dialog.hide();
				me.update_attachment(fileid, filename, fieldname, r);
			},
			onerror: function() {
				me.dialog.hide();
			},
			max_width: this.frm.cscript ? this.frm.cscript.attachment_max_width : null,
			max_height: this.frm.cscript ? this.frm.cscript.attachment_max_height : null,
		});
	},
	update_attachment: function(fileid, filename, fieldname, r) {
		if(fileid) {
			this.add_to_attachments(fileid, filename);
			this.refresh();
			if(fieldname) {
				this.frm.set_value(fieldname, wn.utils.get_file_link(filename));
				this.frm.cscript[fieldname] && this.frm.cscript[fieldname](this.frm.doc);
				this.frm.toolbar.show_infobar();
			}
		}
	},
	add_to_attachments: function(fileid, filename) {
		this.get_attachments()[filename] = fileid;
	},
	remove_fileid: function(fileid) {
		var attachments = this.get_attachments();
		var new_attachments = {};
		$.each(attachments, function(key, value) {
			if(value!=fileid)
				new_attachments[key] = value;
		});
		this.frm.get_docinfo().attachments = new_attachments;
		this.refresh();
	},
	refresh_attachment_select_fields: function() {
		for(var i=0; i<this.frm.fields.length; i++) {
			if(this.frm.fields[i].df.options=="attach_files:" && this.frm.fields[i].$input) {
				var fieldname = this.frm.fields[i].df.fieldname;
				var selected_option = this.frm.fields[i].$input.find("option:selected").val();
				
				if(this.frm.doc[fieldname]!=null && selected_option!==this.frm.doc[fieldname]) {
					this.frm.script_manager.trigger(fieldname);
					this.frm.set_value(fieldname, "");
				}
				
				this.frm.fields[i].refresh();
			}
		}
	}
});