Modal popup design for Training > Endgame Skills

[programarivm]

A modal popup needs to open by clicking on Training > Endgame Skills similar to the SPA version.

Figure 1. Click on Training > Endgame Skills.

Figure 2. Click on the Endgame field.

This modal is to be implemented using Bootstrap's JavaScript modal plugin. No additional programming is required to close this issue — just display the modal popup, it's a really good first issue to get familiar with the codebase!

Keep it up, and happy coding.

[replyre]

hello :) is this issue still open ?

[programarivm]

@replyre, welcome to ChesslaBlab.

Thank you for joining the community.

Please make sure to read the Contributing Guidelines.

I can't wait to see what you come up with!

[replyre]

Sure!

[programarivm]

👋 Hey @replyre, how are things going? Could you set up the website on your localhost?

[replyre]

hello @programarivm, I downloaded and set everything up and launched the localhost using the php server command :

php -S localhost:8000 -t public

but I getting a websocket error :

would appreciate any help.

[programarivm]

Well, if I had to guess, I would say that the chess server probably is not up and running because the SSL certificate has not been installed yet.

php cli/workerman/wss.php start
Welcome to PHP Chess Server
Commands available:
/accept {"jwt":"<string>"} Accepts an invitation to play online with an opponent.
/draw {"action":["accept","decline","propose"]} Allows to offer a draw.
/heuristics {"fen":"<string>","variant":"<string>"} Returns the heuristics of a chess position.
/leave {"action":["accept"]} Allows to leave a game.
/legal {"position":"<string>"} Returns the legal FEN positions of a piece.
/online_games Returns the online games waiting to be accepted.
/play_lan {"color":"<string>","lan":"<string>"} Plays a chess move in long algebraic notation.
/randomizer {"turn":"<string>","items":"<string>"} Starts a random position.
/rematch {"action":["accept","decline","propose"]} Allows to offer a rematch.
/resign {"action":["accept"]} Allows to resign a game.
/restart {"hash":"<string>"} Restarts a game.
/start {"variant":["960","capablanca","capablanca-fischer","classical"],"mode":["fen","san","play","stockfish"],"settings":{"color":["w","b"],"fen":"<string>","movetext":"<string>","settings":"<string>","startPos":"<string>"}} Starts a new game.
/stockfish {"options":{"Skill Level":"int"},"params":{"depth":"int"}} Returns Stockfish's response to the current position.
/takeback {"action":["accept","decline","propose"]} Allows to takeback a move.
/tutor_fen {"fen":"<string>","variant":"<string>"} Explains a FEN position in terms of chess concepts.
/undo Undoes the last move.

Listening to commands...
Workerman[cli/workerman/wss.php] start in DEBUG mode
-------------------------------------------------------------- WORKERMAN --------------------------------------------------------------
Workerman version:4.1.15          PHP version:8.3.2-1+0~20240120.16+debian11~1.gbpb43448           Event-Loop:\Workerman\Events\Select
--------------------------------------------------------------- WORKERS ---------------------------------------------------------------
proto   user            worker          listen                      processes    status           
ssl     standard        none            websocket://0.0.0.0:8443    1             [OK]            
---------------------------------------------------------------------------------------------------------------------------------------
Press Ctrl+C to stop. Start success.

I created the SSL certificate using DNS validation on an Ubuntu AWS instance with Certbot. By the way, some Certbot documentation recommends to have a working web site that can already be accessed using HTTP on port 80 for the certificates to be issued. Alternatively a self-signed SSL certificate can be created for development purposes using OpenSSL.

See #20

Keep it up,