tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Display card image link if user has one

Browse Source
This commit is contained in:
Tanner Collin 2020-07-13 20:26:30 +00:00
parent a849b5f887
commit 6768211a78
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
webclient/src/AdminMembers.js
View File

@ -170,9 +170,20 @@ export function AdminMemberCards(props) {
return ( return (
<div> <div>
<Header size='medium'>Edit Member Cards</Header> <Header size='medium'>Edit Member Cards</Header>
<Form onSubmit={handleSubmit}> <Form onSubmit={handleSubmit}>
<Header size='small'>Add a Card</Header> <Header size='small'>Add a Card</Header>
{result.member.card_photo ?
<p>
<a href={staticUrl + '/' + result.member.card_photo} target='_blank'>
Print card image
</a>
</p>
:
<p>No card image, member photo missing!</p>
}
<Form.Group widths='equal'> <Form.Group widths='equal'>
<Form.Input <Form.Input
label='Card Number' label='Card Number'

12
webclient/src/Cards.js
View File

@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom'; import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom';
import './light.css'; import './light.css';
import { Button, Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } from 'semantic-ui-react'; import { Button, Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } from 'semantic-ui-react';
import { BasicTable, requester } from './utils.js'; import { BasicTable, requester, staticUrl } from './utils.js';
import { NotFound, PleaseLogin } from './Misc.js'; import { NotFound, PleaseLogin } from './Misc.js';
export function Cards(props) { export function Cards(props) {
@ -18,6 +18,16 @@ export function Cards(props) {
<Header size='medium'>Member Cards</Header> <Header size='medium'>Member Cards</Header>
{user.member.card_photo ?
<p>
<a href={staticUrl + '/' + user.member.card_photo} target='_blank'>
Click here
</a> to view your card image.
</p>
:
<p>Upload a photo to generate a card image.</p>
}
{user.cards.length ? {user.cards.length ?
user.cards.length > 1 ? user.cards.length > 1 ?
<Table basic='very'> <Table basic='very'>