Help with understanding the front end code.

[Sridhar S <sr...@gmail.com>]

Hi,
 I am trying to understand better the low level design of the UI.  For this
i would like to execute the scripts and render the page corresponding to
HDFSPolicies separately, make changes and see its effect on the UI. Any
help on how to do this would be appreciated.
 More specifically, which html file invokes the HDFSTableLayout.js
Marionette layout or PolicyForm Backbone form and which file renders the
layout and form?
 I tried searching for the string HDFSTableLayout.js with the aim of
finding out the html file which invokes this as a script, but failed to
find such an html file.
 I came across index.html with the following
<script data-main="scripts/Init"
src="libs/bower/requirejs/js/require.js"></script> but i am unable to
follow the require chain from Init.js to HDFSTableLayout or
PolicyForm....including how PolicyCreate.js
App.rContent.show(new view({
                            collection : resourceListForAsset,
                            assetModel : that.assetModel
                        }));
and
onRender: function() {
            XAUtil.showAlerForDisabledPolicy(this);
            this.rForm.show(this.form);
            this.rForm.$el.dirtyFields();
            XAUtil.preventNavigation(localization.tt
('dialogMsg.preventNavPolicyForm'),this.rForm.$el);
            this.initializePlugins();
        },
Fit in with the rest of the flow.

Thanks much
Sridhar