////////////////////////////////////////////////////////////////////////////////
// In PHP, rendering the page:
$node_id = celerity_generate_unique_node_id();
Javelin::initBehavior('live-log', array(
'logContainerNodeID' => $node_id,
'logID' => $log->getID(),
));
$node = javelin_tag(
'div',
array(
'id' => $node_id,
),
pht('Loading...'));
////////////////////////////////////////////////////////////////////////////////
// In Javascript:
/**
* @provides javelin-behavior-live-log
* @requires javelin-behavior
* @javelin
*/
JX.behavior('live-log', function(config) {
var containerNode = JX.$(config.logContainerNodeID);
function refresh_node() {
new JX.Request('/harbormaster/log/live/' + config.logID + '/')
.setHandler(got_data)
.start();
}
function got_data(r) {
JX.DOM.setData(containerNode, JX.$H(r.markup));
}
// Refresh every 5 seconds.
setInterval(refresh_node, 5000);
});
////////////////////////////////////////////////////////////////////////////////
// Map the behavior:
phabricator/ $ ./scripts/celerity_mapper.php webroot
////////////////////////////////////////////////////////////////////////////////
// In PHP, in the Ajax endpoint:
$pretty_log = render_some_view();
return id(new AphrontAjaxResponse())->setContent(
array(
'markup' => $pretty_log,
));