diff options
| author | crupest <crupest@outlook.com> | 2020-05-30 23:41:31 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-30 23:41:31 +0800 |
| commit | 85360e8e755b4ce7fd1bd8531d78c06a3b9ffbdf (patch) | |
| tree | 710a731990f9dc9a9475baebc5867298e6df33c4 /Timeline/ClientApp/src/timeline/TimelinePropertyChangeDialog.tsx | |
| parent | fc0521d81aa2293b94ea40b79ec0df80966c0278 (diff) | |
| parent | 05c104022f71c3b19949205d5d23f07b4cd9a598 (diff) | |
| download | timeline-85360e8e755b4ce7fd1bd8531d78c06a3b9ffbdf.tar.gz timeline-85360e8e755b4ce7fd1bd8531d78c06a3b9ffbdf.tar.bz2 timeline-85360e8e755b4ce7fd1bd8531d78c06a3b9ffbdf.zip | |
Merge pull request #72 from crupest/merge-frontend
Merge frontend repo into this repo.
Diffstat (limited to 'Timeline/ClientApp/src/timeline/TimelinePropertyChangeDialog.tsx')
| -rw-r--r-- | Timeline/ClientApp/src/timeline/TimelinePropertyChangeDialog.tsx | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/timeline/TimelinePropertyChangeDialog.tsx b/Timeline/ClientApp/src/timeline/TimelinePropertyChangeDialog.tsx new file mode 100644 index 00000000..9ab725a6 --- /dev/null +++ b/Timeline/ClientApp/src/timeline/TimelinePropertyChangeDialog.tsx @@ -0,0 +1,70 @@ +import React from 'react';
+
+import {
+ TimelineVisibility,
+ kTimelineVisibilities,
+ PersonalTimelineChangePropertyRequest
+} from '../data/timeline';
+
+import OperationDialog, {
+ OperationSelectInputInfoOption
+} from '../common/OperationDialog';
+
+export interface TimelinePropertyInfo {
+ visibility: TimelineVisibility;
+ description: string;
+}
+
+export interface TimelinePropertyChangeDialogProps {
+ open: boolean;
+ close: () => void;
+ oldInfo: TimelinePropertyInfo;
+ onProcess: (request: PersonalTimelineChangePropertyRequest) => Promise<void>;
+}
+
+const labelMap: { [key in TimelineVisibility]: string } = {
+ Private: 'timeline.visibility.private',
+ Public: 'timeline.visibility.public',
+ Register: 'timeline.visibility.register'
+};
+
+const TimelinePropertyChangeDialog: React.FC<TimelinePropertyChangeDialogProps> = props => {
+ return (
+ <OperationDialog
+ title={'timeline.dialogChangeProperty.title'}
+ titleColor="default"
+ inputScheme={[
+ {
+ type: 'select',
+ label: 'timeline.dialogChangeProperty.visibility',
+ options: kTimelineVisibilities.map<OperationSelectInputInfoOption>(
+ v => ({
+ label: labelMap[v],
+ value: v
+ })
+ ),
+ initValue: props.oldInfo.visibility
+ },
+ {
+ type: 'text',
+ label: 'timeline.dialogChangeProperty.description',
+ initValue: props.oldInfo.description
+ }
+ ]}
+ open={props.open}
+ close={props.close}
+ onProcess={([newVisibility, newDescription]) => {
+ const req: PersonalTimelineChangePropertyRequest = {};
+ if (newVisibility !== props.oldInfo.visibility) {
+ req.visibility = newVisibility as TimelineVisibility;
+ }
+ if (newDescription !== props.oldInfo.description) {
+ req.description = newDescription as string;
+ }
+ return props.onProcess(req);
+ }}
+ />
+ );
+};
+
+export default TimelinePropertyChangeDialog;
|