test-app-js

Prerequisites

• Make sure you have NodeJS globally installed, if not go to https://nodejs.org/en/download/ and download the latest version
• Install WINDOWS REDIS
  • Open this github link - https://github.com/zkteco-home/redis-windows/releases/tag/redis7.0.5
  • Download run redis-server.exe
• Install PostgreSQL on local machine
  • Go to https://www.postgresql.org/download/windows/
  • Click on download the installer
  • Follow the default installation steps
  • Make sure to remember / note the master password
  • Leave the default 5432 port
• Install PGAdmin on local machine
  • Go to https://www.pgadmin.org/download/pgadmin-4-windows/
  • Download and install the lastest version of PGAdmin 4
  • Make sure to remember / note the credentials asked for authentication
• Execute command npm install -g bower

* Server setup *

• Setup .env file with following settings:

  PORT=8080
  NODE_ENV=dev
  DATABASE_URL=postgres://postgres:POSTGRES_PASSWORD@localhost:5432/persons
  RUN_CRON=true
  

• In .env file make sure to replace POSTGRESQL_PASSWORD with the password you set up on PostgreSQL installation
• Install globally nodemon
  • npm install [email protected] -g
• In the root folder
  • Execute the command npm install (all dependencies should install successfully)
    • If npm install failes, try in a cmd with administrator rights
  • Execute the command nodemon
  • If everything is ok, you should see in the console the following message:

    λ nodemon
    [nodemon] 2.0.7
    [nodemon] reading config .\nodemon.json
    [nodemon] to restart at any time, enter `rs`
    [nodemon] or send SIGHUP to 7840 to restart
    [nodemon] ignoring: **/config/*.yml **/node_modules/**/* **/public/**/*
    [nodemon] watching path(s): *.*
    [nodemon] watching extensions: js,mjs,json
    [nodemon] starting `node server/server.js`
    [nodemon] forking
    [nodemon] child pid: 22000
    [nodemon] watching 30 files
    Master 22000 is running
    I am running with ID : 14624
    Database connection successfully.
    Listening on port: 2020, env: dev

*Client setup *

• In the root folder
  • Execute the command npm install -g gulp
  • In the same client folder, execute the command gulp
  • If everything is ok, you should see in the console the following message:

    λ gulp
    [11:40:23] Using gulpfile C:\Software\test-app-js\gulpfile.js
    [11:40:23] Starting 'default'...
    [11:40:23] Starting 'clean'...
    [11:40:23] Finished 'clean' after 30 ms
    [11:40:23] Starting 'app-less-dev'...
    [11:40:23] Starting 'admin-dev'...
    [11:40:23] Starting 'app-dev'...
    [11:40:23] Starting 'main-dev'...
    [11:40:23] Starting 'information-dev'...
    [11:40:23] Starting 'common-dev'...
    [11:40:23] Finished 'app-dev' after 384 ms
    [11:40:23] Finished 'main-dev' after 392 ms
    [11:40:23] Finished 'information-dev' after 395 ms
    [11:40:23] Finished 'admin-dev' after 434 ms
    [11:40:23] Finished 'common-dev' after 479 ms
    [11:40:23] Finished 'app-less-dev' after 497 ms
    [11:40:23] Starting 'watch'...

Cerintele temei

FRONT END

1. Acceași funcționalitate ca în aplicația creată
2. Se vor crea in header 2 taguri html - Persoane, Mașini
3. Se vor crea 2 componente în folderul components Persoane, Mașini
4. Fiecare link trebuie să folosească routerLink pentru a ajunge la componenta respectivă
5. Fiecare componentă va conține următoarele

• Titlul componentei
• Tabelul cu informații
• Butonul de adaugă
• Modalul pentru adăugare / modificare

Componenta persoane

1. Un tabel ce va conține următoarele coloane

• Număr curent
• Nume / prenume
• CNP
• Vârsta
• Lista mașinilor aflate în proprietate
  • Denumire marcă / denumire model
  • Anul fabricației
  • Capacitatea cilindrică
  • Taxa de impozit
• 2 iconițe pe tabel pentru modificare / ștergere
• Modificarea persoanei se va realiza pe același modal
• După ce persoana a fost ștearsă din baza de data, tabelul trebuie reîmprospătat

2. La apăsarea butonului adaugă se va deschide modalul ce va conține următoarele

• Câmpuri
  • Nume* - string, maxlength 255
  • Prenume* - string, maxlength 255
  • CNP* - string, maxlength 13
  • Vârsta* - integer, maxlength 3
  • Select multiplu (ui-select multiple) pentru mașini
• Funcționalitate
  • Vârsta va fi calculată automat din CNP
  • Câmpurile sunt obligatorii
  • Validare și afișare mesaj cu denumirea câmpului ce nu a fost completat
  • La apăsarea butonului adaugă, persoana va fi salvată în baza de date
  • La apăsarea butonului renunță, modalul se va inchide fără a fi făcută salvarea
  • După ce persoana a fost salvată, tabelul trebuie să conțină noua persoană
  • Filtrare pe tabel (sa se pastreze datele liniilor filtrate)

Componenta mașini

1. Un tabel ce va conține următoarele coloane

• Număr curent
• Denumire marcă
• Denumire model
• Anul fabricației
• Capacitatea cilindrică
• Taxa de impozit
• 2 iconițe pe tabel pentru modificare / ștergere
• Modificarea mașinii se va realiza pe același modal
• După ce mașina a fost ștearsă din baza de data, tabelul trebuie reîmprospătat

2. La apăsarea butonului adaugă se va deschide modalul ce va conține următoarele

• Câmpuri
  • Denumire marcă - string, maxlength 255
  • Denumire model - string, maxlength 255
  • Anul fabricației - integer, maxlength 4
  • Capacitatea cilindrică - integer, maxlength 4
  • Taxa de impozit - integer, maxlength 4
• Funcționalitate
  • Taxa de impozit va fi calculată conform calcului
    • capacitatea cilindrică < 1500 = 50 lei
    • capacitatea cilindrică > 1500 < 2000 = 100 lei
    • capacitatea cilindrică > 2000 = 200 lei
  • Câmpurile sunt obligatorii
  • Validare și afișare mesaj cu denumirea câmpului ce nu a fost completat
  • La apăsarea butonului adaugă, mașina va fi salvată în baza de date
  • La apăsarea butonului renunță, modalul se va inchide fără a fi făcută salvarea
  • După ce mașina a fost salvată, tabelul trebuie să conțină noua mașină
  • Filtrare pe tabel (sa se pastreze datele liniilor filtrate)

BACK END

1. Create / update / find / findAll / destroy în tabelul Person
2. Create / update / find / findAll / destroy în tabelul Car
3. Creare tabel de joncțiune "Junction" cu următoarele coloane

• id_person, id_car

4. La ștergerea unei persoane, se vor șterge toate liniile din tabelul de joncțiune aferente persoanei șterse
5. La ștergerea unei mașini, se vor șterge toate liniile din tabelul de joncțiune aferente mașinii șterse
6. La ștergerea unei mașini din modalul de persoană, se va șterge doar lini din joncțiune aferentă persoanei