Display cookie agreement modal (#106)

src/ui/cookieAgreement/cookieAgreement.component.ts

+import { Component } from '@angular/core'
+import { BsModalService } from 'ngx-bootstrap/modal/bs-modal.service';
+
+@Component({
+    selector: 'cookie-agreement',
+    templateUrl: './cookieAgreement.template.html',
+    styleUrls: [
+      './cookieAgreement.style.css'
+    ]
+})
+export class CookieAgreement {
+  showMore = false;   
+
+  constructor(private modalService: BsModalService,) {}
+
+  AgreeCookies() {
+    localStorage.setItem('cookies', 'agreed');
+    this.modalService.hide(1);
+  }
+}
\ No newline at end of file

src/ui/cookieAgreement/cookieAgreement.style.css

+@import url('https://fonts.googleapis.com/css?family=Open+Sans');
+
+.cookie-text {
+    text-align: justify;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.cookie-text-small {
+    text-align: justify;
+    font-size: 11px;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.show-more-button-on-cookie-agreement {
+    width: 100%;
+    margin-bottom: 20px;
+    outline: none;
+}
\ No newline at end of file

src/ui/cookieAgreement/cookieAgreement.template.html

+<div>
+    <p class="cookie-text">Volume Brain Anchoring (VoluBA) uses ‘cookies’ (text files placed on your computer) to verify login details,
+        remember user choices and preferences, and in some instances determine site permissions. Cookies also provide, 
+        in anonymous form, the number of visitors accessing the HBP Public Website, features users access during website visits,
+        and the general location of the user based on IP address.</p>
+    <p class="cookie-text">VoluBA uses at least the following cookies:</p>
+    <p class="cookie-text"><strong>connect.sid</strong> : verify login details</p>
+    <p class="cookie-text">To find out more about cookies, including how to determine the cookies that have been set on your computer and how to manage 
+        or delete them, visit <a href="www.aboutcookies.org">www.aboutcookies.org </a> .</p>
+    <p class="cookie-text">To opt-out of being tracked by Google Analytics across all websites, visit 
+        <a href="http://tools.google.com/dlpage/gaoptout">http://tools.google.com/dlpage/gaoptout</a> .</p>
+
+    <button class="btn btn-outline-secondary show-more-button-on-cookie-agreement" (click) = "showMore = !showMore">Show {{showMore? "less" : "more"}}</button>
+    
+    <div *ngIf = "showMore"> 
+            <div><div class="cookie-text-small"><strong>Data controller(s)</strong>: VoluBA is the data controller for your login information.
+            </div><div class="cookie-text-small"><strong>List of partners responsible</strong>:
+              FZJ-INM1 <a href="mailto:inm1-bda@fz-juelich.de">inm1-bda@fz-juelich.de</a></div><div class="cookie-text-small"><strong>HBP Data Protection Officer (HBP DPO)</strong>: You can find out about HBP Data Protection policies here:
+                <a href="https://www.humanbrainproject.eu/en/social-ethical-reflective/ethics-support/data-protection/">https://www.humanbrainproject.eu/en/social-ethical-reflective/ethics-support/data-protection/</a>
+                and you can contact HBP Data Protection Officer at <a href="mailto:data.protection@humanbrainproject.eu">data.protection@humanbrainproject.eu</a></div><div class="cookie-text-small"><strong>Legal basis for data processing</strong>:
+              consent
+            </div><div class="cookie-text-small"><strong>General categories of personal data collected</strong>:
+              Name, ORC ID, JWT ID Token
+            </div><div class="cookie-text-small"><strong>Data shared within the HBP Consortium</strong>:
+              JWT ID Token is shared with ChunMa (Chunk Master), enabling upload and retrieval of user uploaded data.  
+            </div><div class="cookie-text-small"><strong>Data Shared with Third Parties</strong>: none
+            </div><div class="cookie-text-small"><strong>Transfer of any personal data to third countries</strong>: Data are stored in HBP infrastructure, and will not be transferred to Third countries.
+            </div><div class="cookie-text-small"><strong>Retention periods</strong>: 24 hours
+            </div><div class="cookie-text-small"><strong>Lodging a complaint</strong>:
+              The HBP DPO and HBP partners will make every reasonable effort to address your data protection concerns. However, you have a right to lodge a complaint with a data protection authority. Contact information for the European Data Protection Board and EU DPAs are available here:
+              <ul><li><a href="http://ec.europa.eu/newsroom/article29/item-detail.cfm?item_id=612080">http://ec.europa.eu/newsroom/article29/item-detail.cfm?item_id=612080</a></li><li data-v-fc2c56ac=""><a data-v-fc2c56ac="" href="https://edpb.europa.eu/about-edpb/board/members_en">https://edpb.europa.eu/about-edpb/board/members_en</a></li></ul></div></div>
+    </div>
+</div>
+
+<div class="modal-footer">
+    <button type="button" class="btn btn-primary" (click) = "AgreeCookies()">Ok</button>
+</div>
\ No newline at end of file