Integration of animations

.gitignore

@@ -117,3 +117,7 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+
+
+# Altro
+app/json/.example.umpiresScorers.json

.vscode/settings.json

@@ -20,5 +20,11 @@
                 ]
             }
         }
+    ],
+    "conventionalCommits.scopes": [
+        "staff",
+        "scoreUpdating",
+        "overlayStyles",
+        "maintainability"
     ]
 }

README.md

@@ -1,28 +1,79 @@
+<center>
+
+![insert banner here](file)
+
+<center>
+
+[![CodeFactor](https://www.codefactor.io/repository/github/fc-softwares/baseball-scoreboard/badge/main)](https://www.codefactor.io/repository/github/fc-softwares/baseball-scoreboard/overview/main)
+![Version](https://img.shields.io/github/package-json/v/FC-softwares/baseball-scoreboard)
+[![Better Uptime Badge](https://betteruptime.com/status-badges/v1/monitor/aauk.svg)](https://betteruptime.com/?utm_source=status_badge)
+[![Maintainability](https://api.codeclimate.com/v1/badges/60d1dc20274d613c67db/maintainability)](https://codeclimate.com/github/FC-softwares/baseball-scoreboard/maintainability)
+
+</center>
+
 # Baseball Scoreboard
-This is a HTML and JS based scoreboard for baseball live.
-
-# English 
-## Installation (English)
-- Download and unzip the compressed folder into webserver directory
-- Go to the installation address from a browser 
-- Use the software
-### IMPORTANT
-Check all `*.json` files in order to work all users must have read and write permissions (you can give them via `chmod 666 *.json`) and make sure also all `*.php` files has execution rights (you can give them via: `chmod 755 *.php`)  
-## LICENSE (English)
-[![Creative Commons License](https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/4.0/)  
-Baseball-Scoreboard by [F&C softwares](https://github.com/FC-softwares/) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License](http://creativecommons.org/licenses/by-nc-nd/4.0/).  
-Based on a work at [https://github.com/FC-softwares/baseball-scoreboard](https://github.com/FC-softwares/baseball-scoreboard).  
-Permissions beyond the scope of this license may be available at [https://github.com/FC-softwares/](https://github.com/FC-softwares/).
+A fast, lightweight and simple scoreboard manager built with Electron.
+Works on all streaming apps with support for browser sources.
+
+| Language: | [ 🇬🇧 <u>English</u> ]( https://github.com/FC-softwares/baseball-scoreboard/blob/main/README.md )  | [ 🇮🇹 Italian ]( https://github.com/FC-softwares/baseball-scoreboard/blob/main/README_it.md )  |
+|---|---|---|
+
+</center>
+
+---
 
-# Italiano
-## Installazione (Italiano)
-- Scarica e decomprimi la cartella compressa nella cartella del webserver
-- Vai all'indirizzo di installazione da un browser
-- Usa il software
-### IMPORTANTE
-Controlla che i file `*.json` abbiano i permessi di lettura e scrittura (li puoi fornire tramite `chmod 666 *.json`) e assicurati che i file di tipo `*.php` abbiano i diritti di esecuzione (li puoi dare con: `chmod 755 *.php`)
-## LICENZA (Italiano)
-[![Licenza Creative Commons](https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/4.0/)  
-Baseball-Scoreboard di[F&C softwares](https://github.com/FC-softwares) è distribuito con Licenza [Creative Commons Attribuzione - Non commerciale - Non opere derivate 4.0 Internazionale](http://creativecommons.org/licenses/by-nc-nd/4.0/).  
-Based on a work at [https://github.com/FC-softwares/baseball-scoreboard](https://github.com/FC-softwares/baseball-scoreboard).  
-Permessi ulteriori rispetto alle finalità della presente licenza possono essere disponibili presso [https://github.com/FC-softwares](https://github.com/FC-softwares).
+## Install
+### Install from the setup executable
+1. Visit our [Releases](https://github.com/FC-softwares/baseball-scoreboard/releases/latest) page
+2. Download the latest release for your platform
+3. Run the setup file and install the software
+4. Good to go! You can now find the app in your applications launcher and run it!
+### Install from source
+Before installing the software from the source code, make sure you already have the latest LTS version of Node.js and npm installed.
+1. Clone the repository with `git clone https://github.com/FC-softwares/baseball-scoreboard.git`
+2. Go into the newly created "baseball-scoreboard" folder (`cd baseball-scoreboard`)
+3. Run `npm i` and wait for all the dependencies to install
+4. Run `npm start` to execute the software
+
+## Usage
+All scoreboards and dashboards are treated as web pages to add them to OBS or other streaming applications, simply add the web page and enter the URL of the scoreboard you want to use.
+### Added Scoreboard to OBS
+1. Launch the OBS application or similar
+2. Start Baseball-Scoreboard
+3. Add a new web source and enter the name of your choice
+4. The web address to enter is `http://localhost:2095/name-scoreboard.html` if you run Baseball-Scoreboard on your local machine, otherwise, it is `http://PC-IP:2095/name-scoreboard.html` (where PC-IP is the IP address of the machine running Baseball-Scoreboard) The name of the scoreboard follows the table below
+
+| Scoreboard Name | Filename |
+|---|---|
+| Main Scoreboard | `scoreboard.html` |
+| Pre Game | `pregame.html` |
+| Post Game | `postgame.html` |
+| Partials / Innings | `innings.html` |
+| Umpires | `umpires.html` |
+| Scorers | `scorers.html` |
+| SportCaster | `commentator.html` |
+| Technical Commenror | `technicalComment.html` |
+
+5. Once the web source has been added, drag it to the position you prefer and resize it as you like (when positioning it is recommended to activate the scoreboard from the `Control Center` to see the result)
+6. Once finished, it is recommended to deactivate all other scoreboards from the `Control Center` to prevent them from being displayed during the broadcast
+
+### Add Control Panel to OBS (optional)
+1. Launch the OBS application (These instructions are valid for OBS, but should also work for other streaming applications they probably have similar names)
+2. Start Baseball-Scoreboard
+3. To add the control panel, you need to add a new web panel and enter the address `http://localhost:2095/control-center.html` if Baseball-Scoreboard is running on your local machine, otherwise, it is ` http://PC-IP:2095/control-center.html` (where PC-IP is the IP address of the machine running Baseball-Scoreboard)
+4. To do this go to `Doks` > `Custom Browser Docks...`
+5. Then add a new row to the table by entering the name of your choice in the `Dock Name` column and the web address: `http://localhost:2095/control-center.html` or `http://PC-IP:2095/control-center.html` (where PC-IP is the IP address of the machine running Baseball-Scoreboard) in the `URL` column
+6. Confirm by pressing `Apply` and then `Close`
+7. Now you can drag the new panel to the position you prefer, resize it to your liking and pin it to the OBS UI where you prefer
+
+## Docs
+Probably these instructions weren't that clear. If that's the case, don't panic! You can read the docs [here](https://github.com/FC-softwares/baseball-scoreboard/tree/main/docs/en/) for more info!
+> **WARNING**: the docs are far from being completed, yet. Everything is still a WIP, but we'll try to write everything down as soon as possible.
+
+---
+
+## License
+[![Creative Commons License](https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/4.0/)
+Baseball Scoreboard by [F&C software](https://github.com/FC-softwares/) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License](http://creativecommons.org/licenses/by-nc-nd/4.0/).
+Based on a work at [https://github.com/FC-softwares/baseball-scoreboard](https://github.com/FC-softwares/baseball-scoreboard).
+Permissions beyond the scope of this license may be available at [https://github.com/FC-softwares/](https://github.com/FC-softwares/).

README_it.md

@@ -0,0 +1,79 @@
+<center>
+
+![insert banner here](file)
+
+<center>
+
+[![CodeFactor](https://www.codefactor.io/repository/github/fc-softwares/baseball-scoreboard/badge/main)](https://www.codefactor.io/repository/github/fc-softwares/baseball-scoreboard/overview/main)
+![Version](https://img.shields.io/github/package-json/v/FC-softwares/baseball-scoreboard)
+[![Better Uptime Badge](https://betteruptime.com/status-badges/v1/monitor/aauk.svg)](https://betteruptime.com/?utm_source=status_badge)
+[![Maintainability](https://api.codeclimate.com/v1/badges/60d1dc20274d613c67db/maintainability)](https://codeclimate.com/github/FC-softwares/baseball-scoreboard/maintainability)
+
+</center>
+
+# Baseball Scoreboard
+Un segnapunti del baseball semplice, veloce e leggero, realizzato con Electron.
+Funziona su tutte le applicazioni di streaming con supporto alle sorgenti web.
+
+| Language: | [ 🇬🇧 English ]( https://github.com/FC-softwares/baseball-scoreboard/blob/main/README.md )  | [ 🇮🇹 <u>Italian</u> ]( https://github.com/FC-softwares/baseball-scoreboard/blob/main/README_it.md )  |
+|---|---|---|
+
+</center>
+
+---
+
+## Installazione
+### Installazione da file setup
+1. Visita la pagina delle versioni dell'app [(Releases)](https://github.com/FC-softwares/baseball-scoreboard/releases/latest)
+2. Scarica l'ultima versione disponibile per la tua piattaforma
+3. Esegui il file di setup ed installa il software
+4. Et voila! Potrai trovare l'app nel launcher applicazioni del tuo sistema operativo ed eseguirlo da lì!
+### Installazione da codice sorgente
+Se desideri installare l'applicazione dal codice sorgente, assicurati di aver già installato l'ultima versione LTS disponibile di Node.js ed npm.
+1. Clona la repository eseguendo `git clone https://github.com/FC-softwares/baseball-scoreboard.git`
+2. Entra nella nuova cartella "baseball-scoreboard" (`cd baseball-scoreboard`)
+3. Esegui `npm i` ed attendi che tutte le dipendenze vengano installate
+4. Esegui `npm start` per avviare il software
+
+## Uso
+Le scoreboard e il pannello di controllo sono delle pagine web fatte in modo tale da essere aggiunte a OBS o ad altre applicazioni di streaming come sorgente browser. È sufficiente aggiungere la pagina web e inserire l'URL della scoreboard che si desidera utilizzare.
+### Aggiunta Scoreboard a OBS
+1. Avvia l'applicazione OBS o simili
+2. Avvia Baseball-Scoreboard
+3. Aggiungi una nuova fonte browser e inserisci il nome che preferisci
+4. L'indizizzo web da inserire è `http://localhost:2095/nome-scoreboard.html` se esegui Baseball-Scoreboard sulla tua macchina locale, altrimenti è `http://IP-DEL-PC:2095/nome-scoreboard.html` (dove IP-DEL-PC è l'indirizzo IP della macchina su cui è eseguito Baseball-Scoreboard) Il nome della scoreboard segue la tabella sottostante
+
+| Nome scoreboard | Nome file |
+|---|---|
+| Scoreboard Principale | `scoreboard.html` |
+| Pre Game | `pregame.html` |
+| Post Game | `postgame.html` |
+| Parziali / Inning | `inning.html` |
+| Arbitri | `umpires.html` |
+| Classificatori | `scorers.html` |
+| Telecronista | `commentator.html` |
+| Commentatore Tecnico | `technicalComment.html` |
+
+5. Una volta aggiunta la fonte browser, trascinala nella posizione che preferisci e ridimensionala a piacimento (durante il posizionamento si consiglia di attivare la scoreboard dal `Control Center` per vedere il risultato)
+6. Una volta finito, si consiglia di disattivare tutte le altre scoreboard dal `Control Center` per evitare che vengano visualizzate durante la trasmissione
+
+### Aggiunta Pannello di Controllo a OBS (opzionale)
+1. Avvia l'applicazione OBS (Queste istruzioni sono valide per OBS, ma dovrebbero funzionare anche per altre applicazioni di streaming)
+2. Avvia Baseball-Scoreboard
+3. Per aggiungere il pannello di controllo, è necessario creare un nuovo pannello web e inserire l'indirizzo `http://localhost:2095/control-center.html` se Baseball-Scoreboard è eseguito sulla tua macchina locale, altrimenti è `http://IP-DEL-PC:2095/control-center.html` (dove IP-DEL-PC è l'indirizzo IP della macchina su cui è eseguito Baseball-Scoreboard)
+4. Per farlo vai su `Pannelli` > `Pannelli Browser Personalizzati`
+5. Poi aggiungi alla tabella una nuova riga inseredo il nome che preferisci nella colonna `Nome Del Pannello` e l'indirizzo web: `http://localhost:2095/control-center.html` o `http://IP-DEL-PC:2095/control-center.html` (dove IP-DEL-PC è l'indirizzo IP della macchina su cui è eseguito Baseball-Scoreboard) nella colonna `URL`
+6. Conferma premendo `Applica` e poi `Chiudi`
+7. Ora puoi trascinare il nuovo pannello nella posizione che preferisci, ridimensionarlo a piacimento e bloccarlo nella UI di OBS dove preferisci
+
+## Documentazione
+Probabilmente queste istruzioni non sono state molto esaustive, ma non c'è da preoccuparsi! Per maggiori informazioni, la documentazione è disponibile [qui](https://github.com/FC-softwares/baseball-scoreboard/tree/main/docs/it/)!
+> **ATTENZIONE**: la documentazione in italiano è ancora WIP! Nel mentre, si può consultare la documentazione in lingua inglese [qui](https://github.com/FC-softwares/baseball-scoreboard/tree/main/docs/en/)!
+
+---
+
+## Licenza
+[![Licenza Creative Commons](https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/4.0/)
+Baseball-Scoreboard di [F&C softwares](https://github.com/FC-softwares) è distribuito con Licenza [Creative Commons Attribuzione - Non commerciale - Non opere derivate 4.0 Internazionale](http://creativecommons.org/licenses/by-nc-nd/4.0/).
+Based on a work at [https://github.com/FC-softwares/baseball-scoreboard](https://github.com/FC-softwares/baseball-scoreboard).
+Permessi ulteriori rispetto alle finalità della presente licenza possono essere disponibili presso [https://github.com/FC-softwares](https://github.com/FC-softwares).

app/commentator.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Baseball Scoreboard</title>
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="js/appOfficials.js" defer></script>
+    <link rel="stylesheet" href="css/umpiresScorers.css">
+  </head>
+  <body>
+    <div class="scoreboard" id="commentator">
+      <div class="header" >
+        <span class="scoreboard-title">SPORTSCASTER</span>
+      </div>
+      <div class="commentator">
+        <span id="surname"></span>
+        <span id="name"></span>
+      </div>
+    </div>
+  </body>
+</html>