Efficy Overflow Q&A - Recent questions tagged requirejs

Guest page & requirejs : Yes we can!

Fri, 18 Jun 2021 11:48:26 +0000

I know, I know, I know: Guest pages went to the dark side of the force! But since I'm as old as Methuselah, I already had to work on them and still have to, for legacy reasons.

First I have to thank Stéphane & Kristof, our gurus, who opened the Red Sea waters to let me reach the Holy Land.

The first step to activate requirejs framework from a guest page is to call a macro like this one:

DialogScripts {[
  <%UseScript('js/config/require.config.js', fixedpath=T, data-custombase='%%GetFileBase(short=T)')%>
  <%Evaluate("%%Macro('RequireConfigCustom')")%>
  <%UseScript('../../../../lib/js/vendor/require.js', fixedpath=T, data-main='%%Macro("MainJsModule")', data-custom-main='%%Macro("MainJsModuleCustom")')%>
]}

The second one is to copy the standard efficy/js/config/require.config.js file in your guest/myGuest/js/config folder. A few drops of Holy water on this file will then suffice to perform the miracle :

baseUrl: '../guest/myGuest/js',

Since your custom require.config.js is one level deeper than the efficy one, you have to add one ../ to all relative paths:

'domReady':               '../../lib/js/vendor/require.domReady',

becomes

'domReady':             '../../../lib/js/vendor/require.domReady',

Add this ../ to all standard modules relative paths.

And at the end of the file :

if (tagC) {
  attrC = tagC.getAttribute(attrC).replace(/([^\/]*)\/$/, '$1'); // remove trailing slash;
  if (attrC) require.paths.custom = '../' + attrC + '/js/';
}
if (tagD) {
  attrD = tagD.getAttribute(attrD).replace(/([^\/]*)\/$/, '$1'); // remove trailing slash;
  if (attrD && attrD !== '..') require.paths.dealer = '../' + attrD + '/js/';
}

becomes

if (tagC) {
  attrC = tagC.getAttribute(attrC).replace(/([^\/]*)\/$/, '$1'); // remove trailing slash;
if (attrC)
  require.paths.custom = '../../' + attrC + '/js/';
}
if (tagD) {
  attrD = tagD.getAttribute(attrD).replace(/([^\/]*)\/$/, '$1'); // remove trailing slash;
if (attrD && attrD !== '..')
  require.paths.dealer = '../../' + attrD + '/js/';
}

You can now use the requirejs well known syntax from your page :

requirejs(
  ['standardModule', 'custom/misc/customModule'],
  function(StandardModule, CustomModule) {
     ...
  }
);

Meditate on this Psalm III of Chapter II of the Gospel according to Saint Peter and think about it the next time you'll have to work on a guest page.

Amen!

Add a "AddAction" button to dashboard Widget

Wed, 20 Jan 2016 19:34:20 +0000

How do we need to approach the addition of an "Add Action" button in the Efficy Dashboard in for example the "Today Tasks" Widget?

I've been trying several ways to achieve this, but I can't get the button to work.

requirejs error in custom.js

Wed, 30 Dec 2015 09:50:29 +0000

Hello,

I'm trying to use "jquery" and "format" in custom.js as the following:

function CreateRelation(Bookmark, MainEntity, MainKey, Entity, Key) {   
    requirejs(['jquery', 'utils/format', 'utils/utils'], 
    function ($, format, Utils) {   
        if ((MainEntity == 'Proj' || MainEntity == 'Oppo') && Entity == 'Prod') {       
            var sameBrand = '0';        
            var ExtraParams = "&MainKey=" + MainKey +"&ProdKey="  Key+"&MainEntity="+MainEntity;        
            $.ajax({url: format("dialog?_macrofile=MacroAjax&_macro=RunScript&File=$0&Func=$1", "serverscripts/common.js", "sameBrandEntProd"),             
            data: ExtraParams   
            }).done(function (html) {
                sameBrand = html;
            });         
            if (sameBrand == '1') 
                EditRelation("edit/relation.htm", MainEntity, MainKey, Entity, Key);        
            else 
                alert('You can not link this product because it does not have the right brand.');   
        } 
    });
}

But i'm getting this error:

Am i missing some thing? please let me know your suggestion and advises.
Best Regards.