Script includes for converting a standard website into a single-page app.
Also adds any script helpers as defined from a comma separated list.
This is not an advanced framework for single-page apps. This helper is
simply for catching links and fetching any normal $page->body data via ajax,
then replacing the existing body content on the webpage.
Note: This utility currently does not handle forms.
Usage:
This utility should be called to in the <head> of the
desired layout after{! admin/head !} has been called.
{! admin/util/async !}
To deal with the differences between how the setup of scripts can differ,
there are two parts to assist in managing these scripts.
First is triggers. These are jQuery.trigger() events to manage the DOM and
ajax data along different points of the ajax fetch. They are triggered on
the $(document) node.
Called before the ajax request is made:
$(document).trigger('async_start');
Called upon successful RESTful data return
and before DOM insertion happens:
$(document).trigger('async_pre');
Called after the DOM insertion happens:
$(document).trigger('async_post');
Called if all data operations have succeeded:
$(document).trigger('async_success');
Called if a RESTful error is returned:
$(document).trigger('async_error');
Called if the ajax request fails:
$(document).trigger('async_fail');
Called after the ajax request has finished:
$(document).trigger('async_end');
Second is helpers. These are pre-made scripts that make use of
the above triggers to manage and assist scripts that are loaded
in via the ajax request.
Helpers can be requested via comma separated 'helpers' parameter.
The script naming convention is "helper.app.handler.js".
Script includes for converting a standard website into a single-page app.
Also adds any script helpers as defined from a comma separated list. This is not an advanced framework for single-page apps. This helper is simply for catching links and fetching any normal
$page->bodydata via ajax, then replacing the existing body content on the webpage.Usage:
This utility should be called to in the
<head>of the desired layout after{! admin/head !}has been called.To deal with the differences between how the setup of scripts can differ, there are two parts to assist in managing these scripts.
First is triggers. These are
jQuery.trigger()events to manage the DOM and ajax data along different points of the ajax fetch. They are triggered on the$(document)node.Called before the ajax request is made:
Called upon successful RESTful data return and before DOM insertion happens:
Called after the DOM insertion happens:
Called if all data operations have succeeded:
Called if a RESTful error is returned:
Called if the ajax request fails:
Called after the ajax request has finished:
Second is helpers. These are pre-made scripts that make use of the above triggers to manage and assist scripts that are loaded in via the ajax request.
Helpers can be requested via comma separated 'helpers' parameter. The script naming convention is "helper.app.handler.js".