total FAC TTPC RC

ecole/.env

@@ -0,0 +1,6 @@
+#DB_URL=http://ppsi_nanterre.axa-fr.intraxa:3005/
+DB_URL=http://127.0.0.1:8091/
+DB_ADMIN=admin@axa.fr
+DB_PASSWORD=DTadmin123TT
+NODE_ENV=developpement
+PORT=8082

ecole/package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "start": "nodemon ./src/server.js",
     "build": "pkg ./src/server.js -o EasyTransport",
-    "test": "jest"
+    "test": "jest",
+    "db" :  "cd ./src/db && start cmd /c Lancement_Pocketbase.cmd"
   },
   "pkg": {
     "assets": [

ecole/public/css/global.css

@@ -1,8 +1,16 @@
 body {
   font-family: 'Roboto', sans-serif;
+  background-color: white;
+  color: black;
+  color-scheme: light;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   color: darkblue !important;
   font-weight: bold;
 }
@@ -113,6 +121,11 @@ hr.form {
   padding: 0 5% !important;
 }
 
+.center {
+  display: flex;
+  justify-content: center
+}
+
 .circle {
   cursor: pointer;
   width: 35px;
@@ -183,6 +196,17 @@ hr.form {
   padding: 5px 12px !important;
 }
 
+.chip-info{
+  padding: 5px;
+  width: 30%;
+  text-align: center;
+  background: darkblue;
+  color: white;
+  border-radius: 10px;
+  font-size: 13px;
+  font-weight: 500;  
+}
+
 #goodParcoursModal {
   width: 80%;
   max-height: 80%;
@@ -218,7 +242,10 @@ hr.form {
   content: none;
 }
 
-#selectHistory, #selectHistory ul, #selectHistory li, #selectHistory span {
+#selectHistory,
+#selectHistory ul,
+#selectHistory li,
+#selectHistory span {
   font-size: 13px !important;
 }
 
@@ -274,6 +301,14 @@ hr.form {
   padding-right: 10px;
 }
 
+.moyenTransportTarif {
+  margin-bottom: 30px;
+}
+
+.moyenTransportTarif td i {
+  padding-right: 10px;
+}
+
 .select-chip {
   display: none;
   color: darkblue
@@ -308,6 +343,13 @@ hr.form {
   font-weight: bold;
 }
 
+.step {
+  background-color: #f44336 ;
+  color: white;
+  font-weight: bold;
+  margin-top: 10px;
+}
+
 .modulo-resume {
   font-size: 20px;
   font-weight: normal;
@@ -327,6 +369,7 @@ hr.form {
   flex-wrap: wrap;
   justify-content: space-evenly;
   margin-bottom: 20px;
+  align-items: flex-start;
 
 }
 
@@ -396,8 +439,7 @@ a.grille-garanties:hover{
 
 .modalAlert .modal-content .modalRed {
   list-style-type: square;
-  color : red;
-  font-weight: bold;
+  color: red
 }
 
 .modalAlert .modal-content h4 {
@@ -408,6 +450,110 @@ a.grille-garanties:hover{
   color: white
 }
 
+#rcProjetBlockingSummary,
+#rcTarifBlockingSummary {
+  margin: 1rem 0 1.5rem 0;
+}
+
+.rc-blocking-summary {
+  display: none;
+  border-left: 6px solid #c62828;
+  background-color: #ffebee;
+  color: #b71c1c;
+  padding: 12px 16px;
+  border-radius: 6px;
+}
+
+.rc-blocking-title {
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+
+.rc-blocking-list {
+  margin: 0;
+  padding-left: 20px;
+}
+
+.rc-blocking-list li {
+  margin: 3px 0;
+}
+
+.rc-field-label {
+  display: block;
+  color: #1a237e;
+  font-weight: 700;
+  margin-bottom: 6px;
+  text-align: left;
+}
+
+.rc-has-floating-label {
+  position: relative;
+  margin-top: 0.5rem;
+}
+
+.rc-has-floating-label .rc-field-label.rc-floating-label {
+  position: static;
+  top: auto;
+  left: auto;
+  margin: 0 0 6px 0;
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: #1a237e;
+  pointer-events: none;
+  transition: none;
+  background: transparent;
+  padding: 0;
+  z-index: auto;
+}
+
+.rc-has-floating-label .rc-field-label.rc-floating-label.active {
+  top: auto;
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: #1a237e;
+}
+
+.rc-tarifettes-hidden {
+  display: none !important;
+}
+
+.rc-three-col-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 18px;
+}
+
+.rc-three-col-grid > [class*="col"] {
+  width: 100% !important;
+  margin-left: 0 !important;
+  padding: 0 !important;
+  display: flex;
+}
+
+.rc-three-col-grid .card {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.rc-three-col-grid .card-content {
+  flex: 1;
+}
+
+.rc-equal-card-row > [class*="col"] {
+  display: flex;
+}
+
+.rc-equal-card-row .card {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.rc-equal-card-row .card-content {
+  flex: 1;
+}
+
 #modalTarifCom span.material-icons {
   font-size: 4rem;
 }
@@ -425,6 +571,106 @@ a.grille-garanties:hover{
   z-index: 20 !important;
 }
 
+.flux-card {
+  width: 41rem !important;
+  padding: 2rem 1.4rem;
+  border-radius: 20px;
+  box-shadow: 5px 5px 7px -3px rgba(0, 0, 0, 0.173);
+}
+
+.flux-card .flux-card-title {
+  font-size: 20px;
+  font-weight: bold;
+  margin: 0 0 20px 0;
+  color: darkblue
+}
+
+#div-fluxAchats {
+  background-color: #d5ecd4;
+  transition: 0.2s;
+}
+
+#div-fluxVentes {
+  background-color: #ddddfb;
+  transition: 0.2s;
+}
+
+#div-fluxAchats:hover {
+  background-color: #e5f0e5;
+}
+
+#div-fluxVentes:hover {
+  background-color: #f0f0ff;
+}
+
+.listNatureMar input:disabled {
+  color: black !important
+}
+
+.flux-card hr {
+  height: 0px;
+}
+
+.flux-card hr.divider {
+  margin: 3rem 0px;
+  border-color: #9b9b9b17;
+}
+
+.flux-card .select-wrapper {
+  background-color: white;
+}
+
+.listNatureMar {
+  margin-bottom: 30px;
+}
+
+#div-fluxAchats .listNatureMar>div {
+  background-color: #aad8a7;
+}
+
+#div-fluxVentes .listNatureMar>div {
+  background-color: rgb(193, 189, 236);
+}
+
+.listNatureMar>div {
+  border-radius: 5px;
+  margin: 5px 0;
+  padding: 6px 0;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.listNatureMar .btn-floating {
+  margin-right: 20px;
+}
+
+.flux-card .input-field {
+  width: 20rem;
+}
+
+.checkedCheckbox::before {
+  background-color: rgba(0, 0, 0, 0.42) !important;
+  border-color: #949494 !important;
+
+}
+
+.propositions-flex {
+  display: flex;
+  justify-content: space-between;
+}
+
+.propositions-flex>div {
+  width: 100%;
+  margin: 0px 20px
+}
+
+#row-sinistresAsIf > div {
+  display: flex;
+  justify-content: center;
+  align-items: center
+}
+
 @media only screen and (max-width: 600px) {
   .flex-adaptable {
     flex-direction: column;
@@ -512,3 +758,49 @@ a.grille-garanties:hover{
 @keyframes l13 { 
   100% { transform: rotate(1turn); }
 }
+
+/* Message d'erreur du loader */
+#error-message {
+  display: none;
+  color: #ff4444;
+  font-weight: bold;
+  text-align: center;
+  margin-top: 20px;
+  white-space: pre-line;
+  font-size: 16px;
+}
+
+/* Message de timeout du loader */
+#timeout-message {
+  display: none;
+  margin-top: 30px;
+  text-align: center;
+  color: #d0d0d0;
+  font-size: 14px;
+  max-width: 420px;
+  line-height: 1.6;
+  padding: 0 20px;
+  animation: fadeIn 0.5s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* Lien cliquable pour annuler le chargement */
+#cancel-loading-link {
+  color: #66B2FF;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-thickness: 1px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-weight: 500;
+}
+
+#cancel-loading-link:hover {
+  color: #90CAF9;
+  text-decoration-thickness: 2px;
+  text-shadow: 0 0 10px rgba(102, 178, 255, 0.6);
+}

ecole/public/css/historiqueParcours.css

@@ -0,0 +1,368 @@
+/* Historique Parcours */
+body>main>div>div.section.center-align {
+    width: 100% !important;
+}
+
+body>main>div>div.section.center-align>div.container {
+    width: 100% !important;
+}
+
+#historiqueParcours_wrapper {
+    width: 100% !important;
+    overflow-x: auto !important;
+    margin-top: 30px;
+}
+
+table#historiqueParcours {
+    width: 150%;
+    border-collapse: collapse !important;
+    border: 2px solid darkblue !important;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+#historiqueParcours th,
+#historiqueParcours td {
+    color: black;
+    text-align: left;
+    font-size: 11px;
+    max-width: 100px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+table.dataTable thead th {
+    padding-right: 18px !important;
+    position: relative !important;
+}
+
+/* Div pour encapsuler le texte dans les cellules d'en-tête */
+table.dataTable thead th>div {
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+}
+
+#historiqueParcours_filter {
+    margin-bottom: 20px;
+}
+
+.dataTables_wrapper .dataTables_filter {
+    position: relative;
+    text-align: left;
+    float: left;
+    padding: 2px;
+    overflow: visible;
+}
+
+/* Cacher complètement le label "Rechercher" de DataTables */
+.dataTables_wrapper .dataTables_filter label {
+    position: relative;
+    display: inline-block;
+    margin: 0;
+    font-size: 0 !important;
+    line-height: 0 !important;
+    overflow: visible;
+}
+
+.dataTables_wrapper .dataTables_filter label > span:first-child {
+    display: none !important;
+}
+
+/* fond blanc, bordure grise fine, capsule arrondie */
+.dataTables_wrapper .dataTables_filter input[type="search"] {
+    background-color: #fff;
+    border: 1px solid #e0e0e0;
+    border-radius: 42px;
+    outline: none;
+    height: 42px;
+    width: 220px;
+    font-size: 15px;
+    margin: 0;
+    padding: 0 20px 0 52px;
+    box-sizing: border-box;
+    transition: all 0.2s ease;
+    color: #333;
+    position: relative;
+}
+
+.dataTables_wrapper .dataTables_filter input[type="search"]:focus {
+    background-color: #fff;
+    border-color: #1d9bf0;
+    box-shadow: 0 0 0 2px #1d9bf0;
+    color: #333;
+}
+
+.dataTables_wrapper .dataTables_filter input[type="search"]::placeholder {
+    color: #71767a;
+}
+
+/* Icône de loupe SVG */
+.dataTables_wrapper .dataTables_filter label::before {
+    content: "";
+    position: absolute;
+    left: 20px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 18px;
+    height: 18px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371767a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    pointer-events: none;
+    z-index: 1;
+}
+
+/* Texte "Rechercher" à côté de l'icône */
+.dataTables_wrapper .dataTables_filter label::after {
+    content: "Rechercher";
+    position: absolute;
+    left: 52px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 15px;
+    color: #71767a;
+    pointer-events: none;
+    z-index: 1;
+    white-space: nowrap;
+}
+
+/* Cacher le texte "Rechercher" quand on tape, focus, ou si l'input a une valeur */
+.dataTables_wrapper .dataTables_filter:focus-within label::after,
+.dataTables_wrapper .dataTables_filter label.has-value::after {
+    opacity: 0;
+}
+
+.dataTables_wrapper .dataTables_filter input[type="search"]:focus::placeholder {
+    color: transparent;
+}
+
+#historiqueParcours_length>label {
+    font-size: 14px;
+    display: flex !important;
+    align-items: center !important;
+}
+
+.dataTables_length select[name="historiqueParcours_length"] {
+    display: block !important;
+    font-size: 14px;
+    color: #555;
+    padding: 8px;
+    margin: 0 0.5em;
+    border: none;
+    background: none;
+    padding: 5px;
+    font-size: 16px;
+    outline: none;
+    width: 60px;
+}
+
+/* Style Input recherche par ligne */
+#historiqueParcours>thead>tr:nth-child(2)>th>input {
+    font-size: 13px !important;
+    padding: 6px !important;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+/* icone de tri sur les colonnes */
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc {
+    background-position: right center;
+    background-repeat: no-repeat;
+}
+
+/* Ajouter un espacement entre le texte et l'icône */
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:before {
+    content: "";
+}
+
+/* boutons de navigation */
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+    background-color: white !important;
+    border: darkblue solid 1.5px !important;
+    color: black !important;
+    padding: 6px 12px !important;
+    margin: 0 2px !important;
+    cursor: pointer !important;
+    border-radius: 4px !important;
+    transition: background-color 0.3s, color 0.3s, border-color 0.3s !important;
+}
+
+#historiqueParcours_paginate>span>a.paginate_button.current,
+.dataTables_wrapper .dataTables_paginate:hover .paginate_button:hover {
+    background: none !important;
+    background-color: darkblue !important;
+    border-color: white !important;
+    color: white !important;
+}
+
+/* NC value */
+td.nc-value {
+    color: lightgray !important;
+}
+
+/* Les bouton pour le filtres et les extraction */
+#divBtnFilter {
+    display: inline-grid;
+    width: 100%;
+    grid-template-columns: auto;
+    column-gap: 3%;
+    row-gap: 10%;
+}
+
+#checkRegionAdmin {
+    grid-column: 1 / span 3;
+    justify-self: center;
+}
+
+#divToggleSearch {
+    grid-column: 2;
+    grid-row: 3;
+    justify-self: center;
+    white-space: nowrap;
+}
+
+#toggleSearch {
+    white-space: nowrap;
+    width: auto;
+    min-width: fit-content;
+    padding: 0 24px;
+    color: white !important;
+    background-color: darkblue !important;
+    border: none !important;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(16, 0, 75, 0.2), 0 4px 8px rgba(16, 0, 75, 0.1);
+    transition: background-color 0.3s;
+}
+
+#toggleSearch:hover {
+    background-color: #26a69a !important;
+}
+
+#toggleSearch:active {
+    background-color: gray !important;
+}
+
+#divExtractAll {
+    grid-column: 1;
+    grid-row: 1;
+    justify-self: start;
+}
+
+#divExtractFilter {
+    grid-column: 3;
+    grid-row: 1;
+    justify-self: end;
+}
+
+#divBtnFilter button {
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(16, 0, 75, 0.2), 
+    0 4px 8px rgba(16, 0, 75, 0.1);
+}
+
+/* Bouton Reprendre */
+#btnReprendre,
+#btnGenerate {
+    border: none;
+    color: white;
+    padding: 0px 15px;
+    font-size: 10px;
+    cursor: pointer;
+    border-radius: 8px;
+}
+
+#btnReprendre i {
+    margin: 0;
+}
+
+/* checkbox Filter Region Admin a supprimer probablement*/
+#checkRegionAdmin {
+    border: 1px solid #ccc;
+    padding: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
+    display: none;
+}
+
+[class^="checkbox-wrapper-"] {
+    margin-right: 20px;
+}
+
+#checkRegionAdmin input[type="checkbox"] {
+    display: none;
+    visibility: hidden;
+}
+
+#checkRegionAdmin label {
+    display: inline-block;
+}
+
+#historiqueParcours tr.shown > td { background: #fffdf5; }
+  .parcours-details { font-size: 0.95rem; }
+
+
+/* Style pour les boutons d'export désactivés */
+#divBtnFilter button:disabled {
+    opacity: 0.5 !important;
+    cursor: not-allowed !important;
+    pointer-events: none !important;
+}
+
+#historiqueParcours td .col-with-text {
+  white-space: normal !important;
+}
+
+
+#historiqueParcours_wrapper {
+  overflow-x: visible !important;
+}
+
+table.dataTable {
+  width: 100% !important;
+  table-layout: auto !important;
+}
+
+.col-with-text {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  white-space: nowrap; 
+}
+
+.col-with-text .np {
+  white-space: normal !important;
+}
+
+
+.btn-row-details {
+    cursor: pointer;
+    width: 35px;             
+    height: 28px;           
+    background-color: #F44336 !important;
+    border-radius: 6px; 
+    border: 3px solid darkblue;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-weight: bold;
+    font-size: 16px;
+    padding: 0;
+    line-height: 1;
+    transition: 0.15s ease-in-out;
+}
+
+/* petit effet hover propre pour le bouton détails*/
+.btn-row-details:hover {
+    background-color: #d7372f;  
+    transform: scale(1.05);
+}
+
+
+
+