Compare commits
11 Commits
master
...
shareTacti
| Author | SHA1 | Date |
|---|---|---|
 Vivien DUFOUR
|
2ace144c6a | 1 year ago |
|
Vivien DUFOUR
|
c383432b64 | 1 year ago |
|
Vivien DUFOUR
|
8315b79ba1 | 1 year ago |
|
Vivien DUFOUR
|
bd244c8dde | 1 year ago |
|
Vivien DUFOUR
|
e962c17f4d | 1 year ago |
|
Vivien DUFOUR
|
588f580bf9 | 1 year ago |
|
Vivien DUFOUR
|
86a25d18b2 | 1 year ago |
|
Vivien DUFOUR
|
51f150a16a | 1 year ago |
|
Vivien DUFOUR
|
2beda1c7f5 | 1 year ago |
|
Vivien DUFOUR
|
fa81bd0702 | 1 year ago |
 maxime.batista
|
41d431c1cb | 1 year ago |
@ -1,2 +1,2 @@
|
||||
VITE_API_ENDPOINT=https://iqball.maxou.dev/api/dotnet-master
|
||||
#VITE_API_ENDPOINT=http://localhost:5254
|
||||
VITE_API_ENDPOINT=/api
|
||||
VITE_BASE=
|
||||
@ -1,25 +0,0 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: { browser: true, es2021: true },
|
||||
extends: [
|
||||
"eslint:recommended",
|
||||
"plugin:@typescript-eslint/recommended",
|
||||
"plugin:react-hooks/recommended",
|
||||
"plugin:react/recommended",
|
||||
"plugin:react/jsx-runtime",
|
||||
],
|
||||
ignorePatterns: ["dist", ".eslintrc.cjs"],
|
||||
parser: "@typescript-eslint/parser",
|
||||
plugins: ["react-refresh"],
|
||||
rules: {
|
||||
"react-refresh/only-export-components": [
|
||||
"warn",
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
settings: {
|
||||
react: {
|
||||
version: "detect",
|
||||
},
|
||||
},
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
parser: '@typescript-eslint/parser',
|
||||
plugins: [
|
||||
'@typescript-eslint',
|
||||
'react',
|
||||
'react-hooks'
|
||||
],
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
'plugin:@typescript-eslint/recommended',
|
||||
'plugin:react/recommended',
|
||||
'plugin:react/jsx-runtime',
|
||||
'plugin:react-hooks/recommended'
|
||||
],
|
||||
settings: {
|
||||
react: {
|
||||
version: 'detect'
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -1,28 +1,46 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
.vs
|
||||
.vscode
|
||||
.idea
|
||||
.code
|
||||
.vite
|
||||
|
||||
node_modules
|
||||
vendor
|
||||
.nfs*
|
||||
composer.lock
|
||||
*.phar
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
.guard
|
||||
outputs
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
# sqlite database files
|
||||
*.sqlite
|
||||
|
||||
views-mappings.php
|
||||
.env.PROD
|
||||
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
package-lock.json
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
stats.html
|
||||
.php-cs-fixer.cache
|
||||
@ -0,0 +1,16 @@
|
||||
<?php
|
||||
|
||||
$finder = (new PhpCsFixer\Finder())->in(__DIR__);
|
||||
|
||||
return (new PhpCsFixer\Config())
|
||||
->setRules([
|
||||
'@PER-CS' => true,
|
||||
'@PHP74Migration' => true,
|
||||
'array_syntax' => ['syntax' => 'short'],
|
||||
'braces_position' => [
|
||||
'classes_opening_brace' => 'same_line',
|
||||
'functions_opening_brace' => 'same_line'
|
||||
]
|
||||
])
|
||||
->setIndent(" ")
|
||||
->setFinder($finder);
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"bracketSameLine": true,
|
||||
"trailingComma": "all",
|
||||
"printWidth": 80,
|
||||
"tabWidth": 4,
|
||||
"semi": false
|
||||
}
|
||||
"bracketSameLine": true,
|
||||
"trailingComma": "all",
|
||||
"printWidth": 80,
|
||||
"tabWidth": 4,
|
||||
"semi": false
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
master
|
||||
@ -1,3 +1,3 @@
|
||||
- [Description.md](Description.md)
|
||||
- [Conception.md](Conception.md)
|
||||
- [how-to-dev.md](how-to-dev.md)
|
||||
* [Description.md](Description.md)
|
||||
* [Conception.md](Conception.md)
|
||||
* [how-to-dev.md](how-to-dev.md)
|
||||
@ -1,8 +1,7 @@
|
||||
# IQBall - Web Application
|
||||
|
||||
This repository hosts the IQBall application for web
|
||||
|
||||
## Read the docs !
|
||||
|
||||
You can find some additional documentation in the [Documentation](Documentation) folder,
|
||||
and in the [wiki](https://codefirst.iut.uca.fr/git/IQBall/Application-Web/wiki).
|
||||
|
||||
|
||||
@ -1,19 +1,17 @@
|
||||
#!/usr/bin/env bash
|
||||
set -xeu
|
||||
|
||||
export OUTPUT=$1
|
||||
export BASE=$2
|
||||
|
||||
rm -rf "$OUTPUT"/*
|
||||
rm -rf $OUTPUT/*
|
||||
|
||||
echo "VITE_API_ENDPOINT=$BASE/api" >> .env.PROD
|
||||
echo "VITE_BASE=$BASE" >> .env.PROD
|
||||
|
||||
ci/build_react.msh
|
||||
|
||||
mkdir -p "$OUTPUT"/profiles/
|
||||
mkdir -p $OUTPUT/profiles/
|
||||
|
||||
sed -E 's/\/\*PROFILE_FILE\*\/\s*".*"/"profiles\/prod-config-profile.php"/' config.php > "$OUTPUT"/config.php
|
||||
sed -E 's/\/\*PROFILE_FILE\*\/\s*".*"/"profiles\/prod-config-profile.php"/' config.php > $OUTPUT/config.php
|
||||
sed -E "s/const BASE_PATH = .*;/const BASE_PATH = \"$(sed s/\\//\\\\\\//g <<< "$BASE")\";/" profiles/prod-config-profile.php > $OUTPUT/profiles/prod-config-profile.php
|
||||
|
||||
cp -r vendor sql src public "$OUTPUT"
|
||||
cp -r vendor sql src public $OUTPUT
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
set -eu
|
||||
set -e
|
||||
|
||||
mkdir ~/.ssh
|
||||
echo "$SERVER_PRIVATE_KEY" > ~/.ssh/id_rsa
|
||||
chmod 0600 ~/.ssh
|
||||
chmod 0500 ~/.ssh/id_rsa*
|
||||
|
||||
SERVER_ROOT=/srv/www/iqball
|
||||
SERVER_ROOT=/srv/www/IQBall
|
||||
|
||||
ssh -p 80 -o 'StrictHostKeyChecking=no' iqball@maxou.dev mkdir -p $SERVER_ROOT/$DRONE_BRANCH
|
||||
rsync -avz -e "ssh -p 80 -o 'StrictHostKeyChecking=no'" --delete /outputs/* iqball@maxou.dev:$SERVER_ROOT/$DRONE_BRANCH
|
||||
|
||||
@ -0,0 +1,18 @@
|
||||
{
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"IQBall\\": "src/"
|
||||
}
|
||||
},
|
||||
"require": {
|
||||
"altorouter/altorouter": "1.2.0",
|
||||
"ext-json": "*",
|
||||
"ext-pdo": "*",
|
||||
"ext-pdo_sqlite": "*",
|
||||
"twig/twig":"^2.0",
|
||||
"phpstan/phpstan": "*"
|
||||
},
|
||||
"require-dev": {
|
||||
"friendsofphp/php-cs-fixer": "^3.38"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
<?php
|
||||
|
||||
// `dev-config-profile.php` by default.
|
||||
// on production server the included profile is `prod-config-profile.php`.
|
||||
// Please do not touch.
|
||||
|
||||
require /*PROFILE_FILE*/ "profiles/dev-config-profile.php";
|
||||
|
||||
const SUPPORTS_FAST_REFRESH = _SUPPORTS_FAST_REFRESH;
|
||||
|
||||
/**
|
||||
* Maps the given relative source uri (relative to the `/front` folder) to its actual location depending on imported profile.
|
||||
* @param string $assetURI relative uri path from `/front` folder
|
||||
* @return string valid url that points to the given uri
|
||||
|
||||
*/
|
||||
function asset(string $assetURI): string {
|
||||
return _asset($assetURI);
|
||||
}
|
||||
|
||||
function get_base_path(): string {
|
||||
return _get_base_path();
|
||||
}
|
||||
|
||||
global $_data_source_name;
|
||||
$data_source_name = $_data_source_name;
|
||||
const DATABASE_USER = _DATABASE_USER;
|
||||
const DATABASE_PASSWORD = _DATABASE_PASSWORD;
|
||||
|
||||
|
||||
function init_database(PDO $pdo): void {
|
||||
_init_database($pdo);
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
## verify php and typescript types
|
||||
|
||||
echo "formatting php typechecking"
|
||||
vendor/bin/php-cs-fixer fix
|
||||
|
||||
echo "formatting typescript typechecking"
|
||||
npm run format
|
||||
@ -0,0 +1,16 @@
|
||||
import { API } from "./Constants"
|
||||
|
||||
export function fetchAPI(
|
||||
url: string,
|
||||
payload: unknown,
|
||||
method = "POST",
|
||||
): Promise<Response> {
|
||||
return fetch(`${API}/${url}`, {
|
||||
method,
|
||||
headers: {
|
||||
Accept: "application/json",
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify(payload),
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
import ReactDOM from "react-dom/client"
|
||||
import React, { FunctionComponent } from "react"
|
||||
|
||||
/**
|
||||
* Dynamically renders a React component, with given arguments
|
||||
* @param Component the react component to render
|
||||
* @param args the arguments to pass to the react component.
|
||||
*/
|
||||
export function renderView(Component: FunctionComponent, args: {}) {
|
||||
const root = ReactDOM.createRoot(
|
||||
document.getElementById("root") as HTMLElement,
|
||||
)
|
||||
|
||||
root.render(
|
||||
<React.StrictMode>
|
||||
<Component {...args} />
|
||||
</React.StrictMode>,
|
||||
)
|
||||
}
|
||||
|
Before Width: | Height: | Size: 747 B After Width: | Height: | Size: 747 B |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 507 B |
|
Before Width: | Height: | Size: 732 B After Width: | Height: | Size: 732 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 405 B |
|
After Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
@ -1,19 +1,15 @@
|
||||
import { BallPiece } from "../editor/BallPiece"
|
||||
import Draggable from "react-draggable"
|
||||
import { useRef } from "react"
|
||||
import { NULL_POS } from "../../geo/Pos"
|
||||
|
||||
export interface BallActionProps {
|
||||
onDrop: (el: DOMRect) => void
|
||||
onDrop: (el: HTMLElement) => void
|
||||
}
|
||||
|
||||
export default function BallAction({ onDrop }: BallActionProps) {
|
||||
const ref = useRef<HTMLDivElement>(null)
|
||||
return (
|
||||
<Draggable
|
||||
nodeRef={ref}
|
||||
onStop={() => onDrop(ref.current!.getBoundingClientRect())}
|
||||
position={NULL_POS}>
|
||||
<Draggable onStop={() => onDrop(ref.current!)} nodeRef={ref}>
|
||||
<div ref={ref}>
|
||||
<BallPiece />
|
||||
</div>
|
||||
@ -1,8 +1,7 @@
|
||||
import "../../style/ball.css"
|
||||
|
||||
import BallSvg from "../../assets/icon/ball.svg?react"
|
||||
import { BALL_ID } from "../../model/tactic/CourtObjects"
|
||||
|
||||
export function BallPiece() {
|
||||
return <BallSvg id={BALL_ID} className={"ball"} />
|
||||
return <BallSvg className={"ball"} />
|
||||
}
|
||||
@ -0,0 +1,272 @@
|
||||
import { CourtBall } from "./CourtBall"
|
||||
|
||||
import {
|
||||
ReactElement,
|
||||
RefObject,
|
||||
useCallback,
|
||||
useLayoutEffect,
|
||||
useState,
|
||||
} from "react"
|
||||
import CourtPlayer from "./CourtPlayer"
|
||||
|
||||
import { Player } from "../../model/tactic/Player"
|
||||
import { Action, ActionKind } from "../../model/tactic/Action"
|
||||
import ArrowAction from "../actions/ArrowAction"
|
||||
import { middlePos, ratioWithinBase } from "../arrows/Pos"
|
||||
import BallAction from "../actions/BallAction"
|
||||
import { CourtObject } from "../../model/tactic/Ball"
|
||||
import { contains } from "../arrows/Box"
|
||||
import { CourtAction } from "../../views/editor/CourtAction"
|
||||
|
||||
export interface BasketCourtProps {
|
||||
players: Player[]
|
||||
actions: Action[]
|
||||
objects: CourtObject[]
|
||||
|
||||
renderAction: (a: Action, key: number) => ReactElement
|
||||
setActions: (f: (a: Action[]) => Action[]) => void
|
||||
|
||||
onPlayerRemove: (p: Player) => void
|
||||
onPlayerChange: (p: Player) => void
|
||||
|
||||
onBallRemove: () => void
|
||||
onBallMoved: (ball: DOMRect) => void
|
||||
|
||||
courtImage: ReactElement
|
||||
courtRef: RefObject<HTMLDivElement>
|
||||
}
|
||||
|
||||
export function BasketCourt({
|
||||
players,
|
||||
actions,
|
||||
objects,
|
||||
renderAction,
|
||||
setActions,
|
||||
onPlayerRemove,
|
||||
onPlayerChange,
|
||||
|
||||
onBallMoved,
|
||||
onBallRemove,
|
||||
|
||||
courtImage,
|
||||
courtRef,
|
||||
}: BasketCourtProps) {
|
||||
function placeArrow(origin: Player, arrowHead: DOMRect) {
|
||||
const originRef = document.getElementById(origin.id)!
|
||||
const courtBounds = courtRef.current!.getBoundingClientRect()
|
||||
const start = ratioWithinBase(
|
||||
middlePos(originRef.getBoundingClientRect()),
|
||||
courtBounds,
|
||||
)
|
||||
|
||||
for (const player of players) {
|
||||
if (player.id == origin.id) {
|
||||
continue
|
||||
}
|
||||
|
||||
const playerBounds = document
|
||||
.getElementById(player.id)!
|
||||
.getBoundingClientRect()
|
||||
|
||||
if (
|
||||
!(
|
||||
playerBounds.top > arrowHead.bottom ||
|
||||
playerBounds.right < arrowHead.left ||
|
||||
playerBounds.bottom < arrowHead.top ||
|
||||
playerBounds.left > arrowHead.right
|
||||
)
|
||||
) {
|
||||
const targetPos = document
|
||||
.getElementById(player.id)!
|
||||
.getBoundingClientRect()
|
||||
|
||||
const end = ratioWithinBase(middlePos(targetPos), courtBounds)
|
||||
|
||||
const action: Action = {
|
||||
fromPlayerId: originRef.id,
|
||||
toPlayerId: player.id,
|
||||
type: origin.hasBall ? ActionKind.SHOOT : ActionKind.SCREEN,
|
||||
moveFrom: start,
|
||||
segments: [{ next: end }],
|
||||
}
|
||||
setActions((actions) => [...actions, action])
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
const action: Action = {
|
||||
fromPlayerId: originRef.id,
|
||||
type: origin.hasBall ? ActionKind.DRIBBLE : ActionKind.MOVE,
|
||||
moveFrom: ratioWithinBase(
|
||||
middlePos(originRef.getBoundingClientRect()),
|
||||
courtBounds,
|
||||
),
|
||||
segments: [
|
||||
{ next: ratioWithinBase(middlePos(arrowHead), courtBounds) },
|
||||
],
|
||||
}
|
||||
setActions((actions) => [...actions, action])
|
||||
}
|
||||
|
||||
const [previewAction, setPreviewAction] = useState<Action | null>(null)
|
||||
|
||||
const updateActionsRelatedTo = useCallback((player: Player) => {
|
||||
const newPos = ratioWithinBase(
|
||||
middlePos(
|
||||
document.getElementById(player.id)!.getBoundingClientRect(),
|
||||
),
|
||||
courtRef.current!.getBoundingClientRect(),
|
||||
)
|
||||
setActions((actions) =>
|
||||
actions.map((a) => {
|
||||
if (a.fromPlayerId == player.id) {
|
||||
return { ...a, moveFrom: newPos }
|
||||
}
|
||||
|
||||
if (a.toPlayerId == player.id) {
|
||||
const segments = a.segments.toSpliced(
|
||||
a.segments.length - 1,
|
||||
1,
|
||||
{
|
||||
...a.segments[a.segments.length - 1],
|
||||
next: newPos,
|
||||
},
|
||||
)
|
||||
return { ...a, segments }
|
||||
}
|
||||
|
||||
return a
|
||||
}),
|
||||
)
|
||||
}, [])
|
||||
|
||||
const [internActions, setInternActions] = useState<Action[]>([])
|
||||
|
||||
useLayoutEffect(() => setInternActions(actions), [actions])
|
||||
|
||||
return (
|
||||
<div
|
||||
className="court-container"
|
||||
ref={courtRef}
|
||||
style={{ position: "relative" }}>
|
||||
{courtImage}
|
||||
|
||||
{players.map((player) => (
|
||||
<CourtPlayer
|
||||
key={player.id}
|
||||
player={player}
|
||||
onDrag={() => updateActionsRelatedTo(player)}
|
||||
onChange={onPlayerChange}
|
||||
onRemove={() => onPlayerRemove(player)}
|
||||
courtRef={courtRef}
|
||||
availableActions={(pieceRef) => [
|
||||
<ArrowAction
|
||||
key={1}
|
||||
onHeadMoved={(headPos) => {
|
||||
const baseBounds =
|
||||
courtRef.current!.getBoundingClientRect()
|
||||
|
||||
const arrowHeadPos = middlePos(headPos)
|
||||
|
||||
const target = players.find(
|
||||
(p) =>
|
||||
p != player &&
|
||||
contains(
|
||||
document
|
||||
.getElementById(p.id)!
|
||||
.getBoundingClientRect(),
|
||||
arrowHeadPos,
|
||||
),
|
||||
)
|
||||
|
||||
setPreviewAction((action) => ({
|
||||
...action!,
|
||||
segments: [
|
||||
{
|
||||
next: ratioWithinBase(
|
||||
arrowHeadPos,
|
||||
baseBounds,
|
||||
),
|
||||
},
|
||||
],
|
||||
type: player.hasBall
|
||||
? target
|
||||
? ActionKind.SHOOT
|
||||
: ActionKind.DRIBBLE
|
||||
: target
|
||||
? ActionKind.SCREEN
|
||||
: ActionKind.MOVE,
|
||||
}))
|
||||
}}
|
||||
onHeadPicked={(headPos) => {
|
||||
;(document.activeElement as HTMLElement).blur()
|
||||
const baseBounds =
|
||||
courtRef.current!.getBoundingClientRect()
|
||||
|
||||
setPreviewAction({
|
||||
type: player.hasBall
|
||||
? ActionKind.DRIBBLE
|
||||
: ActionKind.MOVE,
|
||||
fromPlayerId: player.id,
|
||||
toPlayerId: undefined,
|
||||
moveFrom: ratioWithinBase(
|
||||
middlePos(
|
||||
pieceRef.getBoundingClientRect(),
|
||||
),
|
||||
baseBounds,
|
||||
),
|
||||
segments: [
|
||||
{
|
||||
next: ratioWithinBase(
|
||||
middlePos(headPos),
|
||||
baseBounds,
|
||||
),
|
||||
},
|
||||
],
|
||||
})
|
||||
}}
|
||||
onHeadDropped={(headRect) => {
|
||||
placeArrow(player, headRect)
|
||||
setPreviewAction(null)
|
||||
}}
|
||||
/>,
|
||||
player.hasBall && (
|
||||
<BallAction
|
||||
key={2}
|
||||
onDrop={(ref) =>
|
||||
onBallMoved(ref.getBoundingClientRect())
|
||||
}
|
||||
/>
|
||||
),
|
||||
]}
|
||||
/>
|
||||
))}
|
||||
|
||||
{internActions.map((action, idx) => renderAction(action, idx))}
|
||||
|
||||
{objects.map((object) => {
|
||||
if (object.type == "ball") {
|
||||
return (
|
||||
<CourtBall
|
||||
onMoved={onBallMoved}
|
||||
ball={object}
|
||||
onRemove={onBallRemove}
|
||||
key="ball"
|
||||
/>
|
||||
)
|
||||
}
|
||||
throw new Error("unknown court object" + object.type)
|
||||
})}
|
||||
|
||||
{previewAction && (
|
||||
<CourtAction
|
||||
courtRef={courtRef}
|
||||
action={previewAction}
|
||||
//do nothing on change, not really possible as it's a preview arrow
|
||||
onActionDeleted={() => {}}
|
||||
onActionChanges={() => {}}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
import React, { useRef } from "react"
|
||||
import Draggable from "react-draggable"
|
||||
import { BallPiece } from "./BallPiece"
|
||||
import { Ball } from "../../model/tactic/Ball"
|
||||
|
||||
export interface CourtBallProps {
|
||||
onMoved: (rect: DOMRect) => void
|
||||
onRemove: () => void
|
||||
ball: Ball
|
||||
}
|
||||
|
||||
export function CourtBall({ onMoved, ball, onRemove }: CourtBallProps) {
|
||||
const pieceRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
const x = ball.rightRatio
|
||||
const y = ball.bottomRatio
|
||||
|
||||
return (
|
||||
<Draggable
|
||||
onStop={() => onMoved(pieceRef.current!.getBoundingClientRect())}
|
||||
nodeRef={pieceRef}>
|
||||
<div
|
||||
className={"ball-div"}
|
||||
ref={pieceRef}
|
||||
tabIndex={0}
|
||||
onKeyUp={(e) => {
|
||||
if (e.key == "Delete") onRemove()
|
||||
}}
|
||||
style={{
|
||||
position: "absolute",
|
||||
left: `${x * 100}%`,
|
||||
top: `${y * 100}%`,
|
||||
}}>
|
||||
<BallPiece />
|
||||
</div>
|
||||
</Draggable>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,82 @@
|
||||
import { ReactNode, RefObject, useRef } from "react"
|
||||
import "../../style/player.css"
|
||||
import Draggable from "react-draggable"
|
||||
import { PlayerPiece } from "./PlayerPiece"
|
||||
import { Player } from "../../model/tactic/Player"
|
||||
import { NULL_POS, ratioWithinBase } from "../arrows/Pos"
|
||||
|
||||
export interface PlayerProps {
|
||||
player: Player
|
||||
onDrag: () => void
|
||||
onChange: (p: Player) => void
|
||||
onRemove: () => void
|
||||
courtRef: RefObject<HTMLElement>
|
||||
availableActions: (ro: HTMLElement) => ReactNode[]
|
||||
}
|
||||
|
||||
/**
|
||||
* A player that is placed on the court, which can be selected, and moved in the associated bounds
|
||||
* */
|
||||
export default function CourtPlayer({
|
||||
player,
|
||||
onDrag,
|
||||
onChange,
|
||||
onRemove,
|
||||
courtRef,
|
||||
availableActions,
|
||||
}: PlayerProps) {
|
||||
const hasBall = player.hasBall
|
||||
const x = player.rightRatio
|
||||
const y = player.bottomRatio
|
||||
const pieceRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
return (
|
||||
<Draggable
|
||||
handle=".player-piece"
|
||||
nodeRef={pieceRef}
|
||||
onDrag={onDrag}
|
||||
//The piece is positioned using top/bottom style attributes instead
|
||||
position={NULL_POS}
|
||||
onStop={() => {
|
||||
const pieceBounds = pieceRef.current!.getBoundingClientRect()
|
||||
const parentBounds = courtRef.current!.getBoundingClientRect()
|
||||
|
||||
const { x, y } = ratioWithinBase(pieceBounds, parentBounds)
|
||||
|
||||
onChange({
|
||||
id: player.id,
|
||||
rightRatio: x,
|
||||
bottomRatio: y,
|
||||
team: player.team,
|
||||
role: player.role,
|
||||
hasBall: player.hasBall,
|
||||
})
|
||||
}}>
|
||||
<div
|
||||
id={player.id}
|
||||
ref={pieceRef}
|
||||
className="player"
|
||||
style={{
|
||||
position: "absolute",
|
||||
left: `${x * 100}%`,
|
||||
top: `${y * 100}%`,
|
||||
}}>
|
||||
<div
|
||||
tabIndex={0}
|
||||
className="player-content"
|
||||
onKeyUp={(e) => {
|
||||
if (e.key == "Delete") onRemove()
|
||||
}}>
|
||||
<div className="player-actions">
|
||||
{availableActions(pieceRef.current!)}
|
||||
</div>
|
||||
<PlayerPiece
|
||||
team={player.team}
|
||||
text={player.role}
|
||||
hasBall={hasBall}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</Draggable>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
import { Pos } from "../../components/arrows/Pos"
|
||||
import { Segment } from "../../components/arrows/BendableArrow"
|
||||
import { PlayerId } from "./Player"
|
||||
|
||||
export enum ActionKind {
|
||||
SCREEN = "SCREEN",
|
||||
DRIBBLE = "DRIBBLE",
|
||||
MOVE = "MOVE",
|
||||
SHOOT = "SHOOT",
|
||||
}
|
||||
|
||||
export type Action = { type: ActionKind } & MovementAction
|
||||
|
||||
export interface MovementAction {
|
||||
fromPlayerId: PlayerId
|
||||
toPlayerId?: PlayerId
|
||||
moveFrom: Pos
|
||||
segments: Segment[]
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
export type CourtObject = { type: "ball" } & Ball
|
||||
|
||||
export interface Ball {
|
||||
/**
|
||||
* The ball is a "ball" court object
|
||||
*/
|
||||
readonly type: "ball"
|
||||
|
||||
/**
|
||||
* Percentage of the player's position to the bottom (0 means top, 1 means bottom, 0.5 means middle)
|
||||
*/
|
||||
readonly bottomRatio: number
|
||||
/**
|
||||
* Percentage of the player's position to the right (0 means left, 1 means right, 0.5 means middle)
|
||||
*/
|
||||
readonly rightRatio: number
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
export type PlayerId = string
|
||||
|
||||
export enum PlayerTeam {
|
||||
Allies = "allies",
|
||||
Opponents = "opponents",
|
||||
}
|
||||
|
||||
export interface Player {
|
||||
readonly id: PlayerId
|
||||
|
||||
/**
|
||||
* the player's team
|
||||
* */
|
||||
readonly team: PlayerTeam
|
||||
|
||||
/**
|
||||
* player's role
|
||||
* */
|
||||
readonly role: string
|
||||
|
||||
/**
|
||||
* Percentage of the player's position to the bottom (0 means top, 1 means bottom, 0.5 means middle)
|
||||
*/
|
||||
readonly bottomRatio: number
|
||||
|
||||
/**
|
||||
* Percentage of the player's position to the right (0 means left, 1 means right, 0.5 means middle)
|
||||
*/
|
||||
readonly rightRatio: number
|
||||
|
||||
/**
|
||||
* True if the player has a basketball
|
||||
*/
|
||||
readonly hasBall: boolean
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
import { Player } from "./Player"
|
||||
import { CourtObject } from "./Ball"
|
||||
import { Action } from "./Action"
|
||||
|
||||
export interface Tactic {
|
||||
id: number
|
||||
name: string
|
||||
content: TacticContent
|
||||
}
|
||||
|
||||
export interface TacticContent {
|
||||
players: Player[]
|
||||
objects: CourtObject[]
|
||||
actions: Action[]
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
@import url(../theme/dark.css);
|
||||
@import url(personnal_space.css);
|
||||
@import url(side_menu.css);
|
||||
@import url(../template/header.css);
|
||||
|
||||
body {
|
||||
/* background-color: #303030; */
|
||||
}
|
||||
#main {
|
||||
/* margin-left : 10%;
|
||||
margin-right: 10%; */
|
||||
/* border : solid 1px #303030; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-family: var(--font-content);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#body {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0px;
|
||||
height: 100%;
|
||||
background-color: var(--second-color);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.data {
|
||||
border: 1.5px solid var(--main-contrast-color);
|
||||
background-color: var(--main-color);
|
||||
border-radius: 0.75cap;
|
||||
color: var(--main-contrast-color);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.data:hover {
|
||||
border-color: var(--accent-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.set-button {
|
||||
width: 80%;
|
||||
margin-left: 5%;
|
||||
margin-top: 5%;
|
||||
}
|
||||
@ -0,0 +1,235 @@
|
||||
@import url(../style/theme/dark.css);
|
||||
@import url(../style/template/header.css);
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background-color: var(--second-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
#main-div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
font-family: var(--font-content);
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#content-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
height: 90vh;
|
||||
margin: 10px 2% 0 2%;
|
||||
}
|
||||
|
||||
#left-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 68%;
|
||||
margin-right: 2%;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#right-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 30%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: var(--main-color);
|
||||
width: 100%;
|
||||
height: 80%;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
header h1 a {
|
||||
color: var(--accent-color);
|
||||
text-decoration: none;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
#main-div,
|
||||
#content-container,
|
||||
#right-panel,
|
||||
#tactics {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.square {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 2px white solid;
|
||||
}
|
||||
|
||||
#team-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding-bottom: 10px;
|
||||
border-radius: 10px;
|
||||
background-color: var(--third-color);
|
||||
}
|
||||
|
||||
#first-part {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#team-name {
|
||||
font-size: 2.8em;
|
||||
}
|
||||
|
||||
#logo {
|
||||
aspect-ratio: 3/2;
|
||||
object-fit: contain;
|
||||
max-width: 60%; /* Adjusted max-width for the team logo */
|
||||
max-height: 60vh; /* Added max-height for the team logo */
|
||||
margin-bottom: 10px; /* Added margin at the bottom */
|
||||
}
|
||||
|
||||
#colors {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.color {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#colorsTitle {
|
||||
width: 110%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font-size: 1.3em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#actual-colors {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
#delete {
|
||||
border-radius: 10px;
|
||||
background-color: red;
|
||||
color: white;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#edit {
|
||||
border-radius: 10px;
|
||||
background-color: orange;
|
||||
color: white;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#head-members {
|
||||
width: 33%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#add-member {
|
||||
height: 30px;
|
||||
aspect-ratio: 1/1;
|
||||
border-radius: 100%;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
#members {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: var(--third-color);
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.member {
|
||||
width: 60%;
|
||||
background-color: #494b5d;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#profile-picture {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
#tactics {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: var(--third-color);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
overflow: auto;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#head-tactics {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tactic {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background-color: #494b5d;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px;
|
||||
max-width: 90%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tactic button#open-tactic {
|
||||
border-radius: 10px;
|
||||
background-color: green;
|
||||
color: white;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
.tactic button#delete {
|
||||
border-radius: 10px;
|
||||
background-color: red;
|
||||
color: white;
|
||||
padding: 5px 8px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
@ -1,62 +1,65 @@
|
||||
@import url(../theme/default.css);
|
||||
|
||||
#header {
|
||||
user-select: none;
|
||||
text-align: center;
|
||||
background-color: var(--home-main-color);
|
||||
margin: 0;
|
||||
|
||||
background-color: var(--main-color);
|
||||
margin: 0px;
|
||||
/* border : var(--accent-color) 1px solid; */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
font-family: var(--font-title);
|
||||
/* border-radius: 0.75cap; */
|
||||
}
|
||||
|
||||
#img-account {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 20%;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
|
||||
#header-left,
|
||||
#header-right,
|
||||
#header-center {
|
||||
width: 100%;
|
||||
#header-left {
|
||||
width: 10%;
|
||||
/* border: yellow 2px solid; */
|
||||
}
|
||||
|
||||
#header-right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: end;
|
||||
margin-right: 30px;
|
||||
color: white;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#username {
|
||||
color: var(--main-contrast-color);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#clickable-header-right:hover #username {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
#header-center {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#clickable-header-right {
|
||||
width: 40%;
|
||||
border-radius: 1cap;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
#clickable-header-right:hover {
|
||||
border: orange 1px solid;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#img-account {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#iqball {
|
||||
margin: 0;
|
||||
color: var(--accent-color);
|
||||
font-weight: bold;
|
||||
font-size: 35px;
|
||||
font-size: 45px;
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
:root {
|
||||
--main-color: #191a21;
|
||||
--second-color: #282a36;
|
||||
--third-color: #303341;
|
||||
--accent-color: #ffa238;
|
||||
--main-contrast-color: #e6edf3;
|
||||
--font-title: Helvetica;
|
||||
--font-content: Helvetica;
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
#main {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#topbar {
|
||||
display: flex;
|
||||
background-color: var(--main-color);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#court-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: var(--main-color);
|
||||
}
|
||||
|
||||
#court {
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
}
|
||||
@ -0,0 +1,616 @@
|
||||
import {
|
||||
CSSProperties,
|
||||
Dispatch,
|
||||
SetStateAction,
|
||||
useCallback,
|
||||
useMemo,
|
||||
useRef,
|
||||
useState,
|
||||
} from "react"
|
||||
import "../style/editor.css"
|
||||
import TitleInput from "../components/TitleInput"
|
||||
import PlainCourt from "../assets/court/full_court.svg?react"
|
||||
import HalfCourt from "../assets/court/half_court.svg?react"
|
||||
|
||||
import { BallPiece } from "../components/editor/BallPiece"
|
||||
|
||||
import { Rack } from "../components/Rack"
|
||||
import { PlayerPiece } from "../components/editor/PlayerPiece"
|
||||
import { Player } from "../model/tactic/Player"
|
||||
|
||||
import { Tactic, TacticContent } from "../model/tactic/Tactic"
|
||||
import { fetchAPI } from "../Fetcher"
|
||||
import { PlayerTeam } from "../model/tactic/Player"
|
||||
|
||||
import SavingState, {
|
||||
SaveState,
|
||||
SaveStates,
|
||||
} from "../components/editor/SavingState"
|
||||
|
||||
import { CourtObject } from "../model/tactic/Ball"
|
||||
import { CourtAction } from "./editor/CourtAction"
|
||||
import { BasketCourt } from "../components/editor/BasketCourt"
|
||||
import { ratioWithinBase } from "../components/arrows/Pos"
|
||||
import { Action, ActionKind } from "../model/tactic/Action"
|
||||
import { BASE } from "../Constants"
|
||||
|
||||
const ERROR_STYLE: CSSProperties = {
|
||||
borderColor: "red",
|
||||
}
|
||||
|
||||
const GUEST_MODE_CONTENT_STORAGE_KEY = "guest_mode_content"
|
||||
const GUEST_MODE_TITLE_STORAGE_KEY = "guest_mode_title"
|
||||
|
||||
export interface EditorViewProps {
|
||||
tactic: Tactic
|
||||
onContentChange: (tactic: TacticContent) => Promise<SaveState>
|
||||
onNameChange: (name: string) => Promise<boolean>
|
||||
courtType: "PLAIN" | "HALF"
|
||||
}
|
||||
|
||||
export interface EditorProps {
|
||||
id: number
|
||||
name: string
|
||||
content: string
|
||||
courtType: "PLAIN" | "HALF"
|
||||
}
|
||||
|
||||
/**
|
||||
* information about a player that is into a rack
|
||||
*/
|
||||
interface RackedPlayer {
|
||||
team: PlayerTeam
|
||||
key: string
|
||||
}
|
||||
|
||||
type RackedCourtObject = { key: "ball" }
|
||||
|
||||
export default function Editor({ id, name, courtType, content }: EditorProps) {
|
||||
const isInGuestMode = id == -1
|
||||
|
||||
const storage_content = localStorage.getItem(GUEST_MODE_CONTENT_STORAGE_KEY)
|
||||
const editorContent =
|
||||
isInGuestMode && storage_content != null ? storage_content : content
|
||||
|
||||
const storage_name = localStorage.getItem(GUEST_MODE_TITLE_STORAGE_KEY)
|
||||
const editorName =
|
||||
isInGuestMode && storage_name != null ? storage_name : name
|
||||
|
||||
return (
|
||||
<EditorView
|
||||
tactic={{
|
||||
name: editorName,
|
||||
id,
|
||||
content: JSON.parse(editorContent),
|
||||
}}
|
||||
onContentChange={async (content: TacticContent) => {
|
||||
if (isInGuestMode) {
|
||||
localStorage.setItem(
|
||||
GUEST_MODE_CONTENT_STORAGE_KEY,
|
||||
JSON.stringify(content),
|
||||
)
|
||||
return SaveStates.Guest
|
||||
}
|
||||
return fetchAPI(`tactic/${id}/save`, { content }).then((r) =>
|
||||
r.ok ? SaveStates.Ok : SaveStates.Err,
|
||||
)
|
||||
}}
|
||||
onNameChange={async (name: string) => {
|
||||
if (isInGuestMode) {
|
||||
localStorage.setItem(GUEST_MODE_TITLE_STORAGE_KEY, name)
|
||||
return true //simulate that the name has been changed
|
||||
}
|
||||
return fetchAPI(`tactic/${id}/edit/name`, { name }).then(
|
||||
(r) => r.ok,
|
||||
)
|
||||
}}
|
||||
courtType={courtType}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function EditorView({
|
||||
tactic: { id, name, content: initialContent },
|
||||
onContentChange,
|
||||
onNameChange,
|
||||
courtType,
|
||||
}: EditorViewProps) {
|
||||
const isInGuestMode = id == -1
|
||||
|
||||
const [titleStyle, setTitleStyle] = useState<CSSProperties>({})
|
||||
const [content, setContent, saveState] = useContentState(
|
||||
initialContent,
|
||||
isInGuestMode ? SaveStates.Guest : SaveStates.Ok,
|
||||
useMemo(() => debounceAsync(onContentChange),
|
||||
[onContentChange],
|
||||
),
|
||||
)
|
||||
|
||||
const [allies, setAllies] = useState(
|
||||
getRackPlayers(PlayerTeam.Allies, content.players),
|
||||
)
|
||||
const [opponents, setOpponents] = useState(
|
||||
getRackPlayers(PlayerTeam.Opponents, content.players),
|
||||
)
|
||||
|
||||
const [objects, setObjects] = useState<RackedCourtObject[]>(
|
||||
isBallOnCourt(content) ? [] : [{ key: "ball" }],
|
||||
)
|
||||
|
||||
const courtDivContentRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
const isBoundsOnCourt = (bounds: DOMRect) => {
|
||||
const courtBounds = courtDivContentRef.current!.getBoundingClientRect()
|
||||
|
||||
// check if refBounds overlaps courtBounds
|
||||
return !(
|
||||
bounds.top > courtBounds.bottom ||
|
||||
bounds.right < courtBounds.left ||
|
||||
bounds.bottom < courtBounds.top ||
|
||||
bounds.left > courtBounds.right
|
||||
)
|
||||
}
|
||||
|
||||
const onPieceDetach = (ref: HTMLDivElement, element: RackedPlayer) => {
|
||||
const refBounds = ref.getBoundingClientRect()
|
||||
const courtBounds = courtDivContentRef.current!.getBoundingClientRect()
|
||||
|
||||
const { x, y } = ratioWithinBase(refBounds, courtBounds)
|
||||
|
||||
setContent((content) => {
|
||||
return {
|
||||
...content,
|
||||
players: [
|
||||
...content.players,
|
||||
{
|
||||
id: "player-" + element.key + "-" + element.team,
|
||||
team: element.team,
|
||||
role: element.key,
|
||||
rightRatio: x,
|
||||
bottomRatio: y,
|
||||
hasBall: false,
|
||||
},
|
||||
],
|
||||
actions: content.actions,
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const onObjectDetach = (
|
||||
ref: HTMLDivElement,
|
||||
rackedObject: RackedCourtObject,
|
||||
) => {
|
||||
const refBounds = ref.getBoundingClientRect()
|
||||
const courtBounds = courtDivContentRef.current!.getBoundingClientRect()
|
||||
|
||||
const { x, y } = ratioWithinBase(refBounds, courtBounds)
|
||||
|
||||
let courtObject: CourtObject
|
||||
|
||||
switch (rackedObject.key) {
|
||||
case "ball":
|
||||
const ballObj = content.objects.findIndex(
|
||||
(o) => o.type == "ball",
|
||||
)
|
||||
const playerCollidedIdx = getPlayerCollided(
|
||||
refBounds,
|
||||
content.players,
|
||||
)
|
||||
if (playerCollidedIdx != -1) {
|
||||
onBallDropOnPlayer(playerCollidedIdx)
|
||||
setContent((content) => {
|
||||
return {
|
||||
...content,
|
||||
objects: content.objects.toSpliced(ballObj, 1),
|
||||
}
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
courtObject = {
|
||||
type: "ball",
|
||||
rightRatio: x,
|
||||
bottomRatio: y,
|
||||
}
|
||||
break
|
||||
|
||||
default:
|
||||
throw new Error("unknown court object " + rackedObject.key)
|
||||
}
|
||||
|
||||
setContent((content) => {
|
||||
return {
|
||||
...content,
|
||||
objects: [...content.objects, courtObject],
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const getPlayerCollided = (
|
||||
bounds: DOMRect,
|
||||
players: Player[],
|
||||
): number | -1 => {
|
||||
for (let i = 0; i < players.length; i++) {
|
||||
const player = players[i]
|
||||
const playerBounds = document
|
||||
.getElementById(player.id)!
|
||||
.getBoundingClientRect()
|
||||
const doesOverlap = !(
|
||||
bounds.top > playerBounds.bottom ||
|
||||
bounds.right < playerBounds.left ||
|
||||
bounds.bottom < playerBounds.top ||
|
||||
bounds.left > playerBounds.right
|
||||
)
|
||||
if (doesOverlap) {
|
||||
return i
|
||||
}
|
||||
}
|
||||
return -1
|
||||
}
|
||||
|
||||
function updateActions(actions: Action[], players: Player[]) {
|
||||
return actions.map((action) => {
|
||||
const originHasBall = players.find(
|
||||
(p) => p.id == action.fromPlayerId,
|
||||
)!.hasBall
|
||||
|
||||
let type = action.type
|
||||
|
||||
if (originHasBall && type == ActionKind.MOVE) {
|
||||
type = ActionKind.DRIBBLE
|
||||
} else if (originHasBall && type == ActionKind.SCREEN) {
|
||||
type = ActionKind.SHOOT
|
||||
} else if (type == ActionKind.DRIBBLE) {
|
||||
type = ActionKind.MOVE
|
||||
} else if (type == ActionKind.SHOOT) {
|
||||
type = ActionKind.SCREEN
|
||||
}
|
||||
return {
|
||||
...action,
|
||||
type,
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const onBallDropOnPlayer = (playerCollidedIdx: number) => {
|
||||
setContent((content) => {
|
||||
const ballObj = content.objects.findIndex((o) => o.type == "ball")
|
||||
let player = content.players.at(playerCollidedIdx) as Player
|
||||
const players = content.players.toSpliced(playerCollidedIdx, 1, {
|
||||
...player,
|
||||
hasBall: true,
|
||||
})
|
||||
return {
|
||||
...content,
|
||||
actions: updateActions(content.actions, players),
|
||||
players,
|
||||
objects: content.objects.toSpliced(ballObj, 1),
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const onBallDrop = (refBounds: DOMRect) => {
|
||||
if (!isBoundsOnCourt(refBounds)) {
|
||||
removeCourtBall()
|
||||
return
|
||||
}
|
||||
const playerCollidedIdx = getPlayerCollided(refBounds, content.players)
|
||||
if (playerCollidedIdx != -1) {
|
||||
setContent((content) => {
|
||||
return {
|
||||
...content,
|
||||
players: content.players.map((player) => ({
|
||||
...player,
|
||||
hasBall: false,
|
||||
})),
|
||||
}
|
||||
})
|
||||
onBallDropOnPlayer(playerCollidedIdx)
|
||||
return
|
||||
}
|
||||
|
||||
if (content.objects.findIndex((o) => o.type == "ball") != -1) {
|
||||
return
|
||||
}
|
||||
|
||||
const courtBounds = courtDivContentRef.current!.getBoundingClientRect()
|
||||
const { x, y } = ratioWithinBase(refBounds, courtBounds)
|
||||
let courtObject: CourtObject
|
||||
|
||||
courtObject = {
|
||||
type: "ball",
|
||||
rightRatio: x,
|
||||
bottomRatio: y,
|
||||
}
|
||||
|
||||
const players = content.players.map((player) => ({
|
||||
...player,
|
||||
hasBall: false,
|
||||
}))
|
||||
|
||||
setContent((content) => {
|
||||
return {
|
||||
...content,
|
||||
actions: updateActions(content.actions, players),
|
||||
players,
|
||||
objects: [...content.objects, courtObject],
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const removePlayer = (player: Player) => {
|
||||
setContent((content) => ({
|
||||
...content,
|
||||
players: toSplicedPlayers(content.players, player, false),
|
||||
objects: [...content.objects],
|
||||
actions: content.actions.filter(
|
||||
(a) =>
|
||||
a.toPlayerId !== player.id && a.fromPlayerId !== player.id,
|
||||
),
|
||||
}))
|
||||
let setter
|
||||
switch (player.team) {
|
||||
case PlayerTeam.Opponents:
|
||||
setter = setOpponents
|
||||
break
|
||||
case PlayerTeam.Allies:
|
||||
setter = setAllies
|
||||
}
|
||||
if (player.hasBall) {
|
||||
setObjects([{ key: "ball" }])
|
||||
}
|
||||
setter((players) => [
|
||||
...players,
|
||||
{
|
||||
team: player.team,
|
||||
pos: player.role,
|
||||
key: player.role,
|
||||
},
|
||||
])
|
||||
}
|
||||
|
||||
const removeCourtBall = () => {
|
||||
setContent((content) => {
|
||||
const ballObj = content.objects.findIndex((o) => o.type == "ball")
|
||||
return {
|
||||
...content,
|
||||
players: content.players.map((player) => ({
|
||||
...player,
|
||||
hasBall: false,
|
||||
})),
|
||||
objects: content.objects.toSpliced(ballObj, 1),
|
||||
}
|
||||
})
|
||||
setObjects([{ key: "ball" }])
|
||||
}
|
||||
|
||||
return (
|
||||
<div id="main-div">
|
||||
<div id="topbar-div">
|
||||
<button onClick={() => (location.pathname = BASE + "/")}>
|
||||
Home
|
||||
</button>
|
||||
<div id="topbar-left">
|
||||
<SavingState state={saveState} />
|
||||
</div>
|
||||
<div id="title-input-div">
|
||||
<TitleInput
|
||||
style={titleStyle}
|
||||
default_value={name}
|
||||
on_validated={(new_name) => {
|
||||
onNameChange(new_name).then((success) => {
|
||||
setTitleStyle(success ? {} : ERROR_STYLE)
|
||||
})
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="topbar-right" />
|
||||
</div>
|
||||
<div id="edit-div">
|
||||
<div id="racks">
|
||||
<Rack
|
||||
id="allies-rack"
|
||||
objects={allies}
|
||||
onChange={setAllies}
|
||||
canDetach={(div) =>
|
||||
isBoundsOnCourt(div.getBoundingClientRect())
|
||||
}
|
||||
onElementDetached={onPieceDetach}
|
||||
render={({ team, key }) => (
|
||||
<PlayerPiece
|
||||
team={team}
|
||||
text={key}
|
||||
key={key}
|
||||
hasBall={false}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
|
||||
<Rack
|
||||
id={"objects"}
|
||||
objects={objects}
|
||||
onChange={setObjects}
|
||||
canDetach={(div) =>
|
||||
isBoundsOnCourt(div.getBoundingClientRect())
|
||||
}
|
||||
onElementDetached={onObjectDetach}
|
||||
render={renderCourtObject}
|
||||
/>
|
||||
|
||||
<Rack
|
||||
id="opponent-rack"
|
||||
objects={opponents}
|
||||
onChange={setOpponents}
|
||||
canDetach={(div) =>
|
||||
isBoundsOnCourt(div.getBoundingClientRect())
|
||||
}
|
||||
onElementDetached={onPieceDetach}
|
||||
render={({ team, key }) => (
|
||||
<PlayerPiece
|
||||
team={team}
|
||||
text={key}
|
||||
key={key}
|
||||
hasBall={false}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
<div id="court-div">
|
||||
<div id="court-div-bounds">
|
||||
<BasketCourt
|
||||
players={content.players}
|
||||
objects={content.objects}
|
||||
actions={content.actions}
|
||||
onBallMoved={onBallDrop}
|
||||
courtImage={<Court courtType={courtType} />}
|
||||
courtRef={courtDivContentRef}
|
||||
setActions={(actions) =>
|
||||
setContent((content) => ({
|
||||
...content,
|
||||
players: content.players,
|
||||
actions: actions(content.actions),
|
||||
}))
|
||||
}
|
||||
renderAction={(action, i) => (
|
||||
<CourtAction
|
||||
key={i}
|
||||
action={action}
|
||||
courtRef={courtDivContentRef}
|
||||
onActionDeleted={() => {
|
||||
setContent((content) => ({
|
||||
...content,
|
||||
actions: content.actions.toSpliced(
|
||||
i,
|
||||
1,
|
||||
),
|
||||
}))
|
||||
}}
|
||||
onActionChanges={(a) =>
|
||||
setContent((content) => ({
|
||||
...content,
|
||||
actions: content.actions.toSpliced(
|
||||
i,
|
||||
1,
|
||||
a,
|
||||
),
|
||||
}))
|
||||
}
|
||||
/>
|
||||
)}
|
||||
onPlayerChange={(player) => {
|
||||
const playerBounds = document
|
||||
.getElementById(player.id)!
|
||||
.getBoundingClientRect()
|
||||
if (!isBoundsOnCourt(playerBounds)) {
|
||||
removePlayer(player)
|
||||
return
|
||||
}
|
||||
setContent((content) => ({
|
||||
...content,
|
||||
players: toSplicedPlayers(
|
||||
content.players,
|
||||
player,
|
||||
true,
|
||||
),
|
||||
}))
|
||||
}}
|
||||
onPlayerRemove={removePlayer}
|
||||
onBallRemove={removeCourtBall}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function isBallOnCourt(content: TacticContent) {
|
||||
if (content.players.findIndex((p) => p.hasBall) != -1) {
|
||||
return true
|
||||
}
|
||||
return content.objects.findIndex((o) => o.type == "ball") != -1
|
||||
}
|
||||
|
||||
function renderCourtObject(courtObject: RackedCourtObject) {
|
||||
if (courtObject.key == "ball") {
|
||||
return <BallPiece />
|
||||
}
|
||||
throw new Error("unknown racked court object " + courtObject.key)
|
||||
}
|
||||
|
||||
function Court({ courtType }: { courtType: string }) {
|
||||
return (
|
||||
<div id="court-image-div">
|
||||
{courtType == "PLAIN" ? (
|
||||
<PlainCourt id="court-image" />
|
||||
) : (
|
||||
<HalfCourt id="court-image" />
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function getRackPlayers(team: PlayerTeam, players: Player[]): RackedPlayer[] {
|
||||
return ["1", "2", "3", "4", "5"]
|
||||
.filter(
|
||||
(role) =>
|
||||
players.findIndex((p) => p.team == team && p.role == role) ==
|
||||
-1,
|
||||
)
|
||||
.map((key) => ({ team, key }))
|
||||
}
|
||||
|
||||
function debounceAsync<A, B>(
|
||||
f: (args: A) => Promise<B>,
|
||||
delay = 1000,
|
||||
): (args: A) => Promise<B> {
|
||||
let task = 0
|
||||
return (args: A) => {
|
||||
clearTimeout(task)
|
||||
return new Promise((resolve, reject) => {
|
||||
task = setTimeout(() => f(args).then(resolve).catch(reject), delay)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function useContentState<S>(
|
||||
initialContent: S,
|
||||
initialSaveState: SaveState,
|
||||
saveStateCallback: (s: S) => Promise<SaveState>,
|
||||
): [S, Dispatch<SetStateAction<S>>, SaveState] {
|
||||
const [content, setContent] = useState(initialContent)
|
||||
const [savingState, setSavingState] = useState(initialSaveState)
|
||||
|
||||
const setContentSynced = useCallback(
|
||||
(newState: SetStateAction<S>) => {
|
||||
setContent((content) => {
|
||||
const state =
|
||||
typeof newState === "function"
|
||||
? (newState as (state: S) => S)(content)
|
||||
: newState
|
||||
if (state !== content) {
|
||||
setSavingState(SaveStates.Saving)
|
||||
saveStateCallback(state)
|
||||
.then(setSavingState)
|
||||
.catch(() => setSavingState(SaveStates.Err))
|
||||
}
|
||||
return state
|
||||
})
|
||||
},
|
||||
[saveStateCallback],
|
||||
)
|
||||
|
||||
return [content, setContentSynced, savingState]
|
||||
}
|
||||
|
||||
function toSplicedPlayers(
|
||||
players: Player[],
|
||||
player: Player,
|
||||
replace: boolean,
|
||||
): Player[] {
|
||||
const idx = players.findIndex(
|
||||
(p) => p.team === player.team && p.role === player.role,
|
||||
)
|
||||
|
||||
return players.toSpliced(idx, 1, ...(replace ? [player] : []))
|
||||
}
|
||||
@ -0,0 +1,427 @@
|
||||
import "../style/home/home.css"
|
||||
|
||||
import { Header } from "./template/Header"
|
||||
import { BASE } from "../Constants"
|
||||
import Draggable from "react-draggable"
|
||||
import { NULL_POS } from "../components/arrows/Pos"
|
||||
import { contains } from "../components/arrows/Box"
|
||||
import React, { useRef, useState } from "react"
|
||||
import { fetchAPI } from "../Fetcher"
|
||||
import { User } from "../model/User"
|
||||
import { FaShare } from "react-icons/fa"
|
||||
import { SaveStates } from "../components/editor/SavingState"
|
||||
|
||||
interface Tactic {
|
||||
id: number
|
||||
name: string
|
||||
creation_date: string
|
||||
}
|
||||
|
||||
interface Team {
|
||||
id: number
|
||||
name: string
|
||||
picture: string
|
||||
main_color: string
|
||||
second_color: string
|
||||
}
|
||||
|
||||
export default function Home({
|
||||
lastTactics,
|
||||
allTactics,
|
||||
teams,
|
||||
user,
|
||||
}: {
|
||||
lastTactics: Tactic[]
|
||||
allTactics: Tactic[]
|
||||
teams: Team[]
|
||||
user: User
|
||||
}) {
|
||||
return (
|
||||
<div id="main">
|
||||
<Header user={user} />
|
||||
<Body
|
||||
lastTactics={lastTactics}
|
||||
allTactics={allTactics}
|
||||
teams={teams}
|
||||
user={user}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function Body({
|
||||
lastTactics,
|
||||
allTactics,
|
||||
teams,
|
||||
user,
|
||||
}: {
|
||||
lastTactics: Tactic[]
|
||||
allTactics: Tactic[]
|
||||
teams: Team[]
|
||||
user: User
|
||||
}) {
|
||||
const widthPersonalSpace = 78
|
||||
const widthSideMenu = 100 - widthPersonalSpace
|
||||
return (
|
||||
<div id="body">
|
||||
<PersonalSpace
|
||||
width={widthPersonalSpace}
|
||||
allTactics={allTactics}
|
||||
teams={teams}
|
||||
user={user}
|
||||
/>
|
||||
<SideMenu
|
||||
width={widthSideMenu}
|
||||
lastTactics={lastTactics}
|
||||
teams={teams}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function SideMenu({
|
||||
width,
|
||||
lastTactics,
|
||||
teams,
|
||||
}: {
|
||||
width: number
|
||||
lastTactics: Tactic[]
|
||||
teams: Team[]
|
||||
}) {
|
||||
return (
|
||||
<div
|
||||
id="side-menu"
|
||||
style={{
|
||||
width: width + "%",
|
||||
}}>
|
||||
<div id="side-menu-content">
|
||||
<TeamList teams={teams} />
|
||||
<TacticList lastTactics={lastTactics} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function PersonalSpace({
|
||||
width,
|
||||
allTactics,
|
||||
teams,
|
||||
user,
|
||||
}: {
|
||||
width: number
|
||||
allTactics: Tactic[]
|
||||
teams: Team[]
|
||||
user: User
|
||||
}) {
|
||||
return (
|
||||
<div
|
||||
id="personal-space"
|
||||
style={{
|
||||
width: width + "%",
|
||||
}}>
|
||||
<TitlePersonalSpace />
|
||||
<BodyPersonalSpace
|
||||
allTactics={allTactics}
|
||||
teams={teams}
|
||||
user={user}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function TitlePersonalSpace() {
|
||||
return (
|
||||
<div id="title-personal-space">
|
||||
<h2>Espace Personnel</h2>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function TableData({
|
||||
allTactics,
|
||||
teams,
|
||||
user,
|
||||
}: {
|
||||
allTactics: Tactic[]
|
||||
teams: Team[]
|
||||
user: User
|
||||
}) {
|
||||
const nbRow = Math.floor(allTactics.length / 3) + 1
|
||||
let listTactic = Array(nbRow)
|
||||
for (let i = 0; i < nbRow; i++) {
|
||||
listTactic[i] = Array(0)
|
||||
}
|
||||
let i = 0
|
||||
let j = 0
|
||||
allTactics.forEach((tactic) => {
|
||||
listTactic[i].push(tactic)
|
||||
j++
|
||||
if (j === 3) {
|
||||
i++
|
||||
j = 0
|
||||
}
|
||||
})
|
||||
|
||||
i = 0
|
||||
while (i < nbRow) {
|
||||
listTactic[i] = listTactic[i].map((tactic: Tactic, index: number) => (
|
||||
<DraggableTableDataElement
|
||||
key={index}
|
||||
tactic={tactic}
|
||||
teams={teams}
|
||||
/>
|
||||
))
|
||||
i++
|
||||
}
|
||||
if (nbRow == 1) {
|
||||
if (listTactic[0].length < 3) {
|
||||
for (let i = 0; i <= 3 - listTactic[0].length; i++) {
|
||||
listTactic[0].push(<td key={"tdNone" + i}></td>)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const data = listTactic.map((tactic, rowIndex) => (
|
||||
<tr key={rowIndex + "row"}>{tactic}</tr>
|
||||
))
|
||||
return data
|
||||
}
|
||||
|
||||
function DraggableTableDataElement({
|
||||
tactic,
|
||||
teams,
|
||||
}: {
|
||||
tactic: Tactic
|
||||
teams: Team[]
|
||||
}) {
|
||||
const ref = useRef<HTMLDivElement>(null)
|
||||
const [dragging, setDragging] = useState(false)
|
||||
const [hovered, setHovered] = useState(false)
|
||||
|
||||
const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
|
||||
event.stopPropagation()
|
||||
if (!dragging) {
|
||||
const userEmail = window.prompt(
|
||||
"Entrez l'email à qui partager la tactique :",
|
||||
)
|
||||
if (userEmail != null) {
|
||||
onShareTactic(userEmail, tactic)
|
||||
}
|
||||
} else {
|
||||
setDragging(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<Draggable
|
||||
position={NULL_POS}
|
||||
nodeRef={ref}
|
||||
onDrag={() => setDragging(true)}
|
||||
onStop={() => {
|
||||
if (dragging) {
|
||||
if (ref.current) {
|
||||
onDropTactic(
|
||||
ref.current.getBoundingClientRect(),
|
||||
tactic,
|
||||
teams,
|
||||
)
|
||||
}
|
||||
}
|
||||
}}>
|
||||
<td
|
||||
key={tactic.id}
|
||||
ref={ref as React.RefObject<HTMLTableDataCellElement>}
|
||||
className="data"
|
||||
onClick={() => {
|
||||
if (!dragging) {
|
||||
location.pathname =
|
||||
BASE + "/tactic/" + tactic.id + "/edit"
|
||||
} else {
|
||||
setDragging(false)
|
||||
}
|
||||
}}
|
||||
onMouseEnter={() => setHovered(true)}
|
||||
onMouseLeave={() => setHovered(false)}>
|
||||
{truncateString(tactic.name, 25)}
|
||||
{hovered && (
|
||||
<div className="share-icon-container">
|
||||
<button
|
||||
className="share-button share-icon-button"
|
||||
onClick={handleButtonClick}>
|
||||
<FaShare className="share-icon" />
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
</Draggable>
|
||||
)
|
||||
}
|
||||
|
||||
function BodyPersonalSpace({
|
||||
allTactics,
|
||||
teams,
|
||||
user,
|
||||
}: {
|
||||
allTactics: Tactic[]
|
||||
teams: Team[]
|
||||
user: User
|
||||
}) {
|
||||
let data
|
||||
if (allTactics.length == 0) {
|
||||
data = <p>Aucune tactique créée !</p>
|
||||
} else {
|
||||
data = <TableData allTactics={allTactics} teams={teams} user={user} />
|
||||
}
|
||||
|
||||
return (
|
||||
<div id="body-personal-space">
|
||||
<table>
|
||||
<tbody key="tbody">{data}</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function TeamList({ teams }: { teams: Team[] }) {
|
||||
return (
|
||||
<div id="teams">
|
||||
<div className="titre-side-menu">
|
||||
<h2 className="title">Mes équipes</h2>
|
||||
<button
|
||||
className="new"
|
||||
onClick={() => (location.pathname = BASE + "/team/new")}>
|
||||
+
|
||||
</button>
|
||||
</div>
|
||||
<SetButtonTeam teams={teams} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function TacticList({ lastTactics }: { lastTactics: Tactic[] }) {
|
||||
return (
|
||||
<div id="tactic">
|
||||
<div className="titre-side-menu">
|
||||
<h2 className="title">Mes dernières stratégies</h2>
|
||||
<button
|
||||
className="new"
|
||||
id="create-tactic"
|
||||
onClick={() => (location.pathname = BASE + "/tactic/new")}>
|
||||
+
|
||||
</button>
|
||||
</div>
|
||||
<SetButtonTactic tactics={lastTactics} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function SetButtonTactic({ tactics }: { tactics: Tactic[] }) {
|
||||
const lastTactics = tactics.map((tactic, i) => (
|
||||
<ButtonLastTactic key={i} tactic={tactic} />
|
||||
))
|
||||
return <div className="set-button">{lastTactics}</div>
|
||||
}
|
||||
|
||||
function SetButtonTeam({ teams }: { teams: Team[] }) {
|
||||
const listTeam = teams.map((teams, i) => (
|
||||
<ButtonTeam key={i} team={teams} />
|
||||
))
|
||||
return <div className="set-button">{listTeam}</div>
|
||||
}
|
||||
|
||||
function ButtonTeam({ team }: { team: Team }) {
|
||||
const name = truncateString(team.name, 20)
|
||||
return (
|
||||
<div>
|
||||
<div
|
||||
id={"button-team-" + team.id}
|
||||
className="button-side-menu data"
|
||||
onClick={() => {
|
||||
location.pathname = BASE + "/team/" + team.id
|
||||
}}>
|
||||
{name}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function ButtonLastTactic({ tactic }: { tactic: Tactic }) {
|
||||
const name = truncateString(tactic.name, 20)
|
||||
return (
|
||||
<div
|
||||
id={"button" + tactic.id}
|
||||
className="button-side-menu data"
|
||||
onClick={() => {
|
||||
location.pathname = BASE + "/tactic/" + tactic.id + "/edit"
|
||||
}}>
|
||||
{name}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function truncateString(name: string, limit: number): string {
|
||||
if (name.length > limit) {
|
||||
name = name.substring(0, limit) + "..."
|
||||
}
|
||||
return name
|
||||
}
|
||||
|
||||
function onDropTactic(ref: DOMRect, tactic: Tactic, teams: Team[]) {
|
||||
let shared = false
|
||||
for (const team of teams) {
|
||||
if (
|
||||
contains(
|
||||
ref,
|
||||
document
|
||||
.getElementById(`button-team-${team.id}`)!
|
||||
.getBoundingClientRect(),
|
||||
)
|
||||
) {
|
||||
if (!shared) {
|
||||
shareTacticToTeam(tactic, team)
|
||||
shared = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function onShareTactic(email: string, tactic: Tactic) {
|
||||
const canShareResponse = await fetchAPI(
|
||||
`tactic/${tactic.id}/can-share`,
|
||||
tactic,
|
||||
)
|
||||
if (canShareResponse.ok) {
|
||||
const shareToAccountResponse = await fetchAPI(
|
||||
`tactic/${tactic.id}/share-to-account`,
|
||||
{ email },
|
||||
)
|
||||
if (!shareToAccountResponse.ok) {
|
||||
alert(
|
||||
"Une erreur s'est produite lors du partage de la tactique avec ce compte",
|
||||
)
|
||||
}
|
||||
} else {
|
||||
alert("Vous ne pouvez pas partager cette tactique")
|
||||
}
|
||||
}
|
||||
|
||||
async function shareTacticToTeam(tactic: Tactic, team: Team) {
|
||||
const canShare = await fetchAPI(
|
||||
`tactic/${tactic.id}/can-share-to-team`,
|
||||
team,
|
||||
).then((r) => r.ok)
|
||||
if (
|
||||
canShare &&
|
||||
confirm(
|
||||
"Etes-vous sûr de vouloir partager la tactique " +
|
||||
tactic.name +
|
||||
" avec l'équipe " +
|
||||
team.name,
|
||||
)
|
||||
) {
|
||||
fetchAPI(`tactic/${tactic.id}/share-to-team`, team)
|
||||
}
|
||||
if (!canShare) {
|
||||
alert("Vous ne pouvez pas partager cette tactique à cette équipe")
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import React, { CSSProperties, useState } from "react"
|
||||
import "../style/visualizer.css"
|
||||
import Court from "../assets/court/full_court.svg"
|
||||
|
||||
export default function Visualizer({ id, name }: { id: number; name: string }) {
|
||||
const [style, setStyle] = useState<CSSProperties>({})
|
||||
|
||||
return (
|
||||
<div id="main">
|
||||
<div id="topbar">
|
||||
<h1>{name}</h1>
|
||||
</div>
|
||||
<div id="court-container">
|
||||
<img
|
||||
id="court"
|
||||
src={Court}
|
||||
style={style}
|
||||
alt="Basketball Court"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,40 @@
|
||||
import { BASE } from "../../Constants"
|
||||
import { User } from "../../model/User"
|
||||
|
||||
/**
|
||||
*
|
||||
* @param param0 username
|
||||
* @returns Header
|
||||
*/
|
||||
export function Header({ user }: { user: User }) {
|
||||
return (
|
||||
<div id="header">
|
||||
<div id="header-left"></div>
|
||||
<div id="header-center">
|
||||
<h1
|
||||
id="iqball"
|
||||
className="clickable"
|
||||
onClick={() => {
|
||||
location.pathname = BASE + "/"
|
||||
}}>
|
||||
<span id="IQ">IQ</span>
|
||||
<span id="Ball">Ball</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div id="header-right">
|
||||
<div className="clickable" id="clickable-header-right">
|
||||
<img
|
||||
id="img-account"
|
||||
src={user.profilePicture}
|
||||
|
||||
onClick={() => {
|
||||
location.pathname = BASE + "/settings"
|
||||
}}
|
||||
alt="photo de profil"
|
||||
/>
|
||||
<p id="username">{user.name}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/src/assets/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>IQBall</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,43 +1,39 @@
|
||||
{
|
||||
"name": "iqball_web",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@testing-library/jest-dom": "^5.17.0",
|
||||
"@testing-library/react": "^13.4.0",
|
||||
"@testing-library/user-event": "^13.5.0",
|
||||
"@types/react": "^18.2.31",
|
||||
"@types/react-dom": "^18.2.14",
|
||||
"eslint-plugin-react-refresh": "^0.4.5",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-drag-drop-files": "^2.3.10",
|
||||
"react-draggable": "^4.4.6",
|
||||
"react-router-dom": "^6.22.0",
|
||||
"typescript": "^5.2.2",
|
||||
"vite": "^4.5.0",
|
||||
"vite-plugin-css-injected-by-js": "^3.3.0"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "vite --host",
|
||||
"build": "vite build",
|
||||
"test": "vitest",
|
||||
"format": "prettier --config .prettierrc '.' --write",
|
||||
"tsc": "tsc"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@typescript-eslint/eslint-plugin": "^6.11.0",
|
||||
"@typescript-eslint/parser": "^6.11.0",
|
||||
"@vitejs/plugin-react": "^4.1.0",
|
||||
"eslint": "^8.53.0",
|
||||
"eslint-plugin-react": "^7.33.2",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"jsdom": "^24.0.0",
|
||||
"prettier": "^3.1.0",
|
||||
"rollup-plugin-visualizer": "^5.12.0",
|
||||
"typescript": "^5.2.2",
|
||||
"vite-plugin-svgr": "^4.1.0",
|
||||
"vitest": "^1.3.1"
|
||||
}
|
||||
"name": "iqball_web",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@testing-library/jest-dom": "^5.17.0",
|
||||
"@testing-library/react": "^13.4.0",
|
||||
"@testing-library/user-event": "^13.5.0",
|
||||
"@types/jest": "^27.5.2",
|
||||
"@types/node": "^16.18.59",
|
||||
"@types/react": "^18.2.31",
|
||||
"@types/react-dom": "^18.2.14",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-draggable": "^4.4.6",
|
||||
"react-icons": "^5.0.1",
|
||||
"typescript": "^5.2.2",
|
||||
"vite": "^4.5.0",
|
||||
"vite-plugin-css-injected-by-js": "^3.3.0"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "vite --host",
|
||||
"build": "vite build",
|
||||
"test": "vite test",
|
||||
"format": "prettier --config .prettierrc 'front' --write",
|
||||
"tsc": "tsc"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-react": "^4.1.0",
|
||||
"prettier": "^3.1.0",
|
||||
"typescript": "^5.2.2",
|
||||
"vite-plugin-svgr": "^4.1.0",
|
||||
"@typescript-eslint/eslint-plugin": "^6.11.0",
|
||||
"@typescript-eslint/parser": "^6.11.0",
|
||||
"eslint": "^8.53.0",
|
||||
"eslint-plugin-react": "^7.33.2",
|
||||
"eslint-plugin-react-hooks": "^4.6.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,12 @@
|
||||
parameters:
|
||||
phpVersion: 70400
|
||||
level: 6
|
||||
paths:
|
||||
- src
|
||||
scanFiles:
|
||||
- config.php
|
||||
- sql/database.php
|
||||
- profiles/dev-config-profile.php
|
||||
- profiles/prod-config-profile.php
|
||||
excludePaths:
|
||||
- src/App/react-display-file.php
|
||||
@ -0,0 +1,43 @@
|
||||
<?php
|
||||
|
||||
use IQBall\Core\Connection;
|
||||
use IQBall\Core\Gateway\AccountGateway;
|
||||
use IQBall\Core\Model\AuthModel;
|
||||
|
||||
$hostname = getHostName();
|
||||
$front_url = "http://$hostname:5173";
|
||||
|
||||
const _SUPPORTS_FAST_REFRESH = true;
|
||||
$_data_source_name = "sqlite:${_SERVER['DOCUMENT_ROOT']}/../dev-database.sqlite";
|
||||
|
||||
// no user and password needed for sqlite databases
|
||||
const _DATABASE_USER = null;
|
||||
const _DATABASE_PASSWORD = null;
|
||||
|
||||
function _asset(string $assetURI): string {
|
||||
global $front_url;
|
||||
return $front_url . "/" . $assetURI;
|
||||
}
|
||||
|
||||
function _init_database(PDO $pdo): void {
|
||||
$accounts = new AccountGateway(new Connection($pdo));
|
||||
$teams = new \IQBall\Core\Gateway\TeamGateway((new Connection($pdo)));
|
||||
|
||||
$defaultAccounts = ["maxime", "mael", "yanis", "vivien"];
|
||||
$defaultTeams = ["Lakers", "Celtics", "Bulls"];
|
||||
|
||||
|
||||
foreach ($defaultAccounts as $name) {
|
||||
$email = "$name@mail.com";
|
||||
$id = $accounts->insertAccount($name, $email, AuthModel::generateToken(), password_hash("123456", PASSWORD_DEFAULT), "https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png");
|
||||
$accounts->setIsAdmin($id, true);
|
||||
}
|
||||
|
||||
foreach ($defaultTeams as $name) {
|
||||
$id = $teams->insert($name, "https://lebasketographe.fr/wp-content/uploads/2019/11/nom-equipes-nba.jpg", "#1a2b3c", "#FF00AA");
|
||||
}
|
||||
}
|
||||
|
||||
function _get_base_path(): string {
|
||||
return "";
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
<?php
|
||||
|
||||
// This file only exists on production servers, and defines the available assets mappings
|
||||
// in an `ASSETS` array constant.
|
||||
require __DIR__ . "/../views-mappings.php";
|
||||
|
||||
// THIS VALUE IS TO SET IN THE CI
|
||||
const BASE_PATH = null;
|
||||
|
||||
const _SUPPORTS_FAST_REFRESH = false;
|
||||
$database_file = __DIR__ . "/../database.sqlite";
|
||||
$_data_source_name = "sqlite:/$database_file";
|
||||
|
||||
// no user and password needed for sqlite databases
|
||||
const _DATABASE_USER = null;
|
||||
const _DATABASE_PASSWORD = null;
|
||||
|
||||
|
||||
function _asset(string $assetURI): string {
|
||||
// use index.php's base path
|
||||
global $basePath;
|
||||
// If the asset uri does not figure in the available assets array,
|
||||
// fallback to the uri itself.
|
||||
return $basePath . "/" . (ASSETS[$assetURI] ?? $assetURI);
|
||||
}
|
||||
|
||||
|
||||
function _init_database(PDO $pdo): void {}
|
||||
|
||||
function _get_base_path(): string {
|
||||
return BASE_PATH;
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
RewriteEngine on
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule ^.*$ ./index.php [NC,L,QSA]
|
||||
@ -0,0 +1,4 @@
|
||||
RewriteEngine on
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule ^.*$ ./index.php [NC,L,QSA]
|
||||
@ -0,0 +1,110 @@
|
||||
<?php
|
||||
|
||||
require "../../config.php";
|
||||
require "../../vendor/autoload.php";
|
||||
require "../../sql/database.php";
|
||||
|
||||
use IQBall\Api\API;
|
||||
use IQBall\Api\Controller\APIAccountsController;
|
||||
use IQBall\Api\Controller\APIAuthController;
|
||||
use IQBall\Api\Controller\APIServerController;
|
||||
use IQBall\Api\Controller\APITacticController;
|
||||
use IQBall\App\Session\PhpSessionHandle;
|
||||
use IQBall\Core\Action;
|
||||
use IQBall\Core\Connection;
|
||||
use IQBall\Core\Data\Account;
|
||||
use IQBall\Core\Gateway\AccountGateway;
|
||||
use IQBall\Core\Gateway\TacticInfoGateway;
|
||||
use IQBall\Core\Model\AuthModel;
|
||||
use IQBall\Core\Model\TacticModel;
|
||||
use IQBall\Core\Gateway\TeamGateway;
|
||||
use IQBall\Core\Model\TeamModel;
|
||||
use IQBall\Core\Gateway\MemberGateway;
|
||||
|
||||
|
||||
$basePath = get_base_path() . "/api";
|
||||
|
||||
function getTacticController(): APITacticController {
|
||||
return new APITacticController(
|
||||
new TacticModel(new TacticInfoGateway(new Connection(get_database())), new AccountGateway(new Connection(get_database()))),
|
||||
new TeamModel(new TeamGateway(new Connection(get_database())), new MemberGateway(new Connection(get_database())), new AccountGateway(new Connection(get_database())))
|
||||
);
|
||||
}
|
||||
|
||||
function getAuthController(): APIAuthController {
|
||||
return new APIAuthController(new AuthModel(new AccountGateway(new Connection(get_database()))));
|
||||
}
|
||||
|
||||
function getAccountController(): APIAccountsController {
|
||||
$con = new Connection(get_database());
|
||||
$gw = new AccountGateway($con);
|
||||
return new APIAccountsController(new AuthModel($gw), $gw);
|
||||
|
||||
}
|
||||
|
||||
function getServerController(): APIServerController {
|
||||
global $basePath;
|
||||
return new APIServerController($basePath, get_database());
|
||||
}
|
||||
|
||||
function getAPITeamController(): \IQBall\Api\Controller\APITeamController {
|
||||
$con = new Connection(get_database());
|
||||
return new \IQBall\Api\Controller\APITeamController(new \IQBall\Core\Model\TeamModel(new \IQBall\Core\Gateway\TeamGateway($con), new \IQBall\Core\Gateway\MemberGateway($con), new AccountGateway($con)));
|
||||
}
|
||||
|
||||
|
||||
|
||||
function getRoutes(): AltoRouter {
|
||||
global $basePath;
|
||||
$router = new AltoRouter();
|
||||
$router->setBasePath($basePath);
|
||||
|
||||
$router->map("POST", "/auth", Action::noAuth(fn() => getAuthController()->authorize()));
|
||||
$router->map("POST", "/tactic/[i:id]/edit/name", Action::auth(fn(int $id, Account $acc) => getTacticController()->updateName($id, $acc)));
|
||||
$router->map("POST", "/tactic/[i:id]/save", Action::auth(fn(int $id, Account $acc) => getTacticController()->saveContent($id, $acc)));
|
||||
$router->map("GET", "/admin/list-users", Action::noAuth(fn() => getAccountController()->listUsers($_GET)));
|
||||
$router->map("GET", "/admin/user/[i:id]", Action::noAuth(fn(int $id) => getAccountController()->getUser($id)));
|
||||
$router->map("GET", "/admin/user/[i:id]/space", Action::noAuth(fn(int $id) => getTacticController()->getUserTactics($id)));
|
||||
$router->map("POST", "/admin/user/add", Action::noAuth(fn() => getAccountController()->addUser()));
|
||||
$router->map("POST", "/admin/user/remove-all", Action::noAuth(fn() => getAccountController()->removeUsers()));
|
||||
$router->map("POST", "/admin/user/[i:id]/update", Action::noAuth(fn(int $id) => getAccountController()->updateUser($id)));
|
||||
$router->map("GET", "/admin/server-info", Action::noAuth(fn() => getServerController()->getServerInfo()));
|
||||
$router->map("GET", "/admin/list-team", Action::noAuth(fn() => getAPITeamController()->listTeams($_GET)));
|
||||
$router->map("POST", "/admin/add-team", Action::noAuth(fn() => getAPITeamController()->addTeam()));
|
||||
$router->map("POST", "/admin/delete-teams", Action::noAuth(fn() => getAPITeamController()->deleteTeamSelected()));
|
||||
$router->map("POST", "/admin/team/[i:id]/update", Action::noAuth(fn(int $id) => getAPITeamController()->updateTeam($id)));
|
||||
|
||||
|
||||
|
||||
$router->map("POST", "/tactic/[i:id]/can-share", Action::auth(fn(int $id, Account $acc) => getTacticController()->canShareTactic($id, $acc)));
|
||||
$router->map("POST", "/tactic/[i:id]/can-share-to-team", Action::auth(fn(int $id, Account $acc) => getTacticController()->canShareTacticToTeam($id, $acc)));
|
||||
$router->map("POST", "/tactic/[i:id]/share-to-team", Action::auth(fn(int $id, Account $acc) => getTacticController()->shareTacticToTeam($id, $acc)));
|
||||
$router->map("POST", "/tactic/[i:id]/share-to-account", Action::auth(fn(int $id, Account $acc) => getTacticController()->shareTacticToAccount($id, $acc)));
|
||||
|
||||
|
||||
$router->map("POST", "/tactic/[i:id]/unshare-to-team", Action::auth(fn(int $id, Account $acc) => getTacticController()->unshareTacticToTeam($id, $acc)));
|
||||
|
||||
return $router;
|
||||
}
|
||||
|
||||
/**
|
||||
* Defines the way of being authorised through the API
|
||||
* By checking if an Authorisation header is set, and by expecting its value to be a valid token of an account.
|
||||
* If the header is not set, fallback to the App's PHP session system, and try to extract the account from it.
|
||||
* @return Account|null
|
||||
* @throws Exception
|
||||
*/
|
||||
function tryGetAuthorization(): ?Account {
|
||||
$headers = getallheaders();
|
||||
|
||||
// If no authorization header is set, try fallback to php session.
|
||||
if (!isset($headers['Authorization'])) {
|
||||
$session = PhpSessionHandle::init();
|
||||
return $session->getAccount();
|
||||
}
|
||||
$token = $headers['Authorization'];
|
||||
$gateway = new AccountGateway(new Connection(get_database()));
|
||||
return $gateway->getAccountFromToken($token);
|
||||
}
|
||||
|
||||
Api::consume(API::handleMatch(getRoutes()->match(), fn() => tryGetAuthorization()));
|
||||
@ -0,0 +1 @@
|
||||
../front/assets
|
||||
@ -0,0 +1 @@
|
||||
../front
|
||||
@ -0,0 +1,146 @@
|
||||
<?php
|
||||
|
||||
require "../vendor/autoload.php";
|
||||
require "../config.php";
|
||||
require "../sql/database.php";
|
||||
require "../src/App/react-display.php";
|
||||
|
||||
use IQBall\App\App;
|
||||
use IQBall\App\Controller\AuthController;
|
||||
use IQBall\App\Controller\EditorController;
|
||||
use IQBall\App\Controller\TeamController;
|
||||
use IQBall\App\Controller\UserController;
|
||||
use IQBall\App\Controller\VisualizerController;
|
||||
use IQBall\App\Controller\TacticController;
|
||||
use IQBall\App\Session\MutableSessionHandle;
|
||||
use IQBall\App\Session\PhpSessionHandle;
|
||||
use IQBall\App\Session\SessionHandle;
|
||||
use IQBall\App\ViewHttpResponse;
|
||||
use IQBall\Core\Action;
|
||||
use IQBall\Core\Connection;
|
||||
use IQBall\Core\Data\CourtType;
|
||||
use IQBall\Core\Gateway\AccountGateway;
|
||||
use IQBall\Core\Gateway\MemberGateway;
|
||||
use IQBall\Core\Gateway\TacticInfoGateway;
|
||||
use IQBall\Core\Gateway\TeamGateway;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Model\AuthModel;
|
||||
use IQBall\Core\Model\TacticModel;
|
||||
use IQBall\Core\Model\TeamModel;
|
||||
use IQBall\Core\Validation\ValidationFail;
|
||||
use Twig\Environment;
|
||||
use Twig\Loader\FilesystemLoader;
|
||||
use Twig\TwigFunction;
|
||||
|
||||
function getConnection(): Connection {
|
||||
return new Connection(get_database());
|
||||
}
|
||||
|
||||
function getUserController(): UserController {
|
||||
return new UserController(new TacticModel(new TacticInfoGateway(getConnection()), new AccountGateway(getConnection())), new TeamModel(new TeamGateway(getConnection()), new MemberGateway(getConnection()), new AccountGateway(getConnection())));
|
||||
}
|
||||
|
||||
function getVisualizerController(): VisualizerController {
|
||||
return new VisualizerController(new TacticModel(new TacticInfoGateway(getConnection()), new AccountGateway(getConnection())));
|
||||
}
|
||||
|
||||
function getEditorController(): EditorController {
|
||||
return new EditorController(new TacticModel(new TacticInfoGateway(getConnection()), new AccountGateway(getConnection())));
|
||||
}
|
||||
|
||||
function getTeamController(): TeamController {
|
||||
$con = getConnection();
|
||||
return new TeamController(new TeamModel(new TeamGateway($con), new MemberGateway($con), new AccountGateway($con)));
|
||||
}
|
||||
|
||||
function getTacticController(): TacticController {
|
||||
return new TacticController(new TacticModel(new TacticInfoGateway(getConnection()), new AccountGateway(getConnection())), new TeamModel(new TeamGateway(getConnection()), new MemberGateway(getConnection()), new AccountGateway(getConnection())));
|
||||
}
|
||||
|
||||
|
||||
function getAuthController(): AuthController {
|
||||
return new AuthController(new AuthModel(new AccountGateway(getConnection())));
|
||||
}
|
||||
|
||||
function getTwig(): Environment {
|
||||
global $basePath;
|
||||
$fl = new FilesystemLoader("../src/App/Views");
|
||||
$twig = new Environment($fl);
|
||||
|
||||
$twig->addFunction(new TwigFunction('path', fn(string $str) => "$basePath$str"));
|
||||
|
||||
return $twig;
|
||||
}
|
||||
|
||||
function getRoutes(): AltoRouter {
|
||||
global $basePath;
|
||||
|
||||
$ar = new AltoRouter();
|
||||
$ar->setBasePath($basePath);
|
||||
|
||||
//authentication
|
||||
$ar->map("GET", "/login", Action::noAuth(fn() => getAuthController()->displayLogin()));
|
||||
$ar->map("GET", "/register", Action::noAuth(fn() => getAuthController()->displayRegister()));
|
||||
$ar->map("POST", "/login", Action::noAuth(fn(SessionHandle $s) => getAuthController()->login($_POST, $s)));
|
||||
$ar->map("POST", "/register", Action::noAuth(fn(SessionHandle $s) => getAuthController()->register($_POST, $s)));
|
||||
|
||||
//user-related
|
||||
$ar->map("GET", "/", Action::auth(fn(SessionHandle $s) => getUserController()->home($s)));
|
||||
$ar->map("GET", "/home", Action::auth(fn(SessionHandle $s) => getUserController()->home($s)));
|
||||
$ar->map("GET", "/settings", Action::auth(fn(SessionHandle $s) => getUserController()->settings($s)));
|
||||
$ar->map("GET", "/disconnect", Action::auth(fn(MutableSessionHandle $s) => getUserController()->disconnect($s)));
|
||||
|
||||
|
||||
$ar->map("GET", "/shareTactic", Action::auth(fn(SessionHandle $s) => getTacticController()->displayTactic(true, $s)));
|
||||
$ar->map("GET", "/shareTactic/[i:id]", Action::auth(fn(int $id, SessionHandle $s) => getTacticController()->displayTeamAndAccount(true, $id, $s)));
|
||||
$ar->map("GET", "/shareTactic/[i:id]/team/[i:idTeam]", Action::auth(fn(int $tacticId, int $teamId, SessionHandle $s) => getTacticController()->displayShareConfirmation($tacticId, $teamId, $s)));
|
||||
$ar->map("POST", "/shareTactic/[i:id]/team/[i:idTeam]", Action::auth(fn(int $tacticId, int $teamId, SessionHandle $s) => getTacticController()->shareTacticToTeam($_POST, $tacticId, $teamId, $s)));
|
||||
$ar->map("POST", "/shareTactic/[i:id]/account", Action::auth(fn(int $tacticId, SessionHandle $s) => getTacticController()->shareTacticToAccount($_POST, $tacticId, $s)));
|
||||
|
||||
$ar->map("GET", "/unshareTactic", Action::auth(fn(SessionHandle $s) => getTacticController()->displayTactic(false, $s)));
|
||||
$ar->map("GET", "/unshareTactic/[i:id]", Action::auth(fn(int $id, SessionHandle $s) => getTacticController()->displayTeamAndAccount(false, $id, $s)));
|
||||
$ar->map("POST", "/unshareTactic/[i:id]", Action::auth(fn(int $id, SessionHandle $s) => getTacticController()->unshareTactic($id, $s)));
|
||||
|
||||
|
||||
//tactic-related
|
||||
$ar->map("GET", "/tactic/[i:id]/view", Action::auth(fn(int $id, SessionHandle $s) => getVisualizerController()->openVisualizer($id, $s)));
|
||||
$ar->map("GET", "/tactic/[i:id]/edit", Action::auth(fn(int $id, SessionHandle $s) => getEditorController()->openEditor($id, $s)));
|
||||
// don't require an authentication to run this action.
|
||||
// If the user is not connected, the tactic will never save.
|
||||
$ar->map("GET", "/tactic/new", Action::noAuth(fn() => getEditorController()->createNew()));
|
||||
$ar->map("GET", "/tactic/new/plain", Action::noAuth(fn(SessionHandle $s) => getEditorController()->createNewOfKind(CourtType::plain(), $s)));
|
||||
$ar->map("GET", "/tactic/new/half", Action::noAuth(fn(SessionHandle $s) => getEditorController()->createNewOfKind(CourtType::half(), $s)));
|
||||
|
||||
|
||||
//team-related
|
||||
$ar->map("GET", "/team/new", Action::auth(fn(SessionHandle $s) => getTeamController()->displayCreateTeam($s)));
|
||||
$ar->map("POST", "/team/new", Action::auth(fn(SessionHandle $s) => getTeamController()->submitTeam($_POST, $s)));
|
||||
$ar->map("GET", "/team/search", Action::auth(fn(SessionHandle $s) => getTeamController()->displayListTeamByName($s)));
|
||||
$ar->map("POST", "/team/search", Action::auth(fn(SessionHandle $s) => getTeamController()->listTeamByName($_POST, $s)));
|
||||
$ar->map("GET", "/team/[i:id]", Action::auth(fn(int $id, SessionHandle $s) => getTeamController()->displayTeam($id, $s)));
|
||||
$ar->map("GET", "/team/[i:id]/delete", Action::auth(fn(int $id, SessionHandle $s) => getTeamController()->deleteTeamById($id, $s)));
|
||||
$ar->map("GET", "/team/[i:id]/addMember", Action::auth(fn(int $id, SessionHandle $s) => getTeamController()->displayAddMember($id, $s)));
|
||||
$ar->map("POST", "/team/[i:id]/addMember", Action::auth(fn(int $id, SessionHandle $s) => getTeamController()->addMember($id, $_POST, $s)));
|
||||
$ar->map("GET", "/team/[i:idTeam]/remove/[i:idMember]", Action::auth(fn(int $idTeam, int $idMember, SessionHandle $s) => getTeamController()->deleteMember($idTeam, $idMember, $s)));
|
||||
$ar->map("GET", "/team/[i:id]/edit", Action::auth(fn(int $idTeam, SessionHandle $s) => getTeamController()->displayEditTeam($idTeam, $s)));
|
||||
$ar->map("POST", "/team/[i:id]/edit", Action::auth(fn(int $idTeam, SessionHandle $s) => getTeamController()->editTeam($idTeam, $_POST, $s)));
|
||||
|
||||
return $ar;
|
||||
}
|
||||
|
||||
function runMatch($match, MutableSessionHandle $session): HttpResponse {
|
||||
global $basePath;
|
||||
if (!$match) {
|
||||
return ViewHttpResponse::twig("error.html.twig", [
|
||||
'failures' => [ValidationFail::notFound("Could not find page {$_SERVER['REQUEST_URI']}.")],
|
||||
], HttpCodes::NOT_FOUND);
|
||||
}
|
||||
|
||||
return App::runAction($basePath . '/login', $match['target'], $match['params'], $session);
|
||||
}
|
||||
|
||||
//this is a global variable
|
||||
$basePath = get_base_path();
|
||||
|
||||
App::render(runMatch(getRoutes()->match(), PhpSessionHandle::init()), fn() => getTwig());
|
||||
@ -0,0 +1,32 @@
|
||||
<?php
|
||||
|
||||
use IQBall\Core\Connection;
|
||||
use IQBall\Core\Gateway\AccountGateway;
|
||||
use IQBall\Core\Model\AuthModel;
|
||||
|
||||
/**
|
||||
* @return PDO The PDO instance of the configuration's database connexion.
|
||||
*/
|
||||
function get_database(): PDO {
|
||||
// defined by profiles.
|
||||
global $data_source_name;
|
||||
$pdo = new PDO($data_source_name, DATABASE_USER, DATABASE_PASSWORD, [PDO::ERRMODE_EXCEPTION]);
|
||||
|
||||
$database_exists = $pdo->query("SELECT COUNT(*) FROM sqlite_master WHERE type = 'table'")->fetchColumn() > 0;
|
||||
|
||||
if ($database_exists) {
|
||||
return $pdo;
|
||||
}
|
||||
|
||||
foreach (scandir(__DIR__) as $file) {
|
||||
if (preg_match("/.*\.sql$/i", $file)) {
|
||||
$content = file_get_contents(__DIR__ . "/" . $file);
|
||||
|
||||
$pdo->exec($content);
|
||||
}
|
||||
}
|
||||
|
||||
init_database($pdo);
|
||||
|
||||
return $pdo;
|
||||
}
|
||||
@ -0,0 +1,71 @@
|
||||
-- drop tables here
|
||||
DROP TABLE IF EXISTS Account;
|
||||
DROP TABLE IF EXISTS Tactic;
|
||||
DROP TABLE IF EXISTS Team;
|
||||
DROP TABLE IF EXISTS User;
|
||||
DROP TABLE IF EXISTS Member;
|
||||
DROP TABLE IF EXISTS TacticSharedTeam;
|
||||
DROP TABLE IF EXISTS TacticSharedAccount;
|
||||
|
||||
CREATE TABLE Admins
|
||||
(
|
||||
id integer PRIMARY KEY REFERENCES Account
|
||||
);
|
||||
|
||||
CREATE TABLE Account
|
||||
(
|
||||
id integer PRIMARY KEY AUTOINCREMENT,
|
||||
email varchar UNIQUE NOT NULL,
|
||||
username varchar NOT NULL,
|
||||
token varchar UNIQUE NOT NULL,
|
||||
hash varchar NOT NULL,
|
||||
profile_picture varchar NOT NULL
|
||||
);
|
||||
|
||||
CREATE TABLE Tactic
|
||||
(
|
||||
id integer PRIMARY KEY AUTOINCREMENT,
|
||||
name varchar NOT NULL,
|
||||
creation_date timestamp DEFAULT CURRENT_TIMESTAMP NOT NULL,
|
||||
owner integer NOT NULL,
|
||||
content varchar DEFAULT '{"players": [], "actions": [], "objects": []}' NOT NULL,
|
||||
court_type varchar CHECK ( court_type IN ('HALF', 'PLAIN')) NOT NULL,
|
||||
FOREIGN KEY (owner) REFERENCES Account
|
||||
);
|
||||
|
||||
CREATE TABLE Team
|
||||
(
|
||||
id integer PRIMARY KEY AUTOINCREMENT NOT NULL,
|
||||
name varchar NOT NULL,
|
||||
picture varchar NOT NULL,
|
||||
main_color varchar NOT NULL,
|
||||
second_color varchar NOT NULL
|
||||
);
|
||||
|
||||
CREATE TABLE Member
|
||||
(
|
||||
id_team integer NOT NULL,
|
||||
id_user integer NOT NULL,
|
||||
role text CHECK (role IN ('COACH', 'PLAYER')) NOT NULL,
|
||||
PRIMARY KEY(id_team, id_user),
|
||||
FOREIGN KEY (id_team) REFERENCES Team (id),
|
||||
FOREIGN KEY (id_user) REFERENCES Account (id)
|
||||
);
|
||||
|
||||
CREATE TABLE TacticSharedTeam
|
||||
(
|
||||
id_team integer NOT NULL,
|
||||
id_tactic integer NOT NULL,
|
||||
PRIMARY KEY(id_team, id_tactic),
|
||||
FOREIGN KEY (id_team) REFERENCES Team (id),
|
||||
FOREIGN KEY (id_tactic) REFERENCES Tactic (id)
|
||||
);
|
||||
|
||||
CREATE TABLE TacticSharedAccount
|
||||
(
|
||||
id_account integer NOT NULL,
|
||||
id_tactic integer NOT NULL,
|
||||
PRIMARY KEY(id_account, id_tactic),
|
||||
FOREIGN KEY (id_account) REFERENCES Account (id),
|
||||
FOREIGN KEY (id_tactic) REFERENCES Tactic (id)
|
||||
);
|
||||
@ -0,0 +1,65 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api;
|
||||
|
||||
use Exception;
|
||||
use IQBall\Core\Action;
|
||||
use IQBall\Core\Data\Account;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Validation\ValidationFail;
|
||||
|
||||
class API {
|
||||
public static function consume(HttpResponse $response): void {
|
||||
http_response_code($response->getCode());
|
||||
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Headers: *');
|
||||
|
||||
|
||||
foreach ($response->getHeaders() as $header => $value) {
|
||||
header("$header: $value");
|
||||
}
|
||||
|
||||
if ($response instanceof JsonHttpResponse) {
|
||||
header('Content-type: application/json');
|
||||
echo $response->getJson();
|
||||
} elseif (get_class($response) != HttpResponse::class) {
|
||||
throw new Exception("API returned unknown Http Response");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @param array<string, mixed>|false $match
|
||||
* @param callable(): Account $tryGetAuthorization function to return account authorisation for the given action (if required)
|
||||
* @return HttpResponse
|
||||
* @throws Exception
|
||||
*/
|
||||
public static function handleMatch($match, callable $tryGetAuthorization): HttpResponse {
|
||||
if (!$match) {
|
||||
return new JsonHttpResponse([ValidationFail::notFound("not found")], HttpCodes::NOT_FOUND);
|
||||
}
|
||||
|
||||
$action = $match['target'];
|
||||
if (!$action instanceof Action) {
|
||||
throw new Exception("routed action is not an AppAction object.");
|
||||
}
|
||||
|
||||
$account = null;
|
||||
|
||||
if ($action->getAuthType() != Action::NO_AUTH) {
|
||||
$account = call_user_func($tryGetAuthorization);
|
||||
if ($account == null) {
|
||||
return new JsonHttpResponse([ValidationFail::unauthorized("Missing or invalid 'Authorization' header.")], HttpCodes::UNAUTHORIZED);
|
||||
}
|
||||
|
||||
if ($action->getAuthType() == Action::AUTH_ADMIN && !$account->getUser()->isAdmin()) {
|
||||
return new JsonHttpResponse([ValidationFail::unauthorized()], HttpCodes::UNAUTHORIZED);
|
||||
}
|
||||
}
|
||||
|
||||
return $action->run($match['params'], $account);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api;
|
||||
|
||||
use IQBall\Core\Control;
|
||||
use IQBall\Core\ControlSchemaErrorResponseFactory;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpRequest;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Validation\Validator;
|
||||
|
||||
class APIControl {
|
||||
private static function errorFactory(): ControlSchemaErrorResponseFactory {
|
||||
return new class () implements ControlSchemaErrorResponseFactory {
|
||||
public function apply(array $failures): HttpResponse {
|
||||
return new JsonHttpResponse($failures, HttpCodes::BAD_REQUEST);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Runs given callback, if the request's payload json validates the given schema.
|
||||
* @param array<string, Validator[]> $schema an array of `fieldName => DefaultValidators` which represents the request object schema
|
||||
* @param callable(HttpRequest): HttpResponse $run the callback to run if the request is valid according to the given schema.
|
||||
* The callback must accept an HttpRequest, and return an HttpResponse object.
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public static function runChecked(array $schema, callable $run): HttpResponse {
|
||||
return Control::runChecked($schema, $run, self::errorFactory());
|
||||
}
|
||||
|
||||
/**
|
||||
* Runs given callback, if the given request data array validates the given schema.
|
||||
* @param array<string, mixed> $data the request's data array.
|
||||
* @param array<string, Validator[]> $schema an array of `fieldName => DefaultValidators` which represents the request object schema
|
||||
* @param callable(HttpRequest): HttpResponse $run the callback to run if the request is valid according to the given schema.
|
||||
* The callback must accept an HttpRequest, and return an HttpResponse object.
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public static function runCheckedFrom(array $data, array $schema, callable $run): HttpResponse {
|
||||
return Control::runCheckedFrom($data, $schema, $run, self::errorFactory());
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,109 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api\Controller;
|
||||
|
||||
use IQBall\Api\APIControl;
|
||||
use IQBall\Core\Data\Account;
|
||||
use IQBall\Core\Gateway\AccountGateway;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpRequest;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Model\AuthModel;
|
||||
use IQBall\Core\Validation\DefaultValidators;
|
||||
use IQBall\Core\Validation\ValidationFail;
|
||||
|
||||
class APIAccountsController {
|
||||
private AccountGateway $accounts;
|
||||
private AuthModel $authModel;
|
||||
|
||||
/**
|
||||
* @param AuthModel $model
|
||||
* @param AccountGateway $accounts
|
||||
*/
|
||||
public function __construct(AuthModel $model, AccountGateway $accounts) {
|
||||
$this->accounts = $accounts;
|
||||
$this->authModel = $model;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @param array<string, mixed> $request
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function listUsers(array $request): HttpResponse {
|
||||
return APIControl::runCheckedFrom($request, [
|
||||
|
||||
'start' => [DefaultValidators::isUnsignedInteger()],
|
||||
'n' => [DefaultValidators::isIntInRange(0, 250)],
|
||||
'search' => [DefaultValidators::lenBetween(0, 256)],
|
||||
], function (HttpRequest $req) {
|
||||
$accounts = $this->accounts->searchAccounts(intval($req['start']), intval($req['n']), $req["search"]);
|
||||
$users = array_map(fn(Account $acc) => $acc->getUser(), $accounts);
|
||||
return new JsonHttpResponse([
|
||||
"users" => $users,
|
||||
"totalCount" => $this->accounts->totalCount(),
|
||||
]);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $userId
|
||||
* @return HttpResponse given user information.
|
||||
*/
|
||||
public function getUser(int $userId): HttpResponse {
|
||||
$acc = $this->accounts->getAccount($userId);
|
||||
|
||||
if ($acc == null) {
|
||||
return new JsonHttpResponse([ValidationFail::notFound("User not found")], HttpCodes::NOT_FOUND);
|
||||
}
|
||||
|
||||
return new JsonHttpResponse($acc->getUser());
|
||||
}
|
||||
|
||||
public function addUser(): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
"username" => [DefaultValidators::name()],
|
||||
"email" => [DefaultValidators::email()],
|
||||
"password" => [DefaultValidators::password()],
|
||||
"isAdmin" => [DefaultValidators::bool()],
|
||||
], function (HttpRequest $req) {
|
||||
$model = new AuthModel($this->accounts);
|
||||
|
||||
$account = $model->register($req["username"], $req["password"], $req["email"]);
|
||||
if ($account == null) {
|
||||
return new JsonHttpResponse([new ValidationFail("already exists", "An account with provided email ")], HttpCodes::FORBIDDEN);
|
||||
}
|
||||
|
||||
return new JsonHttpResponse([
|
||||
"id" => $account->getUser()->getId(),
|
||||
]);
|
||||
});
|
||||
}
|
||||
|
||||
public function removeUsers(): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
"identifiers" => [DefaultValidators::array(), DefaultValidators::forall(DefaultValidators::isUnsignedInteger())],
|
||||
], function (HttpRequest $req) {
|
||||
$this->accounts->removeAccounts($req["identifiers"]);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
public function updateUser(int $id): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
"email" => [DefaultValidators::email()],
|
||||
"username" => [DefaultValidators::name()],
|
||||
"isAdmin" => [DefaultValidators::bool()],
|
||||
], function (HttpRequest $req) use ($id) {
|
||||
$mailAccount = $this->accounts->getAccount($id);
|
||||
if ($mailAccount->getUser()->getId() != $id) {
|
||||
return new JsonHttpResponse([new ValidationFail("email exists", "The provided mail address already exists for another account.")], HttpCodes::FORBIDDEN);
|
||||
}
|
||||
|
||||
$this->authModel->update($id, $req["email"], $req["username"], $req["isAdmin"]);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api\Controller;
|
||||
|
||||
use IQBall\Api\APIControl;
|
||||
use IQBall\App\Control;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpRequest;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Model\AuthModel;
|
||||
use IQBall\Core\Validation\DefaultValidators;
|
||||
|
||||
class APIAuthController {
|
||||
private AuthModel $model;
|
||||
|
||||
/**
|
||||
* @param AuthModel $model
|
||||
*/
|
||||
public function __construct(AuthModel $model) {
|
||||
$this->model = $model;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* From given email address and password, authenticate the user and respond with its authorization token.
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function authorize(): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
"email" => [DefaultValidators::email(), DefaultValidators::lenBetween(5, 256)],
|
||||
"password" => [DefaultValidators::password()],
|
||||
], function (HttpRequest $req) {
|
||||
$failures = [];
|
||||
$account = $this->model->login($req["email"], $req["password"], $failures);
|
||||
|
||||
if (!empty($failures)) {
|
||||
return new JsonHttpResponse($failures, HttpCodes::UNAUTHORIZED);
|
||||
}
|
||||
|
||||
return new JsonHttpResponse(["authorization" => $account->getToken()]);
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api\Controller;
|
||||
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
|
||||
class APIServerController {
|
||||
private string $basePath;
|
||||
private \PDO $pdo;
|
||||
|
||||
/**
|
||||
* @param string $basePath
|
||||
* @param \PDO $pdo
|
||||
*/
|
||||
public function __construct(string $basePath, \PDO $pdo) {
|
||||
$this->basePath = $basePath;
|
||||
$this->pdo = $pdo;
|
||||
}
|
||||
|
||||
private function countLines(string $table): int {
|
||||
$stmnt = $this->pdo->prepare("SELECT count(*) FROM $table");
|
||||
$stmnt->execute();
|
||||
$res = $stmnt->fetch(\PDO::FETCH_BOTH);
|
||||
return $res[0];
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @return HttpResponse some (useless) information about the server
|
||||
*/
|
||||
public function getServerInfo(): HttpResponse {
|
||||
|
||||
return new JsonHttpResponse([
|
||||
'base_path' => $this->basePath,
|
||||
'date' => (int) gettimeofday(true) * 1000,
|
||||
'database' => [
|
||||
'accounts' => $this->countLines("Account") . " line(s)",
|
||||
'tactics' => $this->countLines("Tactic") . " line(s)",
|
||||
'teams' => $this->countLines("Team") . " line(s)",
|
||||
],
|
||||
]);
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,179 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api\Controller;
|
||||
|
||||
use IQBall\Api\APIControl;
|
||||
use IQBall\Core\Control;
|
||||
use IQBall\Core\Data\Account;
|
||||
use IQBall\Core\Data\TacticInfo;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpRequest;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Model\TacticModel;
|
||||
use IQBall\Core\Model\TeamModel;
|
||||
use IQBall\Core\Validation\FieldValidationFail;
|
||||
use IQBall\Core\Validation\Validators;
|
||||
|
||||
|
||||
/**
|
||||
* API endpoint related to tactics
|
||||
*/
|
||||
class APITacticController {
|
||||
private TacticModel $tacticModel;
|
||||
private TeamModel $teamModel;
|
||||
|
||||
/**
|
||||
* @param TacticModel $tacticModel
|
||||
* @param TeamModel $teamModel
|
||||
*/
|
||||
public function __construct(TacticModel $tacticModel, TeamModel $teamModel) {
|
||||
$this->tacticModel = $tacticModel;
|
||||
$this->teamModel = $teamModel;
|
||||
}
|
||||
|
||||
/**
|
||||
* update name of tactic, specified by tactic identifier, given in url.
|
||||
* @param int $tactic_id
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function updateName(int $tactic_id, Account $account): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
"name" => [DefaultValidators::lenBetween(1, 50), DefaultValidators::nameWithSpaces()],
|
||||
], function (HttpRequest $request) use ($tactic_id, $account) {
|
||||
|
||||
$failures = $this->tacticModel->updateName($tactic_id, $request["name"], $account->getUser()->getId());
|
||||
|
||||
if (!empty($failures)) {
|
||||
//TODO find a system to handle Unauthorized error codes more easily from failures.
|
||||
return new JsonHttpResponse($failures, HttpCodes::BAD_REQUEST);
|
||||
}
|
||||
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $id
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function saveContent(int $id, Account $account): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
"content" => [],
|
||||
], function (HttpRequest $req) use ($id) {
|
||||
if ($fail = $this->tacticModel->updateContent($id, json_encode($req["content"]))) {
|
||||
return new JsonHttpResponse([$fail], HttpCodes::BAD_REQUEST);
|
||||
}
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @param int $tacticId
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function canShareTactic(int $tacticId, Account $account): HttpResponse {
|
||||
if ($this->tacticModel->canShareTactic($tacticId, $account)) {
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
}
|
||||
return new JsonHttpResponse(["message" => "Vous ne pouvez pas partager cette tactique"], HttpCodes::FORBIDDEN);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $tacticId
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function canShareTacticToTeam(int $tacticId, Account $account): HttpResponse {
|
||||
return Control::runChecked([
|
||||
"id" => [],
|
||||
"name" => [],
|
||||
"picture" => [],
|
||||
"main_color" => [],
|
||||
"second_color" => [],
|
||||
], function (HttpRequest $request) use ($tacticId, $account) {
|
||||
if ($this->canShareTactic($tacticId, $account)->getCode() == HttpCodes::OK) {
|
||||
if ($this->teamModel->canShareTacticToTeam($request["id"], $account->getUser()->getEmail())) {
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
}
|
||||
}
|
||||
return new JsonHttpResponse(["message" => "Action non autorisée"], HttpCodes::FORBIDDEN);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $tacticId
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function shareTacticToTeam(int $tacticId, Account $account): HttpResponse {
|
||||
return Control::runChecked([
|
||||
"id" => [],
|
||||
"name" => [],
|
||||
"picture" => [],
|
||||
"main_color" => [],
|
||||
"second_color" => [],
|
||||
], function (HttpRequest $request) use ($tacticId) {
|
||||
$this->teamModel->shareTacticToTeam($request["id"], $tacticId);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $tacticId
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function shareTacticToAccount(int $tacticId, Account $account): HttpResponse {
|
||||
return Control::runChecked([
|
||||
"email" => [],
|
||||
], function (HttpRequest $request) use ($tacticId) {
|
||||
$this->tacticModel->shareTacticToAccountMail($request["email"], $tacticId);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $tacticId
|
||||
* @param Account $account
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function unshareTacticToTeam(int $tacticId, Account $account): HttpResponse {
|
||||
return Control::runChecked([
|
||||
"id" => [],
|
||||
"name" => [],
|
||||
"picture" => [],
|
||||
"main_color" => [],
|
||||
"second_color" => [],
|
||||
], function (HttpRequest $request) use ($tacticId, $account) {
|
||||
if ($this->teamModel->canShareTacticToTeam($request["id"], $account->getUser()->getEmail())) {
|
||||
$this->teamModel->unshareTacticToTeam($tacticId, $request["id"]);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
}
|
||||
return new JsonHttpResponse(["message" => "Action non autorisée"], HttpCodes::FORBIDDEN);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @param int $userId
|
||||
* @return HttpResponse given user information.
|
||||
*/
|
||||
public function getUserTactics(int $userId): HttpResponse {
|
||||
$tactics = $this->tacticModel->listAllOf($userId);
|
||||
|
||||
$response = array_map(fn(TacticInfo $t) => [
|
||||
'id' => $t->getId(),
|
||||
'name' => $t->getName(),
|
||||
'court' => $t->getCourtType(),
|
||||
'creation_date' => $t->getCreationDate(),
|
||||
|
||||
], $tactics);
|
||||
|
||||
return new JsonHttpResponse($response);
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,79 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\Api\Controller;
|
||||
|
||||
use IQBall\Api\APIControl;
|
||||
use IQBall\Core\Data\Account;
|
||||
use IQBall\Core\Data\Team;
|
||||
use IQBall\Core\Data\TeamInfo;
|
||||
use IQBall\Core\Gateway\TeamGateway;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpRequest;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Model\TeamModel;
|
||||
use IQBall\Core\Validation\DefaultValidators;
|
||||
|
||||
class APITeamController {
|
||||
private TeamModel $teamModel;
|
||||
|
||||
/**
|
||||
* @param TeamModel $teamModel
|
||||
*/
|
||||
public function __construct(TeamModel $teamModel) {
|
||||
$this->teamModel = $teamModel;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param array<string, mixed> $req_params
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public function listTeams(array $req_params): HttpResponse {
|
||||
return APIControl::runCheckedFrom($req_params, [
|
||||
'start' => [DefaultValidators::isUnsignedInteger()],
|
||||
'n' => [DefaultValidators::isUnsignedInteger()],
|
||||
], function (HttpRequest $req) {
|
||||
$teams = $this->teamModel->listAll(intval($req['start']), intval($req['n']));
|
||||
return new JsonHttpResponse([
|
||||
"totalCount" => $this->teamModel->countTeam(),
|
||||
"teams" => $teams,
|
||||
]);
|
||||
});
|
||||
}
|
||||
|
||||
public function addTeam(): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
'name' => [DefaultValidators::name()],
|
||||
'picture' => [DefaultValidators::isURL()],
|
||||
'mainColor' => [DefaultValidators::hexColor()],
|
||||
'secondaryColor' => [DefaultValidators::hexColor()],
|
||||
|
||||
], function (HttpRequest $req) {
|
||||
$this->teamModel->createTeam($req['name'], $req['picture'], $req['mainColor'], $req['secondaryColor']);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
public function deleteTeamSelected(): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
'teams' => [],
|
||||
], function (HttpRequest $req) {
|
||||
$this->teamModel->deleteTeamSelected($req['teams']);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
public function updateTeam(int $id): HttpResponse {
|
||||
return APIControl::runChecked([
|
||||
'name' => [DefaultValidators::name()],
|
||||
'picture' => [DefaultValidators::isURL()],
|
||||
'mainColor' => [DefaultValidators::hexColor()],
|
||||
'secondaryColor' => [DefaultValidators::hexColor()],
|
||||
], function (HttpRequest $req) {
|
||||
$this->teamModel->editTeam($req['id'], $req['name'], $req['picture'], $req['mainColor'], $req['secondaryColor']);
|
||||
return HttpResponse::fromCode(HttpCodes::OK);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -1,275 +0,0 @@
|
||||
import {
|
||||
BrowserRouter,
|
||||
Navigate,
|
||||
Outlet,
|
||||
Route,
|
||||
Routes,
|
||||
useLocation,
|
||||
} from "react-router-dom"
|
||||
|
||||
import { Header } from "./pages/template/Header.tsx"
|
||||
import "./style/app.css"
|
||||
import {
|
||||
createContext,
|
||||
lazy,
|
||||
ReactNode,
|
||||
Suspense,
|
||||
useCallback,
|
||||
useContext,
|
||||
useEffect,
|
||||
useMemo,
|
||||
useState,
|
||||
} from "react"
|
||||
import { BASE } from "./Constants.ts"
|
||||
import { Authentication, Fetcher } from "./app/Fetcher.ts"
|
||||
import { User } from "./model/User.ts"
|
||||
|
||||
const HomePage = lazy(() => import("./pages/HomePage.tsx"))
|
||||
const LoginPage = lazy(() => import("./pages/LoginPage.tsx"))
|
||||
const RegisterPage = lazy(() => import("./pages/RegisterPage.tsx"))
|
||||
const NotFoundPage = lazy(() => import("./pages/404.tsx"))
|
||||
const CreateTeamPage = lazy(() => import("./pages/CreateTeamPage.tsx"))
|
||||
const TeamPanelPage = lazy(() => import("./pages/TeamPanel.tsx"))
|
||||
const NewTacticPage = lazy(() => import("./pages/NewTacticPage.tsx"))
|
||||
const Editor = lazy(() => import("./pages/Editor.tsx"))
|
||||
const VisualizerPage = lazy(() => import("./pages/VisualizerPage.tsx"))
|
||||
const Settings = lazy(() => import("./pages/Settings.tsx"))
|
||||
|
||||
const TOKEN_REFRESH_INTERVAL_MS = 60 * 1000
|
||||
|
||||
export default function App() {
|
||||
function suspense(node: ReactNode) {
|
||||
return (
|
||||
<Suspense fallback={<p>Loading, please wait...</p>}>
|
||||
{node}
|
||||
</Suspense>
|
||||
)
|
||||
}
|
||||
|
||||
const fetcher = useMemo(() => new Fetcher(getStoredAuthentication()), [])
|
||||
const [user, setUser] = useState<User | null>(null)
|
||||
|
||||
const handleAuthSuccess = useCallback(
|
||||
async (auth: Authentication) => {
|
||||
fetcher.updateAuthentication(auth)
|
||||
const user = await fetchUser(fetcher)
|
||||
setUser(user)
|
||||
storeAuthentication(auth)
|
||||
},
|
||||
[fetcher],
|
||||
)
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
fetcher.fetchAPIGet("auth/keep-alive")
|
||||
}, TOKEN_REFRESH_INTERVAL_MS)
|
||||
|
||||
return () => clearInterval(interval)
|
||||
}, [fetcher])
|
||||
|
||||
return (
|
||||
<div id="app">
|
||||
<FetcherContext.Provider value={fetcher}>
|
||||
<SignedInUserContext.Provider
|
||||
value={{
|
||||
user,
|
||||
setUser,
|
||||
}}>
|
||||
<BrowserRouter basename={BASE}>
|
||||
<Outlet />
|
||||
|
||||
<Routes>
|
||||
<Route
|
||||
path={"/login"}
|
||||
element={suspense(
|
||||
<LoginPage onSuccess={handleAuthSuccess} />,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/register"}
|
||||
element={suspense(
|
||||
<RegisterPage
|
||||
onSuccess={handleAuthSuccess}
|
||||
/>,
|
||||
)}
|
||||
/>
|
||||
|
||||
<Route path={"/"} element={suspense(<AppLayout />)}>
|
||||
<Route
|
||||
path={"/"}
|
||||
element={suspense(
|
||||
<LoggedInPage>
|
||||
<HomePage />
|
||||
</LoggedInPage>,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/home"}
|
||||
element={suspense(
|
||||
<LoggedInPage>
|
||||
<HomePage />
|
||||
</LoggedInPage>,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/settings"}
|
||||
element={suspense(
|
||||
<LoggedInPage>
|
||||
<Settings />
|
||||
</LoggedInPage>,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/team/new"}
|
||||
element={suspense(<CreateTeamPage />)}
|
||||
/>
|
||||
<Route
|
||||
path={"/team/:teamId"}
|
||||
element={suspense(
|
||||
<LoggedInPage>
|
||||
<TeamPanelPage />
|
||||
</LoggedInPage>,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/tactic/new"}
|
||||
element={suspense(<NewTacticPage />)}
|
||||
/>
|
||||
<Route
|
||||
path={"/tactic/:tacticId/edit"}
|
||||
element={suspense(
|
||||
<LoggedInPage>
|
||||
<Editor guestMode={false} />
|
||||
</LoggedInPage>,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/tactic/:tacticId/view"}
|
||||
element={suspense(
|
||||
<LoggedInPage>
|
||||
<VisualizerPage guestMode={false} />
|
||||
</LoggedInPage>,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/tactic/view-guest"}
|
||||
element={suspense(
|
||||
<VisualizerPage guestMode={true} />,
|
||||
)}
|
||||
/>
|
||||
<Route
|
||||
path={"/tactic/edit-guest"}
|
||||
element={suspense(
|
||||
<Editor guestMode={true} />,
|
||||
)}
|
||||
/>
|
||||
|
||||
<Route
|
||||
path={"*"}
|
||||
element={suspense(<NotFoundPage />)}
|
||||
/>
|
||||
</Route>
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
</SignedInUserContext.Provider>
|
||||
</FetcherContext.Provider>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
async function fetchUser(fetcher: Fetcher): Promise<User> {
|
||||
const response = await fetcher.fetchAPIGet("user")
|
||||
|
||||
if (!response.ok) {
|
||||
throw Error(
|
||||
"Could not retrieve user information : " + (await response.text()),
|
||||
)
|
||||
}
|
||||
|
||||
return await response.json()
|
||||
}
|
||||
|
||||
const STORAGE_AUTH_KEY = "token"
|
||||
|
||||
function getStoredAuthentication(): Authentication {
|
||||
const storedUser = localStorage.getItem(STORAGE_AUTH_KEY)
|
||||
return storedUser == null ? null : JSON.parse(storedUser)
|
||||
}
|
||||
|
||||
function storeAuthentication(auth: Authentication) {
|
||||
localStorage.setItem(STORAGE_AUTH_KEY, JSON.stringify(auth))
|
||||
}
|
||||
|
||||
interface LoggedInPageProps {
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
enum UserFetchingState {
|
||||
FETCHING,
|
||||
FETCHED,
|
||||
ERROR,
|
||||
}
|
||||
|
||||
function LoggedInPage({ children }: LoggedInPageProps) {
|
||||
const [user, setUser] = useUser()
|
||||
const fetcher = useAppFetcher()
|
||||
const [userFetchingState, setUserFetchingState] = useState(
|
||||
user === null ? UserFetchingState.FETCHING : UserFetchingState.FETCHED,
|
||||
)
|
||||
const location = useLocation()
|
||||
|
||||
useEffect(() => {
|
||||
async function initUser() {
|
||||
try {
|
||||
const user = await fetchUser(fetcher)
|
||||
setUser(user)
|
||||
setUserFetchingState(UserFetchingState.FETCHED)
|
||||
} catch (e) {
|
||||
setUserFetchingState(UserFetchingState.ERROR)
|
||||
}
|
||||
}
|
||||
|
||||
if (userFetchingState === UserFetchingState.FETCHING) initUser()
|
||||
}, [fetcher, setUser, userFetchingState])
|
||||
|
||||
switch (userFetchingState) {
|
||||
case UserFetchingState.ERROR:
|
||||
return (
|
||||
<Navigate
|
||||
to={"/login"}
|
||||
replace
|
||||
state={{ from: location.pathname }}
|
||||
/>
|
||||
)
|
||||
case UserFetchingState.FETCHED:
|
||||
return children
|
||||
case UserFetchingState.FETCHING:
|
||||
return <p>Fetching user...</p>
|
||||
}
|
||||
}
|
||||
|
||||
function AppLayout() {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<Outlet />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
interface UserContext {
|
||||
user: User | null
|
||||
setUser: (user: User | null) => void
|
||||
}
|
||||
|
||||
const SignedInUserContext = createContext<UserContext | null>(null)
|
||||
const FetcherContext = createContext(new Fetcher())
|
||||
|
||||
export function useAppFetcher() {
|
||||
return useContext(FetcherContext)
|
||||
}
|
||||
|
||||
export function useUser(): [User | null, (user: User | null) => void] {
|
||||
const { user, setUser } = useContext(SignedInUserContext)!
|
||||
return [user, setUser]
|
||||
}
|
||||
@ -0,0 +1,98 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\App;
|
||||
|
||||
use IQBall\App\Session\MutableSessionHandle;
|
||||
use IQBall\Core\Action;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Http\JsonHttpResponse;
|
||||
use IQBall\Core\Validation\ValidationFail;
|
||||
use Twig\Environment;
|
||||
use Twig\Error\LoaderError;
|
||||
use Twig\Error\RuntimeError;
|
||||
use Twig\Error\SyntaxError;
|
||||
|
||||
class App {
|
||||
/**
|
||||
* renders (prints out) given HttpResponse to the client
|
||||
* @param HttpResponse $response
|
||||
* @param callable(): Environment $twigSupplier
|
||||
* @return void
|
||||
* @throws LoaderError
|
||||
* @throws RuntimeError
|
||||
* @throws SyntaxError
|
||||
*/
|
||||
public static function render(HttpResponse $response, callable $twigSupplier): void {
|
||||
http_response_code($response->getCode());
|
||||
|
||||
foreach ($response->getHeaders() as $header => $value) {
|
||||
header("$header: $value");
|
||||
}
|
||||
|
||||
if ($response instanceof ViewHttpResponse) {
|
||||
self::renderView($response, $twigSupplier);
|
||||
} elseif ($response instanceof JsonHttpResponse) {
|
||||
header('Content-type: application/json');
|
||||
echo $response->getJson();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* renders (prints out) given ViewHttpResponse to the client
|
||||
* @param ViewHttpResponse $response
|
||||
* @param callable(): Environment $twigSupplier
|
||||
* @return void
|
||||
* @throws LoaderError
|
||||
* @throws RuntimeError
|
||||
* @throws SyntaxError
|
||||
*/
|
||||
private static function renderView(ViewHttpResponse $response, callable $twigSupplier): void {
|
||||
$file = $response->getFile();
|
||||
$args = $response->getArguments();
|
||||
|
||||
switch ($response->getViewKind()) {
|
||||
case ViewHttpResponse::REACT_VIEW:
|
||||
send_react_front($file, $args);
|
||||
break;
|
||||
case ViewHttpResponse::TWIG_VIEW:
|
||||
try {
|
||||
$twig = call_user_func($twigSupplier);
|
||||
$twig->display($file, $args);
|
||||
} catch (RuntimeError|SyntaxError|LoaderError $e) {
|
||||
http_response_code(500);
|
||||
echo "There was an error rendering your view, please refer to an administrator.\nlogs date: " . date("YYYD, d M Y H:i:s");
|
||||
throw $e;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* run a user action, and return the generated response
|
||||
* @param string $authRoute the route towards an authentication page to response with a redirection
|
||||
* if the run action requires auth but session does not contain a logged-in account.
|
||||
* @param Action<MutableSessionHandle> $action
|
||||
* @param mixed[] $params
|
||||
* @param MutableSessionHandle $session
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public static function runAction(string $authRoute, Action $action, array $params, MutableSessionHandle $session): HttpResponse {
|
||||
if ($action->getAuthType() != Action::NO_AUTH) {
|
||||
$account = $session->getAccount();
|
||||
if ($account == null) {
|
||||
// put in the session the initial url the user wanted to get
|
||||
$session->setInitialTarget($_SERVER['REQUEST_URI']);
|
||||
return HttpResponse::redirectAbsolute($authRoute);
|
||||
}
|
||||
|
||||
if ($action->getAuthType() == Action::AUTH_ADMIN && !$account->getUser()->isAdmin()) {
|
||||
return new JsonHttpResponse([ValidationFail::unauthorized()], HttpCodes::UNAUTHORIZED);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
return $action->run($params, $session);
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
<?php
|
||||
|
||||
namespace IQBall\App;
|
||||
|
||||
use IQBall\Core\Control;
|
||||
use IQBall\Core\ControlSchemaErrorResponseFactory;
|
||||
use IQBall\Core\Http\HttpCodes;
|
||||
use IQBall\Core\Http\HttpRequest;
|
||||
use IQBall\Core\Http\HttpResponse;
|
||||
use IQBall\Core\Validation\Validator;
|
||||
|
||||
class AppControl {
|
||||
private static function errorFactory(): ControlSchemaErrorResponseFactory {
|
||||
return new class () implements ControlSchemaErrorResponseFactory {
|
||||
public function apply(array $failures): HttpResponse {
|
||||
return ViewHttpResponse::twig("error.html.twig", ['failures' => $failures], HttpCodes::BAD_REQUEST);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Runs given callback, if the request's payload json validates the given schema.
|
||||
* @param array<string, Validator[]> $schema an array of `fieldName => DefaultValidators` which represents the request object schema
|
||||
* @param callable(HttpRequest): HttpResponse $run the callback to run if the request is valid according to the given schema.
|
||||
* The callback must accept an HttpRequest, and return an HttpResponse object.
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public static function runChecked(array $schema, callable $run): HttpResponse {
|
||||
return Control::runChecked($schema, $run, self::errorFactory());
|
||||
}
|
||||
|
||||
/**
|
||||
* Runs given callback, if the given request data array validates the given schema.
|
||||
* @param array<string, mixed> $data the request's data array.
|
||||
* @param array<string, Validator[]> $schema an array of `fieldName => DefaultValidators` which represents the request object schema
|
||||
* @param callable(HttpRequest): HttpResponse $run the callback to run if the request is valid according to the given schema.
|
||||
* The callback must accept an HttpRequest, and return an HttpResponse object.
|
||||
* @return HttpResponse
|
||||
*/
|
||||
public static function runCheckedFrom(array $data, array $schema, callable $run): HttpResponse {
|
||||
return Control::runCheckedFrom($data, $schema, $run, self::errorFactory());
|
||||
}
|
||||
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue