Lightning Talk: Fluxo (básico) Ember 1.x.x

Transcript

1. Model Controller Route Template View
2. Model Route model(p, t) beforeModel(transition) afterModel(resolvedModel, transition) Promise Promise Promise
3. model () { return this.get('store').findAll('structural-context'); } afterModel (transition) { let superResult = this._super(transition); return this.get('consumer').setup() .then(() => superResult); } Model Route
4. setupController(controller, model) setupController(controller, model) { let query = { structuralItemId: model.get('structuralItemId') }; this.get('store').query('structural-widget', query).then((structuralWidgets) => { controller.set('structuralWidgets', structuralWidgets); }); this._super(controller, model); } Controller Route
5. renderTemplate(controller, model) sidebar: 'default', renderTemplate (controller, model) { this.render('sidebar', { outlet: 'sidebar' }); this.render(`sidebar/${this.get('sidebar')}`, { outlet: 'sidebar-content', into: 'sidebar' }); this._super(controller, model); } Route View
6. Template View didInsertElement () { this._super(); Ember.run.scheduleOnce('afterRender', this, () => { window.componentHandler.upgradeAllRegistered(); }); } MyView = Ember.View.extend({ classNames: ['my-class', 'my-other-class'] }); <div id="ember1" class="ember-view my-class my-other-class"></div> didInsertElement() willClearRender() willDestroyElement() willInsertElement()
7. Controller Template <div class="col-sm-3"> {{#if model.parent}} <h3>PAI:</h3> {{#linkTo "structural_contexts.structural_context" model.parent}} {{model.parent.name}} ({{model.parent.structuralItemType}}) {{/linkTo}} {{/if}} </div> <h2 class="col-sm-5 text-center">{{model.name}} ({{model}})</h2>
8. Controller View didInsertElement: -> ... controller = @get('controller') rdpApi = controller.get('rdpApi') config = controller.get('config') controller.get('features').set('go_to_page', null) ... Ember.$('.container').click ()-> controller.get('features').send('close') ... reader.on "error", (status)-> controller.send('invalidateSession') if status is 403