|
|
@ -3,6 +3,8 @@ import { Tabs, Tab } from 'material-ui/Tabs';
|
|
|
|
|
|
|
|
|
|
|
|
import * as EteSync from './api/EteSync';
|
|
|
|
import * as EteSync from './api/EteSync';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import Container from './Container';
|
|
|
|
|
|
|
|
|
|
|
|
import JournalEntries from './JournalEntries';
|
|
|
|
import JournalEntries from './JournalEntries';
|
|
|
|
import JournalAddressBook from './JournalAddressBook';
|
|
|
|
import JournalAddressBook from './JournalAddressBook';
|
|
|
|
import JournalCalendar from './JournalCalendar';
|
|
|
|
import JournalCalendar from './JournalCalendar';
|
|
|
@ -10,6 +12,8 @@ import LoadingIndicator from './LoadingIndicator';
|
|
|
|
|
|
|
|
|
|
|
|
import { syncEntriesToItemMap, syncEntriesToCalendarItemMap } from './journal-processors';
|
|
|
|
import { syncEntriesToItemMap, syncEntriesToCalendarItemMap } from './journal-processors';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { getPalette } from './App';
|
|
|
|
|
|
|
|
|
|
|
|
import { JournalsData, EntriesType, CredentialsData } from './store';
|
|
|
|
import { JournalsData, EntriesType, CredentialsData } from './store';
|
|
|
|
|
|
|
|
|
|
|
|
interface PropsType {
|
|
|
|
interface PropsType {
|
|
|
@ -72,21 +76,42 @@ class Journal extends React.Component {
|
|
|
|
itemsTitle = 'Items';
|
|
|
|
itemsTitle = 'Items';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const style = {
|
|
|
|
|
|
|
|
header: {
|
|
|
|
|
|
|
|
backgroundColor: getPalette('primary1Color'),
|
|
|
|
|
|
|
|
color: getPalette('alternateTextColor'),
|
|
|
|
|
|
|
|
padding: 15,
|
|
|
|
|
|
|
|
textAlign: 'center',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
headerText: {
|
|
|
|
|
|
|
|
margin: 0,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
|
|
|
|
<React.Fragment>
|
|
|
|
|
|
|
|
<div style={style.header}>
|
|
|
|
|
|
|
|
<Container>
|
|
|
|
|
|
|
|
<h2 style={style.headerText}>{collectionInfo.displayName}</h2>
|
|
|
|
|
|
|
|
</Container>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<Tabs>
|
|
|
|
<Tabs>
|
|
|
|
<Tab
|
|
|
|
<Tab
|
|
|
|
label={itemsTitle}
|
|
|
|
label={itemsTitle}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<h2>{collectionInfo.displayName}</h2>
|
|
|
|
<Container>
|
|
|
|
{itemsView}
|
|
|
|
{itemsView}
|
|
|
|
|
|
|
|
</Container>
|
|
|
|
</Tab>
|
|
|
|
</Tab>
|
|
|
|
<Tab
|
|
|
|
<Tab
|
|
|
|
label="Journal Entries"
|
|
|
|
label="Journal Entries"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<h2>{collectionInfo.displayName}</h2>
|
|
|
|
<Container>
|
|
|
|
<JournalEntries journal={journal} entries={syncEntries} />;
|
|
|
|
<JournalEntries journal={journal} entries={syncEntries} />;
|
|
|
|
|
|
|
|
</Container>
|
|
|
|
</Tab>
|
|
|
|
</Tab>
|
|
|
|
</Tabs>
|
|
|
|
</Tabs>
|
|
|
|
|
|
|
|
</React.Fragment>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|