premier essai des pages web

creativetimofficial · rkeita31 · Feb 21, 2023 · Feb 21, 2023 · Feb 21, 2023 · Feb 21, 2023
commit 0e1f1e56692013f2232a90bcd83230d11e6cda55
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
@@ -1,6 +1,6 @@
 <footer class="footer ">
     <div class="container-fluid">
-        <nav class="pull-left">
+        <!--<nav class="pull-left">
             <ul>
                 <li>
                     <a href="https://www.creative-tim.com">
@@ -23,11 +23,11 @@
                     </a>
                 </li>
             </ul>
-        </nav>
+        </nav>-->
         <div class="copyright pull-right">
             &copy;
             {{test | date: 'yyyy'}}, made with love by
             <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a> for a better web.
         </div>
     </div>
-</footer>
+</footer>
diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts
@@ -2,20 +2,20 @@ import { Component, OnInit } from '@angular/core';
 
 declare const $: any;
 declare interface RouteInfo {
-    path: string;
-    title: string;
-    icon: string;
-    class: string;
+  path: string;
+  title: string;
+  icon: string;
+  class: string;
 }
 export const ROUTES: RouteInfo[] = [
-    { path: '/dashboard', title: 'Dashboard',  icon: 'dashboard', class: '' },
-    { path: '/user-profile', title: 'Client',  icon:'person', class: '' },
-    { path: '/table-list', title: 'Table List',  icon:'content_paste', class: '' },
-    { path: '/typography', title: 'Typography',  icon:'library_books', class: '' },
-    { path: '/icons', title: 'Icons',  icon:'bubble_chart', class: '' },
-    { path: '/maps', title: 'Maps',  icon:'location_on', class: '' },
-    { path: '/notifications', title: 'Notifications',  icon:'notifications', class: '' },
-    { path: '/upgrade', title: 'Upgrade to PRO',  icon:'unarchive', class: 'active-pro' },
+  { path: '/dashboard', title: 'Accueil', icon: 'home', class: '' },
+  { path: '/user-profile', title: 'Compte personnel', icon: 'person', class: '' },
+  { path: '/table-list', title: 'Toutes nos offres', icon: 'local_offer', class: '' },
+  { path: '/typography', title: '(gérant) Ajouter une offre', icon: 'note_add', class: '' },
+  { path: '/icons', title: '(admin) gérer les utilisateurs', icon: 'settings_applications', class: '' },
+  { path: '/maps', title: '(admin) Statistiques', icon: 'create', class: '' },
+  // { path: '/notifications', title: 'Notifications', icon: 'notifications', class: '' },
+  { path: '/upgrade', title: 'Contactez-nous !', icon: 'unarchive', class: 'active-pro' },
 ];
 
 @Component({
@@ -32,9 +32,9 @@ export class SidebarComponent implements OnInit {
     this.menuItems = ROUTES.filter(menuItem => menuItem);
   }
   isMobileMenu() {
-      if ($(window).width() > 991) {
-          return false;
-      }
-      return true;
+    if ($(window).width() > 991) {
+      return false;
+    }
+    return true;
   };
 }
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
diff --git a/src/app/icons/icons.component.html b/src/app/icons/icons.component.html
@@ -1,29 +1,20 @@
-
 <div class="main-content">
-  <div class="container-fluid">
-      <div class="card card-plain">
-          <div class="card-header card-header-danger">
-              <h4 class="card-title">Material Design Icons</h4>
-              <p class="card-category">Handcrafted by our friends from
-                  <a target="_blank" href="https://fonts.google.com/icons">Google</a>
-              </p>
-          </div>
-          <div class="row">
-              <div class="col-md-12">
-                  <div class="card-body">
-                      <div class="iframe-container d-none d-lg-block">
-                          <iframe src="https://material.io/design/iconography/system-icons.html#grid-and-keyline-shapes">
-                              <p>Your browser does not support iframes.</p>
-                          </iframe>
-                      </div>
-                      <div class="col-md-12 d-none d-sm-block d-md-block d-lg-none d-block d-sm-none text-center ml-auto mr-auto">
-                          <h5>The icons are visible on Desktop mode inside an iframe. Since the iframe is not working on Mobile and Tablets please visit the icons on their original page on Google. Check the
-                              <a href="https://fonts.google.com/icons" target="_blank">Material Icons</a>
-                          </h5>
-                      </div>
-                  </div>
-              </div>
-          </div>
-      </div>
-  </div>
-</div>
+    <div class="container-fluid">
+        <div class="card card-plain">
+            <div class="card-header card-header-danger">
+                <h4 class="card-title">Liste de tous les utilisateurs</h4>
+                <p class="card-category">Seuls les administrateurs peuvent y avoir accès. Les modifications sont
+                    enregistrées directement dans la DB
+                </p>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="card-body">
+                        <p>gentille liste de tous les utilisateurs</p>
+                        <p>Cliquer sur modifier/sauvegarder</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/app/layouts/admin-layout/admin-layout.component.html b/src/app/layouts/admin-layout/admin-layout.component.html
@@ -10,7 +10,7 @@
             <app-footer></app-footer>
         </div>
     </div>
-    <div class="fixed-plugin">
+    <!--<div class="fixed-plugin">
         <div class="dropdown show-dropdown open show">
             <a href="#" data-toggle="dropdown" aria-expanded="true">
                 <i class="fa fa-cog fa-2x"> </i>
@@ -73,76 +73,80 @@
                 </li>
             </ul>
         </div>
-    </div>
+    </div>-->
 </div>
 <!-- Buy-Modal-angular -->
 <div class="modal modal-angular fade" id="buy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-<div class="modal-dialog" role="document">
-    <div class="modal-content">
-        <div class="modal-body text-center">
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-            <h4 class="margin-top">
-                Free Version
-            </h4>
-            <div class="separator"></div>
-            <a href="https://www.creative-tim.com/product/material-dashboard" class="modal-button" target="_blank">
-                <div class="wrapper-card">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-body text-center">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
+                        aria-hidden="true">&times;</span></button>
+                <h4 class="margin-top">
+                    Free Version
+                </h4>
+                <div class="separator"></div>
+                <a href="https://www.creative-tim.com/product/material-dashboard" class="modal-button" target="_blank">
+                    <div class="wrapper-card">
+                        <div class="image-container">
+                            <img src="./assets/img/html.png" alt="unloaded">
+                        </div>
+                        Html5
+                        <div class="separator"></div>
+                        <div class="product-type">
+                            FREE
+                        </div>
+                    </div>
+                </a>
+                <a href="https://www.creative-tim.com/product/material-dashboard-angular2" class="modal-button"
+                    target="_blank">
+                    <div class="wrapper-card">
+                        <div class="image-container image-angular-cli">
+                            <img src="./assets/img/angular.png" alt="unloaded">
+                        </div>
+                        Angular
+                        <div class="separator"></div>
+                        <div class="product-type">
+                            FREE
+                        </div>
+                    </div>
+                </a>
+                <h4>
+                    PRO Version
+                </h4>
+                <div class="separator"></div>
+                <a href="https://www.creative-tim.com/product/material-dashboard-pro" class="modal-button"
+                    target="_blank">
                     <div class="image-container">
                         <img src="./assets/img/html.png" alt="unloaded">
                     </div>
                     Html5
                     <div class="separator"></div>
-                    <div class="product-type">
-                        FREE
+                    <div class="price">
+                        from
+                        <span>
+                            49
+                            <i class="fa fa-usd" aria-hidden="true"></i>
+                        </span>
                     </div>
-                </div>
-            </a>
-            <a href="https://www.creative-tim.com/product/material-dashboard-angular2" class="modal-button" target="_blank">
-                <div class="wrapper-card">
+                </a>
+                <a href="https://www.creative-tim.com/product/material-dashboard-pro-angular2" class="modal-button"
+                    target="_blank">
                     <div class="image-container image-angular-cli">
                         <img src="./assets/img/angular.png" alt="unloaded">
                     </div>
                     Angular
                     <div class="separator"></div>
-                    <div class="product-type">
-                        FREE
+                    <div class="price">
+                        from
+                        <span>
+                            59
+                            <i class="fa fa-usd" aria-hidden="true"></i>
+                        </span>
                     </div>
-                </div>
-            </a>
-            <h4>
-                PRO Version
-            </h4>
-            <div class="separator"></div>
-            <a href="https://www.creative-tim.com/product/material-dashboard-pro" class="modal-button" target="_blank">
-                <div class="image-container">
-                    <img src="./assets/img/html.png" alt="unloaded">
-                </div>
-                Html5
-                <div class="separator"></div>
-                <div class="price">
-                    from
-                    <span>
-                        49
-                        <i class="fa fa-usd" aria-hidden="true"></i>
-                    </span>
-                </div>
-            </a>
-            <a href="https://www.creative-tim.com/product/material-dashboard-pro-angular2" class="modal-button" target="_blank">
-                <div class="image-container image-angular-cli">
-                    <img src="./assets/img/angular.png" alt="unloaded">
-                </div>
-                Angular
-                <div class="separator"></div>
-                <div class="price">
-                    from
-                    <span>
-                        59
-                        <i class="fa fa-usd" aria-hidden="true"></i>
-                    </span>
-                </div>
-            </a>
+                </a>
+            </div>
         </div>
     </div>
-</div>
 
-</div>
+</div>
diff --git a/src/app/maps/maps.component.html b/src/app/maps/maps.component.html
@@ -1 +1,5 @@
-<div id="map"></div>
+<!--<div id="map"></div>-->
+<div>
+    <p>Bonjour à tous, ici c'est l'endroit des statistiques (seuls admin)
+    <p>
+</div>