Custom outlet panels

route.js

// inside application route
showPanel(panelName) {
      if (!this.can('view panel of application', { panel: panelName })) {
        return;
      }

      if (!panelName) {
        return console.warn('Invalid panel toggled');
      }


      let controller = this.getPanelController(panelName);

      if (controller) {
        controller.set('isOpen', true);
      }

      this.controller.set('activePanel', panelName);

      this.render(`panels/${panelName}`, {
        into: 'application',
        outlet: 'panel'
      });
    },

    removePanel() {
      var lastPanel = this.controller.get('activePanel');

      if (lastPanel) {
        let controller = this.getPanelController(lastPanel);

        if (controller) {
          controller.set('isOpen', false);
        }
      }

      this.controller.set('activePanel', undefined);

      this.disconnectOutlet({
        outlet: 'panel',
        parentView: 'application'
      });
    },
    
    getPanelController(panelName) {
          try {
            var controller = this.controllerFor(`panels/${panelName}`);
      
            return controller;
          } catch(e) {
            // pass
          }
        }