partypages/admin-ui
2
0
Fork 0
generated from partypages/party-template
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add more styling, remove secret
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Dominic Zimmer 2022-10-14 12:12:09 +02:00
parent c31a6632b4
commit 74661bdb42
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/AdminUI.css
View File

@ -110,7 +110,7 @@ span.lg {
background-color: lightgrey!important ; background-color: lightgrey!important ;
padding: 8px; padding: 8px;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: auto;
} }
.guests>div:nth-child(8n+5), .guests>div:nth-child(8n+5),
.guests>div:nth-child(8n+6), .guests>div:nth-child(8n+6),
@ -181,4 +181,16 @@ dialog > div label {
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
width:100%; width:100%;
}
.coming-yes {
color: green;
font-weight: bold;
}
.coming-no {
color: red;
}
.coming-maybe {
font-style: italic;
color: blue;
} }

6
src/AdminUI.tsx
View File

@ -9,7 +9,7 @@ export const AdminUI: React.FC = () => {
const [partyList, setPartyList] = useState<ResponseListParties>([]); const [partyList, setPartyList] = useState<ResponseListParties>([]);
const [selectedParty, setSelectedParty] = useState<number | undefined>(undefined); const [selectedParty, setSelectedParty] = useState<number | undefined>(undefined);
// eslint-disable-next-line no-restricted-globals // eslint-disable-next-line no-restricted-globals
const adminToken = useMemo(() => parseToken(location.href) ?? "666c7199d0d1a3a90c5b10cf6fff364eb04eeffa8c76c82541a55213338ce983", []); const adminToken = useMemo(() => parseToken(location.href) ?? "", []);
const loadPartyList = useCallback(async () => { const loadPartyList = useCallback(async () => {
const response = await listPartyRequest(adminToken); const response = await listPartyRequest(adminToken);
@ -163,8 +163,8 @@ export const PartyUI: React.FC<{ party: ResponseCreateParty, adminToken: string,
<span>{confirmations[2]}</span> <span>{confirmations[2]}</span>
</div></div> </div></div>
{guests.map((guest, index) => <Fragment key={index}> {guests.map((guest, index) => <Fragment key={index}>
<div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.token}</div> <div className="guestname" onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.token}</div>
<div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.name}</div> <div className={`coming-${guest.coming}`} onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.name}</div>
<div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.grammatical_gender}</div> <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.grammatical_gender}</div>
<div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.coming ?? "?"}</div> <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.coming ?? "?"}</div>
</Fragment> </Fragment>