Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="">
- <meta name="author" content="">
- <title>Déclarations | Smart SOS Dashboard</title>
- <!-- Custom fonts for this template-->
- <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
- <!-- Page level plugin CSS-->
- <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
- <!-- Custom styles for this template-->
- <link href="css/sb-admin.css" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
- <script src="https://www.gstatic.com/firebasejs/5.10.1/firebase.js"></script>
- <script>
- // Initialize Firebase
- var config = {
- apiKey: "AIzaSyBgXArM80ikVWaTWinAAtFssYa85I31uf0",
- authDomain: "sosservice-1b5a7.firebaseapp.com",
- databaseURL: "https://sosservice-1b5a7.firebaseio.com",
- projectId: "sosservice-1b5a7",
- storageBucket: "sosservice-1b5a7.appspot.com",
- messagingSenderId: "1093429197188"
- };
- firebase.initializeApp(config);
- console.log();
- </script>
- <script type="text/javascript">
- function updateetat(key) {
- alert('heeelelel');
- }
- </script>
- </head>
- <body id="page-top">
- <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
- <a class="navbar-brand mr-1" href="index.html">Smart SOS Dashboard</a>
- <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
- <i class="fas fa-bars"></i>
- </button>
- <!-- Navbar Search -->
- <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
- </form>
- <!-- Navbar -->
- <ul class="navbar-nav ml-auto ml-md-0">
- <li class="nav-item dropdown no-arrow mx-1">
- <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- <i class="fas fa-bell fa-fw fa-lg"></i>
- <span class="badge badge-danger">9+</span>
- </a>
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
- <a class="dropdown-item" href="#"><i class="fas fa-exclamation-triangle" style="color:red"></i> Nouvelle déclaration</a>
- <a class="dropdown-item" href="#">Afficher</a>
- <div class="dropdown-divider"></div>
- <a class="dropdown-item" href="#">Marquer comme lu</a>
- </div>
- </li>
- </ul>
- </nav>
- <div id="wrapper">
- <!-- Sidebar -->
- <ul class="sidebar navbar-nav">
- <li class="nav-item active">
- <a class="nav-link" href="index.html">
- <i class="fas fa-fw fa-tachometer-alt"></i>
- <span>Dashboard</span>
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="declarations.html">
- <i class="fas fa-hospital-symbol"></i>
- <span>Declarations</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="equipes.html">
- <i class="fas fa-user-md"></i>
- <span>Equipes</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="users.html">
- <i class="fas fa-users"></i>
- <span>Utilisateurs</span></a>
- </li>
- </ul>
- <div id="content-wrapper">
- <div class="container-fluid">
- <!-- Breadcrumbs-->
- <ol class="breadcrumb">
- <li class="breadcrumb-item">
- <a href="index.html">Dashboard</a>
- </li>
- <li class="breadcrumb-item active">Déclarations</li>
- </ol>
- <!-- Page Content -->
- <h1><i class="fas fa-life-ring fa-lg"></i> Déclarations</h1>
- <hr>
- <table class="table" id="ex-table">
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Prénom</th>
- <th scope="col">N° CIN</th>
- <th scope="col">Tel</th>
- <th scope="col">Position</th>
- <th scope="col">Photo d'accident</th>
- <th scope="col">Etat</th>
- <th scope="col">Options</th>
- </tr>
- </thead>
- <tbody>
- <script>
- var database = firebase.database();
- database.ref('declaration').once('value', function(snapshot) {
- if (snapshot.exists()) {
- var content = '';
- snapshot.forEach(function(data) {
- var key = data.key;
- var val = data.val();
- content += '<tr>';
- content += '<td>' + val.firstName + '</td>';
- content += '<td>' + val.lastName + '</td>';
- content += '<td>' + val.cin + '</td>';
- content += '<td> 1234 </td>';
- content += '<td> lng lat </td>';
- content += '<td>' + data.key + '</td>';
- content += '<td>' + val.etat + '</td>';
- var keyz = "tttt"
- content += '<td> <button onclick="updateetat()">Click me</button> </td>';
- content += '</tr>';
- $('#ex-table').append("<tr id='"+key+"'><td>" +val.firstName+"</td><td>"+val.lastName+"</td><td>"+val.cin+"</td><td>1234</td><td>lng lat</td><td>"+data.key+"</td><td>"+val.etat+"</td><td><button id='"+key+"'>Click me</button></td></tr>");
- $(document).on('click',"#"+key,function(){
- var database = firebase.database().ref('declaration')
- var newetat = database.child(key);
- newetat.update({
- "etat": "Amazing"
- });
- });
- });
- }
- });
- </script>
- </tbody>
- </table>
- </div>
- <!-- /.container-fluid -->
- <!-- Sticky Footer -->
- <footer class="sticky-footer">
- <div class="container my-auto">
- <div class="copyright text-center my-auto">
- <span>Copyright © Faculté des Sciences de Gafsa</span>
- </div>
- </div>
- </footer>
- </div>
- <!-- /.content-wrapper -->
- </div>
- <!-- /#wrapper -->
- <!-- Scroll to Top Button-->
- <a class="scroll-to-top rounded" href="#page-top">
- <i class="fas fa-angle-up"></i>
- </a>
- <!-- Logout Modal-->
- <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
- <button class="close" type="button" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
- <div class="modal-footer">
- <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
- <a class="btn btn-primary" href="login.html">Logout</a>
- </div>
- </div>
- </div>
- </div>
- <!-- Bootstrap core JavaScript-->
- <script src="vendor/jquery/jquery.min.js"></script>
- <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
- <!-- Core plugin JavaScript-->
- <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
- <!-- Custom scripts for all pages-->
- <script src="js/sb-admin.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement