storing-and-retrying-transition

controllers.account-summary.js

import Ember from 'ember';

export default Ember.Controller.extend({
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

controllers.login.js

import Ember from 'ember';

export default Ember.Controller.extend({
  userIsLoggedIn: false,
  actions: {
    login(name, phrase) {
      // Log the user in, then reattempt previous transition if it exists.
      let previousTransition = this.previousTransition;
      if (previousTransition && name && phrase) {
        this.set('previousTransition', null);
        this.set('userIsLoggedIn', true);
        previousTransition.retry();
      } else {
        // Default back to homepage
        this.set('name', '');
        this.set('phrase', '');
        alert("Nice Try!!! Enter all the fields butt munch");
        //this.transitionToRoute('index');
      }
    }
  }
});

router.js

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

const Router = EmberRouter.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('login');
  this.route('account-summary');
});

export default Router;

routes.account-summary.js

import Ember from 'ember';

export default Ember.Route.extend({
  beforeModel(transition) {
    if (!this.controllerFor('login').userIsLoggedIn) {
      let loginController = this.controllerFor('login');
      loginController.set('previousTransition', transition);
      alert('You have to Login to access this page, redirecting to Login.');
      this.transitionTo('login');
    }
  }
});

routes.login.js

import Ember from 'ember';

export default Ember.Route.extend({
});

templates.account-summary.hbs

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

templates.application.hbs

{{outlet}}

templates.index.hbs

<button>{{#link-to "account-summary"}}Account Summary{{/link-to}}</button>
<button>Overrated Credit Cards</button>
<button>Useless Customer Service</button>
<button>Bragging About Us</button>
{{outlet}}

templates.login.hbs

User Name:{{input type="text" value=name}}
<br><br>
Phrase:{{input type="text" value=phrase}}
<button {{action "login" name phrase}}>Login</button>
<br><br>
{{#link-to "index"}}Go Back To Main Page{{/link-to}}

twiddle.json

{
  "version": "0.15.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.4.3",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
  },
  "addons": {
    "ember-data": "3.4.2"
  }
}