public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip: folder to redux

Browse Source
This commit is contained in:
Torkel Ödegaard
2018-09-11 10:36:55 +02:00
parent 679ffbfd83
commit 61112d93d8
2 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/manage-dashboards/FolderSettingsPage.tsx
+27 -33
View File
@@ -120,48 +120,41 @@ export class FolderSettingsPage extends PureComponent<Props> {
render() {
const { navModel } = this.props;
// if (!folder.folder || !nav.main) {
// return <h2>Loading</h2>;
// }
return (
<div>
<PageHeader model={navModel} />
<div className="page-container page-body">
<h2 className="page-sub-heading">Folder Settings</h2>
<div className="section gf-form-group">
<form name="folderSettingsForm" onSubmit={this.save.bind(this)}>
<div className="gf-form">
<label className="gf-form-label width-7">Name</label>
<input
type="text"
className="gf-form-input width-30"
value={folder.folder.title}
onChange={this.onTitleChange.bind(this)}
/>
</div>
<div className="gf-form-button-row">
<button
type="submit"
className="btn btn-success"
disabled={!folder.folder.canSave || !folder.folder.hasChanged}
>
<i className="fa fa-save" /> Save
</button>
<button className="btn btn-danger" onClick={this.delete.bind(this)} disabled={!folder.folder.canSave}>
<i className="fa fa-trash" /> Delete
</button>
</div>
</form>
</div>
</div>
</div>
);
}
// asd() {
// <div className="section gf-form-group">
// <form name="folderSettingsForm" onSubmit={this.save.bind(this)}>
// <div className="gf-form">
// <label className="gf-form-label width-7">Name</label>
// <input
// type="text"
// className="gf-form-input width-30"
// value={folder.folder.title}
// onChange={this.onTitleChange.bind(this)}
// />
// </div>
// <div className="gf-form-button-row">
// <button
// type="submit"
// className="btn btn-success"
// disabled={!folder.folder.canSave || !folder.folder.hasChanged}
// >
// <i className="fa fa-save" /> Save
// </button>
// <button className="btn btn-danger" onClick={this.delete.bind(this)} disabled={!folder.folder.canSave}>
// <i className="fa fa-trash" /> Delete
// </button>
// </div>
// </form>
// </div>
//
// }
}
const mapStateToProps = (state: StoreState) => {
@@ -170,6 +163,7 @@ const mapStateToProps = (state: StoreState) => {
return {
navModel: getNavModel(state.navIndex, `folder-settings-${uid}`),
folderUid: uid,
folder: state.folder,
};
};
public/app/features/manage-dashboards/state/reducers.ts
+7 -1
View File
@@ -1,7 +1,13 @@
import { FolderState } from 'app/types';
import { Action, ActionTypes } from './actions';
export const inititalState: FolderState = null;
export const inititalState: FolderState = {
uid: 'loading',
id: -1,
title: 'loading',
canSave: false,
hasChanged: false,
};
export const folderReducer = (state = inititalState, action: Action): FolderState => {
switch (action.type) {