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: '/fsdfds',
        text: '',
        breadcrumbs: [
          { title: 'Dashboards', uri: '/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'
          }
        ]
      }
    };

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

      const folderUrl = `/dashboards/folder/${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';
    });
  }
}