grafana/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}`;
  }
}