No OneTemporary
Actions

Size

51 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/plugins/kolab_notes/notes.js b/plugins/kolab_notes/notes.js
	index 0eb02fc9..4818dfdb 100644
	--- a/plugins/kolab_notes/notes.js
	+++ b/plugins/kolab_notes/notes.js
	@@ -1,1337 +1,1339 @@
	/**
	* Client scripts for the Kolab Notes plugin
	*
	* @author Thomas Bruederli <bruederli@kolabsys.com>
	*
	* Copyright (C) 2014, Kolab Systems AG <contact@kolabsys.com>
	*
	* This program is free software: you can redistribute it and/or modify
	* it under the terms of the GNU Affero General Public License as
	* published by the Free Software Foundation, either version 3 of the
	* License, or (at your option) any later version.
	*
	* This program is distributed in the hope that it will be useful,
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	* GNU Affero General Public License for more details.
	*
	* You should have received a copy of the GNU Affero General Public License
	* along with this program. If not, see <http://www.gnu.org/licenses/>.
	*/

	function rcube_kolab_notes_ui(settings)
	{
	/* private vars */
	var ui_loading = false;
	var saving_lock;
	var search_query;
	var folder_drop_target;
	var notebookslist;
	var noteslist;
	var notesdata = {};
	var tagsfilter = [];
	var tags = [];
	var search_request;
	var search_query;
	var tag_draghelper;
	var me = this;

	/* public members */
	this.selected_list;
	this.selected_note;
	this.notebooks = rcmail.env.kolab_notebooks \|\| {};

	/**
	* initialize the notes UI
	*/
	function init()
	{
	// register button commands
	rcmail.register_command('createnote', function(){
	warn_unsaved_changes(function(){ edit_note(null, 'new'); })
	}, false);
	rcmail.register_command('list-create', function(){ list_edit_dialog(null); }, true);
	rcmail.register_command('list-edit', function(){ list_edit_dialog(me.selected_list); }, false);
	rcmail.register_command('list-remove', function(){ list_remove(me.selected_list); }, false);
	rcmail.register_command('list-sort', list_set_sort, true);
	rcmail.register_command('save', save_note, true);
	rcmail.register_command('delete', delete_notes, false);
	rcmail.register_command('search', quicksearch, true);
	rcmail.register_command('reset-search', reset_search, true);
	rcmail.register_command('sendnote', send_note, false);
	rcmail.register_command('print', print_note, false);

	// register server callbacks
	rcmail.addEventListener('plugin.data_ready', data_ready);
	rcmail.addEventListener('plugin.render_note', render_note);
	rcmail.addEventListener('plugin.update_note', update_note);
	rcmail.addEventListener('plugin.update_list', list_update);
	rcmail.addEventListener('plugin.destroy_list', list_destroy);
	rcmail.addEventListener('plugin.unlock_saving', function(){
	if (saving_lock) {
	rcmail.set_busy(false, null, saving_lock);
	}
	if (rcmail.gui_objects.noteseditform) {
	rcmail.lock_form(rcmail.gui_objects.noteseditform, false);
	}
	});

	// initialize folder selectors
	var li, id;
	for (id in me.notebooks) {
	if (me.notebooks[id].editable && (!settings.selected_list \|\| (me.notebooks[id].active && !me.notebooks[me.selected_list].active))) {
	settings.selected_list = id;
	}
	}

	notebookslist = new rcube_treelist_widget(rcmail.gui_objects.notebooks, {
	id_prefix: 'rcmliknb',
	selectable: true,
	check_droptarget: function(node) {
	var list = me.notebooks[node.id];
	return !node.virtual && list.editable && node.id != me.selected_list;
	}
	});
	notebookslist.addEventListener('select', function(node) {
	var id = node.id;
	if (me.notebooks[id] && id != me.selected_list) {
	warn_unsaved_changes(function(){
	rcmail.enable_command('createnote', 'list-edit', 'list-remove', me.notebooks[id].editable);
	fetch_notes(id); // sets me.selected_list
	},
	function(){
	// restore previous selection
	notebookslist.select(me.selected_list);
	});
	}
	});

	// register dbl-click handler to open list edit dialog
	$(rcmail.gui_objects.notebooks).on('dblclick', 'li:not(.virtual)', function(e){
	var id = String(this.id).replace(/^rcmliknb/, '');
	if (me.notebooks[id] && me.notebooks[id].editable) {
	list_edit_dialog(id);
	}

	// clear text selection (from dbl-clicking)
	var sel = window.getSelection ? window.getSelection() : document.selection;
	if (sel && sel.removeAllRanges) {
	sel.removeAllRanges();
	}
	else if (sel && sel.empty) {
	sel.empty();
	}

	e.preventDefault();
	return false;
	});

	// initialize notes list widget
	if (rcmail.gui_objects.noteslist) {
	noteslist = new rcube_list_widget(rcmail.gui_objects.noteslist,
	{ multiselect:true, draggable:true, keyboard:false });
	noteslist.addEventListener('select', function(list) {
	var selection_changed = list.selection.length != 1 \|\| !me.selected_note \|\| list.selection[0] != me.selected_note.id;
	selection_changed && warn_unsaved_changes(function(){
	var note;
	if (noteslist.selection.length == 1 && (note = notesdata[noteslist.selection[0]])) {
	edit_note(note.uid, 'edit');
	}
	else {
	reset_view();
	}
	},
	function(){
	// TODO: previous restore selection
	list.select(me.selected_note.id);
	});

	rcmail.enable_command('delete', me.notebooks[me.selected_list] && me.notebooks[me.selected_list].editable && list.selection.length > 0);
	rcmail.enable_command('sendnote', list.selection.length > 0);
	rcmail.enable_command('print', list.selection.length == 1);
	})
	.addEventListener('dragstart', function(e) {
	folder_drop_target = null;
	notebookslist.drag_start();
	})
	.addEventListener('dragmove', function(e) {
	folder_drop_target = notebookslist.intersects(rcube_event.get_mouse_pos(e), true);
	})
	.addEventListener('dragend', function(e) {
	notebookslist.drag_end();

	// move dragged notes to this folder
	if (folder_drop_target) {
	noteslist.draglayer.hide();
	move_notes(folder_drop_target);
	noteslist.clear_selection();
	reset_view();
	}
	folder_drop_target = null;
	})
	.init();
	}

	if (settings.sort_col) {
	$('#notessortmenu a.by-' + settings.sort_col).addClass('selected');
	}

	// click-handler on tags list
	$(rcmail.gui_objects.notestagslist).on('click', function(e){
	var item = e.target.nodeName == 'LI' ? $(e.target) : $(e.target).closest('li'),
	tag = item.data('value');

	if (!tag)
	return false;

	// reset selection on regular clicks
	var index = $.inArray(tag, tagsfilter);
	var shift = e.shiftKey \|\| e.ctrlKey \|\| e.metaKey;

	if (!shift) {
	if (tagsfilter.length > 1)
	index = -1;

	$('li', this).removeClass('selected');
	tagsfilter = [];
	}

	// add tag to filter
	if (index < 0) {
	item.addClass('selected');
	tagsfilter.push(tag);
	}
	else if (shift) {
	item.removeClass('selected');
	var a = tagsfilter.slice(0,index);
	tagsfilter = a.concat(tagsfilter.slice(index+1));
	}

	filter_notes();

	// clear text selection in IE after shift+click
	if (shift && document.selection)
	document.selection.empty();

	e.preventDefault();
	return false;
	})
	.mousedown(function(e){
	// disable content selection with the mouse
	e.preventDefault();
	return false;
	});

	init_editor();

	if (settings.selected_list) {
	notebookslist.select(settings.selected_list)
	}
	}
	this.init = init;

	/**
	*
	*/
	function init_dialog()
	{
	rcmail.register_command('save', save_note, true);
	rcmail.addEventListener('plugin.render_note', render_note);
	rcmail.addEventListener('plugin.update_note', function(data){
	data.id = rcmail.html_identifier_encode(data.uid);
	notesdata[data.id] = data;
	render_note(data);
	});
	rcmail.addEventListener('plugin.unlock_saving', function(){
	if (saving_lock) {
	rcmail.set_busy(false, null, saving_lock);
	}
	if (rcmail.gui_objects.noteseditform) {
	rcmail.lock_form(rcmail.gui_objects.noteseditform, false);
	}
	});

	var id;
	for (id in me.notebooks) {
	if (me.notebooks[id].editable) {
	me.selected_list = id;
	break;
	}
	}

	init_editor();
	if (settings.selected_uid) {
	me.selected_list = settings.selected_list;
	edit_note(settings.selected_uid);
	}
	else {
	setTimeout(function(){
	me.selected_note = $.extend({
	list: me.selected_list,
	uid: null,
	title: rcmail.gettext('newnote','kolab_notes'),
	description: '',
	categories: [],
	created: rcmail.gettext('now', 'kolab_notes'),
	changed: rcmail.gettext('now', 'kolab_notes')
	}, rcmail.env.kolab_notes_template \|\| {});
	render_note(me.selected_note);
	}, 100);
	}
	}
	this.init_dialog = init_dialog;

	/**
	* initialize tinyMCE editor
	*/
	function init_editor()
	{
	var editor_conf = {
	mode: 'textareas',
	elements: 'notecontent',
	apply_source_formatting: true,
	theme: 'advanced',
	language: settings.editor.lang,
	content_css: settings.editor.editor_css,
	theme_advanced_toolbar_location: 'top',
	theme_advanced_toolbar_align: 'left',
	theme_advanced_buttons3: '',
	theme_advanced_statusbar_location: 'none',
	relative_urls: false,
	remove_script_host: false,
	gecko_spellcheck: true,
	convert_urls: false,
	paste_data_images: true,
	plugins: 'paste,tabfocus,searchreplace,table,inlinepopups',
	theme_advanced_buttons1: 'bold,italic,underline,\|,justifyleft,justifycenter,justifyright,justifyfull,\|,bullist,numlist,outdent,indent,blockquote,\|,forecolor,backcolor,fontselect,fontsizeselect',
	theme_advanced_buttons2: 'link,unlink,table,charmap,\|,search,code,\|,undo,redo',
	setup: function(ed) {
	// make links open on shift-click
	ed.onClick.add(function(ed, e) {
	var link = $(e.target).closest('a');
	if (link.length && e.shiftKey) {
	if (!bw.mz) window.open(link.get(0).href, '_blank');
	return false;
	}
	});
	}
	};

	// support external configuration settings e.g. from skin
	if (window.rcmail_editor_settings)
	$.extend(editor_conf, window.rcmail_editor_settings);

	tinyMCE.init(editor_conf);

	// register click handler for message links
	$(rcmail.gui_objects.notesattachmentslist).on('click', 'li a.messagelink', function(){
	rcmail.open_window(this.href);
	return false;
	});
	}

	/**
	* Quote HTML entities
	*/
	function Q(str)
	{
	return String(str).replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
	}

	/**
	* Trim whitespace off the given string
	*/
	function trim(str)
	{
	return String(str).replace(/\s+$/, '').replace(/^\s+/, '');
	}

	/**
	*
	*/
	function edit_note(uid, action)
	{
	if (!uid) {
	if (noteslist)
	noteslist.clear_selection();
	me.selected_note = {
	list: me.selected_list,
	uid: null,
	title: rcmail.gettext('newnote','kolab_notes'),
	description: '',
	categories: [],
	created: rcmail.gettext('now', 'kolab_notes'),
	changed: rcmail.gettext('now', 'kolab_notes')
	}
	render_note(me.selected_note);
	rcmail.enable_command('print', true);
	}
	else {
	ui_loading = rcmail.set_busy(true, 'loading');
	rcmail.http_request('get', { _list:me.selected_list, _id:uid }, true);
	}
	}

	/**
	*
	*/
	function list_edit_dialog(id)
	{
	if (!rcmail.gui_containers.notebookeditform) {
	return false;
	}

	// close show dialog first
	var $dialog = rcmail.gui_containers.notebookeditform;
	if ($dialog.is(':ui-dialog')) {
	$dialog.dialog('close');
	}

	var list = me.notebooks[id] \|\| { name:'', editable:true };
	var form, name;

	$dialog.html(rcmail.get_label('loading'));
	$.ajax({
	type: 'GET',
	dataType: 'html',
	url: rcmail.url('list'),
	data: { _do: (list.id ? 'form-edit' : 'form-new'), _list: { id: list.id } },
	success: function(data) {
	$dialog.html(data);
	rcmail.triggerEvent('kolab_notes_editform_load', list);

	// resize and reposition dialog window
	form = $('#noteslistpropform');
	var win = $(window), w = win.width(), h = win.height();
	$dialog.dialog('option', { height: Math.min(h-20, form.height()+130), width: Math.min(w-20, form.width()+50) })
	.dialog('option', 'position', ['center', 'center']); // only works in a separate call (!?)

	name = $('#noteslist-name').prop('disabled', !list.editable).val(list.editname \|\| list.name);
	name.select();
	}
	});

	// dialog buttons
	var buttons = {};
	buttons[rcmail.gettext('save')] = function() {
	// form is not loaded
	if (!form \|\| !form.length)
	return;

	// do some input validation
	if (!name.val() \|\| name.val().length < 2) {
	alert(rcmail.gettext('invalidlistproperties', 'kolab_notes'));
	name.select();
	return;
	}

	// post data to server
	var data = form.serializeJSON();
	if (list.id)
	data.id = list.id;

	saving_lock = rcmail.set_busy(true, 'kolab_notes.savingdata');
	rcmail.http_post('list', { _do: (list.id ? 'edit' : 'new'), _list: data });
	$dialog.dialog('close');
	};

	buttons[rcmail.gettext('cancel')] = function() {
	$dialog.dialog('close');
	};

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: true,
	closeOnEscape: false,
	title: rcmail.gettext((list.id ? 'editlist' : 'createlist'), 'kolab_notes'),
	open: function() {
	$dialog.parent().find('.ui-dialog-buttonset .ui-button').first().addClass('mainaction');
	},
	close: function() {
	$dialog.html('').dialog('destroy').hide();
	},
	buttons: buttons,
	minWidth: 480,
	width: 640,
	}).show();

	}

	/**
	* Callback from server after changing list properties
	*/
	function list_update(prop)
	{
	if (prop._reload) {
	rcmail.redirect(rcmail.url('', { _list: (prop.newid \|\| prop.id) }));
	}
	else if (prop.newid && prop.newid != prop.id) {
	var book = $.extend({}, me.notebooks[prop.id]);
	book.id = prop.newid;
	book.name = prop.name;
	book.listname = prop.listname;
	book.editname = prop.editname \|\| prop.name;

	me.notebooks[prop.newid] = book;
	delete me.notebooks[prop.id];

	// update treelist item
	var li = $(notebookslist.get_item(prop.id));
	$('.listname', li).html(prop.listname);
	notebookslist.update(prop.id, { id:book.id, html:li.html() });

	// link all loaded note records to the new list id
	if (me.selected_list == prop.id) {
	me.selected_list = prop.newid;
	for (var k in notesdata) {
	if (notesdata[k].list == prop.id) {
	notesdata[k].list = book.id;
	}
	}
	notebookslist.select(prop.newid);
	}
	}
	}


	/**
	*
	*/
	function list_remove(id)
	{
	var list = me.notebooks[id];
	if (list && confirm(rcmail.gettext('deletenotebookconfirm', 'kolab_notes'))) {
	saving_lock = rcmail.set_busy(true, 'kolab_notes.savingdata');
	rcmail.http_post('list', { _do: 'delete', _list: { id: list.id } });
	}
	}

	/**
	* Callback from server on list delete command
	*/
	function list_destroy(prop)
	{
	if (!me.notebooks[prop.id]) {
	return;
	}

	notebookslist.remove(prop.id);
	delete me.notebooks[prop.id];

	if (me.selected_list == prop.id) {
	for (id in me.notebooks) {
	if (me.notebooks[id]) {
	notebookslist.select(id);
	break;
	}
	}
	}
	}

	/**
	* Change notes list sort order
	*/
	function list_set_sort(col)
	{
	if (settings.sort_col != col) {
	settings.sort_col = col;
	$('#notessortmenu a').removeClass('selected').filter('.by-' + col).addClass('selected');
	rcmail.save_pref({ name: 'kolab_notes_sort_col', value: col });

	// re-sort table in DOM
	$(noteslist.tbody).children().sortElements(function(la, lb){
	var a_id = String(la.id).replace(/^rcmrow/, ''),
	b_id = String(lb.id).replace(/^rcmrow/, ''),
	a = notesdata[a_id],
	b = notesdata[b_id];

	if (!a \|\| !b) {
	return 0;
	}
	else if (settings.sort_col == 'title') {
	return String(a.title).toLowerCase() > String(b.title).toLowerCase() ? 1 : -1;
	}
	else {
	return b.changed_ - a.changed_;
	}
	});
	}
	}

	/**
	* Execute search
	*/
	function quicksearch()
	{
	var q;
	if (rcmail.gui_objects.qsearchbox && (q = rcmail.gui_objects.qsearchbox.value)) {
	var id = 'search-'+q;

	// ignore if query didn't change
	if (search_request == id)
	return;

	warn_unsaved_changes(function(){
	search_request = id;
	search_query = q;

	fetch_notes();
	},
	function(){
	reset_search();
	});
	}
	else { // empty search input equals reset
	reset_search();
	}
	}

	/**
	* Reset search and get back to normal listing
	*/
	function reset_search()
	{
	$(rcmail.gui_objects.qsearchbox).val('');

	if (search_request) {
	search_request = search_query = null;
	fetch_notes();
	}
	}

	/**
	*
	*/
	function fetch_notes(id)
	{
	if (rcmail.busy)
	return;

	if (id && id != me.selected_list) {
	me.selected_list = id;
	}

	ui_loading = rcmail.set_busy(true, 'loading');
	rcmail.http_request('fetch', { _list:me.selected_list, _q:search_query }, true);

	reset_view();
	noteslist.clear(true);
	notesdata = {};
	tagsfilter = [];
	update_state();
	}

	function filter_notes()
	{
	// tagsfilter
	var note, tr, match;
	for (var id in noteslist.rows) {
	tr = noteslist.rows[id].obj;
	note = notesdata[id];
	match = note.categories && note.categories.length;
	for (var i=0; match && note && i < tagsfilter.length; i++) {
	if ($.inArray(tagsfilter[i], note.categories) < 0)
	match = false;
	}

	if (match \|\| !tagsfilter.length) {
	$(tr).show();
	}
	else {
	$(tr).hide();
	}

	if (me.selected_note && me.selected_note.uid == note.uid && !match) {
	warn_unsaved_changes(function(){
	me.selected_note = null;
	noteslist.clear_selection();
	}, function(){
	tagsfilter = [];
	filter_notes();
	update_tagcloud();
	});
	}
	}
	}

	/**
	*
	*/
	function data_ready(data)
	{
	data.data.sort(function(a,b){
	if (settings.sort_col == 'title') {
	return String(a.title).toLowerCase() > String(b.title).toLowerCase() ? 1 : -1;
	}
	else {
	return b.changed_ - a.changed_;
	}
	});

	var i, id, rec;
	for (i=0; data.data && i < data.data.length; i++) {
	rec = data.data[i];
	rec.id = rcmail.html_identifier_encode(rec.uid);
	noteslist.insert_row({
	id: 'rcmrow' + rec.id,
	cols: [
	{ className:'title', innerHTML:Q(rec.title) },
	{ className:'date', innerHTML:Q(rec.changed \|\| '') }
	]
	});

	notesdata[rec.id] = rec;
	}

	render_tagslist(data.tags \|\| [], !data.search)
	rcmail.set_busy(false, 'loading', ui_loading);

	// select the single result
	if (data.data.length == 1) {
	noteslist.select(data.data[0].id);
	}
	else if (settings.selected_uid) {
	noteslist.select(rcmail.html_identifier_encode(settings.selected_uid));
	delete settings.selected_uid;
	}
	else if (me.selected_note && notesdata[me.selected_note.id]) {
	noteslist.select(me.selected_note.id);
	}
	}

	/**
	*
	*/
	function render_note(data)
	{
	rcmail.set_busy(false, 'loading', ui_loading);

	if (!data) {
	rcmail.display_message(rcmail.get_label('recordnotfound', 'kolab_notes'), 'error');
	return;
	}

	var list = me.notebooks[data.list] \|\| me.notebooks[me.selected_list] \|\| {};
	content = $('#notecontent').val(data.description),
	readonly = data.readonly \|\| !list.editable,
	attachmentslist = $(rcmail.gui_objects.notesattachmentslist).html('');
	$('.notetitle', rcmail.gui_objects.noteviewtitle).val(data.title).prop('disabled', readonly);
	$('.dates .notecreated', rcmail.gui_objects.noteviewtitle).html(Q(data.created \|\| ''));
	$('.dates .notechanged', rcmail.gui_objects.noteviewtitle).html(Q(data.changed \|\| ''));
	$(rcmail.gui_objects.notebooks).filter('select').val(list.id);
	if (data.created \|\| data.changed) {
	$('.dates', rcmail.gui_objects.noteviewtitle).show();
	}

	// tag-edit line
	var tagline = $('.tagline', rcmail.gui_objects.noteviewtitle).empty().show();
	$.each(typeof data.categories == 'object' && data.categories.length ? data.categories : [''], function(i,val){
	$('<input>')
	.attr('name', 'tags[]')
	.attr('tabindex', '2')
	.addClass('tag')
	.val(val)
	.appendTo(tagline);
	});

	if (!data.categories \|\| !data.categories.length) {
	$('<span>').addClass('placeholder').html(rcmail.gettext('notags', 'kolab_notes')).appendTo(tagline);
	}

	$('.tagline input.tag', rcmail.gui_objects.noteviewtitle).tagedit({
	animSpeed: 100,
	allowEdit: false,
	allowAdd: !readonly,
	allowDelete: !readonly,
	checkNewEntriesCaseSensitive: false,
	autocompleteOptions: { source: tags, minLength: 0, noCheck: true },
	texts: { removeLinkTitle: rcmail.gettext('removetag', 'kolab_notes') }
	});

	if (data.links) {
	$.each(data.links, function(i, link){
	var li = $('<li>').addClass('link')
	.addClass('message eml')
	.append($('<a>')
	.attr('href', link.mailurl)
	.addClass('messagelink')
	.html(Q(link.subject \|\| link.message_id \|\| link.uri))
	)
	.appendTo(attachmentslist);
	/*
	if (!readonly && !data._from_mail) {
	$('<a>')
	.attr('href', '#delete')
	.attr('title', rcmail.gettext('delete'))
	.addClass('delete')
	.html(rcmail.gettext('delete'))
	.appendTo(li);
	}
	*/
	});
	}

	if (!readonly) {
	$('.tagedit-list', rcmail.gui_objects.noteviewtitle)
	.on('click', function(){ $('.tagline .placeholder').hide(); });
	}

	if (!data.list)
	data.list = list.id;

	me.selected_note = data;
	me.selected_note.id = rcmail.html_identifier_encode(data.uid);
	rcmail.enable_command('save', list.editable && !data.readonly);

	var html = data.html \|\| data.description;

	// convert plain text to HTML and make URLs clickable
	if (!data.html \|\| !html.match(/<(html\|body)/)) {
	html = text2html(html);
	}

	var node, editor = tinyMCE.get('notecontent'), is_html = false;
	if (!readonly && editor) {
	$(rcmail.gui_objects.notesdetailview).hide();
	$(rcmail.gui_objects.noteseditform).show();
	editor.setContent(html);
	node = editor.getContentAreaContainer().childNodes[0];
	if (node) node.tabIndex = content.get(0).tabIndex;

	if (me.selected_note.uid)
	editor.getBody().focus();
	else
	$('.notetitle', rcmail.gui_objects.noteviewtitle).focus().select();

	// read possibly re-formatted content back from editor for later comparison
	me.selected_note.description = editor.getContent({ format:'html' });
	is_html = true;
	}
	else {
	$(rcmail.gui_objects.noteseditform).hide();
	$(rcmail.gui_objects.notesdetailview).html(html).show();
	}

	// notify subscribers
	rcmail.triggerEvent('kolab_notes_render', { data:data, readonly:readonly, html:is_html });
	+ if (rcmail.is_framed())
	+ parent.rcmail.triggerEvent('kolab_notes_render', { data:data, readonly:readonly, html:is_html });

	// Trigger resize (needed for proper editor resizing)
	$(window).resize();
	}

	/**
	* Convert the given plain text to HTML contents to be displayed in editor
	*/
	function text2html(str)
	{
	// simple link parser (similar to rcube_string_replacer class in PHP)
	var utf_domain = '[^?&@"\'/\$\$\\s\\r\\t\\n]+\\.([^\x00-\x2f\x3b-\x40\x5b-\x60\x7b-\x7f]{2,}\|xn--[a-z0-9]{2,})',
	url1 = '.:;,', url2 = 'a-z0-9%=#@+?&/_~\\[\\]-',
	link_pattern = new RegExp('([hf]t+ps?://\|www.)('+utf_domain+'(['+url1+']?['+url2+']+)*)?', 'ig'),
	link_replace = function(matches, p1, p2) {
	var url = (p1 == 'www.' ? 'http://' : '') + p1 + p2;
	return '<a href="' + url + '" class="x-templink">' + p1 + p2 + '</a>';
	};

	return '<pre>' + Q(str).replace(link_pattern, link_replace) + '</pre>';
	}

	/**
	* Open a new window to print the currently selected note
	*/
	function print_note()
	{
	var printwin, data;
	if (me.selected_note && (printwin = rcmail.open_window(settings.print_template))) {
	data = get_save_data();
	$(printwin).load(function(){
	printwin.document.title = data.title;
	$('#notetitle', printwin.document).html(Q(data.title));
	$('#notebody', printwin.document).html(data.description);
	$('#notetags', printwin.document).html('<span class="tag">' + data.categories.join('</span><span class="tag">') + '</span>');
	$('#notecreated', printwin.document).html(Q(me.selected_note.created));
	$('#notechanged', printwin.document).html(Q(me.selected_note.changed));
	printwin.print();
	});
	}
	}

	/**
	* Redirect to message compose screen with UIDs of notes to be appended
	*/
	function send_note()
	{
	var uids = [];
	for (var rec, i=0; i < noteslist.selection.length; i++) {
	if (rec = notesdata[noteslist.selection[i]]) {
	uids.push(rec.uid);
	// TODO: check if rec.uid == me.selected_note.uid and unsaved changes
	}
	}

	if (uids.length) {
	rcmail.goto_url('mail/compose', { _with_notes: uids.join(','), _notes_list: me.selected_list }, true);
	}
	}

	/**
	*
	*/
	function render_tagslist(newtags, replace)
	{
	if (replace) {
	tags = newtags;
	}
	else {
	var append = [];
	for (var i=0; i < newtags.length; i++) {
	if ($.inArray(newtags[i], tags) < 0)
	append.push(newtags[i]);
	}
	if (!append.length) {
	update_tagcloud();
	return; // nothing to be added
	}
	tags = tags.concat(append);
	}

	// sort tags first
	tags.sort(function(a,b){
	return a.toLowerCase() > b.toLowerCase() ? 1 : -1;
	})

	var widget = $(rcmail.gui_objects.notestagslist).html('');

	// append tags to tag cloud
	$.each(tags, function(i, tag){
	li = $('<li>').attr('rel', tag).data('value', tag)
	.html(Q(tag) + '<span class="count"></span>')
	.appendTo(widget)
	.draggable({
	addClasses: false,
	revert: 'invalid',
	revertDuration: 300,
	helper: tag_draggable_helper,
	start: tag_draggable_start,
	appendTo: 'body',
	cursor: 'pointer'
	});
	});

	update_tagcloud();
	}

	/**
	* Display the given counts to each tag and set those inactive which don't
	* have any matching records in the current view.
	*/
	function update_tagcloud(counts)
	{
	// compute counts first by iterating over all visible task items
	if (typeof counts == 'undefined') {
	counts = {};
	$.each(notesdata, function(id, rec){
	for (var t, j=0; rec && rec.categories && j < rec.categories.length; j++) {
	t = rec.categories[j];
	if (typeof counts[t] == 'undefined')
	counts[t] = 0;
	counts[t]++;
	}
	});
	}

	$(rcmail.gui_objects.notestagslist).children('li').each(function(i,li){
	var elem = $(li), tag = elem.attr('rel'),
	count = counts[tag] \|\| 0;

	elem.children('.count').html(count+'');
	if (count == 0) elem.addClass('inactive');
	else elem.removeClass('inactive');

	if (tagsfilter && tagsfilter.length && $.inArray(tag, tagsfilter)) {
	elem.addClass('selected');
	}
	else {
	elem.removeClass('selected');
	}
	});
	}

	/**
	* Callback from server after saving a note record
	*/
	function update_note(data)
	{
	data.id = rcmail.html_identifier_encode(data.uid);

	var row, is_new = notesdata[data.id] == undefined
	notesdata[data.id] = data;

	if (is_new \|\| me.selected_note && data.id == me.selected_note.id) {
	render_note(data);
	render_tagslist(data.categories \|\| []);
	}
	else if (data.categories) {
	render_tagslist(data.categories);
	}

	// add list item on top
	if (is_new) {
	noteslist.insert_row({
	id: 'rcmrow' + data.id,
	cols: [
	{ className:'title', innerHTML:Q(data.title) },
	{ className:'date', innerHTML:Q(data.changed \|\| '') }
	]
	}, true);

	noteslist.select(data.id);
	}
	// update list item
	else if (row = noteslist.rows[data.id]) {
	$('.title', row.obj).html(Q(data.title));
	$('.date', row.obj).html(Q(data.changed \|\| ''));
	// TODO: move to top
	}
	}

	/**
	*
	*/
	function reset_view()
	{
	me.selected_note = null;
	$('.notetitle', rcmail.gui_objects.noteviewtitle).val('');
	$('.tagline, .dates', rcmail.gui_objects.noteviewtitle).hide();
	$(rcmail.gui_objects.noteseditform).hide();
	$(rcmail.gui_objects.notesdetailview).hide();
	$(rcmail.gui_objects.notesattachmentslist).html('');
	rcmail.enable_command('save', false);
	}

	/**
	* Collect data from the edit form and submit it to the server
	*/
	function save_note()
	{
	if (!me.selected_note) {
	return false;
	}

	var savedata = get_save_data();

	// copy links as they're yet immutable
	if (me.selected_note.links)
	savedata.links = me.selected_note.links;

	// add reference to old list if changed
	if (me.selected_note.list && savedata.list != me.selected_note.list) {
	savedata._fromlist = me.selected_note.list;
	}

	// do some input validation
	if (savedata.title == '') {
	alert(rcmail.gettext('entertitle', 'kolab_notes'));
	$('.notetitle', rcmail.gui_objects.noteviewtitle).focus();
	return false;
	}

	if (check_change_state(savedata)) {
	rcmail.lock_form(rcmail.gui_objects.noteseditform, true);
	saving_lock = rcmail.set_busy(true, 'kolab_notes.savingdata');
	rcmail.http_post('action', { _data: savedata, _do: savedata.uid?'edit':'new' }, true);
	}
	else {
	rcmail.display_message(rcmail.get_label('nochanges', 'kolab_notes'), 'info');
	}
	}

	/**
	* Collect updated note properties from edit form for saving
	*/
	function get_save_data()
	{
	var editor = tinyMCE.get('notecontent'),
	listselect = $('option:selected', rcmail.gui_objects.notebooks);
	var savedata = {
	title: trim($('.notetitle', rcmail.gui_objects.noteviewtitle).val()),
	description: editor ? editor.getContent({ format:'html' }) : $('#notecontent').val(),
	list: listselect.length ? listselect.val() : me.selected_note.list \|\| me.selected_list,
	uid: me.selected_note.uid,
	categories: []
	};

	// collect tags
	$('.tagedit-list input[type="hidden"]', rcmail.gui_objects.noteviewtitle).each(function(i, elem){
	if (elem.value)
	savedata.categories.push(elem.value);
	});
	// including the "pending" one in the text box
	var newtag = $('#tagedit-input').val();
	if (newtag != '') {
	savedata.categories.push(newtag);
	}

	return savedata;
	}

	/**
	* Check if the currently edited note record was changed
	*/
	function check_change_state(data)
	{
	if (!me.selected_note \|\| me.selected_note.readonly \|\| !me.notebooks[me.selected_note.list \|\| me.selected_list].editable) {
	return false;
	}

	var savedata = data \|\| get_save_data();

	return savedata.title != me.selected_note.title
	\|\| savedata.description != me.selected_note.description
	\|\| savedata.categories.join(',') != (me.selected_note.categories \|\| []).join(',')
	\|\| savedata.list != me.selected_note.list;
	}

	/**
	* Check for unsaved changes and warn the user
	*/
	function warn_unsaved_changes(ok, nok)
	{
	if (typeof ok != 'function')
	ok = function(){ };
	if (typeof nok != 'function')
	nok = function(){ };

	if (check_change_state()) {
	var dialog, buttons = [];

	buttons.push({
	text: rcmail.gettext('discard', 'kolab_notes'),
	click: function() {
	dialog.dialog('close');
	ok();
	}
	});

	buttons.push({
	text: rcmail.gettext('save'),
	click: function() {
	save_note();
	dialog.dialog('close');
	ok();
	}
	});

	buttons.push({
	text: rcmail.gettext('abort', 'kolab_notes'),
	click: function() {
	dialog.dialog('close');
	nok();
	}
	});

	var options = {
	width: 460,
	resizable: false,
	closeOnEscape: false,
	dialogClass: 'warning',
	open: function(event, ui) {
	$(this).parent().find('.ui-dialog-titlebar-close').hide();
	$(this).parent().find('.ui-button').first().addClass('mainaction').focus();
	}
	};

	// open jquery UI dialog
	dialog = rcmail.show_popup_dialog(
	rcmail.gettext('discardunsavedchanges', 'kolab_notes'),
	rcmail.gettext('unsavedchanges', 'kolab_notes'),
	buttons,
	options
	);

	return false;
	}

	if (typeof ok == 'function') {
	ok();
	}

	return true;
	}

	/**
	*
	*/
	function delete_notes()
	{
	if (!noteslist.selection.length) {
	return false;
	}

	if (confirm(rcmail.gettext('deletenotesconfirm','kolab_notes'))) {
	var rec, id, uids = [];
	for (var i=0; i < noteslist.selection.length; i++) {
	id = noteslist.selection[i];
	rec = notesdata[id];
	if (rec) {
	noteslist.remove_row(id);
	uids.push(rec.uid);
	delete notesdata[id];
	}
	}

	saving_lock = rcmail.set_busy(true, 'kolab_notes.savingdata');
	rcmail.http_post('action', { _data: { uid: uids.join(','), list: me.selected_list }, _do: 'delete' }, true);

	reset_view();
	update_tagcloud();
	noteslist.clear_selection();
	}
	}

	/**
	*
	*/
	function move_notes(list_id)
	{
	var rec, id, uids = [];
	for (var i=0; i < noteslist.selection.length; i++) {
	id = noteslist.selection[i];
	rec = notesdata[id];
	if (rec) {
	noteslist.remove_row(id);
	uids.push(rec.uid);
	delete notesdata[id];
	}
	}

	if (uids.length) {
	saving_lock = rcmail.set_busy(true, 'kolab_notes.savingdata');
	rcmail.http_post('action', { _data: { uid: uids.join(','), list: me.selected_list, to: list_id }, _do: 'move' }, true);
	}
	}

	/**
	* update browser location to remember current view
	*/
	function update_state()
	{
	var query = { _list: me.selected_list }

	if (settings.selected_uid) {
	query._id = settings.selected_uid;
	}

	if (window.history.replaceState) {
	window.history.replaceState({}, document.title, rcmail.url('', query));
	}
	}


	/* Helper functions for drag & drop functionality of tags */

	function tag_draggable_helper()
	{
	if (!tag_draghelper)
	tag_draghelper = $('<div class="tag-draghelper"></div>');
	else
	tag_draghelper.html('');

	$(this).clone().addClass('tag').appendTo(tag_draghelper);
	return tag_draghelper;
	}

	function tag_draggable_start(event, ui)
	{
	// register notes list to receive drop events
	$('li', rcmail.gui_objects.noteslist).droppable({
	hoverClass: 'droptarget',
	accept: tag_droppable_accept,
	drop: tag_draggable_dropped,
	addClasses: false
	});

	// allow to drop tags onto edit form title
	$(rcmail.gui_objects.noteviewtitle).droppable({
	drop: function(event, ui){
	$('#tagedit-input').val(ui.draggable.data('value')).trigger('transformToTag');
	},
	addClasses: false
	})
	}

	function tag_droppable_accept(draggable)
	{
	if (rcmail.busy)
	return false;

	var tag = draggable.data('value'),
	drop_id = $(this).attr('id').replace(/^rcmrow/, ''),
	drop_rec = notesdata[drop_id];

	// target already has this tag assigned
	if (!drop_rec \|\| (drop_rec.categories && $.inArray(tag, drop_rec.categories) >= 0)) {
	return false;
	}

	return true;
	}

	function tag_draggable_dropped(event, ui)
	{
	var drop_id = $(this).attr('id').replace(/^rcmrow/, ''),
	tag = ui.draggable.data('value'),
	rec = notesdata[drop_id],
	savedata;

	if (rec && rec.id) {
	savedata = me.selected_note && rec.uid == me.selected_note.uid ? get_save_data() : $.extend({}, rec);

	if (savedata.id) delete savedata.id;
	if (savedata.html) delete savedata.html;

	if (!savedata.categories)
	savedata.categories = [];
	savedata.categories.push(tag);

	rcmail.lock_form(rcmail.gui_objects.noteseditform, true);
	saving_lock = rcmail.set_busy(true, 'kolab_notes.savingdata');
	rcmail.http_post('action', { _data: savedata, _do: 'edit' }, true);
	}
	}

	}


	// extend jQuery
	// from http://james.padolsey.com/javascript/sorting-elements-with-jquery/
	jQuery.fn.sortElements = (function(){
	var sort = [].sort;

	return function(comparator, getSortable) {
	getSortable = getSortable \|\| function(){ return this };

	var last = null;
	return sort.call(this, comparator).each(function(i){
	// at this point the array is sorted, so we can just detach each one from wherever it is, and add it after the last
	var node = $(getSortable.call(this));
	var parent = node.parent();
	if (last) last.after(node);
	else parent.prepend(node);
	last = node;
	});
	};
	})();


	/* notes plugin UI initialization */
	var kolabnotes;
	window.rcmail && rcmail.addEventListener('init', function(evt) {
	kolabnotes = new rcube_kolab_notes_ui(rcmail.env.kolab_notes_settings);
	if (rcmail.env.action == 'dialog-ui')
	kolabnotes.init_dialog();
	else
	kolabnotes.init();
	});

	diff --git a/plugins/kolab_notes/notes_mail.js b/plugins/kolab_notes/notes_mail.js
	index 1b6b8276..6d575f7a 100644
	--- a/plugins/kolab_notes/notes_mail.js
	+++ b/plugins/kolab_notes/notes_mail.js
	@@ -1,149 +1,155 @@
	/**
	* Mail integration script for the Kolab Notes plugin
	*
	* @author Thomas Bruederli <bruederli@kolabsys.com>
	*
	* Copyright (C) 2014, Kolab Systems AG <contact@kolabsys.com>
	*
	* This program is free software: you can redistribute it and/or modify
	* it under the terms of the GNU Affero General Public License as
	* published by the Free Software Foundation, either version 3 of the
	* License, or (at your option) any later version.
	*
	* This program is distributed in the hope that it will be useful,
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	* GNU Affero General Public License for more details.
	*
	* You should have received a copy of the GNU Affero General Public License
	* along with this program. If not, see <http://www.gnu.org/licenses/>.
	*/


	window.rcmail && rcmail.addEventListener('init', function(evt) {
	/**
	* Open the notes edit GUI in a jquery UI dialog
	*/
	function kolab_note_dialog(url)
	{
	- var frame, name, mywin = window, edit = url && url._id;
	+ var frame, name, mywin = window, edit = url && url._id,
	+ $dialog = $('#kolabnotesinlinegui');
	+
	+ function dialog_render(p)
	+ {
	+ $dialog.parent().find('.ui-dialog-buttonset .ui-button')
	+ .prop('disabled', p.readonly)
	+ .last().prop('disabled', false);
	+ }

	- var $dialog = $('#kolabnotesinlinegui');
	// create dialog if not exists
	if (!$dialog.length) {
	$dialog = $('<iframe>')
	.attr('id', 'kolabnotesinlinegui')
	.attr('name', 'kolabnotesdialog')
	.attr('src', 'about:blank')
	.css('min-width', '100%')
	.appendTo(document.body)
	.bind('load', function(e){
	frame = rcmail.get_frame_window('kolabnotesinlinegui');
	name = $('.notetitle', frame.rcmail.gui_objects.noteviewtitle);
	-
	frame.rcmail.addEventListener('responseafteraction', refresh_mailview);
	- frame.rcmail.addEventListener('kolab_notes_render', function(p){
	- $dialog.parent().find('.ui-dialog-buttonset .ui-button')
	- .prop('disabled', p.readonly)
	- .last().prop('disabled', false);
	- })
	});
	+
	+ // subscribe event in parent window which is also triggered from iframe
	+ // (probably before the 'load' event from above)
	+ rcmail.addEventListener('kolab_notes_render', dialog_render);
	}
	// close show dialog first
	else if ($dialog.is(':ui-dialog')) {
	$dialog.dialog('close');
	}

	if (!url) url = {};
	url._framed = 1;
	$dialog.attr('src', rcmail.url('notes/dialog-ui', url));

	// dialog buttons
	var buttons = {};
	buttons[rcmail.gettext('save')] = function() {
	// frame is not loaded
	if (!frame)
	return;

	// do some input validation
	if (!name.val() \|\| name.val().length < 2) {
	alert(rcmail.gettext('entertitle', 'kolab_notes'));
	name.select();
	return;
	}

	frame.rcmail.command('save');
	};

	if (edit) {
	buttons[rcmail.gettext('delete')] = function() {
	if (confirm(rcmail.gettext('deletenotesconfirm','kolab_notes'))) {
	rcmail.addEventListener('responseafteraction', refresh_mailview);
	rcmail.http_post('notes/action', { _data: { uid: url._id, list: url._list }, _do: 'delete' }, true);
	$dialog.dialog('close');
	}
	};
	}

	buttons[rcmail.gettext(edit ? 'close' : 'cancel')] = function() {
	$dialog.dialog('close');
	};

	// open jquery UI dialog
	var win = $(window);
	$dialog.dialog({
	modal: true,
	resizable: true,
	closeOnEscape: true,
	title: edit ? rcmail.gettext('editnote','kolab_notes') : rcmail.gettext('appendnote','kolab_notes'),
	open: function() {
	$dialog.parent().find('.ui-dialog-buttonset .ui-button').prop('disabled', true).first().addClass('mainaction');
	},
	close: function() {
	$dialog.dialog('destroy').remove();
	+ rcmail.removeEventListener('kolab_notes_render', dialog_render);
	},
	buttons: buttons,
	minWidth: 480,
	width: 680,
	height: Math.min(640, win.height() - 100)
	}).show();
	}

	/**
	* Reload the mail view/preview to update the notes listing
	*/
	function refresh_mailview(e)
	{
	var win = rcmail.env.contentframe ? rcmail.get_frame_window(rcmail.env.contentframe) : mywin;
	if (win && e.response) {
	win.location.reload();
	// $dialog.dialog('close');
	}
	}

	// register commands
	rcmail.register_command('edit-kolab-note', kolab_note_dialog, true);
	rcmail.register_command('append-kolab-note', function() {
	var uid;
	if ((uid = rcmail.get_single_uid())) {
	kolab_note_dialog({ _msg: uid + '-' + rcmail.env.mailbox });
	}
	});

	if (rcmail.env.action == 'show') {
	rcmail.enable_command('append-kolab-note', true);
	}
	else {
	rcmail.env.message_commands.push('append-kolab-note');
	}

	// register handlers for inline note editing
	if (rcmail.env.action == 'show' \|\| rcmail.env.action == 'preview') {
	$('.kolabmessagenotes a.kolabnotesref').click(function(e){
	var ref = String($(this).attr('rel')).split('@'),
	win = rcmail.is_framed() ? parent.window : window;
	win.rcmail.command('edit-kolab-note', { _list:ref[1], _id:ref[0] });
	return false;
	});
	}
	});

File Metadata

Mime Type: text/x-diff
Expires: Mon, Jun 9, 8:37 PM (1 d, 13 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 196862
Default Alt Text: (51 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions