open tournament type

[alttp.git] / resources / js / components / tournament / Detail.js

diff --git a/resources/js/components/tournament/Detail.js b/resources/js/components/tournament/Detail.js
index cfea60d2bcd8100bb164282bd89017880e15f0da..bb9b9284461ebe85ea7c4a818cb417c8c7df43f6 100644 (file)
--- a/resources/js/components/tournament/Detail.js
+++ b/resources/js/components/tournament/Detail.js
@@ -3,19 +3,25 @@ import React from 'react';
 import { Button, Col, Container, Row } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 
+import ApplyButton from './ApplyButton';
 import Scoreboard from './Scoreboard';
+import ScoreChartButton from './ScoreChartButton';
+import SettingsButton from './SettingsButton';
+import ApplicationsButton from '../applications/Button';
 import Protocol from '../protocol/Protocol';
 import Rounds from '../rounds/List';
 import Box from '../users/Box';
 import {
        isRunner,
        mayAddRounds,
+       mayUpdateTournament,
        mayViewProtocol,
 } from '../../helpers/permissions';
 import {
        getTournamentAdmins,
        getTournamentMonitors,
        hasRunners,
+       hasScoreboard,
        hasTournamentAdmins,
        hasTournamentMonitors,
 } from '../../helpers/Tournament';
@@ -44,40 +50,54 @@ const Detail = ({
                <Col lg={8} xl={9}>
                        <div className="d-flex align-items-center justify-content-between">
                                <h1>{tournament.title}</h1>
-                               {mayViewProtocol(user, tournament) ?
-                                       <Protocol id={tournament.id} />
-                               : null}
+                               <div className="button-bar">
+                                       <ApplicationsButton tournament={tournament} />
+                                       <ApplyButton tournament={tournament} />
+                                       {mayUpdateTournament(user, tournament) ?
+                                               <SettingsButton tournament={tournament} />
+                                       : null}
+                                       {mayViewProtocol(user, tournament) ?
+                                               <Protocol id={tournament.id} />
+                                       : null}
+                               </div>
                        </div>
                </Col>
        </Row>
        <Row>
                <Col lg={{ order: 2, span: 4 }} xl={{ order: 2, span: 3 }}>
-                       <div className="d-flex align-items-center justify-content-between">
-                               <h2>{i18n.t('tournaments.scoreboard')}</h2>
-                       </div>
-                       {hasRunners(tournament) ?
-                               <Scoreboard tournament={tournament} />
-                       : null}
-                       {hasTournamentAdmins(tournament) ?
-                               <>
+                       <div className="tournament-sidebar">
+                               {hasScoreboard(tournament) ? <>
                                        <div className="d-flex align-items-center justify-content-between">
-                                               <h2>{i18n.t('tournaments.admins')}</h2>
+                                               <h2>{i18n.t('tournaments.scoreboard')}</h2>
+                                               {hasRunners(tournament) && tournament.rounds.length > 2 ?
+                                                       <ScoreChartButton tournament={tournament} />
+                                               : null}
                                        </div>
-                                       {getTournamentAdmins(tournament).map(p =>
-                                               <p key={p.id}><Box user={p.user} /></p>
-                                       )}
-                               </>
-                       : null}
-                       {hasTournamentMonitors(tournament) ?
-                               <>
-                                       <div className="d-flex align-items-center justify-content-between">
-                                               <h2>{i18n.t('tournaments.monitors')}</h2>
-                                       </div>
-                                       {getTournamentMonitors(tournament).map(p =>
-                                               <p key={p.id}><Box user={p.user} /></p>
-                                       )}
-                               </>
-                       : null}
+                                       {hasRunners(tournament) ?
+                                               <Scoreboard tournament={tournament} />
+                                       : null}
+                               </> : null}
+                               {hasTournamentAdmins(tournament) ?
+                                       <>
+                                               <div className="d-flex align-items-center justify-content-between">
+                                                       <h2>{i18n.t('tournaments.admins')}</h2>
+                                               </div>
+                                               {getTournamentAdmins(tournament).map(p =>
+                                                       <p key={p.id}><Box user={p.user} /></p>
+                                               )}
+                                       </>
+                               : null}
+                               {hasTournamentMonitors(tournament) ?
+                                       <>
+                                               <div className="d-flex align-items-center justify-content-between">
+                                                       <h2>{i18n.t('tournaments.monitors')}</h2>
+                                               </div>
+                                               {getTournamentMonitors(tournament).map(p =>
+                                                       <p key={p.id}><Box user={p.user} /></p>
+                                               )}
+                                       </>
+                               : null}
+                       </div>
                </Col>
                <Col lg={{ order: 1, span: 8 }} xl={{ order: 1, span: 9 }}>
                        <div className="d-flex align-items-center justify-content-between">