Cookie and privacy policy

src/app/@theme/components/footer/footer.component.ts

@@ -4,15 +4,39 @@ import { Component } from '@angular/core';
   selector: 'ngx-footer',
   styleUrls: ['./footer.component.scss'],
   template: `
-    <span class="created-by"><b>Fattazzo</b> 2018</span>
+    <span class="created-by"
+      ><b>Fattazzo</b> 2018 -
+      <a [routerLink]="['/pages/policy']" class="link-black"
+        >Informativa privacy - Informativa cookie</a
+      ></span
+    >
     <div class="socials">
-      <a href="https://play.google.com/store/apps/details?id=com.gmail.fattazzo.formula1world" target="_blank" class="ion ion-logo-android"></a>
-      <a href="https://github.com/fattazzo" target="_blank" class="ion ion-logo-github"></a>
-      <a href="https://www.facebook.com/Fattazzo" target="_blank" class="ion ion-logo-facebook"></a>
-      <a href="https://plus.google.com/+GianlucaFattarsi" target="_blank" class="ion ion-logo-googleplus"></a>
-      <a href="https://www.linkedin.com/in/gianluca-fattarsi" target="_blank" class="ion ion-logo-linkedin"></a>
+      <a
+        href="https://play.google.com/store/apps/details?id=com.gmail.fattazzo.formula1world"
+        target="_blank"
+        class="ion ion-logo-android"
+      ></a>
+      <a
+        href="https://github.com/fattazzo"
+        target="_blank"
+        class="ion ion-logo-github"
+      ></a>
+      <a
+        href="https://www.facebook.com/Fattazzo"
+        target="_blank"
+        class="ion ion-logo-facebook"
+      ></a>
+      <a
+        href="https://plus.google.com/+GianlucaFattarsi"
+        target="_blank"
+        class="ion ion-logo-googleplus"
+      ></a>
+      <a
+        href="https://www.linkedin.com/in/gianluca-fattarsi"
+        target="_blank"
+        class="ion ion-logo-linkedin"
+      ></a>
     </div>
   `,
 })
-export class FooterComponent {
-}
+export class FooterComponent {}

src/app/@theme/theme.module.ts

@@ -53,6 +53,7 @@ import { AppControlsComponent } from '../components/app-controls/app-controls.co
 
 import { DropdownModule } from 'primeng/dropdown';
 import { ApplicationPipesModule } from '../pipes/application-pipes.module';
+import { RouterModule } from '@angular/router';
 
 const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule];
 
@@ -112,6 +113,7 @@ const NB_THEME_PROVIDERS = [
     ...NB_MODULES,
     DropdownModule,
     ApplicationPipesModule,
+    RouterModule,
   ],
   exports: [...BASE_MODULES, ...NB_MODULES, ...COMPONENTS, ...PIPES],
   declarations: [...COMPONENTS, ...PIPES],

src/app/pages/pages-routing.module.ts

@@ -53,6 +53,10 @@ const routes: Routes = [
         path: 'info',
         loadChildren: './info/info.module#InfoModule',
       },
+      {
+        path: 'policy',
+        loadChildren: './policy/policy.module#PolicyModule',
+      },
     ],
   },
 ];

src/app/pages/policy/cookie/cookie.component.html

@@ -0,0 +1,112 @@
+<div class="ui-g">
+  <div class="ui-g-12">
+    <nb-card status="success">
+      <nb-card-header>Informativa Cookie</nb-card-header>
+      <nb-card-body>
+        <h4>PERCHE’ QUESTA INFORMATIVA?</h4>
+        <p>
+          Con il presente documento si forniscono agli utenti che navigano sul
+          sito <b>Formula 1 stats</b> le informazioni relative ai cookie
+          utilizzati o di cui si consente l’installazione.
+        </p>
+        <h4>CHE COSA SONO I COOKIE?</h4>
+        <p>
+          Un “cookie” è un piccolo file di testo creato sul computer dell’utente
+          al momento in cui questo accede ad un determinato sito, con lo scopo
+          di immagazzinare e trasportare informazioni. I cookie sono inviati da
+          un server web (che è il computer sul quale è in esecuzione il sito web
+          visitato) al browser dell’utente (Internet Explorer, Mozilla Firefox,
+          Google Chrome, ecc.) e memorizzati sul computer di quest’ultimo;
+          vengono, quindi, re-inviati al sito web al momento delle visite
+          successive.
+        </p>
+        <p>
+          Nel corso della navigazione l’utente potrebbe ricevere sul suo
+          terminale anche cookie di siti diversi (c.d. cookies di “terze
+          parti”), impostati direttamente da gestori di detti siti web e
+          utilizzati per le finalità e secondo le modalità da questi definiti.
+        </p>
+        <h4>QUALI COOKIE SONO UTILIZZATI?</h4>
+        <p>
+          Il sito utilizza cookie solo per garantire e agevolare la navigazione
+          e fruizione del sito web.
+        </p>
+        <p><b>Cookie tecnici.</b></p>
+        <p>
+          Il sito utilizza cookie tecnici, rispetto ai quali, in base alla
+          normativa vigente, non è richiesto alcun consenso da parte
+          dell’interessato.
+        </p>
+        <p>Più precisamente il sito utilizza:</p>
+        <table border="1" bordercolor="#cccccc">
+          <tr>
+            <th>Nome cookie</th>
+            <th>Funzione</th>
+            <th>Scadenza</th>
+          </tr>
+          <tr>
+            <td>filtersVisible</td>
+            <td>Visualizza o nasconde i filtri nelle selezioni</td>
+            <td>Mai</td>
+          </tr>
+        </table>
+
+        <p></p>
+        <h4>COSA SUCCEDE SE SI EVITA L’INSTALLAZIONE DEI COOKIE?</h4>
+        <p>
+          I cookie tecnici sono strettamente necessari per consentire il miglior
+          utilizzo del sito, in assenza di tali cookie, il sito web non potrebbe
+          funzionare correttamente.
+        </p>
+        <h4>COME DISABILITARE I COOKIE?</h4>
+        <p>
+          Fermo restando quanto sopra indicato in ordine ai cookie tecnici,
+          l’utente può eliminarli attraverso le funzionalità indicate nella
+          presente informativa, nella parte in cui si elencano i cookie
+          utilizzati, oppure direttamente tramite il proprio browser.
+        </p>
+        <p>
+          Si precisa che ciascun browser presenta procedure diverse per la
+          gestione delle impostazioni. L’utente può ottenere istruzioni
+          specifiche attraverso i link sottostanti.
+        </p>
+        <ul>
+          <li>
+            <a
+              href="https://support.microsoft.com/it-it/help/17442/windows-internet-explorer-delete-manage-cookies"
+              target="_blank"
+              >Microsoft Windows Explorer</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://support.google.com/chrome/answer/95647?hl=it&p=cpn_cook"
+              target="_blank"
+              >Google Chrome</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://support.mozilla.org/it/kb/Gestione%20dei%20cookie"
+              target="_blank"
+              >Mozilla Firefox</a
+            >
+          </li>
+          <li>
+            <a href="https://support.apple.com/it-it/HT201265" target="_blank"
+              >Safari</a
+            >
+          </li>
+        </ul>
+        <p>
+          In ordine agli utenti che navigano da mobile, si precisa che le
+          configurazioni di sistema per escludere l’archiviazione di cookie o
+          per cancellarli variano a seconda della marca e/o del modello del
+          device utilizzato e si rende pertanto necessario consultare le
+          indicazioni fornite dal produttore.
+        </p>
+        <h4></h4>
+      </nb-card-body>
+    </nb-card>
+  </div>
+</div>

src/app/pages/policy/cookie/cookie.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'policy-cookie',
+  templateUrl: './cookie.component.html',
+  styleUrls: ['./cookie.component.scss'],
+})
+export class CookieComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/policy/policy-routing.module.ts

@@ -0,0 +1,16 @@
+import { Routes, RouterModule } from '@angular/router';
+import { NgModule } from '@angular/core';
+import { PolicyComponent } from './policy.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: PolicyComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class PolicyRoutingModule {}

src/app/pages/policy/policy.component.html

@@ -0,0 +1,8 @@
+<div class="ui-g">
+  <div class="ui-xl-6 ui-lg-6 ui-md-12 ui-sm-12">
+    <policy-privacy></policy-privacy>
+  </div>
+  <div class="ui-xl-6 ui-lg-6 ui-md-12 ui-sm-12">
+    <policy-cookie></policy-cookie>
+  </div>
+</div>

src/app/pages/policy/policy.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'policy',
+  templateUrl: './policy.component.html',
+  styleUrls: ['./policy.component.scss']
+})
+export class PolicyComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/pages/policy/policy.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PolicyRoutingModule } from './policy-routing.module';
+import { PolicyComponent } from './policy.component';
+import { CookieComponent } from './cookie/cookie.component';
+import { PrivacyComponent } from './privacy/privacy.component';
+import { ThemeModule } from '../../@theme/theme.module';
+
+@NgModule({
+  declarations: [PolicyComponent, CookieComponent, PrivacyComponent],
+  imports: [ThemeModule, CommonModule, PolicyRoutingModule],
+})
+export class PolicyModule {}

src/app/pages/policy/privacy/privacy.component.html

@@ -0,0 +1,62 @@
+<div class="ui-g">
+  <div class="ui-g-12">
+    <nb-card status="success">
+      <nb-card-header>Informativa privacy</nb-card-header>
+      <nb-card-body>
+        <h4>PERCHE’ QUESTA INFORMATIVA?</h4>
+        <p>
+          Con il presente documento, così come previsto dalla normativa vigente
+          (art. 13 Regolamento generale sulla protezione dei dati, di seguito
+          anche RGPD), si forniscono agli utenti che consultano il sito
+          <b>Formula 1 stats</b>, le informazioni relative al trattamento dei
+          loro dati personali.
+        </p>
+        <h4>QUALI DATI SONO TRATTATI?</h4>
+        <p>
+          Attraverso il sito non vengono trattati nè dati di navigazione nè dati
+          forniti dall’utente.
+        </p>
+        <p><b>Dati di navigazione</b></p>
+        <p>
+          I sistemi informatici e le procedure software preposte al
+          funzionamento di questo sito web non acquisiscono, nel corso del loro
+          normale esercizio, dati personali la cui trasmissione è implicita
+          nell’uso dei protocolli di comunicazione di Internet.<br />
+          Si tratta di informazioni che non sono raccolte per essere associate a
+          interessati identificati, ma che per loro stessa natura potrebbero,
+          attraverso elaborazioni ed associazioni con dati detenuti da terzi,
+          permettere di identificare gli utenti.<br />
+          In questa categoria di dati rientrano gli indirizzi IP o i nomi a
+          dominio dei computer utilizzati dagli utenti che si connettono al
+          sito, gli indirizzi in notazione URI (Uniform Resource Identifier)
+          delle risorse richieste, l’orario della richiesta, il metodo
+          utilizzato nel sottoporre la richiesta al server, la dimensione del
+          file ottenuto in risposta, il codice numerico indicante lo stato della
+          risposta data dal server (buon fine, errore, ecc.) ed altri parametri
+          relativi al sistema operativo e all’ambiente informatico dell’utente.
+        </p>
+        <h4>TERMINI E CONDIZIONI DI TERZE PARTI</h4>
+        <p><b>Ergast Developer API</b></p>
+        <p>
+          The Ergast Developer API is an experimental web service which provides
+          a historical record of motor racing data for non-commercial
+          purposes.<br />
+          The author grants you the right to create your own applications and
+          services based on this API provided that these conform to the
+          conditions specified in this document.
+        </p>
+        <p>
+          <a href="http://ergast.com/mrd/terms/" target="_blank"
+            >Maggiori informazioni</a
+          >
+        </p>
+
+        <h4>ULTERIORI INFORMAZIONI</h4>
+        <p>
+          In ordine ai cookie e strumenti analoghi utilizzati dal sito si rinvia
+          all’informativa cookie.
+        </p>
+      </nb-card-body>
+    </nb-card>
+  </div>
+</div>

src/app/pages/policy/privacy/privacy.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'policy-privacy',
+  templateUrl: './privacy.component.html',
+  styleUrls: ['./privacy.component.scss'],
+})
+export class PrivacyComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}