TheDude
/
openproject
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36417 Commits
139 Branches
203 Tags
1.2 GiB
 
 
 
 
 
 
Tag: Branch: Tree: 5cb920ec7d
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5cb920ec7d'
${ noResults }
openproject/frontend/doc/LEGACY.md

1.3 KiB
Raw Blame History

Additional information on Legacy frontend

The legacy bundle is only used from Rails to add functionality to specific parts of the application.

Loading and bootstrapping the legacy AngularJS frontend

To bootstrap the AngularJS frontend from Rails, use the activate_angular_js helper block:

<!-- @see ./app/helpers/angular_helper.rb -->
<%= activate_angular_js do %>
    <persistent-toggle identifier="repository.checkout_instructions">
      <div>
      Something rendered from Rails ...
    </div>
    </persistent-toggle>
<% end %>

The legacy frontend with AngularJS can be bootstrapped with content contained within. This is not possible in Angular, since the root component needs to be empty (or will be emptied during bootstrap).

Passing information and configuration from Rails to Angular

There are three ways of passing information from Rails to AngularJS:

  1. Using tag attributes written directly to the DOM by the rendering process of Rails as in the example before.

  2. Using the gon gem

This is included by all layouts in <head>:

<%= include_gon(nonce: content_security_policy_nonce(:script)) %>

gon will provide arbitrary settings from Rails to all JavaScript functionality, including AngularJS. In an angular context a ConfigurationService is provided for picking up the settings.