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