From 679ffbfd8320490c20bb02acc1648557764734df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Mon, 10 Sep 2018 21:49:04 +0200
Subject: [PATCH] wip: progress on redux folder store

---
 public/app/core/actions/index.ts              |  4 +-
 .../manage-dashboards/state/actions.ts        | 39 ++++++++++++++++++-
 .../manage-dashboards/state/reducers.ts       | 20 ++++++++++
 public/app/stores/configureStore.ts           |  2 +
 public/app/types/dashboard.ts                 | 12 +++++-
 public/app/types/index.ts                     |  5 ++-
 6 files changed, 75 insertions(+), 7 deletions(-)

diff --git a/public/app/core/actions/index.ts b/public/app/core/actions/index.ts
index b4b9b21126e..451a13dae99 100644
--- a/public/app/core/actions/index.ts
+++ b/public/app/core/actions/index.ts
@@ -1,4 +1,4 @@
 import { updateLocation } from './location';
-import { updateNavIndex } from './navModel';
+import { updateNavIndex, UpdateNavIndexAction } from './navModel';
 
-export { updateLocation, updateNavIndex };
+export { updateLocation, updateNavIndex, UpdateNavIndexAction };
diff --git a/public/app/features/manage-dashboards/state/actions.ts b/public/app/features/manage-dashboards/state/actions.ts
index ab5e1212d5f..b3243c7bf2b 100644
--- a/public/app/features/manage-dashboards/state/actions.ts
+++ b/public/app/features/manage-dashboards/state/actions.ts
@@ -1,7 +1,8 @@
 import { getBackendSrv } from 'app/core/services/backend_srv';
 import { StoreState } from 'app/types';
 import { ThunkAction } from 'redux-thunk';
-import { FolderDTO } from 'app/types';
+import { FolderDTO, NavModelItem } from 'app/types';
+import { updateNavIndex, UpdateNavIndexAction } from 'app/core/actions';
 
 export enum ActionTypes {
   LoadFolder = 'LOAD_FOLDER',
@@ -19,11 +20,45 @@ export const loadFolder = (folder: FolderDTO): LoadFolderAction => ({
 
 export type Action = LoadFolderAction;
 
-type ThunkResult<R> = ThunkAction<R, StoreState, undefined, Action>;
+type ThunkResult<R> = ThunkAction<R, StoreState, undefined, Action | UpdateNavIndexAction>;
 
+function buildNavModel(folder: FolderDTO): NavModelItem {
+  return {
+    icon: 'fa fa-folder-open',
+    id: 'manage-folder',
+    subTitle: 'Manage folder dashboards & permissions',
+    url: '',
+    text: folder.title,
+    breadcrumbs: [{ title: 'Dashboards', url: 'dashboards' }],
+    children: [
+      {
+        active: false,
+        icon: 'fa fa-fw fa-th-large',
+        id: `folder-dashboards-${folder.uid}`,
+        text: 'Dashboards',
+        url: folder.url,
+      },
+      {
+        active: false,
+        icon: 'fa fa-fw fa-lock',
+        id: `folder-permissions-${folder.uid}`,
+        text: 'Permissions',
+        url: `${folder.url}/permissions`,
+      },
+      {
+        active: false,
+        icon: 'fa fa-fw fa-cog',
+        id: `folder-settings-${folder.uid}`,
+        text: 'Settings',
+        url: `${folder.url}/settings`,
+      },
+    ],
+  };
+}
 export function getFolderByUid(uid: string): ThunkResult<void> {
   return async dispatch => {
     const folder = await getBackendSrv().getFolderByUid(uid);
     dispatch(loadFolder(folder));
+    dispatch(updateNavIndex(buildNavModel(folder)));
   };
 }
diff --git a/public/app/features/manage-dashboards/state/reducers.ts b/public/app/features/manage-dashboards/state/reducers.ts
index e69de29bb2d..1eb873f5bd0 100644
--- a/public/app/features/manage-dashboards/state/reducers.ts
+++ b/public/app/features/manage-dashboards/state/reducers.ts
@@ -0,0 +1,20 @@
+import { FolderState } from 'app/types';
+import { Action, ActionTypes } from './actions';
+
+export const inititalState: FolderState = null;
+
+export const folderReducer = (state = inititalState, action: Action): FolderState => {
+  switch (action.type) {
+    case ActionTypes.LoadFolder:
+      return {
+        ...action.payload,
+        canSave: false,
+        hasChanged: false,
+      };
+  }
+  return state;
+};
+
+export default {
+  folder: folderReducer,
+};
diff --git a/public/app/stores/configureStore.ts b/public/app/stores/configureStore.ts
index 0cdc07fd31a..5aa5ccc5f41 100644
--- a/public/app/stores/configureStore.ts
+++ b/public/app/stores/configureStore.ts
@@ -4,11 +4,13 @@ import { createLogger } from 'redux-logger';
 import sharedReducers from 'app/core/reducers';
 import alertingReducers from 'app/features/alerting/state/reducers';
 import teamsReducers from 'app/features/teams/state/reducers';
+import manageDashboardsReducers from 'app/features/manage-dashboards/state/reducers';
 
 const rootReducer = combineReducers({
   ...sharedReducers,
   ...alertingReducers,
   ...teamsReducers,
+  ...manageDashboardsReducers,
 });
 
 export let store;
diff --git a/public/app/types/dashboard.ts b/public/app/types/dashboard.ts
index 3ec82842934..576432d413e 100644
--- a/public/app/types/dashboard.ts
+++ b/public/app/types/dashboard.ts
@@ -1,7 +1,17 @@
 export interface FolderDTO {
   id: number;
+  uid: string;
   title: string;
   url: string;
   version: number;
-  hasAcl: boolean;
+}
+
+export interface FolderState {
+  id: number;
+  uid: string;
+  title: string;
+  url: string;
+  version: number;
+  canSave: boolean;
+  hasChanged: boolean;
 }
diff --git a/public/app/types/index.ts b/public/app/types/index.ts
index 221a64b48d4..bc54cea35cb 100644
--- a/public/app/types/index.ts
+++ b/public/app/types/index.ts
@@ -1,6 +1,6 @@
-import { FolderDTO } from './dashboard';
+import { FolderDTO, FolderState } from './dashboard';
 
-export { FolderDTO };
+export { FolderDTO, FolderState };
 
 //
 // Location
@@ -136,4 +136,5 @@ export interface StoreState {
   alertRules: AlertRulesState;
   teams: TeamsState;
   team: TeamState;
+  folder: FolderState;
 }