AppSuite:Writing a notification area plugin (7.6.x) - Revision history

Khgras at 10:02, 22 May 2017

2017-05-22T10:02:13Z

← Older revision		Revision as of 10:02, 22 May 2017
Line 381:		Line 381:

	== Stuck somewhere? ==		== Stuck somewhere? ==
	You got stuck with a problem while developing? OXpedia might help you out with the article about [~~[AppSuite~~:~~Debugging_the_UI \|~~ debugging the UI]].		You got stuck with a problem while developing? OXpedia might help you out with the article about [https://documentation.open-xchange.com/latest/ui/miscellaneous/debugging.html debugging the UI].

2017-05-22T09:33:52Z

← Older revision		Revision as of 09:33, 22 May 2017
Line 58:		Line 58:
	</pre>		</pre>

	For further information about manifests look [~~[AppSuite~~:UI manifests ~~explained\|~~here]].		For further information about manifests look [https://documentation.open-xchange.com/latest/ui/customize/manifests.html here].

	==Coding the base==		==Coding the base==

2015-09-10T08:21:28Z

← Older revision		Revision as of 08:21, 10 September 2015
Line 1:		Line 1:
	{{Stability-experimental}}		{{Stability-experimental}}

	<div class="title">Writing a plugin for the notification area</div>		<div class="title">Writing a plugin for the notification area (7.6.x)</div>

	'''Abstract:''' This article is a step by step tutorial to build your own notification plugin.		'''Abstract:''' This article is a step by step tutorial to build your own notification plugin.

2015-09-10T08:20:47Z

← Older revision

Revision as of 08:20, 10 September 2015

2013-10-23T09:57:45Z

← Older revision		Revision as of 09:57, 23 October 2013
Line 379:		Line 379:
	[[Category:AppSuite]]		[[Category:AppSuite]]
	[[Category:UI]]		[[Category:UI]]

			== Stuck somewhere? ==
			You got stuck with a problem while developing? OXpedia might help you out with the article about [[AppSuite:Debugging_the_UI \| debugging the UI]].

2013-04-25T14:32:29Z

← Older revision		Revision as of 14:32, 25 April 2013
Line 1:		Line 1:
			{{Stability-experimental}}

	<div class="title">Writing a plugin for the notification area</div>		<div class="title">Writing a plugin for the notification area</div>

	'''Abstract:''' This article is a step by step tutorial to build your own notification plugin.		'''Abstract:''' This article is a step by step tutorial to build your own notification plugin.
	These plugins can be used for various purposes, for example reminding the user of something or showing him new invitations.		These plugins can be used for various purposes, for example reminding the user of something or showing him new invitations.

2013-04-12T11:32:33Z

Adding a Sidepopup

← Older revision		Revision as of 11:32, 12 April 2013
Line 283:		Line 283:
	</pre>		</pre>

	This calls the ''openPopup'' function of our view if you click on a div with the class item, which , in this case, are our notifications.		This calls the ''openPopup'' function of our view if you click on a div with the class item, which, in this case, are our notifications.
	We will create the ''openPopup'' function now, add this function to your view:		We will create the ''openPopup'' function now, add this function to your view:

2013-04-12T11:31:55Z

Registering your plugin

← Older revision		Revision as of 11:31, 12 April 2013
Line 65:		Line 65:
	Do so by adding:		Do so by adding:

	<pre class="language-javascript">		<pre class="language-javascript">
	//register our notification plugin		//register our notification plugin
	ext.point('io.ox/core/notifications/register').extend({		ext.point('io.ox/core/notifications/register').extend({

2013-04-12T11:31:48Z

Creating the View

← Older revision		Revision as of 11:31, 12 April 2013
Line 85:		Line 85:
	In our example the code to create the view looks like this.		In our example the code to create the view looks like this.

	<pre class="language-javascript">		<pre class="language-javascript">
	//the view of our plugin		//the view of our plugin
	var NotificationsView = Backbone.View.extend({		var NotificationsView = Backbone.View.extend({

2013-04-12T11:31:40Z

Adding the headline

← Older revision		Revision as of 11:31, 12 April 2013
Line 112:		Line 112:
	Add this code to your views render method to create the point and invoke the draw method of its extensions.		Add this code to your views render method to create the point and invoke the draw method of its extensions.

	<pre class="language-javascript">		<pre class="language-javascript">
	//build baton to wrap things up		//build baton to wrap things up
	var baton = ext.Baton({ view: this });		var baton = ext.Baton({ view: this });
Line 124:		Line 124:
	''this'' refers to our views dom node we draw in in the rendering method.		''this'' refers to our views dom node we draw in in the rendering method.

	<pre class="language-javascript">		<pre class="language-javascript">
	//the header and container for the notification plugin		//the header and container for the notification plugin
	ext.point('io.ox/core/notifications/tutorial/header').extend({		ext.point('io.ox/core/notifications/tutorial/header').extend({