ui/app/router.js

import { inject as service } from '@ember/service';
import EmberRouter from '@ember/routing/router';
import config from './config/environment';

//const Router = Ember.Router.extend({
const Router = EmberRouter.extend({
  modalService: service('modal'),
  location: config.locationType,
  willTransition(){
    if (this.get('modalService.modalVisible')) {
      this.get('modalService').toggleModal();
    }
  },
});

Router.map(function() {
  this.mount('login', {path: '/login'});

  this.route('ie');
  this.route('index');
  this.route('failWhale', {path: '/fail'});
  this.route('not-found', {path: '*path'});

  this.route('signup', {path: '/signup'});
  this.route('verify', {path: '/verify/:verify_token'});
  this.route('verify-reset-password', {path: '/verify-reset-password/:verify_token'});

  // this.route('login', function() {
  //   this.route('index', {path: '/'});
  //   this.route('shibboleth-auth');
  // });
  this.route('logout');

  this.route('authenticated', {path: '/'}, function() {
    this.mount('global-admin', { path: '/admin', resetNamespace: true});
    this.route('dummy-dev', {path: '/dev'});

    this.route('prefs');

    // Clusters
    this.route('clusters', {path: '/clusters'}, function() {
      this.route('index', {path: '/'});
      this.route('new', {path: '/add'}, function() {
        this.route('rke');
      });
      this.route('new-project', {path: '/add-env'});
      this.route('project', {path: '/env/:project_id'});

      this.route('cluster', {path: '/:cluster_id'}, function() {
        this.route('edit');

        this.route('import');
        this.route('k8s', {path: '/kubernetes'});

        this.route('storage');
        this.route('networking');

        this.route('hosts');
        this.route('host-new', {path: '/add-host'});
        this.route('host-templates', {path: '/launch-host'}, function() {
          this.route('index', {path: '/'});
          this.route('launch', {path: '/:template_id'});
        });
      });
    });

    // Per-Project
    this.route('project', {path: '/env/:project_id'}, function() {
      this.route('index', {path: '/'});
      this.route('apikeys', {path: '/api/keys'}, function() {
        this.route('account', {path: '/account'});
        this.route('environment', {path: '/environment'});
      });
      this.route('waiting');

      this.route('containers', {resetNamespace: true}, function() {
        this.route('run', {path: '/run'});
        this.route('index', {path: '/'});

        this.route('container', {path: '/:container_id', resetNamespace: true});
      });

      this.route('balancers', {path: '/balancers', resetNamespace: true}, function() {
        this.route('index', {path: '/'});
        this.route('run', {path: '/run'});
      });

      this.route('dns', {path: '/dns', resetNamespace: true}, function() {
        this.route('index', {path: '/'});
        this.route('new', {path: '/add'});
      });

      this.route('volumes', {path: '/volumes', resetNamespace: true}, function() {
        this.route('index', {path: '/'});
        this.route('new', {path: '/add'});

        this.route('volume', {path: '/volume/:volume_id', resetNamespace: true});
      });

      this.route('service', {path: '/services/:service_id', resetNamespace: true});

      this.route('stack', {path: '/stack/:stack_id', resetNamespace: true}, function() {
        this.route('index', {path: '/'});
        this.route('code',  {path: '/code'});
        this.route('graph', {path: '/graph'});
        this.route('chart', {path: '/chart'});
      });

      this.route('new-stack', {path: '/import-yaml', resetNamespace: true});

      this.route('hosts', {path: '/hosts', resetNamespace: true}, function() {
        this.route('index', {path: '/'});
        this.route('host', {path: '/:host_id', resetNamespace: true});
      });

      // Infrastructure
      this.route('infrastructure-tab', {path: '/infra', resetNamespace: true}, function() {
        // Popup Routes
        this.route('console', {path: '/console', resetNamespace: true});
        this.route('container-log', {path: '/container-log', resetNamespace: true});

        this.route('certificates', {resetNamespace: true}, function() {
          this.route('new', {path: '/add'});
          this.route('index', {path: '/'});
          this.route('detail', {path: '/:certificate_id'});
        });

        this.route('registries', {path: '/registries', resetNamespace: true}, function() {
          this.route('new', { path: '/add' });
          this.route('index', {path: '/'});
        });

        this.route('secrets', {path: '/secrets', resetNamespace: true}, function() {
          this.route('new', {path: '/add'});
          this.route('index', {path: '/'});
          this.route('detail', {path: '/:certificate_id'});
        });
      });

      // Catalog
      this.route('apps-tab', {path: '/apps', resetNamespace: true}, function() {
        this.route('index', {path: '/'});

        this.route('catalog-tab', {path: '/catalog', resetNamespace: true}, function() {
          this.route('index', {path: '/'});
          this.route('launch', {path: '/:template'});
        });
      });

      this.route('help');

      this.route('apikeys', {path: '/api/keys'}, function() {
        this.route('account', {path: '/account'});
        this.route('environment', {path: '/environment'});
      });

      this.route('hooks', {path: '/api/hooks'}, function() {
        this.route('new-receiver', {path: '/add-receiver'});
        this.route('edit-receiver', {path: '/receiver/:receiver_id'});
      });
    });

    // End: Authenticated
  });


  // Load any custom routes from additional-routes
  // var cb = applyRoutes("application");
  // if( cb ) {
  //   cb.apply(this);
  // }
  // clearRoutes();
});


export default Router;