mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-21 23:43:17 +01:00
migrated infolog app.js to typescript
This commit is contained in:
Ralf Becker
parent
3575f06501
commit
e0f38dfb94
7
api/js/etemplate/et2_types.d.ts
vendored
7
api/js/etemplate/et2_types.d.ts
vendored
@ -146,3 +146,10 @@ declare var et2_video : any;
|
||||
declare var et2_IExposable : any;
|
||||
declare function et2_createWidget(type : string, params : {}, parent? : any) : any;
|
||||
declare function nm_action(_action : {}, _senders : [], _target : any, _ids? : any) : void;
|
||||
declare function fetchAll(ids, nextmatch, callback : Function) : boolean;
|
||||
declare function doLongTask(idsArr : string[], all : boolean, _action : any, nextmatch : any) : boolean;
|
||||
declare function nm_compare_field(_action, _senders, _target) : boolean;
|
||||
declare function nm_open_popup(_action, _selected) : void;
|
||||
declare function nm_submit_popup(button) : void;
|
||||
declare function nm_hide_popup(element, div_id) : false;
|
||||
declare function nm_activate_link(_action, _senders) : void;
|
||||
23
api/js/jsapi/egw_global.d.ts
vendored
23
api/js/jsapi/egw_global.d.ts
vendored
@ -40,6 +40,15 @@ declare interface Iapplication
|
||||
icon_app? : string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Data stored by egw_data
|
||||
*/
|
||||
declare interface IegwData
|
||||
{
|
||||
timestamp: number;
|
||||
data: {[key:string]: any};
|
||||
}
|
||||
|
||||
/**
|
||||
* Interface for all window global methods (existing only in top window)
|
||||
*/
|
||||
@ -111,15 +120,15 @@ declare interface IegwGlobal
|
||||
* @param _uid is the uid for which should be checked whether it has some
|
||||
* data.
|
||||
*/
|
||||
dataGetUIDdata(_uid : string) : object;
|
||||
dataGetUIDdata(_uid : string) : IegwData;
|
||||
/**
|
||||
* Returns all uids that have the given prefix
|
||||
*
|
||||
* @param {string} _prefix
|
||||
* @return {array}
|
||||
* @return {array} of uids
|
||||
* TODO: Improve this
|
||||
*/
|
||||
dataKnownUIDs(_prefix : string) : any[];
|
||||
dataKnownUIDs(_prefix : string) : string[];
|
||||
/**
|
||||
* Stores data for the uid and calls all callback functions registered
|
||||
* for that uid.
|
||||
@ -682,6 +691,7 @@ declare class JsonRequest
|
||||
*/
|
||||
declare interface IegwWndLocal extends IegwGlobal
|
||||
{
|
||||
window : Window;
|
||||
/**
|
||||
* implemented in egw_css.js
|
||||
*/
|
||||
@ -938,7 +948,7 @@ declare interface IegwWndLocal extends IegwGlobal
|
||||
* @param {boolean} _check_popup_blocker TRUE check if browser pop-up blocker is on/off, FALSE no check
|
||||
* - This option only makes sense to be enabled when the open_link requested without user interaction
|
||||
*/
|
||||
open(id_data : string|number|object, app? : string, type? : "edit"|"view"|"view_list"|"add",
|
||||
open(id_data : string|number|object, app? : string, type? : "edit"|"view"|"view_list"|"add"|"list",
|
||||
extra? : string|object, target? : string, target_app? : string, _check_popup_blocker? : boolean) : string;
|
||||
/**
|
||||
* Open a link, which can be either a menuaction, a EGroupware relative url or a full url
|
||||
@ -1185,10 +1195,13 @@ declare interface IegwAppLocal extends IegwWndLocal
|
||||
declare function egw_getFramework() : any;
|
||||
declare var chrome : any;
|
||||
declare var InstallTrigger : any;
|
||||
declare var app : {classes: any};
|
||||
declare var app : {classes: any, [propName: string]: any};
|
||||
declare var egw_globalObjectManager : any;
|
||||
declare var framework : any;
|
||||
declare var egw_LAB : any;
|
||||
declare function egwIsMobile() : string|null;
|
||||
|
||||
declare var mailvelope : any;
|
||||
|
||||
declare function egw_refresh(_msg : string, app : string, id? : string|number, _type?, targetapp?, replace?, _with?, msgtype?);
|
||||
declare function egw_open();
|
||||
File diff suppressed because it is too large
Load Diff
869
infolog/js/app.ts
Normal file
869
infolog/js/app.ts
Normal file
@ -0,0 +1,869 @@
|
||||
/**
|
||||
* EGroupware - Infolog - Javascript UI
|
||||
*
|
||||
* @link: https://www.egroupware.org
|
||||
* @package infolog
|
||||
* @author Hadi Nategh <hn-AT-stylite.de>
|
||||
* @copyright (c) 2008-13 by Ralf Becker <RalfBecker-AT-outdoor-training.de>
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
*/
|
||||
|
||||
/*egw:uses
|
||||
/api/js/jsapi/egw_app.js
|
||||
*/
|
||||
|
||||
import 'jquery';
|
||||
import 'jqueryui';
|
||||
import '../jsapi/egw_global';
|
||||
import '../etemplate/et2_types';
|
||||
|
||||
import { EgwApp } from '../../api/js/jsapi/egw_app';
|
||||
|
||||
/**
|
||||
* UI for Infolog
|
||||
*
|
||||
* @augments AppJS
|
||||
*/
|
||||
class InfologApp extends EgwApp
|
||||
{
|
||||
readonly appname = 'infolog';
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @memberOf app.infolog
|
||||
*/
|
||||
constructor()
|
||||
{
|
||||
// call parent
|
||||
super();
|
||||
}
|
||||
|
||||
/**
|
||||
* Destructor
|
||||
*/
|
||||
destroy()
|
||||
{
|
||||
// call parent
|
||||
super.destroy.apply(this, arguments);
|
||||
}
|
||||
|
||||
/**
|
||||
* This function is called when the etemplate2 object is loaded
|
||||
* and ready. If you must store a reference to the et2 object,
|
||||
* make sure to clean it up in destroy().
|
||||
*
|
||||
* @param {etemplate2} _et2 newly ready object
|
||||
* @param {string} _name template name
|
||||
*/
|
||||
et2_ready(_et2, _name)
|
||||
{
|
||||
// call parent
|
||||
super.et2_ready.apply(this, arguments);
|
||||
|
||||
switch(_name)
|
||||
{
|
||||
case 'infolog.index':
|
||||
this.filter_change();
|
||||
// Show / hide descriptions according to details filter
|
||||
var nm = this.et2.getWidgetById('nm');
|
||||
var filter2 = nm.getWidgetById('filter2');
|
||||
this.show_details(filter2.value == 'all',nm.getDOMNode(nm));
|
||||
// Remove the rule added by show_details() if the template is removed
|
||||
jQuery(_et2.DOMContainer).on('clear', jQuery.proxy(function() {egw.css(this);}, '#' + nm.getDOMNode(nm).id + ' .et2_box.infoDes'));
|
||||
|
||||
// Enable decrypt on hover
|
||||
if(this.egw.user('apps').stylite)
|
||||
{
|
||||
this._get_stylite(function() {this.mailvelopeAvailable(function() {app.stylite.decrypt_hover(nm);});});
|
||||
}
|
||||
break;
|
||||
case 'infolog.edit.print':
|
||||
if (this.et2.getArrayMgr('content').data.info_des.indexOf(this.begin_pgp_message) != -1)
|
||||
{
|
||||
this.mailvelopeAvailable(this.printEncrypt);
|
||||
}
|
||||
else
|
||||
{
|
||||
// Trigger print command if the infolog oppend for printing purpose
|
||||
this.infolog_print_preview_onload();
|
||||
}
|
||||
break;
|
||||
case 'infolog.edit':
|
||||
if (this.et2.getArrayMgr('content').data.info_des &&
|
||||
this.et2.getArrayMgr('content').data.info_des.indexOf(this.begin_pgp_message) != -1)
|
||||
{
|
||||
this._get_stylite(jQuery.proxy(function() {this.mailvelopeAvailable(jQuery.proxy(function() {
|
||||
this.toggleEncrypt();
|
||||
|
||||
// Decrypt history on hover
|
||||
var history = this.et2.getWidgetById('history');
|
||||
app.stylite.decrypt_hover(history,'span');
|
||||
jQuery(history.getDOMNode(history))
|
||||
.tooltip('option','position',{my:'top left', at: 'top left', of: history.getDOMNode(history)});
|
||||
|
||||
},this));},this));
|
||||
// This disables the diff in history
|
||||
var history = this.et2.getArrayMgr('content').getEntry('history');
|
||||
history['status-widgets'].De = 'description';
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Observer method receives update notifications from all applications
|
||||
*
|
||||
* InfoLog currently reacts to timesheet updates, as it might show time-sums.
|
||||
* @todo only trigger update, if times are shown
|
||||
*
|
||||
* @param {string} _msg message (already translated) to show, eg. 'Entry deleted'
|
||||
* @param {string} _app application name
|
||||
* @param {(string|number)} _id id of entry to refresh or null
|
||||
* @param {string} _type either 'update', 'edit', 'delete', 'add' or null
|
||||
* - update: request just modified data from given rows. Sorting is not considered,
|
||||
* so if the sort field is changed, the row will not be moved.
|
||||
* - edit: rows changed, but sorting may be affected. Requires full reload.
|
||||
* - delete: just delete the given rows clientside (no server interaction neccessary)
|
||||
* - add: requires full reload for proper sorting
|
||||
* @param {string} _msg_type 'error', 'warning' or 'success' (default)
|
||||
* @param {object|null} _links app => array of ids of linked entries
|
||||
* or null, if not triggered on server-side, which adds that info
|
||||
*/
|
||||
observer(_msg, _app, _id, _type, _msg_type, _links)
|
||||
{
|
||||
if (typeof _links != 'undefined')
|
||||
{
|
||||
if (typeof _links.infolog != 'undefined')
|
||||
{
|
||||
switch (_app)
|
||||
{
|
||||
case 'timesheet':
|
||||
var nm = this.et2 ? this.et2.getWidgetById('nm') : null;
|
||||
if (nm) nm.applyFilters();
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Refresh handler for Addressbook CRM view
|
||||
if (_app == 'infolog' && this.et2.getInstanceManager() && this.et2.getInstanceManager().app == 'addressbook' && this.et2.getInstanceManager().name == 'infolog.index')
|
||||
{
|
||||
this.et2._inst.refresh(_msg, _app, _id, _type);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Retrieve the current state of the application for future restoration
|
||||
*
|
||||
* Reimplemented to add action/action_id from content set by server
|
||||
* when eg. viewing infologs linked to contacts.
|
||||
*
|
||||
* @return {object} Application specific map representing the current state
|
||||
*/
|
||||
getState()
|
||||
{
|
||||
// call parent
|
||||
var state = super.observer.apply(this, arguments);
|
||||
var nm : any = {};
|
||||
|
||||
// Get index etemplate
|
||||
var et2 = etemplate2.getById('infolog-index');
|
||||
if(et2)
|
||||
{
|
||||
var content = et2.widgetContainer.getArrayMgr('content');
|
||||
nm = content && content.data && content.data.nm ? content.data.nm: {};
|
||||
}
|
||||
|
||||
state.action = nm.action || null;
|
||||
state.action_id = nm.action_id || null;
|
||||
|
||||
return state;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set the application's state to the given state.
|
||||
*
|
||||
* Reimplemented to also reset action/action_id.
|
||||
*
|
||||
* @param {{name: string, state: object}|string} state Object (or JSON string) for a state.
|
||||
* Only state is required, and its contents are application specific.
|
||||
*
|
||||
* @return {boolean} false - Returns false to stop event propagation
|
||||
*/
|
||||
setState(state)
|
||||
{
|
||||
// as we have to set state.state.action, we have to set all other
|
||||
// for "No filter" favorite to work as expected
|
||||
var to_set = {col_filter: null, filter: '', filter2: '', cat_id: '', search: '', action: null};
|
||||
if (typeof state.state == 'undefined') state.state = {};
|
||||
for(var name in to_set)
|
||||
{
|
||||
if (typeof state.state[name] == 'undefined') state.state[name] = to_set[name];
|
||||
}
|
||||
return super.setState.apply(this, arguments);
|
||||
}
|
||||
|
||||
/**
|
||||
* Enable or disable the date filter
|
||||
*
|
||||
* If the filter is set to something that needs dates, we enable the
|
||||
* header_left template. Otherwise, it is disabled.
|
||||
*/
|
||||
filter_change()
|
||||
{
|
||||
var filter = this.et2.getWidgetById('filter');
|
||||
var nm = this.et2.getWidgetById('nm');
|
||||
var dates = this.et2.getWidgetById('infolog.index.dates');
|
||||
if(nm && filter)
|
||||
{
|
||||
switch(filter.getValue())
|
||||
{
|
||||
case 'bydate':
|
||||
case 'duedate':
|
||||
|
||||
if (filter && dates)
|
||||
{
|
||||
dates.set_disabled(false);
|
||||
window.setTimeout(function() {
|
||||
jQuery(dates.getWidgetById('startdate').getDOMNode()).find('input').focus();
|
||||
},0);
|
||||
}
|
||||
break;
|
||||
default:
|
||||
if (dates)
|
||||
{
|
||||
dates.set_disabled(true);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* show or hide the details of rows by selecting the filter2 option
|
||||
* either 'all' for details or 'no_description' for no details
|
||||
*
|
||||
* @param {Event} event Change event
|
||||
* @param {et2_nextmatch} nm The nextmatch widget that owns the filter
|
||||
*/
|
||||
filter2_change(event, nm)
|
||||
{
|
||||
var filter2 = nm.getWidgetById('filter2');
|
||||
|
||||
if (nm && filter2)
|
||||
{
|
||||
// Show / hide descriptions
|
||||
this.show_details(filter2.get_value() === 'all', nm.getDOMNode(nm));
|
||||
}
|
||||
|
||||
// Only change columns for a real user event, to avoid interfering with
|
||||
// favorites
|
||||
if (nm && filter2 && !nm.update_in_progress)
|
||||
{
|
||||
// Store selection as implicit preference
|
||||
egw.set_preference('infolog', nm.options.settings.columnselection_pref.replace('-details','')+'-details-pref', filter2.value);
|
||||
|
||||
// Change preference location - widget is nextmatch
|
||||
nm.options.settings.columnselection_pref = nm.options.settings.columnselection_pref.replace('-details','') + (filter2.value == 'all' ? '-details' :'');
|
||||
|
||||
// Load new preferences
|
||||
var colData = nm.columns.slice();
|
||||
for(var i = 0; i < nm.columns.length; i++) colData[i].visible=false;
|
||||
|
||||
if(egw.preference(nm.options.settings.columnselection_pref,'infolog'))
|
||||
{
|
||||
nm.set_columns((<String>egw.preference(nm.options.settings.columnselection_pref,'infolog')).split(','));
|
||||
}
|
||||
nm._applyUserPreferences(nm.columns, colData);
|
||||
|
||||
// Now apply them to columns
|
||||
for(var i = 0; i < colData.length; i++)
|
||||
{
|
||||
nm.dataview.getColumnMgr().columns[i].set_width(colData[i].width);
|
||||
nm.dataview.getColumnMgr().columns[i].set_visibility(colData[i].visible);
|
||||
}
|
||||
nm.dataview.getColumnMgr().updated = true;
|
||||
|
||||
// Update page - set update_in_progress to true to avoid triggering
|
||||
// the change handler and looping if the user has a custom field
|
||||
// column change
|
||||
var in_progress = nm.update_in_progress;
|
||||
nm.update_in_progress = true;
|
||||
// Set the actual filter value here
|
||||
nm.activeFilters.filter2 = filter2.get_value();
|
||||
nm.dataview.updateColumns();
|
||||
nm.update_in_progress = in_progress;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show or hide details by changing the CSS class
|
||||
*
|
||||
* @param {boolean} show
|
||||
* @param {DOMNode} dom_node
|
||||
*/
|
||||
show_details(show, dom_node)
|
||||
{
|
||||
// Show / hide descriptions
|
||||
egw.css((dom_node && dom_node.id ? "#"+dom_node.id+' ' : '') + ".et2_box.infoDes","display:" + (show ? "block;" : "none;"));
|
||||
if (egwIsMobile())
|
||||
{
|
||||
var $select = jQuery('.infoDetails');
|
||||
(show)? $select.each(function(i,e){jQuery(e).hide();}): $select.each(function(i,e){jQuery(e).show();});
|
||||
}
|
||||
}
|
||||
|
||||
confirm_delete_2(_action, _senders)
|
||||
{
|
||||
var children = false;
|
||||
var child_button = jQuery('#delete_sub').get(0) || jQuery('[id*="delete_sub"]').get(0);
|
||||
if(child_button)
|
||||
{
|
||||
for(var i = 0; i < _senders.length; i++)
|
||||
{
|
||||
if (jQuery(_senders[i].iface.node).hasClass('infolog_rowHasSubs'))
|
||||
{
|
||||
children = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
child_button.style.display = children ? 'block' : 'none';
|
||||
}
|
||||
var callbackDeleteDialog = function (button_id)
|
||||
{
|
||||
if (button_id == et2_dialog.YES_BUTTON )
|
||||
{
|
||||
|
||||
}
|
||||
};
|
||||
et2_dialog.show_dialog(callbackDeleteDialog, this.egw.lang("Do you really want to DELETE this Rule"),this.egw.lang("Delete"), {},et2_dialog.BUTTONS_YES_NO_CANCEL, et2_dialog.WARNING_MESSAGE);
|
||||
}
|
||||
|
||||
/**
|
||||
* Confirm delete
|
||||
* If entry has children, asks if you want to delete children too
|
||||
*
|
||||
*@param _action
|
||||
*@param _senders
|
||||
*/
|
||||
confirm_delete(_action, _senders)
|
||||
{
|
||||
var children = false;
|
||||
var child_button = jQuery('#delete_sub').get(0) || jQuery('[id*="delete_sub"]').get(0);
|
||||
if(child_button)
|
||||
{
|
||||
for(var i = 0; i < _senders.length; i++)
|
||||
{
|
||||
if (jQuery(_senders[i].iface.getDOMNode()).hasClass('infolog_rowHasSubs'))
|
||||
{
|
||||
children = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
child_button.style.display = children ? 'block' : 'none';
|
||||
}
|
||||
nm_open_popup(_action, _senders);
|
||||
}
|
||||
|
||||
/**
|
||||
* Add email from addressbook
|
||||
*
|
||||
* @param ab_id
|
||||
* @param info_cc
|
||||
*/
|
||||
add_email_from_ab(ab_id,info_cc)
|
||||
{
|
||||
var ab = <HTMLSelectElement>document.getElementById(ab_id);
|
||||
|
||||
if (!ab || !ab.value)
|
||||
{
|
||||
jQuery("tr.hiddenRow").css("display", "table-row");
|
||||
}
|
||||
else
|
||||
{
|
||||
var cc = <HTMLInputElement>document.getElementById(info_cc);
|
||||
|
||||
for(var i=0; i < ab.options.length && ab.options[i].value != ab.value; ++i) ;
|
||||
|
||||
if (i < ab.options.length)
|
||||
{
|
||||
cc.value += (cc.value?', ':'')+ab.options[i].text.replace(/^.* <(.*)>$/,'$1');
|
||||
ab.value = '';
|
||||
// @ts-ignore
|
||||
ab.onchange();
|
||||
jQuery("tr.hiddenRow").css("display", "none");
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* If one of info_status, info_percent or info_datecompleted changed --> set others to reasonable values
|
||||
*
|
||||
* @param {string} changed_id id of changed element
|
||||
* @param {string} status_id
|
||||
* @param {string} percent_id
|
||||
* @param {string} datecompleted_id
|
||||
*/
|
||||
status_changed(changed_id, status_id, percent_id, datecompleted_id)
|
||||
{
|
||||
// Make sure this doesn't get executed while template is loading
|
||||
if(this.et2 == null || this.et2.getInstanceManager() == null) return;
|
||||
|
||||
var status = <HTMLInputElement>document.getElementById(status_id);
|
||||
var percent = <HTMLInputElement>document.getElementById(percent_id);
|
||||
var datecompleted = <HTMLInputElement>document.getElementById(datecompleted_id+'[str]');
|
||||
if(!datecompleted)
|
||||
{
|
||||
datecompleted = <HTMLInputElement>jQuery('#'+datecompleted_id +' input').get(0);
|
||||
}
|
||||
var completed;
|
||||
|
||||
switch(changed_id)
|
||||
{
|
||||
case status_id:
|
||||
completed = status.value == 'done' || status.value == 'billed';
|
||||
if (completed || status.value == 'not-started' ||
|
||||
(status.value == 'ongoing') != (parseFloat(percent.value) > 0 && parseFloat(percent.value) < 100))
|
||||
{
|
||||
if(completed)
|
||||
{
|
||||
percent.value = '100';
|
||||
}
|
||||
else if (status.value == 'not-started')
|
||||
{
|
||||
percent.value = '0';
|
||||
}
|
||||
else if (!completed && (parseInt(percent.value) == 0 || parseInt(percent.value) == 100))
|
||||
{
|
||||
percent.value = '10';
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case percent_id:
|
||||
completed = parseInt(percent.value) == 100;
|
||||
if (completed != (status.value == 'done' || status.value == 'billed') ||
|
||||
(status.value == 'not-started') != (parseInt(percent.value) == 0))
|
||||
{
|
||||
status.value = parseInt(percent.value) == 0 ? (jQuery('[value="not-started"]',status).length ?
|
||||
'not-started':'ongoing') : (parseInt(percent.value) == 100 ? 'done' : 'ongoing');
|
||||
}
|
||||
break;
|
||||
|
||||
case datecompleted_id+'[str]':
|
||||
case datecompleted_id:
|
||||
completed = datecompleted.value != '';
|
||||
if (completed != (status.value == 'done' || status.value == 'billed'))
|
||||
{
|
||||
status.value = completed ? 'done' : 'not-started';
|
||||
}
|
||||
if (completed != (parseInt(percent.value) == 100))
|
||||
{
|
||||
percent.value = completed ? '100' : '0';
|
||||
}
|
||||
break;
|
||||
}
|
||||
if (!completed && datecompleted && datecompleted.value != '')
|
||||
{
|
||||
datecompleted.value = '';
|
||||
}
|
||||
else if (completed && datecompleted && datecompleted.value == '')
|
||||
{
|
||||
// todo: set current date in correct format
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* handle "print" action from "Actions" selectbox in edit infolog window.
|
||||
* check if the template is dirty then submit the template otherwise just open new window as print.
|
||||
*
|
||||
*/
|
||||
edit_actions()
|
||||
{
|
||||
var widget = this.et2.getWidgetById('action');
|
||||
var template = this.et2._inst;
|
||||
if (template)
|
||||
{
|
||||
var id = template.widgetContainer.getArrayMgr('content').data['info_id'];
|
||||
}
|
||||
if (widget)
|
||||
{
|
||||
switch (widget.get_value())
|
||||
{
|
||||
case 'print':
|
||||
if (template.isDirty())
|
||||
{
|
||||
template.submit();
|
||||
}
|
||||
egw.open(id,'infolog','edit',{print:1});
|
||||
break;
|
||||
case 'ical':
|
||||
template.postSubmit();
|
||||
break;
|
||||
default:
|
||||
template.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Open infolog entry for printing
|
||||
*
|
||||
* @param {aciton object} _action
|
||||
* @param {object} _selected
|
||||
*/
|
||||
infolog_menu_print(_action, _selected)
|
||||
{
|
||||
var id = _selected[0].id.replace(/^infolog::/g,'');
|
||||
egw.open(id,'infolog','edit',{print:1});
|
||||
}
|
||||
|
||||
/**
|
||||
* Trigger print() onload window
|
||||
*/
|
||||
infolog_print_preview_onload()
|
||||
{
|
||||
var that = this;
|
||||
jQuery('#infolog-edit-print').bind('load',function(){
|
||||
var isLoadingCompleted = true;
|
||||
jQuery('#infolog-edit-print').bind("DOMSubtreeModified",function(event){
|
||||
isLoadingCompleted = false;
|
||||
jQuery('#infolog-edit-print').unbind("DOMSubtreeModified");
|
||||
});
|
||||
setTimeout(function() {
|
||||
isLoadingCompleted = false;
|
||||
}, 1000);
|
||||
var interval = setInterval(function(){
|
||||
if (!isLoadingCompleted)
|
||||
{
|
||||
clearInterval(interval);
|
||||
that.infolog_print_preview();
|
||||
}
|
||||
}, 100);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Trigger print() function to print the current window
|
||||
*/
|
||||
infolog_print_preview()
|
||||
{
|
||||
this.egw.message(this.egw.lang('Printing...'));
|
||||
this.egw.window.print();
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
add_link_sidemenu()
|
||||
{
|
||||
egw.open('','infolog','add');
|
||||
}
|
||||
|
||||
/**
|
||||
* Wrapper so add -> New actions in the context menu can pass current
|
||||
* filter values into new edit dialog
|
||||
*
|
||||
* @see add_with_extras
|
||||
*
|
||||
* @param {egwAction} action
|
||||
* @param {egwActionObject[]} selected
|
||||
*/
|
||||
add_action_handler(action, selected)
|
||||
{
|
||||
var nm = action.getManager().data.nextmatch || false;
|
||||
if(nm)
|
||||
{
|
||||
this.add_with_extras(nm,action.id,
|
||||
nm.getArrayMgr('content').getEntry('action'),
|
||||
nm.getArrayMgr('content').getEntry('action_id')
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Opens a new edit dialog with some extra url parameters pulled from
|
||||
* standard locations. Done with a function instead of hardcoding so
|
||||
* the values can be updated if user changes them in UI.
|
||||
*
|
||||
* @param {et2_widget} widget Originating/calling widget
|
||||
* @param _type string Type of infolog entry
|
||||
* @param _action string Special action for new infolog entry
|
||||
* @param _action_id string ID for special action
|
||||
*/
|
||||
add_with_extras(widget,_type, _action, _action_id)
|
||||
{
|
||||
// We use widget.getRoot() instead of this.et2 for the case when the
|
||||
// addressbook tab is viewing a contact + infolog list, there's 2 infolog
|
||||
// etemplates
|
||||
var nm = widget.getRoot().getWidgetById('nm');
|
||||
var nm_value = nm.getValue() || {};
|
||||
|
||||
// It's important that all these keys are here, they override the link
|
||||
// registry.
|
||||
var action_id = nm_value.action_id ? nm_value.action_id : (_action_id != '0' ? _action_id : "") || "";
|
||||
if(typeof action_id == "object" && typeof action_id.length == "undefined")
|
||||
{
|
||||
// Need a real array here
|
||||
action_id = jQuery.map(action_id,function(val) {return val;});
|
||||
}
|
||||
|
||||
// No action? Try the linked filter, in case it's set
|
||||
if(!_action && !_action_id)
|
||||
{
|
||||
if(nm_value.col_filter && nm_value.col_filter.linked)
|
||||
{
|
||||
var split = nm_value.col_filter.linked.split(':') || '';
|
||||
_action = split[0] || '';
|
||||
action_id = split[1] || '';
|
||||
}
|
||||
}
|
||||
var extras = {
|
||||
type: _type || nm_value.col_filter.info_type || "task",
|
||||
cat_id: nm_value.cat_id || "",
|
||||
action: nm_value.action || _action || "",
|
||||
// egw_link can handle arrays; but server is expecting CSV
|
||||
action_id: typeof action_id.join != "undefined" ? action_id.join(',') : action_id
|
||||
};
|
||||
egw.open('','infolog','add',extras);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get title in order to set it as document title
|
||||
* @returns {string}
|
||||
*/
|
||||
getWindowTitle()
|
||||
{
|
||||
var widget = this.et2.getWidgetById('info_subject');
|
||||
if(widget) return widget.options.value;
|
||||
}
|
||||
|
||||
/**
|
||||
* View parent entry with all children
|
||||
*
|
||||
* @param {aciton object} _action
|
||||
* @param {object} _selected
|
||||
*/
|
||||
view_parent(_action, _selected)
|
||||
{
|
||||
var data = egw.dataGetUIDdata(_selected[0].id);
|
||||
if (data && data.data && data.data.info_id_parent)
|
||||
{
|
||||
egw.link_handler(egw.link('/index.php', {
|
||||
menuaction: "infolog.infolog_ui.index",
|
||||
action: "sp",
|
||||
action_id: data.data.info_id_parent,
|
||||
ajax: "true"
|
||||
}), "infolog");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Mess with the query for parent widget to exclude self
|
||||
*
|
||||
* @param {Object} request
|
||||
* @param {et2_link_entry} widget
|
||||
* @returns {boolean}
|
||||
*/
|
||||
parent_query(request, widget)
|
||||
{
|
||||
// No ID yet, no need to filter
|
||||
if(!widget.getRoot().getArrayMgr('content').getEntry('info_id'))
|
||||
{
|
||||
return true;
|
||||
}
|
||||
if(!request.options)
|
||||
{
|
||||
request.options = {};
|
||||
}
|
||||
// Exclude self from results - no app needed since it's just one app
|
||||
request.options.exclude = [widget.getRoot().getArrayMgr('content').getEntry('info_id')];
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* View a list of timesheets for the linked infolog entry
|
||||
*
|
||||
* Only one infolog entry at a time is allowed, we just pick the first one
|
||||
*
|
||||
* @param {egwAction} _action
|
||||
* @param {egwActionObject[]} _selected
|
||||
*/
|
||||
timesheet_list(_action, _selected)
|
||||
{
|
||||
var extras = {
|
||||
link_app: 'infolog',
|
||||
link_id: false
|
||||
};
|
||||
for(var i = 0; i < _selected.length; i++)
|
||||
{
|
||||
// Remove UID prefix for just contact_id
|
||||
var ids = _selected[i].id.split('::');
|
||||
ids.shift();
|
||||
ids = ids.join('::');
|
||||
|
||||
extras.link_id = ids;
|
||||
break;
|
||||
}
|
||||
|
||||
egw.open("","timesheet","list", extras, 'timesheet');
|
||||
}
|
||||
|
||||
/**
|
||||
* Go to parent entry
|
||||
*
|
||||
* @param {aciton object} _action
|
||||
* @param {object} _selected
|
||||
*/
|
||||
has_parent(_action, _selected)
|
||||
{
|
||||
var data = egw.dataGetUIDdata(_selected[0].id);
|
||||
|
||||
return data && data.data && data.data.info_id_parent > 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Submit template if widget has a value
|
||||
*
|
||||
* Used for project-selection to update pricelist items from server
|
||||
*
|
||||
* @param {DOMNode} _node
|
||||
* @param {et2_widget} _widget
|
||||
*/
|
||||
submit_if_not_empty(_node, _widget)
|
||||
{
|
||||
if (_widget.get_value()) this.et2._inst.submit();
|
||||
}
|
||||
|
||||
/**
|
||||
* Toggle encryption
|
||||
*
|
||||
* @param {jQuery.Event} _event
|
||||
* @param {et2_button} _widget
|
||||
* @param {DOMNode} _node
|
||||
*/
|
||||
toggleEncrypt(_event, _widget, _node)
|
||||
{
|
||||
if (!this.egw.user('apps').stylite)
|
||||
{
|
||||
this.egw.message(this.egw.lang('InfoLog encryption requires EPL Subscription')+': <a href="http://www.egroupware.org/EPL">www.egroupware.org/EPL</a>');
|
||||
return;
|
||||
}
|
||||
this._get_stylite(function() {app.stylite.toggleEncrypt.call(app.stylite,_event,_widget,_node);});
|
||||
}
|
||||
|
||||
/**
|
||||
* Make sure stylite javascript is loaded, and call the given callback when it is
|
||||
*
|
||||
* @param {function} callback
|
||||
* @param {object} attrs
|
||||
*
|
||||
*/
|
||||
_get_stylite(callback : Function, attrs? : any[])
|
||||
{
|
||||
// use app object from etemplate2, which might be private and not just window.app
|
||||
var app = this.et2.getInstanceManager().app_obj;
|
||||
|
||||
if (!app.stylite)
|
||||
{
|
||||
var self = this;
|
||||
egw_LAB.script('stylite/js/infolog-encryption.js?'+this.et2.getArrayMgr('content').data.encryption_ts).wait(function()
|
||||
{
|
||||
app.stylite = new app.classes.stylite;
|
||||
app.stylite.et2 = self.et2;
|
||||
if(callback)
|
||||
{
|
||||
callback.apply(app.stylite,attrs);
|
||||
}
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
app.stylite.et2 = this.et2;
|
||||
callback.apply(app.stylite,attrs);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* OnChange callback for responsible
|
||||
*
|
||||
* @param {jQuery.Event} _event
|
||||
* @param {et2_widget} _widget
|
||||
*/
|
||||
onchangeResponsible(_event, _widget)
|
||||
{
|
||||
if (app.stylite && app.stylite.onchangeResponsible)
|
||||
{
|
||||
app.stylite.onchangeResponsible.call(app.stylite, _event, _widget);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Action handler for context menu change responsible action
|
||||
*
|
||||
* We populate the dialog with the current value.
|
||||
*
|
||||
* @param {egwAction} _action
|
||||
* @param {egwActionObject[]} _selected
|
||||
*/
|
||||
change_responsible(_action, _selected)
|
||||
{
|
||||
var et2 = _selected[0].manager.data.nextmatch.getInstanceManager();
|
||||
var responsible = et2.widgetContainer.getWidgetById('responsible');
|
||||
if(responsible)
|
||||
{
|
||||
responsible.set_value([]);
|
||||
et2.widgetContainer.getWidgetById('responsible_action[title]').set_value('');
|
||||
et2.widgetContainer.getWidgetById('responsible_action[title]').set_class('');
|
||||
et2.widgetContainer.getWidgetById('responsible_action[ok]').set_disabled(_selected.length !== 1);
|
||||
et2.widgetContainer.getWidgetById('responsible_action[add]').set_disabled(_selected.length === 1)
|
||||
et2.widgetContainer.getWidgetById('responsible_action[delete]').set_disabled(_selected.length === 1)
|
||||
}
|
||||
|
||||
if(_selected.length === 1)
|
||||
{
|
||||
var data = egw.dataGetUIDdata(_selected[0].id);
|
||||
|
||||
if(responsible && data && data.data)
|
||||
{
|
||||
et2.widgetContainer.getWidgetById('responsible_action[title]').set_value(data.data.info_subject);
|
||||
et2.widgetContainer.getWidgetById('responsible_action[title]').set_class(data.data.sub_class)
|
||||
responsible.set_value(data.data.info_responsible);
|
||||
}
|
||||
}
|
||||
|
||||
nm_open_popup(_action, _selected);
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle encrypted info_desc for print purpose
|
||||
* and triggers print action after decryption
|
||||
*
|
||||
* @param {Keyring} _keyring Mailvelope keyring to use
|
||||
*/
|
||||
printEncrypt(_keyring)
|
||||
{
|
||||
//this.mailvelopeAvailable(this.toggleEncrypt);
|
||||
var info_desc = this.et2.getWidgetById('info_des');
|
||||
|
||||
var self = this;
|
||||
mailvelope.createDisplayContainer('#infolog-edit-print_info_des', info_desc.value, _keyring).then(function(_container)
|
||||
{
|
||||
var $info_des_dom = jQuery(self.et2.getWidgetById('info_des').getDOMNode());
|
||||
// $info_des_dom.children('iframe').height($info_des_dom.height());
|
||||
$info_des_dom.children('span').hide();
|
||||
//Trigger print action
|
||||
self.infolog_print_preview();
|
||||
},
|
||||
function(_err)
|
||||
{
|
||||
self.egw.message(_err, 'error');
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
app.classes.infolog = InfologApp;
|
||||
Loading…
Reference in New Issue
Block a user