Folder Permissions
@@ -77,4 +82,17 @@ export class FolderPermissions extends Component
{
}
}
-export default hot(module)(FolderPermissions);
+const mapStateToProps = (state: StoreState) => {
+ const uid = state.location.routeParams.uid;
+ return {
+ navModel: getNavModel(state.navIndex, `folder-permissions-${uid}`, getLoadingNav(1)),
+ folderUid: uid,
+ folder: state.folder,
+ };
+};
+
+const mapDispatchToProps = {
+ getFolderByUid,
+};
+
+export default hot(module)(connect(mapStateToProps, mapDispatchToProps)(FolderPermissions));
diff --git a/public/app/features/folders/FolderSettingsPage.test.tsx b/public/app/features/folders/FolderSettingsPage.test.tsx
new file mode 100644
index 00000000000..3680fa9a197
--- /dev/null
+++ b/public/app/features/folders/FolderSettingsPage.test.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { FolderSettingsPage, Props } from './FolderSettingsPage';
+import { NavModel } from 'app/types';
+import { shallow } from 'enzyme';
+
+const setup = (propOverrides?: object) => {
+ const props: Props = {
+ navModel: {} as NavModel,
+ folderUid: '1234',
+ folder: {
+ id: 0,
+ uid: '1234',
+ title: 'loading',
+ canSave: true,
+ url: 'url',
+ hasChanged: false,
+ version: 1,
+ },
+ getFolderByUid: jest.fn(),
+ setFolderTitle: jest.fn(),
+ saveFolder: jest.fn(),
+ deleteFolder: jest.fn(),
+ };
+
+ Object.assign(props, propOverrides);
+
+ const wrapper = shallow();
+ const instance = wrapper.instance() as FolderSettingsPage;
+
+ return {
+ wrapper,
+ instance,
+ };
+};
+
+describe('Render', () => {
+ it('should render component', () => {
+ const { wrapper } = setup();
+ expect(wrapper).toMatchSnapshot();
+ });
+
+ it('should enable save button', () => {
+ const { wrapper } = setup({
+ folder: {
+ id: 1,
+ uid: '1234',
+ title: 'loading',
+ canSave: true,
+ hasChanged: true,
+ version: 1,
+ },
+ });
+ expect(wrapper).toMatchSnapshot();
+ });
+});
diff --git a/public/app/features/folders/FolderSettingsPage.tsx b/public/app/features/folders/FolderSettingsPage.tsx
new file mode 100644
index 00000000000..1eb7ccafc65
--- /dev/null
+++ b/public/app/features/folders/FolderSettingsPage.tsx
@@ -0,0 +1,105 @@
+import React, { PureComponent } from 'react';
+import { hot } from 'react-hot-loader';
+import { connect } from 'react-redux';
+import PageHeader from 'app/core/components/PageHeader/PageHeader';
+import appEvents from 'app/core/app_events';
+import { getNavModel } from 'app/core/selectors/navModel';
+import { NavModel, StoreState, FolderState } from 'app/types';
+import { getFolderByUid, setFolderTitle, saveFolder, deleteFolder } from './state/actions';
+import { getLoadingNav } from './state/navModel';
+
+export interface Props {
+ navModel: NavModel;
+ folderUid: string;
+ folder: FolderState;
+ getFolderByUid: typeof getFolderByUid;
+ setFolderTitle: typeof setFolderTitle;
+ saveFolder: typeof saveFolder;
+ deleteFolder: typeof deleteFolder;
+}
+
+export class FolderSettingsPage extends PureComponent {
+ componentDidMount() {
+ this.props.getFolderByUid(this.props.folderUid);
+ }
+
+ onTitleChange = evt => {
+ this.props.setFolderTitle(evt.target.value);
+ };
+
+ onSave = async evt => {
+ evt.preventDefault();
+ evt.stopPropagation();
+
+ await this.props.saveFolder(this.props.folder);
+ };
+
+ onDelete = evt => {
+ evt.stopPropagation();
+ evt.preventDefault();
+
+ appEvents.emit('confirm-modal', {
+ title: 'Delete',
+ text: `Do you want to delete this folder and all its dashboards?`,
+ icon: 'fa-trash',
+ yesText: 'Delete',
+ onConfirm: () => {
+ this.props.deleteFolder(this.props.folder.uid);
+ },
+ });
+ };
+
+ render() {
+ const { navModel, folder } = this.props;
+
+ return (
+
+ );
+ }
+}
+
+const mapStateToProps = (state: StoreState) => {
+ const uid = state.location.routeParams.uid;
+
+ return {
+ navModel: getNavModel(state.navIndex, `folder-settings-${uid}`, getLoadingNav(2)),
+ folderUid: uid,
+ folder: state.folder,
+ };
+};
+
+const mapDispatchToProps = {
+ getFolderByUid,
+ saveFolder,
+ setFolderTitle,
+ deleteFolder,
+};
+
+export default hot(module)(connect(mapStateToProps, mapDispatchToProps)(FolderSettingsPage));
diff --git a/public/app/features/folders/__snapshots__/FolderSettingsPage.test.tsx.snap b/public/app/features/folders/__snapshots__/FolderSettingsPage.test.tsx.snap
new file mode 100644
index 00000000000..2de0c193d27
--- /dev/null
+++ b/public/app/features/folders/__snapshots__/FolderSettingsPage.test.tsx.snap
@@ -0,0 +1,131 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Render should enable save button 1`] = `
+
+
+
+
+ Folder Settings
+
+
+
+
+
+
+
+ Folder Settings
+
+
+
+