Hugging Face's logo

Spaces:
Guy57
/
kodji
Running

App Files Community
Guy57 commited on
Commit
ae7e14b
·
verified ·
1 Parent(s): ce537b3

actualise - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +87 -2
index.html CHANGED
@@ -322,7 +322,7 @@
322
  </div>
323
  <div>
324
  <p class="text-gray-500 text-sm font-medium">Employés</p>
325
- <h3 class="text-2xl font-bold text-gray-800 mt-1">48</h3>
326
  <div class="mt-2 flex items-center">
327
  <span class="text-xs px-2 py-1 rounded-full bg-green-100 text-green-800 flex items-center">
328
  <i class="fas fa-arrow-up mr-1 text-xs"></i> 12%
@@ -474,6 +474,7 @@
474
  <tr>
475
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nom</th>
476
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Département</th>
 
477
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
478
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"></th>
479
  </tr>
@@ -494,6 +495,34 @@
494
  <td class="px-6 py-4 whitespace-nowrap">
495
  <div class="text-sm text-gray-900">Finance</div>
496
  </td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
497
  <td class="px-6 py-4 whitespace-nowrap">
498
  <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
499
  </td>
@@ -516,6 +545,9 @@
516
  <td class="px-6 py-4 whitespace-nowrap">
517
  <div class="text-sm text-gray-900">Marketing</div>
518
  </td>
 
 
 
519
  <td class="px-6 py-4 whitespace-nowrap">
520
  <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
521
  </td>
@@ -538,8 +570,61 @@
538
  <td class="px-6 py-4 whitespace-nowrap">
539
  <div class="text-sm text-gray-900">IT</div>
540
  </td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
541
  <td class="px-6 py-4 whitespace-nowrap">
542
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">En congé</span>
543
  </td>
544
  <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
545
  <a href="#" class="text-primary-600 hover:text-primary-900">Voir →</a>
 
322
  </div>
323
  <div>
324
  <p class="text-gray-500 text-sm font-medium">Employés</p>
325
+ <h3 class="text-2xl font-bold text-gray-800 mt-1">52</h3>
326
  <div class="mt-2 flex items-center">
327
  <span class="text-xs px-2 py-1 rounded-full bg-green-100 text-green-800 flex items-center">
328
  <i class="fas fa-arrow-up mr-1 text-xs"></i> 12%
 
474
  <tr>
475
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nom</th>
476
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Département</th>
477
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date embauche</th>
478
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
479
  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"></th>
480
  </tr>
 
495
  <td class="px-6 py-4 whitespace-nowrap">
496
  <div class="text-sm text-gray-900">Finance</div>
497
  </td>
498
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
499
+ 15/03/2021
500
+ </td>
501
+ <td class="px-6 py-4 whitespace-nowrap">
502
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
503
+ </td>
504
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
505
+ <a href="#" class="text-primary-600 hover:text-primary-900">Voir →</a>
506
+ </td>
507
+ </tr>
508
+ <tr class="hover:bg-gray-50 transition-colors">
509
+ <td class="px-6 py-4 whitespace-nowrap">
510
+ <div class="flex items-center">
511
+ <div class="flex-shrink-0 h-10 w-10">
512
+ <img class="h-10 w-10 rounded-full object-cover" src="https://randomuser.me/api/portraits/women/65.jpg" alt="">
513
+ </div>
514
+ <div class="ml-4">
515
+ <div class="text-sm font-medium text-gray-900">Fatou Diop</div>
516
+ <div class="text-xs text-gray-500">f.diop@jmk.com</div>
517
+ </div>
518
+ </div>
519
+ </td>
520
+ <td class="px-6 py-4 whitespace-nowrap">
521
+ <div class="text-sm text-gray-900">IT</div>
522
+ </td>
523
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
524
+ 10/12/2023
525
+ </td>
526
  <td class="px-6 py-4 whitespace-nowrap">
527
  <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
528
  </td>
 
545
  <td class="px-6 py-4 whitespace-nowrap">
546
  <div class="text-sm text-gray-900">Marketing</div>
547
  </td>
548
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
549
+ 22/06/2022
550
+ </td>
551
  <td class="px-6 py-4 whitespace-nowrap">
552
  <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
553
  </td>
 
570
  <td class="px-6 py-4 whitespace-nowrap">
571
  <div class="text-sm text-gray-900">IT</div>
572
  </td>
573
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
574
+ 05/09/2020
575
+ </td>
576
+ <td class="px-6 py-4 whitespace-nowrap">
577
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
578
+ </td>
579
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
580
+ <a href="#" class="text-primary-600 hover:text-primary-900">Voir →</a>
581
+ </td>
582
+ </tr>
583
+ <tr class="hover:bg-gray-50 transition-colors">
584
+ <td class="px-6 py-4 whitespace-nowrap">
585
+ <div class="flex items-center">
586
+ <div class="flex-shrink-0 h-10 w-10">
587
+ <img class="h-10 w-10 rounded-full object-cover" src="https://randomuser.me/api/portraits/women/42.jpg" alt="">
588
+ </div>
589
+ <div class="ml-4">
590
+ <div class="text-sm font-medium text-gray-900">Amélie Dubois</div>
591
+ <div class="text-xs text-gray-500">a.dubois@jmk.com</div>
592
+ </div>
593
+ </div>
594
+ </td>
595
+ <td class="px-6 py-4 whitespace-nowrap">
596
+ <div class="text-sm text-gray-900">RH</div>
597
+ </td>
598
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
599
+ 10/01/2023
600
+ </td>
601
+ <td class="px-6 py-4 whitespace-nowrap">
602
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">Période d'essai</span>
603
+ </td>
604
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
605
+ <a href="#" class="text-primary-600 hover:text-primary-900">Voir →</a>
606
+ </td>
607
+ </tr>
608
+ <tr class="hover:bg-gray-50 transition-colors">
609
+ <td class="px-6 py-4 whitespace-nowrap">
610
+ <div class="flex items-center">
611
+ <div class="flex-shrink-0 h-10 w-10">
612
+ <img class="h-10 w-10 rounded-full object-cover" src="https://randomuser.me/api/portraits/men/45.jpg" alt="">
613
+ </div>
614
+ <div class="ml-4">
615
+ <div class="text-sm font-medium text-gray-900">Mohamed Diallo</div>
616
+ <div class="text-xs text-gray-500">m.diallo@jmk.com</div>
617
+ </div>
618
+ </div>
619
+ </td>
620
+ <td class="px-6 py-4 whitespace-nowrap">
621
+ <div class="text-sm text-gray-900">Marketing</div>
622
+ </td>
623
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
624
+ 05/12/2023
625
+ </td>
626
  <td class="px-6 py-4 whitespace-nowrap">
627
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">Période d'essai</span>
628
  </td>
629
  <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
630
  <a href="#" class="text-primary-600 hover:text-primary-900">Voir →</a>