This article describes the API used to develop client plug-ins, as well as client-side form scripts.

For more information, refer to the client API documentation.

Table of Contents

scope.api

The API is available by using scope.api.<moren>

scope.api.router

It only contains the function get(), which returns the Angular router.

scope.api.clipboard

The clipboard consists of an array of DMS objects and the type of clipboard action.

There are two action types available using the const "ClipboardAction":

Type	Description
ClipboardAction.COPY	copies DMS objects
ClipboardAction.CUT	cuts DMS objects

scope.api.clipboard.set()

Use this function to set DMS objects and action type.

Parameter	Type	Description
elements	DmsObject[]	DMS objects you want to copy or cut
action	ClipboardAction	type of action

scope.api.clipboard.get()

This function returns a clipboard object with elements and action.

scope.api.clipboard.clear()

This function clears the clipboard.

scope.api.events

Events can be triggered by a component. Listening components can then react.

Type of events

There are several client-specific events. The most common ones are bundled in the const "EnaioEvent".

Type	Description	Data
LOGOUT

on

On logout.
CLIENT_LOCALE_CHANGED

the

The client locale

has

was changed.	ISO locale string
SCHEMA_LOCALE_CHANGED

the

The schema locale

has

was changed.	ISO locale string
DMS_OBJECT_DELETED

a

A DMS object was deleted.	the deleted DMS object
DMS_OBJECT_VERSION_RESTORED

an

An older version of a DMS object was restored.	the ID of the restored DMS object
DMS_OBJECT_FAVORITE_ON

a

A DMS object was added to the favorites.	the ID of the DMS object
DMS_OBJECT_FAVORITE_OFF

a

A DMS object was removed from the favorites.	the ID of the DMS object
DMS_OBJECT_LOADED	A DMS object was loaded into the object details	the loaded DMS object
DMS_OBJECT_UPDATED

a

A DMS object was updated (

index data

metadata, content, subscription, ...).	the updated DMS object
DMS_OBJECT_PASTED

a

A DMS object was pasted into a new context folder.

the pasted

DMS objects

DMS object
DMS_OBJECT_VERSION_RESTORED	An older version of a DMS object was restored	the ID of the restored DMS object
EO_DIALOG_STACK_CHANGED

the

The dialog stack

has

was changed.

an object with ID and active status of the dialog

...

PROCESS_FILE_CHANGED

Triggering this event causes the process file list to be updated with given file entries.

an array of file entries

scope.api.events.trigger()

With this function, you can trigger an event of a the type mentioned above.

Parameter	Type	Description
type	string	type of the event
data	any	(optional) data associated with the event

...

Code Block

language	js
title	Example
linenumbers	true

scope.api.events.trigger(EnaioEvent.DMS_OBJECT_UPDATEDeo.dms.object.updated, dmsObject);

To update the process file list, use this trigger:

Code Block

title	Example: trigger the process file list

scope.api.events.

...

With this function, you can listen to events of a type mentioned above.

...

Code Block

language	js
title	Example
linenumbers	true

scope.api.events.on(EnaioEvent.DMS_OBJECT_UPDATED).subscribe(event => {
	let dmsObject = event.data;
	let eventType = event.type;
});

scope.api.session

Currently, only the following session function is available.

scope.api.session.getUser() (user information)

The function scope.api.session.getUser() returns the user object, in which the following properties about the currently logged-in user are available. They are read-only.

...

Functions

...

trigger("eo.process.file.changed",[{
	id:'BD5DEF6896D842219719CEEBF8BC355A',
	title: "Hello Again",
	description: "Hello Again from Horst",
	iconid: "8ED1E037E4D7468AB69EB8A04C2EA080",
	creator: "root",
	addtime: "2021-07-09T09:19:40.047+0000",
	type: "qdoc"
}]);

scope.api.events.on()

With this function, you can listen to events of a type mentioned above.

Parameter	Type	Description
type	string	type of the event

Returns an observable containing type and data.

Code Block

language	js
title	Example
linenumbers	true

scope.api.events.on(eo.dms.object.updated).subscribe(event => {
	let dmsObject = event.data;
	let eventType = event.type;
});

scope.api.session

Currently, only the following session function is available.

scope.api.session.getUser()

...

Sample script:

Code Block

language	js
title	Aktueller Benutzer
linenumbers	true

// Write information for the current user in a model value
// The model value must be a STRING type.
var u=scope.api.session.getUser(); 
scope.model.text.value=
'- Login name				\n'+u.name+'\n'+
'- Roles					\n'+u.roles.join()+'\n'+
'- Hasrole FULL_ACCESS?		\n'+u.hasRole('FULL_ACCESS');

scope.api.util

A list of helper functions follows:

sopce.api.util.translate

...

(user information)

The function scope.api.session.getUser() returns the user object, in which the following properties about the currently logged-in user are available. They are read-only.

Name	Description
id	System ID (32 characters)
`name`	Login name
`firstname`	First name
`lastname`	Last name
`title`	Displayed name in the format of '`lastname`, `firstname`'
`email`	E-mail address
`roles`	String array with the roles for which the user is authorized
`locale`	Application language in ISO code (de, en, ...) as configured in the client settings
`schemaLocale`	Object definition language in ISO code (de, en, ...) as configured in the client settings
`deputies`	String array with substitutes configured for this user
`priveleges`	String array with the function rights of the user
`present`	FALSE if the user is not present as configured in the client settings or in yuuvis® RAD management-studio
`userImage`	REST call for retrieval of the user image

Functions

Name	Description
`hasRole(rolename)`	Checks whether `rolename` is given in the `scope.api.session.getUser().roles` array. Note: case-sensitive.

Sample script:

Code Block

language	js
title	Aktueller Benutzer
linenumbers	true

// Write information for the current user in a model value
// The model value must be a STRING type.
var u=scope.api.session.getUser(); 
scope.model.text.value=
'- Login name				\n'+u.name+'\n'+
'- Roles					\n'+u.roles.join()+'\n'+
'- Hasrole FULL_ACCESS?		\n'+u.hasRole('FULL_ACCESS');

scope.api.util

A list of helper functions follows:

sopce.api.util.translate

Returns the translated value for a specific translation key.

Code Block

language	js
title	Example: Messages
linenumbers	true

var myText = scope.api.util.translate('my.translation.key'); // myText = 'Example Text'

sopce.api.util.notifier (display messages)

This helper can be used to display messages in the form of a toaster.

Functions

Name	Description	Color
`success(message[,title])`	Displays a success message	Green
`error(message[,title])`	Displays an error message	Red
`info(message[,title])`	Displays an informational message	Gray
`warning(message[,title])`	Displays a warning message	Orange

Example

Code Block

language	js
title	Example: Messages
linenumbers	true

var scope.api.util.notifierm=scope.model;
m.unlimited.onchange=function() {
	if( m.unlimited.value ) {	
		scope.api.util.notifier.success( 
			 m.firstname.value +' ' +m.familiyname.value+' is now employed without time limit.',		// Message
			'Personal information changed'   // optional: use a short title
		);
	}
}

The success message is displayed in green.

Image Added

scope.api.util.encodeFileName

Encodes a file name safe for sending characters beyond ASCII-7bit using quoted printable encoding.

More information to come.

scope.api.http

You can use HTTP requests to get data from any service of the system, including custom microservices, which are part of the yuuvis® RAD microservice infrastructure.

The following standard functions are supported: get, post, put and delete.

If you want a format different from JSON, you have to add a third parameter {responseType: 'arraybuffer' | 'blob' | 'json' | 'text'}.

Remark: The handling of async HTTP requests must be done using 'then' because 'await' is currently not supported.

scope.api.http.get

Code Block

language	js
title	Example : Messagesfor get
linenumbers	true

var myText =// 1st example: show some user's inbox work items in the message box:
scope.api.utilhttp.translate('my.translation.key'); // myText = 'Example Text'

sopce.api.util.notifier (display messages)

This helper can be used to display messages in the form of a toaster.

Functions

...

Example

Code Block

language	js
title	Example: Messages
linenumbers	true

var scope.api.util.notifierm=scope.model;
m.unlimited.onchange=function() {
	if( m.unlimited.value ) {	
		scope.api.util.notifier.success( 
			 m.firstname.value +' ' +m.familiyname.value+' is now employed without time limit.',		// Message
			'Personal information changed'   // optional: use a short title
		);
	}
}

The success message is displayed in green.

Image Removed

scope.api.util.encodeFileName

Encodes a file name safe for sending characters beyond ASCII-7bit using quoted printable encoding.

More information to come.

scope.api.http

You can use HTTP requests to get data from any service of the system, including custom microservices, which are part of the yuuvis® RAD microservice infrastructure.

...

get('/get?size=10','/inboxservice').then(
	function(result) {
	    var inbox='';
		result.data.content.forEach(function(row) {
			inbox+=row.title+'</br>';
		});
		scope.api.util.notifier.success(inbox,'Some inbox work items');
	},
	function(error) {
		scope.api.util.notifier.error('Failed to load inbox', 'Error');
	}
);


// 2nd example: show all users' favorites
scope.api.http.get('/service/user/favorites','/rest-ws').then(
	function(result) {
	    var favs='';
		result.data.forEach(function(row) {
			favs+=row.title+'</br>';
		});
		scope.api.util.notifier.success(favs,'Your favorites');
	},
	function(error) {
		scope.api.util.notifier.error('Failed to load favorites', 'Error');
	}
);

// For more information, see the REST function descriptions.

scope.api.http.

...

put

Code Block

language	js
title	Example for getput
linenumbers	true

// 1sthow example: show some user´s inbox workitems in the message box:
scope.api.http.get('/get?size=10','/inboxservice').then(
	function(result) {
	    var inbox='';
		result.data.content.forEach(function(row) {
			inbox+=row.title+'</br>';
		});to change object data
var objectId = '7B683C8E19BD492198F6A262D14EF43F';
var changeBody = {'status': 'active'};
scope.api.http.put('/service/dms/'+objectId, changeBody, '/rest-ws').then(
	function(result){
		scope.api.util.notifier.successinfo(inbox,'Some inbox workitems'Status changed to "active"', 'Success');
	},
	function(error) {
		scope.api.util.notifier.error('Failed to load inbox' to change object data for ' + objectId, 'Error');
	}
);

// For more information, see the REST function descriptions.

scope.api.http.del

Code Block

language	js
title	Example for del
linenumbers	true

// 2nd example: show all users' favorites how to delete an object until version 8.16 LTS
var objectId = '7B683C8E19BD492198F6A262D14EF43F';

scope.api.http.getdel('/service/userdms/favorites' + objectId, '/rest-ws').then(
	function(result) {
	    var favs='';
		result.data.forEach(function(row) {
			favs+=row.title+'</br>';
		});
		   scope.api.util.notifier.success(favs,'Your favoritesinfo('Deleted object ' + objectId, 'Success');
	},
	function(error) {
		scope.api.util.notifier.error('Failed to loaddelete object favorites' + objectId, 'Error');
	}
);

// how Forto moredelete information,an seeobject thebeginning RESTwith function descriptions.

scope.api.http.put

Code Block

language	js
title	Example for put
linenumbers	true

// how to change object data
var objectId = '7B683C8E19BD492198F6A262D14EF43F';
var changeBody = {'status': 'active'};version 9.0
// the new parameter forceDelete=true must be used if objects that are contained in a process file should be deleted nevertheless

scope.api.http.putdel('/service/dms/' + objectId +objectId, changeBody '?forceDelete=true', '/rest-ws').then(
	function(result) {
		    scope.api.util.notifier.info('StatusDeleted object changed' to "active"'+ objectId, 'Success');
	},
	function(error) {
		scope.api.util.notifier.error('Failed to changedelete object data for ' + objectId, 'Error');
	}
);

// For more information, see the REST function descriptions.

scope.api.http.

...

post

Code Block

language	js
title	Example for delpost
linenumbers	true

// how to deletecreate ana objectsubscription
var objectId = '7B683C8E19BD492198F6A262D14EF43F'= '7B683C8E19BD492198F6A262D14EF43F';
var body = {subject: 'My subscription', type: 'document'};


scope.api.http.delpost('/service/dms/subscription/' + objectId, body, '/rest-ws').then(
	function(result) {
	    	scope.api.util.notifier.info('DeletedCreated subscription objectfor ' + objectId, 'Success');
	},
	function(error) {
		scope.api.util.notifier.error('Failed to deletecreate subscription objectfor ' + objectId, 'Error');
	}
);

// For more information, see the REST function descriptions.

scope.api.dms

This section describes the read access to object information.

scope.api.

...

language	js
title	Example for post
linenumbers	true

...

dms.getObject()

Loads a DMS object from the backend.

Parameter	Type	Description
`id`	string	The ID of the DMS object to be fetched.
`type`	string	optional: The object type of the selected DMS object. Will improve performance if set.
`version`	string	optional: Retrieve a specific version of the DMS object.

Code Block

language	js
linenumbers	true

// example: get object of a given ID
var objectId = '7B683C8E19BD492198F6A262D14EF43F';
scope.api.dms.getObject(objectId).then(
	function(result) {
		scope.api.util.notifier.info('Created subscription for ' + objectId, 'Success');result.title, 'Title of Object');
		// index-values can be found in result.data
		// example: result.data.companyname
	},
	function(error) {
		scope.api.util.notifier.error('Failed to create subscription for ' + objectIderror, 'ErrorAn error occured');
	}
);

// For more information, see the REST function descriptions.

scope.api.dms

...

This section describes the read access to object information.

scope.api.dms.getObject()

...

.getResult()

Fetch DMS objects from the server by search parameters.

This functions uses the DMS-Service search.

...

Parameter	Type	Description
id	string	The id of the DMS object to be fetched.
type	string	optional: The object type of the selected DMS object. Will improve performance if set.
version	string	optional: retrieve a specific version of the DMS object.

...

language	js
linenumbers	true


fields	object	the fields to be matched, example: {name: 'max', plz: '47111}
type	string	the qualified name of the object type

This function returns a promise which is resolved by an array of DmsObjects matching the given parameters.

Code Block

language	js

// fill dynamic list with object values
var dynlist = scope.model.catalogfield;
var myRequest={};
if ( scope.situation == 'CREATE' ) { 
	 myRequest={create:true};
}
if ( scope.situation == 'EDIT' ) {
	 myRequest={edit:true};
}
scope.api.dms.getObject(objectIdgetResult(myRequest,'dynlist').then( 
	function(result) {
		scope.api.util.notifier.info(result.title, 'Title of Object')var dynlist = [];
		// index-values can be found in result.data
		// example: result.data.companyname
	},
	function(error) {
		scope.api.util.notifier.error(''+error, 'An error occured');
	}
);

...

Fetch DMS objects from the server by search parameters.

This functions uses the DMS-Service search.

...

result.forEach(function(row) {
			if( row.data.value ) {
				dynlist.push({
					value: row.data.value,
					description: row.data[scope.api.session.getUser().userSettings.schemalocale]
				});
			};
		});
		dynlist.setList({
			config: {
				allelementsselectable: true
			},
			entries: dynlist
		});
	},
	function(error) {
		scope.api.util.notifier.error('Could not values',error);
	}
);

scope.api.dms.downloadContent()

This function starts a download of the content file of a DMS object.

Parameter	Type	Description
`dmsObject`	DmsObject	the DMS object with the content to download
`rendition`	string	(optional) the type of the content file ('PDF', 'TIFF', 'TEXT', 'JPEG') if you don't want to have the original file

scope.api.config

Gets information about configurations.

scope.api.config.get()

This function returns information about the location of special resources.

relative path to the themes folder

config entry	description
serviceBase	relative URL to the yuuvis® RAD rest services
pluginsBase	relative path to the plug-ins project folder
pluginStatesBase	relative path to the plug-in states project folder
themeBase	Config entry	Description
serviceBase	relative URL to the yuuvis® RAD rest services

scope.api.

...

agent

These functions help to handle custom actions with yuuvis® RAD agent.

scope.api.agent.getAvailability()

This function gets the agent availability and returns a promise which is resolved with the agent availability.

Promise	Description
`agentAvailability.CONNECTED`	The user has an agent connected and the current browser session is connected.
`agentAvailability.AVAILABLE`	The user has an agent connected to the system, but there is no pairing between the current browser session and an agent.
`agentAvailability.UNAVAILABLE`	The user is not connected with any agent.

For examples, see the Client-side Custom Action Scripting documentation.

scope.api.agent.executeAction()

This function executes an action on a connected and paired client computer. For the format of the args parameter, see below.

Action	Parameters	Description
`scope.api.agent.action.OPEN`	{ document: { id: <string>, title: <string>, type: <string> }, lock: <bool> }	Opens a document for local editing. Only a single DmsObject at a time can be opened. The current user can lock the document by passing true.
`scope.api.agent.action.MAIL`	[ { id: <string>, title: <string>, type: <string> }, .. ]	Creates a new e-mail with documents as attachment.
`scope.api.agent.action.MAIL_AS_PDF`	[ { id: <string>, title: <string>, type: <string> }, .. ]	Creates a new e-mail with as PDF rendition documents as attachment.
`scope.api.agent.action.CLIPBOARD`	[ { id: <string>, title: <string>, type: <string> }, .. ]	Downloads the documents to the local computer and puts them into the system clipboard.
`scope.api.agent.action.CLIPBOARD_AS_PDF`	[ { id: <string>, title: <string>, type: <string> }, .. ]	Downloads the documents as PDF rendition to the local computer and puts them into the system clipboard.
`scope.api.agent.action.`CLIPBOARD_AS_PDF`EXTERNAL`	[ { idexecutable: <string>, titleargs: <string>, type: <string> }, .. ]	Downloads the documents as PDF rendition to the local computer and puts them into the system clipboard.	[ <string, .. ] }	Calls a local executable. Restricted to executables in the 'agent externals' folder next to the agent installation directory: <AGENT_INSTALLATION_DIRECTORY>\..\agent externals

Examples

Code Block

language	js
linenumbers	true

scope.api.agent.executeAction(scope.api.agent.action.

...

Examples

Code Block

language	js
linenumbers	true

scope.api.agent.executeAction(scope.api.agent.action.OPEN, { document: { id: myObject.id, title: myObject.title, type: myObject.type }, lock: false });

scope.api.agent.executeAction(scope.api.agent.action.MAIL, {
        message: {OPEN, { document: { id: myObject.id, title: myObject.title, type: myObject.type }, lock: false });

// from, to, cc and bcc can be string or array of strings and are optional
scope.api.agent.executeAction(scope.api.agent.action.MAIL, {
        message: {
			from: ["mail1@mail.org", "mail2@mail.org"]
			to:	"mail3@mail.org"
			cc:	["cc_mail@mqilorg"]
			bcc: "bcc_mail@mail.org"
          	text: "some fancy text",        // as e-mail body text (if not provided will be filled with "title (filename)" of attachment if no attachment is provided text will be empty)
          text	subject: "some fancy textsubject",        // as e-mail bodysubject text(if not provided will be filled with     subject"title (v: version)"some fancyor subject"title" of  // as e-mail subjectattachment if no attachment is provided subject will be empty)
        },
        attachments: myObject.map(o => { return { id: o.id, title: o.title, rendition: "", version:null, type: o.typeName } })        
           // attach all document files of the corresponding objects to the e-mail
           // if message = null default values are used
      });

scope.api.agent.executeAction(scope.api.agent.action.EXTERNAL, { executable: 'jump2sap.exe', args: [ '/ID', myObject.id ] });

...

Page Comparison

Versions Compared

Old Version 9

New Version Current

Key

scope.api

scope.api.router

scope.api.clipboard

scope.api.clipboard.set()

scope.api.clipboard.get()

scope.api.clipboard.clear()

scope.api.events

Type of events

scope.api.events.trigger()

scope.api.session

scope.api.session.getUser() (user information)

scope.api.events.on()

scope.api.session

scope.api.session.getUser()

scope.api.util

sopce.api.util.translate

(user information)

scope.api.util

sopce.api.util.translate

sopce.api.util.notifier (display messages)

scope.api.util.encodeFileName

scope.api.http

scope.api.http.get

sopce.api.util.notifier (display messages)

scope.api.util.encodeFileName

scope.api.http

scope.api.http.

put

scope.api.http.del

scope.api.http.put

scope.api.http.

post

scope.api.dms

scope.api.

dms.getObject()

scope.api.dms

scope.api.dms.getObject()

.getResult()

scope.api.dms.downloadContent()

scope.api.config

scope.api.config.get()

scope.api.

agent

scope.api.agent.getAvailability()

scope.api.agent.executeAction()