From 42ba471be6e3d76dad077e20bbb8fcb33dbf875d Mon Sep 17 00:00:00 2001
From: Viicious <anis.benziane@gmail.com>
Date: Sun, 24 Jun 2018 21:46:30 +0200
Subject: [PATCH] stable version

---
 src/app/book/book.component.css  |   6 ++
 src/app/book/book.component.html |  92 +++++++++++++++++++++++++++
 src/app/book/book.component.ts   |   4 +-
 src/app/home/home.component.html | 103 +++++++++++++++++++++++++++++--
 src/app/home/home.component.scss |   6 ++
 src/app/home/home.component.ts   |  13 +++-
 src/app/main/main.component.html |   2 +
 7 files changed, 218 insertions(+), 8 deletions(-)

diff --git a/src/app/book/book.component.css b/src/app/book/book.component.css
index 5dfbaa2..f05affa 100644
--- a/src/app/book/book.component.css
+++ b/src/app/book/book.component.css
@@ -200,3 +200,9 @@ body {
     }
 }
 
+#cookiesModal {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
diff --git a/src/app/book/book.component.html b/src/app/book/book.component.html
index 9ed8153..3d67708 100644
--- a/src/app/book/book.component.html
+++ b/src/app/book/book.component.html
@@ -394,4 +394,96 @@
 </table>
 
 
+<!-- Button trigger modal-->
+<button id="openModalButton" type="button" class="btn btn-primary waves-light" [hidden]="true" data-toggle="modal" data-target="#basicExample" (click)="cookies?.show()" mdbWavesEffect>
+    Bottom
+</button>
+<!--Modal: modalCookie-->
+<div mdbModal #cookies="mdb-modal" class="modal fade bottom" id="frameModalBottom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" [config]="{backdrop: false, ignoreBackdropClick: false}">
+    <div *ngIf="allUserFile?.length === 0" class="modal-dialog modal-frame modal-bottom text-center"  role="document">
+        <div class="modal-content" id="cookiesModal" style="background-color: #7283a7!important;">
+            <div class="modal-body">
+                <div class="row px-4">
+                    <p class="pt-3 pr-2 text-white">Our website use cookies do you agree ?</p>
+                    <button type="button" class="btn btn-outline-white btn-md waves-light" data-dismiss="modal" (click)="cookies.hide()" mdbWavesEffect>Close</button>
+                    <button type="button" class="btn btn-outline-white btn-md waves-light" data-toggle="modal" data-target="#basicExample" (click)="rules.show()" mdbWavesEffect>Read rules</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--Modal: modalCookie-->
+<!--Modal-->
+<div mdbModal #rules="mdb-modal" class="modal fade" id="basicExample" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow: auto;">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title w-100" id="myModalLabel">Rules</h4>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="rules.hide()">
+                    <span aria-hidden="true">×</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <p>
+                    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+                    <br>
+                    <br>
+                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+                    <br>
+                    <br>
+                    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+                    <br>
+                    <br>
+                    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+                    <br>
+                    <br>
+                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+                    <br>
+                    <br>
+                    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+                    <br>
+                    <br>
+                    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+                    <br>
+                    <br>
+                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+                    <br>
+                    <br>
+                    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+                    <br>
+                    <br>
+                    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+                    <br>
+                    <br>
+                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+                    <br>
+                    <br>
+                    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+                    <br>
+                    <br>
+                    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+                    <br>
+                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+                    <br>
+                    <br>
+                    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+                    <br>
+                    <br>
+                    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+                    <br>
+                    <br>
+                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+                    <br>
+                    <br>
+                    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+                </p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary waves-light" data-dismiss="modal" (click)="rules.hide()" mdbWavesEffect>Close</button>
+            </div>
+        </div>
+    </div>
+</div>
+<!--Modal-->
+
 
diff --git a/src/app/book/book.component.ts b/src/app/book/book.component.ts
index f967ae3..b955a9f 100644
--- a/src/app/book/book.component.ts
+++ b/src/app/book/book.component.ts
@@ -85,6 +85,7 @@ export class BookComponent implements OnInit, OnDestroy {
         this.test = '';
         this.sizeFile = 0;
 
+
   }
     copyLink(val) {
 
@@ -199,7 +200,7 @@ export class BookComponent implements OnInit, OnDestroy {
     }
 
 
-    renameFolder(folderToRename){
+    renameFolder(folderToRename) {
         folderToRename.path = this.mainFolder.path + '/' + folderToRename.name;
 
         this.http.post('/api/renameFolderMongo', folderToRename).subscribe(data => {
@@ -268,6 +269,7 @@ export class BookComponent implements OnInit, OnDestroy {
           } else {
               this.allUserFile = [];
           }
+          document.getElementById('openModalButton').click();
       });
   }
 
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 91aa11f..9ffa870 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -215,9 +215,6 @@
     </div>
   </section>
 
-
-<!--Main Navigation-->
-
 <!--Section: Features v.1-->
 <section class="features text-center" id="featuresSection">
 
@@ -389,7 +386,6 @@
 
   </div>
   <!--Grid row-->
-
 </section>
 <!--Section: Pricing v.2-->
 
@@ -417,7 +413,7 @@
   <div class="footer-copyright text-center py-3">
     <div class="container-fluid">
       © 2018 Copyright:
-      <a href="https://www.MDBootstrap.com"> Arcadia </a>
+      <a href=""> Arcadia </a>
 
     </div>
   </div>
@@ -427,4 +423,99 @@
 <!--/.Footer-->
 
 <!--<button (click)="facebook()" class="btn-floating btn-fb"><i class="fa fa-facebook"></i></button>-->
-<!--<a onclick="location.href='/api/facebook'">Login with face</a>-->
\ No newline at end of file
+<!--<a onclick="location.href='/api/facebook'">Login with face</a>-->
+
+<!-- Button trigger modal-->
+<button id="openModalButton" type="button" class="btn btn-primary waves-light" [hidden]="true" data-toggle="modal" data-target="#basicExample" (click)="cookies?.show()" mdbWavesEffect>
+  Bottom
+</button>
+<!--Modal: modalCookie-->
+<div mdbModal #cookies="mdb-modal" class="modal fade bottom" id="frameModalBottom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" [config]="{backdrop: false, ignoreBackdropClick: false}">
+  <div class="modal-dialog modal-frame modal-bottom text-center"  role="document">
+    <div class="modal-content" id="cookiesModal" style="background-color: #7283a7!important;">
+      <div class="modal-body">
+        <div class="row px-4">
+          <p class="pt-3 pr-2 text-white">Our website use cookies do you agree ?</p>
+          <button type="button" class="btn btn-outline-white btn-md waves-light" data-dismiss="modal" (click)="cookies.hide()" mdbWavesEffect>Close</button>
+          <button type="button" class="btn btn-outline-white btn-md waves-light" data-toggle="modal" data-target="#basicExample" (click)="rules.show()" mdbWavesEffect>Read rules</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!--Modal: modalCookie-->
+<!--Modal-->
+<div mdbModal #rules="mdb-modal" class="modal fade" id="basicExample" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow: auto;">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title w-100" id="myModalLabel">Rules</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="rules.hide()">
+          <span aria-hidden="true">×</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <p>
+          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+          <br>
+          <br>
+          Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+          <br>
+          <br>
+          Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+          <br>
+          <br>
+          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+          <br>
+          <br>
+          Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+          <br>
+          <br>
+          Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+          <br>
+          <br>
+          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+          <br>
+          <br>
+          Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+          <br>
+          <br>
+          Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+          <br>
+          <br>
+          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+          <br>
+          <br>
+          Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+          <br>
+          <br>
+          Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+          <br>
+          <br>
+          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+          <br>
+          Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+          <br>
+          <br>
+          Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+          <br>
+          <br>
+          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+          <br>
+          <br>
+          Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+          <br>
+          <br>
+          Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
+        </p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary waves-light" data-dismiss="modal" (click)="rules.hide()" mdbWavesEffect>Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!--Modal-->
+
+
+
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
index a45dee5..31aee63 100644
--- a/src/app/home/home.component.scss
+++ b/src/app/home/home.component.scss
@@ -59,3 +59,9 @@ h6 {
 #rules {
   margin-left: 1rem;
 }
+
+#cookiesModal {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index fcb70dd..982e42f 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -17,6 +17,7 @@ export class HomeComponent implements OnInit {
   message = '';
   messageR = '';
   data: any;
+  test: any;
 
   constructor(private http: HttpClient, private router: Router) {
     this.registerbool = false;
@@ -24,7 +25,7 @@ export class HomeComponent implements OnInit {
   }
 
   showregister() {
-    this.registerbool = !this.registerbool
+    this.registerbool = !this.registerbool;
   }
 
   toggleCheckbox() {
@@ -60,10 +61,20 @@ export class HomeComponent implements OnInit {
 
 
 
+    showCookies() {
+        document.getElementById('openModalButton').click();
+    }
+
+
+
 
 
 
 ngOnInit() {
+    setTimeout(() =>
+        {
+            this.showCookies(););
+        }, 1000);
   }
 
 }
diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html
index 158a6b4..001a087 100644
--- a/src/app/main/main.component.html
+++ b/src/app/main/main.component.html
@@ -1,6 +1,8 @@
 <body class="indigo-skin">
 
 
+
+
 <!--Double navigation-->
 <header>