rahulcs

Requirements

• export as vue component
• active or similar boolean prop to enable/disable trap
• focus first focusable element within children of components
• traps user focus within the element.
• optional: prop to specify element to focus on
• optional: prop to specify element focus on when disabled

Options

• https://github.com/theKashey/vue-focus-lock - 3.1 kb

rahulcs

type Status = 'Unapproved' | 'Rejected' | 'Approved';

enum statusEnum {
  Unapproved = 'grey',
  Rejected = 'red',
  Approved = 'green'
}

interface Arr {
    id: number;

rahulcs

export default Ember.Route.extend({
  renderTemplate: function() {
    this.render('site.reports.report-type.detail.index', {   // the template to render
      into: 'site.reports.report-type', // the template to render into
      controller: 'site.reports.report-type.detail'// the controller to use for the template
    });
  }
});

rahulcs

1. When a function is invoked by '()' , `this` is set to the window global object.
2. Invocation as a method of an object will set `this` to the object itself. 
3. Invocation as a contstructor referenced with the 'new' keyword, the object is passed as 'this' to the constructor and any absence of an explicit return value with always return the new object created as the constructor.
4. Invocation via call/apply passes an object as function parameter & that object will be set to `this`.