Page Comparison

...

In order to modernise Rogo we are modularising our javascript and implementing requirejs.

...

...

Loading config into js

Config is loading loaded into the js via the rogoconfig element on the page. rogo.js reads the attributes in as follows:

...

requirejs(['ui', 'jquery', 'jqueryvalidate', 'jqueryui'], function (UIUi, $) {
    var ui = new UIUi();
    // Validate ldap options, and toggle extra settings.
    $("#installForm").validate();
    $('#useLdap').change(function () {
        $('#ldapOptions').toggle();
    });
    $('#uselookupLdap').change(function () {
        $('#ldaplookupOptions').toggle();
    });

    $('#config').click(function() {
        ui.go_config();
    });
});

...

The jsxls module can then access the strings using the landlang_string method. i.e.

requirejs(['jsxls', 'jquery', 'jqueryvalidate'], function (jsxlsJsxls, $) {
    $('#forgotten_pw').validate({
        messages: {
            email: jsxlsJsxls.lang_string['emailaddressinvalid'],
        }
    });
});

Coding Standards

1. The first letter of variables included via RequireJS should be capitalised, and local variables should be lowercase

   
   

   Code Block
   language js title example.js
   requirejs(['ui', 'jquery'], function (Ui, $) { var ui = new Ui(); $('#config').click(function() { ui.go_config(); }); });