Remove PimMain.
Tom Hacohen
4 years ago
parent
b796217cd1
commit
460c712411
@ -1,179 +0,0 @@
|
|||||||
// SPDX-FileCopyrightText: © 2017 EteSync Authors
|
|
||||||
// SPDX-License-Identifier: AGPL-3.0-only
|
|
||||||
|
|
||||||
import * as React from "react";
|
|
||||||
import Fab from "@material-ui/core/Fab";
|
|
||||||
import ContentAdd from "@material-ui/icons/Add";
|
|
||||||
import Tab from "@material-ui/core/Tab";
|
|
||||||
import Tabs from "@material-ui/core/Tabs";
|
|
||||||
import { Theme, withTheme } from "@material-ui/core/styles";
|
|
||||||
|
|
||||||
import * as ICAL from "ical.js";
|
|
||||||
|
|
||||||
import * as EteSync from "etesync";
|
|
||||||
|
|
||||||
import { Location, History } from "history";
|
|
||||||
|
|
||||||
import Container from "../widgets/Container";
|
|
||||||
|
|
||||||
import SearchableAddressBook from "../components/SearchableAddressBook";
|
|
||||||
import Calendar from "../components/Calendar";
|
|
||||||
import TaskList from "../components/Tasks/TaskList";
|
|
||||||
|
|
||||||
import { EventType, ContactType, TaskType, PimType } from "../pim-types";
|
|
||||||
|
|
||||||
import { routeResolver } from "../App";
|
|
||||||
|
|
||||||
import { historyPersistor } from "../persist-state-history";
|
|
||||||
import { SyncInfo } from "../SyncGate";
|
|
||||||
import { UserInfoData, CredentialsData } from "../store";
|
|
||||||
|
|
||||||
const addressBookTitle = "Address Book";
|
|
||||||
const calendarTitle = "Calendar";
|
|
||||||
const tasksTitle = "Tasks";
|
|
||||||
|
|
||||||
const PersistCalendar = historyPersistor("Calendar")(Calendar);
|
|
||||||
|
|
||||||
interface PropsType {
|
|
||||||
contacts: ContactType[];
|
|
||||||
events: EventType[];
|
|
||||||
tasks: TaskType[];
|
|
||||||
location?: Location;
|
|
||||||
history?: History;
|
|
||||||
theme: Theme;
|
|
||||||
collectionsTaskList: EteSync.CollectionInfo[];
|
|
||||||
onItemSave: (item: PimType, journalUid: string, originalItem?: PimType) => Promise<void>;
|
|
||||||
syncInfo: SyncInfo;
|
|
||||||
userInfo: UserInfoData;
|
|
||||||
etesync: CredentialsData;
|
|
||||||
}
|
|
||||||
|
|
||||||
class PimMain extends React.PureComponent<PropsType> {
|
|
||||||
public state: {
|
|
||||||
tab: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
constructor(props: any) {
|
|
||||||
super(props);
|
|
||||||
this.state = { tab: 1 };
|
|
||||||
this.eventClicked = this.eventClicked.bind(this);
|
|
||||||
this.taskClicked = this.taskClicked.bind(this);
|
|
||||||
this.contactClicked = this.contactClicked.bind(this);
|
|
||||||
this.floatingButtonClicked = this.floatingButtonClicked.bind(this);
|
|
||||||
this.newEvent = this.newEvent.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
public eventClicked(event: ICAL.Event) {
|
|
||||||
// FIXME:Hack
|
|
||||||
const itemUid = `${(event as any).journalUid}|${encodeURIComponent(event.uid)}`;
|
|
||||||
|
|
||||||
this.props.history!.push(
|
|
||||||
routeResolver.getRoute("pim.events._id", { itemUid }));
|
|
||||||
}
|
|
||||||
|
|
||||||
public taskClicked(event: ICAL.Event) {
|
|
||||||
// FIXME:Hack
|
|
||||||
const itemUid = `${(event as any).journalUid}|${encodeURIComponent(event.uid)}`;
|
|
||||||
|
|
||||||
this.props.history!.push(
|
|
||||||
routeResolver.getRoute("pim.tasks._id.edit", { itemUid }));
|
|
||||||
}
|
|
||||||
|
|
||||||
public contactClicked(contact: ContactType) {
|
|
||||||
// FIXME:Hack
|
|
||||||
const itemUid = `${(contact as any).journalUid}|${encodeURIComponent(contact.uid)}`;
|
|
||||||
|
|
||||||
this.props.history!.push(
|
|
||||||
routeResolver.getRoute("pim.contacts._id", { itemUid }));
|
|
||||||
}
|
|
||||||
|
|
||||||
public newEvent(start?: Date, end?: Date) {
|
|
||||||
this.props.history!.push(
|
|
||||||
routeResolver.getRoute("pim.events.new"),
|
|
||||||
{ start, end }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
public floatingButtonClicked() {
|
|
||||||
if (this.state.tab === 0) {
|
|
||||||
this.props.history!.push(
|
|
||||||
routeResolver.getRoute("pim.contacts.new")
|
|
||||||
);
|
|
||||||
} else if (this.state.tab === 1) {
|
|
||||||
this.newEvent();
|
|
||||||
} else if (this.state.tab === 2) {
|
|
||||||
this.props.history!.push(
|
|
||||||
routeResolver.getRoute("pim.tasks.new")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public render() {
|
|
||||||
const { theme } = this.props;
|
|
||||||
const { tab } = this.state;
|
|
||||||
const style = {
|
|
||||||
floatingButton: {
|
|
||||||
margin: 0,
|
|
||||||
top: "auto",
|
|
||||||
right: 20,
|
|
||||||
bottom: 20,
|
|
||||||
left: "auto",
|
|
||||||
position: "fixed",
|
|
||||||
} as any,
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<React.Fragment>
|
|
||||||
<Tabs
|
|
||||||
variant="fullWidth"
|
|
||||||
style={{ backgroundColor: theme.palette.primary.main }}
|
|
||||||
value={tab}
|
|
||||||
onChange={(_event, value) => this.setState({ tab: value })}
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
label={addressBookTitle}
|
|
||||||
/>
|
|
||||||
<Tab
|
|
||||||
label={calendarTitle}
|
|
||||||
/>
|
|
||||||
<Tab
|
|
||||||
label={tasksTitle}
|
|
||||||
/>
|
|
||||||
</Tabs>
|
|
||||||
|
|
||||||
<Container>
|
|
||||||
{tab === 0 &&
|
|
||||||
<SearchableAddressBook entries={this.props.contacts} onItemClick={this.contactClicked} />
|
|
||||||
}
|
|
||||||
{tab === 1 &&
|
|
||||||
<PersistCalendar
|
|
||||||
entries={this.props.events}
|
|
||||||
onItemClick={this.eventClicked}
|
|
||||||
onSlotClick={this.newEvent}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
{tab === 2 &&
|
|
||||||
<TaskList
|
|
||||||
entries={this.props.tasks}
|
|
||||||
collections={this.props.collectionsTaskList}
|
|
||||||
onItemClick={this.taskClicked}
|
|
||||||
onItemSave={this.props.onItemSave}
|
|
||||||
syncInfo={this.props.syncInfo}
|
|
||||||
userInfo={this.props.userInfo}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
</Container>
|
|
||||||
|
|
||||||
<Fab
|
|
||||||
color="primary"
|
|
||||||
style={style.floatingButton}
|
|
||||||
onClick={this.floatingButtonClicked}
|
|
||||||
>
|
|
||||||
<ContentAdd />
|
|
||||||
</Fab>
|
|
||||||
</React.Fragment>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default withTheme(historyPersistor("PimMain")(PimMain));
|
|
||||||
Loading…
Reference in New Issue