Créer l’action d’envoi de mail

Nous allons commencer par ajouter l’action permettant d’ouvrir le MailEditor au niveau des actions d’en-tête d’un document.

Pour cela ajoutez le script suivant :

Action d'envoi de mail

var labels = JSAPI.get().getLabelsAPI();
labels.setLabels([
	{
        name: "sendEmail",
		FR: "Envoyer un email depuis l'application",
		EN: "Send an email from app"
	}
]);
JSAPI.get().registerForComponentChange(function(api, results, phase) {
		var actions = api.getActions().getHeaderActions();
		var actionAPI = JSAPI.get().getActionFactoryAPI();
		var action = actionAPI.buildMenu("send-email", labels.getLabel("sendEmail"), "far fa-envelope-open-text", function(actionPresenter){
			//open mail editor
		});
		actions.add(action);
});

Ouvrir le MailEditor

Nous souhaitons maintenant pouvoir ouvrir le MailEditor au clic sur l’action. Pour cela nous allons utiliser le MailEditorPlugin.

Ouverture du MailEditor

new MailEditorPlugin({}}).open();

Ajoutez ce script d’ouverture du MailEditor au callback de l’action :

Ouverture du MailEditor au clic de l'action

JSAPI.get().registerForComponentChange(function(api, results, phase) {
		var actions = api.getActions().getHeaderActions();
		var actionAPI = JSAPI.get().getActionFactoryAPI();
		var action = actionAPI.buildMenu("send-email", labels.getLabel("sendEmail"), "fas fa-envelope-open-text", function(actionPresenter){
			new MailEditorPlugin({}).open();
		});
		actions.add(action);
});

Vous pouvez désormais ouvrir le MailEditor depuis n’importe quel composant.