81 lines
2.5 KiB
JavaScript
81 lines
2.5 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import { Popover, List, ListItem, Navbar, NavTitle, NavRight } from 'framework7-react';
|
|
import { Sheet, Toolbar, BlockTitle, Link, Page, View, Icon } from 'framework7-react';
|
|
import { withTranslation, useTranslation } from 'react-i18next';
|
|
|
|
const PageUsers = () => {
|
|
const { t } = useTranslation();
|
|
const userlist = useSelector(state => state.users);
|
|
return (
|
|
<Page name="collab__users">
|
|
<Navbar title="Users" backLink="Back"></Navbar>
|
|
<BlockTitle>{t("Collaboration.textEditUser")}</BlockTitle>
|
|
<List className="coauth__list">
|
|
{userlist.map((model, i) => (
|
|
<ListItem title={model.asc_getUserName()} key={i}>
|
|
<Icon slot="media" icon="coauth__list__icon" style={{ backgroundColor:model.asc_getColor() }}></Icon>
|
|
</ListItem>
|
|
))}
|
|
</List>
|
|
</Page>)
|
|
};
|
|
|
|
const PageCollaboration = () => {
|
|
"use strict";
|
|
|
|
return <Page name="collab__main">
|
|
<Navbar title="Collaboration">
|
|
<NavRight>
|
|
<Link sheetClose>Close</Link>
|
|
</NavRight>
|
|
</Navbar>
|
|
<List>
|
|
<ListItem href="/users/" title="Users"/>
|
|
<ListItem link="#" title="Comments"/>
|
|
</List>
|
|
</Page>;
|
|
|
|
};
|
|
|
|
class CollaborationPopover extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
render() {
|
|
return (
|
|
<Popover className="collab__popover">
|
|
<Page>
|
|
<Navbar title="Collaboration"></Navbar>
|
|
<List>
|
|
<ListItem link="#" title="Users"/>
|
|
<ListItem link="#" title="Comments"/>
|
|
</List>
|
|
</Page>
|
|
</Popover>
|
|
)
|
|
}
|
|
}
|
|
|
|
class CollaborationSheet extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.routes = [
|
|
{path: '/', component: 'PageCollaboration'},
|
|
{path: '/users/', component: 'PageUsers'}
|
|
];
|
|
}
|
|
render() {
|
|
return (
|
|
<Sheet className="collab__sheet" push>
|
|
<View>
|
|
<PageCollaboration />
|
|
</View>
|
|
</Sheet>
|
|
)
|
|
}
|
|
}
|
|
|
|
// export withTranslation()(CollaborationPopover);
|
|
export {CollaborationPopover, CollaborationSheet, PageCollaboration, PageUsers, } |