kenmirrors/firefly-iii
1
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-10-04 19:50:55 +00:00
Code Issues Projects Releases Wiki Activity

These are all the files from the Tabler react repos, made to work with laravel and webpack.

Browse Source
This commit is contained in:
James Cole
2019-01-04 17:03:16 +01:00
parent 961e7e92b3
commit 40028c8be7
94 changed files with 51417 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
resources/js/pages/Email.react.js vendored Normal file
View File

@@ -0,0 +1,130 @@
// @flow
import React from "react";
import {
Page,
Grid,
Badge,
Button,
Card,
Container,
List,
Form,
} from "tabler-react";
import SiteWrapper from "../SiteWrapper.react";
function Email() {
return (
<SiteWrapper>
<div className="my-3 my-md-5">
<Container>
<Grid.Row>
<Grid.Col md={3}>
<Page.Title className="mb-5">Mail Service</Page.Title>
<div>
<List.Group transparent={true}>
<List.GroupItem
className="d-flex align-items-center"
to="/email"
icon="inbox"
active
>
Inbox
<Badge className="ml-auto">14</Badge>
</List.GroupItem>
<List.GroupItem
to="/email"
className="d-flex align-items-center"
icon="send"
>
Sent Mail
</List.GroupItem>
<List.GroupItem
to="/email"
className="d-flex align-items-center"
icon="alert-circle"
>
Important{" "}
<Badge className="ml-auto badge badge-secondary">3</Badge>
</List.GroupItem>
<List.GroupItem
to="/email"
className="d-flex align-items-center"
icon="star"
>
Starred
</List.GroupItem>
<List.GroupItem
to="/email"
className="d-flex align-items-center"
icon="file"
>
Drafts
</List.GroupItem>
<List.GroupItem
to="/email"
className="d-flex align-items-center"
icon="tag"
>
Tags
</List.GroupItem>
<List.GroupItem
to="/email"
className="d-flex align-items-center"
icon="trash-2"
>
Trash
</List.GroupItem>
</List.Group>
<div className="mt-6">
<Button
RootComponent="a"
href="/email"
block={true}
color="secondary"
>
Compose new Email
</Button>
</div>
</div>
</Grid.Col>
<Grid.Col md={9}>
<Card>
<Card.Header>
<Card.Title>Compose new message</Card.Title>
</Card.Header>
<Card.Body>
<Form>
<Form.Group>
<Grid.Row className="align-items-center">
<Grid.Col sm={2}>To:</Grid.Col>
<Grid.Col sm={10}>
<Form.Input type="text" />
</Grid.Col>
</Grid.Row>
</Form.Group>
<Form.Group>
<Grid.Row className="align-items-center">
<Grid.Col sm={2}>Subject:</Grid.Col>
<Grid.Col sm={10}>
<Form.Input type="text" />
</Grid.Col>
</Grid.Row>
</Form.Group>
<Form.Textarea rows={10} />
<Button.List className="mt-4" align="right">
<Button color="secondary">Cancel</Button>
<Button color="primary">Send message</Button>
</Button.List>
</Form>
</Card.Body>
</Card>
</Grid.Col>
</Grid.Row>
</Container>
</div>
</SiteWrapper>
);
}
export default Email;