energylink/public/app/features/dashboard/folder_page_loader.ts

import _ from 'lodash';

export class FolderPageLoader {
  constructor(private backendSrv, private $routeParams) {}

  load(ctrl, folderId, activeChildId) {
    ctrl.navModel = {
      main: {
        icon: 'fa fa-folder-open',
        id: 'manage-folder',
        subTitle: 'Manage folder dashboards & permissions',
        url: '',
        text: '',
        breadcrumbs: [
          { title: 'Dashboards', url: '/dashboards' },
          { title: ' ' },
        ],
        children: [
          {
            active: activeChildId === 'manage-folder-dashboards',
            icon: 'fa fa-fw fa-th-large',
            id: 'manage-folder-dashboards',
            text: 'Dashboards',
            url: '/dashboards',
          },
          {
            active: activeChildId === 'manage-folder-permissions',
            icon: 'fa fa-fw fa-lock',
            id: 'manage-folder-permissions',
            text: 'Permissions',
            url: '/dashboards/permissions',
          },
          {
            active: activeChildId === 'manage-folder-settings',
            icon: 'fa fa-fw fa-cog',
            id: 'manage-folder-settings',
            text: 'Settings',
            url: '/dashboards/settings',
          },
        ],
      },
    };

    return this.backendSrv
      .getDashboard('db', this.$routeParams.slug)
      .then(result => {
        const folderTitle = result.dashboard.title;
        ctrl.navModel.main.text = '';
        ctrl.navModel.main.breadcrumbs = [
          { title: 'Dashboards', url: '/dashboards' },
          { title: folderTitle },
        ];

        const folderUrl = this.createFolderUrl(
          folderId,
          result.meta.type,
          result.meta.slug
        );

        const dashTab = _.find(ctrl.navModel.main.children, {
          id: 'manage-folder-dashboards',
        });
        dashTab.url = folderUrl;

        const permTab = _.find(ctrl.navModel.main.children, {
          id: 'manage-folder-permissions',
        });
        permTab.url = folderUrl + '/permissions';

        const settingsTab = _.find(ctrl.navModel.main.children, {
          id: 'manage-folder-settings',
        });
        settingsTab.url = folderUrl + '/settings';

        return result;
      });
  }

  createFolderUrl(folderId: number, type: string, slug: string) {
    return `/dashboards/folder/${folderId}/${slug}`;
  }
}