-
19 |
20 | {state.contacts.map(value => {
21 | return (
22 |
{this.title}
14 | {this.props.description} 15 | 21 |
28 |
,
38 | document.getElementById("mainContainer")
39 | );
40 |
41 | }
42 |
--------------------------------------------------------------------------------
/battlejong/client/src/code/components/BaseLayout.tsx:
--------------------------------------------------------------------------------
1 | // React imports.
2 | import React, { Component } from "react";
3 |
4 | // Library imports.
5 |
6 | // App imports.
7 | import ControlArea from "./ControlArea";
8 | import PlayerBoard from "./PlayerBoard";
9 | import { createState } from "../state";
10 |
11 |
12 | /**
13 | * The parent component of the entire app.
14 | */
15 | class BaseLayout extends Component {
16 |
17 |
18 | /**
19 | * State data for the app. This also includes all mutator functions for manipulating state. That way, we only
20 | * ever have to pass this entire object down through props (not necessarily the best design in terms of data
21 | * encapsulation, but it does have the benefit of being quite a bit simpler).
22 | */
23 | state = createState(this);
24 |
25 |
26 | /**
27 | * Render().
28 | */
29 | render() {
30 |
31 | return (
32 |
33 | Bookmarks
29 |-
30 |
34 |
37 |
38 | );
39 |
40 | } /* End render(). */
41 |
42 |
43 | } /* End class. */
44 |
45 |
46 | export default BaseLayout;
47 |
--------------------------------------------------------------------------------
/mailbag/client/src/code/components/MessageList.tsx:
--------------------------------------------------------------------------------
1 | // React imports.
2 | import React from "react";
3 |
4 |
5 | import Table from "@material-ui/core/Table";
6 | import TableBody from "@material-ui/core/TableBody";
7 | import TableCell from "@material-ui/core/TableCell";
8 | import TableHead from "@material-ui/core/TableHead";
9 | import TableRow from "@material-ui/core/TableRow";
10 |
11 | /**
12 | * MessageList.
13 | */
14 | const MessageList = ({ state }) => (
15 |
16 | Your score:
{state.scores.player}
9 | Opponent score:
{state.scores.opponent}
10 | 11 |
12 |
13 | { state.gameState === "awaitingOpponent" && 14 |
Waiting for opponent to join
15 | }
16 | { state.gameState === "deadEnd" &&
17 |
18 | You have no moves left.
Waiting for opponent to finish. 19 |
20 | }
21 | { state.gameState === "cleared" &&
22 | Waiting for opponent to finish. 19 |
23 | Congratulations!
You've cleared the board!
Waiting for opponent to finish. 24 |
25 | }
26 | { state.gameState === "gameOver" &&
27 | You've cleared the board!
Waiting for opponent to finish. 24 |
28 | The game is over.
29 | { state.gameOutcome } 30 |
31 | }
32 |
33 | 29 | { state.gameOutcome } 30 |
43 |
44 |
49 |
50 |
70 | );
71 |
72 | } /* End render(). */
73 |
74 |
75 | } /* End class. */
76 |
77 |
78 | export default BaseLayout;
79 |
--------------------------------------------------------------------------------
/mailbag/client/src/code/IMAP.ts:
--------------------------------------------------------------------------------
1 | // Library imports.
2 | import axios, { AxiosResponse } from "axios";
3 |
4 | // App imports.
5 | import { config } from "./config";
6 |
7 |
8 | // Define interface to describe a mailbox.
9 | export interface IMailbox { name: string, path: string }
10 |
11 |
12 | // Define interface to describe a received message. Note that body is optional since it isn't sent when listing
13 | // messages.
14 | export interface IMessage {
15 | id: string,
16 | date: string,
17 | from: string,
18 | subject: string,
19 | body?: string
20 | }
21 |
22 |
23 | // The worker that will perform IMAP operations.
24 | export class Worker {
25 |
26 |
27 | /**
28 | * Returns a list of all (top-level) mailboxes.
29 | *
30 | * @return An array of objects, on per mailbox, that describes the mailbox.
31 | */
32 | public async listMailboxes(): Promise
55 |
66 |
67 |
57 | { this.state.currentView === "welcome" &&
65 |