Compare commits
5 Commits
e55772986b
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 jfgiraud
|
85a858d3b8 | ||
|
jfgiraud
|
39e5ae87ff | ||
|
jfgiraud
|
3a5e8a70e2 | ||
|
jfgiraud
|
4df8cf495a | ||
|
jfgiraud
|
18102d1627 |
+201
-20
@@ -156,26 +156,6 @@
|
||||
background-color: #283593;
|
||||
}
|
||||
|
||||
.ordregf-modal {
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
background: #1c2030;
|
||||
color: #fff;
|
||||
}
|
||||
.ordregf-modal input {
|
||||
background: #13161f;
|
||||
border: 1px solid #333;
|
||||
color: white;
|
||||
padding: 5px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.modal-actions {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.ordregf-master-row {
|
||||
background: linear-gradient(90deg, #001f3f, #004cff) !important;
|
||||
color: #ffffff;
|
||||
@@ -227,3 +207,204 @@ body {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ordregf-btn-petit {
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
font-size: 0.8em;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
/* ===========================
|
||||
MODALES
|
||||
=========================== */
|
||||
|
||||
.ordregf-modal {
|
||||
width: 520px;
|
||||
max-width: 92vw;
|
||||
|
||||
border: none;
|
||||
border-radius: 18px;
|
||||
|
||||
background: #20263a;
|
||||
color: white;
|
||||
|
||||
padding: 30px;
|
||||
|
||||
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
|
||||
|
||||
animation: popup 0.18s ease-out;
|
||||
}
|
||||
|
||||
.ordregf-modal::backdrop {
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
@keyframes popup {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-20px) scale(0.95);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ordregf-modal h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 25px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
font-weight: 600;
|
||||
color: #cfd8ff;
|
||||
}
|
||||
|
||||
.ordregf-modal input,
|
||||
.ordregf-modal select {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
padding: 12px 14px;
|
||||
|
||||
border-radius: 10px;
|
||||
border: 1px solid #3b4668;
|
||||
|
||||
background: #151b2d;
|
||||
color: white;
|
||||
|
||||
font-size: 15px;
|
||||
|
||||
outline: none;
|
||||
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
.ordregf-modal input:focus,
|
||||
.ordregf-modal select:focus {
|
||||
border-color: #4d84ff;
|
||||
box-shadow: 0 0 0 3px rgba(77, 132, 255, 0.25);
|
||||
}
|
||||
|
||||
.modal-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.modal-actions button {
|
||||
border: none;
|
||||
|
||||
padding: 11px 22px;
|
||||
|
||||
border-radius: 10px;
|
||||
|
||||
font-weight: 600;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.modal-actions button:first-child {
|
||||
background: #444b63;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.modal-actions button:first-child:hover {
|
||||
background: #59617c;
|
||||
}
|
||||
|
||||
.modal-actions button:last-child {
|
||||
background: #2dbf5a;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.modal-actions button:last-child:hover {
|
||||
background: #27a84f;
|
||||
}
|
||||
|
||||
.form-group .triple {
|
||||
display: grid;
|
||||
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
#btnRechercher {
|
||||
margin-top: 10px;
|
||||
|
||||
width: 100%;
|
||||
|
||||
padding: 12px;
|
||||
|
||||
border: none;
|
||||
|
||||
border-radius: 10px;
|
||||
|
||||
background: #2962ff;
|
||||
|
||||
color: white;
|
||||
|
||||
font-weight: 600;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#btnRechercher:hover {
|
||||
background: #1d4ed8;
|
||||
}
|
||||
|
||||
dialog.ordregf-modal {
|
||||
position: fixed;
|
||||
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
margin: 0;
|
||||
|
||||
width: 520px;
|
||||
max-width: 90vw;
|
||||
|
||||
border: none;
|
||||
border-radius: 18px;
|
||||
|
||||
padding: 30px;
|
||||
|
||||
background: #20263a;
|
||||
color: white;
|
||||
|
||||
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
dialog.ordregf-modal::backdrop {
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,358 @@
|
||||
:root {
|
||||
--ordrejfg-bg: #13161f;
|
||||
--ordrejfg-card: #1c2030;
|
||||
--ordrejfg-border: rgba(255, 255, 255, 0.08);
|
||||
--ordrejfg-text: #f0f2fc;
|
||||
}
|
||||
|
||||
/* Force le plein écran */
|
||||
.ordrejfg-page {
|
||||
background-color: var(--ordrejfg-bg);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ordrejfg-shell {
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ordrejfg-card {
|
||||
background: var(--ordrejfg-card);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Tables en pleine largeur */
|
||||
.ordrejfg-table,
|
||||
.ordrejfg-detail-table {
|
||||
width: 100% !important;
|
||||
border-collapse: collapse;
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
/* Alignements entêtes */
|
||||
.ordrejfg-table th,
|
||||
.ordrejfg-detail-table th {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ordrejfg-detail-table th {
|
||||
text-align: center !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ordrejfg-detail-table td {
|
||||
padding: 8px;
|
||||
border-bottom: 1px solid var(--ordrejfg-border);
|
||||
}
|
||||
|
||||
/* Styles boutons */
|
||||
.ordrejfg-edit-button {
|
||||
padding: 4px 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Boutons principaux (Créer et Retour) */
|
||||
.ordrejfg-btn-menu,
|
||||
.ordrejfg-btn-creer {
|
||||
padding: 10px 24px !important;
|
||||
border-radius: 50px !important;
|
||||
border: none !important;
|
||||
cursor: pointer !important;
|
||||
font-size: 14px !important;
|
||||
font-weight: 600 !important;
|
||||
text-decoration: none !important;
|
||||
display: inline-flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
transition: background 0.3s ease !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* Bouton Menu (Bleu) */
|
||||
.ordrejfg-btn-menu {
|
||||
background-color: #1a237e !important;
|
||||
}
|
||||
.ordrejfg-btn-menu:hover {
|
||||
background-color: #283593 !important;
|
||||
}
|
||||
|
||||
/* Bouton Créer (Vert) */
|
||||
.ordrejfg-btn-creer {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
.ordrejfg-btn-creer:hover {
|
||||
background-color: #218838 !important;
|
||||
}
|
||||
|
||||
/* Styles lignes */
|
||||
.ordrejfg-header-style {
|
||||
background: rgba(255, 255, 255, 0.05) !important;
|
||||
}
|
||||
|
||||
.ordrejfg-header-style td {
|
||||
color: #fff !important;
|
||||
font-weight: 600 !important;
|
||||
padding: 12px !important;
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
.ordrejfg-detail-row td {
|
||||
padding: 10px 5px !important;
|
||||
border-bottom: 1px solid var(--ordrejfg-border);
|
||||
color: #e0e0e0;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.ordrejfg-detail-row:hover {
|
||||
background-color: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
/* Alignement colonnes numériques */
|
||||
.ordrejfg-detail-table .text-right {
|
||||
text-align: right !important;
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
|
||||
/* Classe commune : force la taille et l'alignement */
|
||||
.ordrejfg-btn-petit {
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
font-size: 0.8em;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
/* Couleurs spécifiques */
|
||||
.ordrejfg-btn-creer-petit {
|
||||
background-color: #28a745;
|
||||
color: white;
|
||||
}
|
||||
.ordrejfg-btn-creer-petit:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
|
||||
.ordrejfg-btn-modifier-petit {
|
||||
background-color: #1a237e;
|
||||
color: white;
|
||||
}
|
||||
.ordrejfg-btn-modifier-petit:hover {
|
||||
background-color: #283593;
|
||||
}
|
||||
|
||||
.ordrejfg-master-row {
|
||||
background: linear-gradient(90deg, #001f3f, #004cff) !important;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
/**********************************************************/
|
||||
|
||||
/* 1. On nettoie le body */
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 2. On positionne le shell en absolu pour qu'il s'insère entre le header et le footer */
|
||||
.ordrejfg-shell {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 3. La carte occupe l'espace restant */
|
||||
.ordrejfg-card {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 4. C'est ici que le scroll se passe */
|
||||
.ordrejfg-table-wrapper {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.ordrejfg-table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ===========================
|
||||
MODALES
|
||||
=========================== */
|
||||
|
||||
.ordrejfg-modal {
|
||||
width: 520px;
|
||||
max-width: 92vw;
|
||||
border: none;
|
||||
border-radius: 18px;
|
||||
background: #20263a;
|
||||
color: white;
|
||||
padding: 30px;
|
||||
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
|
||||
animation: popup 0.18s ease-out;
|
||||
}
|
||||
|
||||
.ordrejfg-modal::backdrop {
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
@keyframes popup {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-20px) scale(0.95);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ordrejfg-modal h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 25px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
font-weight: 600;
|
||||
color: #cfd8ff;
|
||||
}
|
||||
|
||||
.ordrejfg-modal input,
|
||||
.ordrejfg-modal select {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 12px 14px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #3b4668;
|
||||
background: #151b2d;
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
outline: none;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
.ordrejfg-modal input:focus,
|
||||
.ordrejfg-modal select:focus {
|
||||
border-color: #4d84ff;
|
||||
box-shadow: 0 0 0 3px rgba(77, 132, 255, 0.25);
|
||||
}
|
||||
|
||||
.modal-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.modal-actions button {
|
||||
border: none;
|
||||
padding: 11px 22px;
|
||||
border-radius: 10px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.modal-actions button:first-child {
|
||||
background: #444b63;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.modal-actions button:first-child:hover {
|
||||
background: #59617c;
|
||||
}
|
||||
|
||||
.modal-actions button:last-child {
|
||||
background: #2dbf5a;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.modal-actions button:last-child:hover {
|
||||
background: #27a84f;
|
||||
}
|
||||
|
||||
.form-group .triple {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
#btnRechercher {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
background: #2962ff;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#btnRechercher:hover {
|
||||
background: #1d4ed8;
|
||||
}
|
||||
|
||||
dialog.ordrejfg-modal {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
margin: 0;
|
||||
width: 520px;
|
||||
max-width: 90vw;
|
||||
border: none;
|
||||
border-radius: 18px;
|
||||
padding: 30px;
|
||||
background: #20263a;
|
||||
color: white;
|
||||
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
dialog.ordrejfg-modal::backdrop {
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
+319
-316
@@ -3,17 +3,17 @@
|
||||
============================================ */
|
||||
|
||||
:root {
|
||||
--bg-primary: #121212;
|
||||
--bg-secondary: #1e1e1e;
|
||||
--bg-tertiary: #2a2a2a;
|
||||
--text-primary: #e0e0e0;
|
||||
--text-secondary: #b0b0b0;
|
||||
--accent-color: #6200ee;
|
||||
--accent-hover: #7c3aed;
|
||||
--border-color: #333333;
|
||||
--success-color: #4caf50;
|
||||
--error-color: #f44336;
|
||||
--warning-color: #ff9800;
|
||||
--bg-primary: #121212;
|
||||
--bg-secondary: #1e1e1e;
|
||||
--bg-tertiary: #2a2a2a;
|
||||
--text-primary: #e0e0e0;
|
||||
--text-secondary: #b0b0b0;
|
||||
--accent-color: #6200ee;
|
||||
--accent-hover: #7c3aed;
|
||||
--border-color: #333333;
|
||||
--success-color: #4caf50;
|
||||
--error-color: #f44336;
|
||||
--warning-color: #ff9800;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -21,41 +21,43 @@
|
||||
============================================ */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
background-color: var(--bg-primary);
|
||||
color: var(--text-primary);
|
||||
line-height: 1.6;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
font-family:
|
||||
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
|
||||
Arial, sans-serif;
|
||||
background-color: var(--bg-primary);
|
||||
color: var(--text-primary);
|
||||
line-height: 1.6;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
body > .main-content {
|
||||
flex: 1 0 auto;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
width: 100%;
|
||||
flex: 1 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -63,134 +65,112 @@ main {
|
||||
============================================ */
|
||||
|
||||
.header {
|
||||
background-color: var(--bg-secondary);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding: 10px 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
||||
background-color: var(--bg-secondary);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding: 10px 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.header .container {
|
||||
position: relative;
|
||||
min-height: 50px;
|
||||
width: 100%;
|
||||
padding: 0 8px;
|
||||
position: relative;
|
||||
min-height: 50px;
|
||||
width: 100%;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 0;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
margin-left: 0;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 2px;
|
||||
text-align: right;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 2px;
|
||||
text-align: right;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.user-info span {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.user-info .info-ip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.info-date {
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.logout-button {
|
||||
display: inline-block;
|
||||
padding: 4px 10px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--accent-color);
|
||||
background: var(--accent-color);
|
||||
color: #ffffff;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
transition: all 0.2s ease;
|
||||
display: inline-block;
|
||||
padding: 4px 10px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--accent-color);
|
||||
background: var(--accent-color);
|
||||
color: #ffffff;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.logout-button:hover {
|
||||
background: var(--accent-hover);
|
||||
border-color: var(--accent-hover);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: relative;
|
||||
padding: 8px 20px;
|
||||
text-align: center;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.3;
|
||||
min-height: 38px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(18, 24, 42, 0.98);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.footer-logout {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: var(--accent-hover);
|
||||
border-color: var(--accent-hover);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
height: 50px;
|
||||
width: auto;
|
||||
display: block;
|
||||
filter: brightness(1.1);
|
||||
height: 50px;
|
||||
width: auto;
|
||||
display: block;
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
.site-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -198,53 +178,53 @@ main {
|
||||
============================================ */
|
||||
|
||||
.main-content {
|
||||
flex: 1 0 auto;
|
||||
min-height: 0;
|
||||
padding: 40px 20px 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
flex: 1 0 auto;
|
||||
min-height: 0;
|
||||
padding: 40px 20px 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.login-container {
|
||||
width: 100%;
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
max-width: 450px;
|
||||
}
|
||||
|
||||
.login-box {
|
||||
background-color: var(--bg-secondary);
|
||||
padding: 40px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
|
||||
animation: slideUp 0.5s ease;
|
||||
background-color: var(--bg-secondary);
|
||||
padding: 40px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
|
||||
animation: slideUp 0.5s ease;
|
||||
}
|
||||
|
||||
@keyframes slideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.login-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-subtitle {
|
||||
color: var(--text-secondary);
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-bottom: 30px;
|
||||
color: var(--text-secondary);
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -252,46 +232,46 @@ main {
|
||||
============================================ */
|
||||
|
||||
.login-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
color: var(--text-primary);
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
color: var(--text-primary);
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
background-color: var(--bg-tertiary);
|
||||
border: 1px solid var(--border-color);
|
||||
color: var(--text-primary);
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
transition: all 0.3s ease;
|
||||
font-family: inherit;
|
||||
background-color: var(--bg-tertiary);
|
||||
border: 1px solid var(--border-color);
|
||||
color: var(--text-primary);
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
transition: all 0.3s ease;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
outline: none;
|
||||
border-color: var(--accent-color);
|
||||
background-color: rgba(98, 0, 238, 0.05);
|
||||
box-shadow: 0 0 0 3px rgba(98, 0, 238, 0.1);
|
||||
outline: none;
|
||||
border-color: var(--accent-color);
|
||||
background-color: rgba(98, 0, 238, 0.05);
|
||||
box-shadow: 0 0 0 3px rgba(98, 0, 238, 0.1);
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
color: var(--text-secondary);
|
||||
opacity: 0.7;
|
||||
color: var(--text-secondary);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -299,25 +279,25 @@ main {
|
||||
============================================ */
|
||||
|
||||
.form-group.checkbox {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.form-checkbox {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
accent-color: var(--accent-color);
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
accent-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.form-checkbox-label {
|
||||
color: var(--text-secondary);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
color: var(--text-secondary);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -325,35 +305,35 @@ main {
|
||||
============================================ */
|
||||
|
||||
.btn-submit {
|
||||
background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
|
||||
color: #ffffff;
|
||||
padding: 12px 24px;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 10px;
|
||||
box-shadow: 0 4px 15px rgba(98, 0, 238, 0.4);
|
||||
background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
|
||||
color: #ffffff;
|
||||
padding: 12px 24px;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 10px;
|
||||
box-shadow: 0 4px 15px rgba(98, 0, 238, 0.4);
|
||||
}
|
||||
|
||||
.btn-submit:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 20px rgba(98, 0, 238, 0.6);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 20px rgba(98, 0, 238, 0.6);
|
||||
}
|
||||
|
||||
.btn-submit:active {
|
||||
transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.btn-submit:disabled {
|
||||
background: var(--bg-tertiary);
|
||||
color: var(--text-secondary);
|
||||
cursor: not-allowed;
|
||||
box-shadow: none;
|
||||
background: var(--bg-tertiary);
|
||||
color: var(--text-secondary);
|
||||
cursor: not-allowed;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -361,53 +341,53 @@ main {
|
||||
============================================ */
|
||||
|
||||
.login-footer {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-radius: 10px;
|
||||
padding: 16px 18px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
border-radius: 10px;
|
||||
padding: 16px 18px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
background-color: rgba(244, 67, 54, 0.12);
|
||||
border: 1px solid rgba(244, 67, 54, 0.25);
|
||||
color: #ffb3b0;
|
||||
background-color: rgba(244, 67, 54, 0.12);
|
||||
border: 1px solid rgba(244, 67, 54, 0.25);
|
||||
color: #ffb3b0;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background-color: rgba(76, 175, 80, 0.12);
|
||||
border: 1px solid rgba(76, 175, 80, 0.25);
|
||||
color: #c8facc;
|
||||
background-color: rgba(76, 175, 80, 0.12);
|
||||
border: 1px solid rgba(76, 175, 80, 0.25);
|
||||
color: #c8facc;
|
||||
}
|
||||
|
||||
.forgot-password,
|
||||
.signup-link {
|
||||
color: var(--accent-color);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
font-weight: 500;
|
||||
color: var(--accent-color);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.forgot-password:hover,
|
||||
.signup-link:hover {
|
||||
color: var(--accent-hover);
|
||||
text-decoration: underline;
|
||||
color: var(--accent-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.separator {
|
||||
color: var(--text-secondary);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -415,13 +395,36 @@ main {
|
||||
============================================ */
|
||||
|
||||
.footer {
|
||||
background-color: var(--bg-secondary);
|
||||
border-top: 1px solid var(--border-color);
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
color: var(--text-secondary);
|
||||
font-size: 13px;
|
||||
margin-top: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 20px;
|
||||
background-color: var(--bg-secondary);
|
||||
border-top: 1px solid var(--border-color);
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.85rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* On donne une largeur fixe aux conteneurs latéraux pour forcer le centrage */
|
||||
#market-clocks,
|
||||
.logout-container {
|
||||
flex: 0 0 200px; /* Largeur fixe de 200px pour les deux côtés */
|
||||
}
|
||||
|
||||
#market-clocks {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
flex: 1; /* Le texte prend tout l'espace restant */
|
||||
text-align: center; /* Centre le texte dans cet espace */
|
||||
}
|
||||
|
||||
.footer-logout {
|
||||
display: block;
|
||||
text-align: right; /* Aligne le bouton à droite dans son bloc */
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -429,89 +432,89 @@ main {
|
||||
============================================ */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.header .container {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
.header .container {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.navbar {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
.nav-menu {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.logo-section {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.logo-section {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.site-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.login-box {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
.login-box {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.login-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.login-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
grid-template-columns: 1fr;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-content {
|
||||
grid-template-columns: 1fr;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer-section h3 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.footer-section h3 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
body {
|
||||
font-size: 15px;
|
||||
}
|
||||
body {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
.main-content {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
.login-container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.login-container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.login-box {
|
||||
padding: 25px 15px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.login-box {
|
||||
padding: 25px 15px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.login-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
.login-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
font-size: 14px;
|
||||
}
|
||||
.nav-link {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
padding: 10px 12px;
|
||||
font-size: 16px; /* Évite le zoom sur iOS */
|
||||
}
|
||||
.form-input {
|
||||
padding: 10px 12px;
|
||||
font-size: 16px; /* Évite le zoom sur iOS */
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
padding: 11px 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.btn-submit {
|
||||
padding: 11px 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 40px;
|
||||
}
|
||||
.logo {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.site-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
function updateClocks() {
|
||||
const now = new Date();
|
||||
const formatTime = (date) => date.toLocaleTimeString("fr-FR");
|
||||
|
||||
// --- PARIS ---
|
||||
const parisTime = new Date(
|
||||
now.toLocaleString("en-US", { timeZone: "Europe/Paris" }),
|
||||
);
|
||||
const pDay = parisTime.getDay();
|
||||
const pHour = parisTime.getHours();
|
||||
const pMin = parisTime.getMinutes();
|
||||
const isParisOpen =
|
||||
pDay >= 1 &&
|
||||
pDay <= 5 &&
|
||||
pHour >= 9 &&
|
||||
(pHour < 17 || (pHour === 17 && pMin < 30));
|
||||
|
||||
const pEl = document.getElementById("paris-clock");
|
||||
if (pEl) {
|
||||
pEl.innerText = "Paris : " + formatTime(parisTime);
|
||||
pEl.style.color = isParisOpen ? "#28a745" : "#dc3545";
|
||||
}
|
||||
|
||||
// --- NEW-YORK ---
|
||||
const nyTime = new Date(
|
||||
now.toLocaleString("en-US", { timeZone: "America/New_York" }),
|
||||
);
|
||||
const nyDay = nyTime.getDay();
|
||||
const nyHour = nyTime.getHours();
|
||||
const nyMin = nyTime.getMinutes();
|
||||
const isNyOpen =
|
||||
nyDay >= 1 &&
|
||||
nyDay <= 5 &&
|
||||
nyHour >= 9 &&
|
||||
(nyHour < 16 || (nyHour === 9 && nyMin >= 30));
|
||||
|
||||
const nyEl = document.getElementById("ny-clock");
|
||||
if (nyEl) {
|
||||
nyEl.innerText = "New-York : " + formatTime(nyTime);
|
||||
nyEl.style.color = isNyOpen ? "#28a745" : "#dc3545";
|
||||
}
|
||||
}
|
||||
|
||||
setInterval(updateClocks, 1000);
|
||||
updateClocks();
|
||||
});
|
||||
+163
-46
@@ -1,47 +1,108 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
// --- 1. GESTION DES MODALS ET FORMULAIRES ---
|
||||
// =====================================================
|
||||
// OUTILS MODALES
|
||||
// =====================================================
|
||||
|
||||
function openModal(modal) {
|
||||
if (!modal) return;
|
||||
|
||||
modal.showModal();
|
||||
|
||||
// Force le centrage avec le CSS dialog
|
||||
modal.style.transform = "translate(-50%, -50%)";
|
||||
}
|
||||
|
||||
function closeModal(modal) {
|
||||
if (!modal) return;
|
||||
modal.close();
|
||||
modal.style.transform = "";
|
||||
}
|
||||
|
||||
// Fermeture par clic en dehors de la fenêtre
|
||||
document.querySelectorAll("dialog").forEach((dialog) => {
|
||||
dialog.addEventListener("click", (e) => {
|
||||
const rect = dialog.getBoundingClientRect();
|
||||
|
||||
const inside =
|
||||
e.clientX >= rect.left &&
|
||||
e.clientX <= rect.right &&
|
||||
e.clientY >= rect.top &&
|
||||
e.clientY <= rect.bottom;
|
||||
|
||||
if (!inside) {
|
||||
closeModal(dialog);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// =====================================================
|
||||
// MODAL CREATION ORDRE
|
||||
// =====================================================
|
||||
|
||||
// Modal Créer Ordre
|
||||
const modalCreerOrdre = document.getElementById("modalCreerOrdre");
|
||||
|
||||
const btnCreer = document.querySelector(".ordregf-btn-creer");
|
||||
|
||||
if (modalCreerOrdre && btnCreer) {
|
||||
btnCreer.addEventListener("click", () => modalCreerOrdre.showModal());
|
||||
btnCreer.addEventListener("click", () => {
|
||||
openModal(modalCreerOrdre);
|
||||
});
|
||||
|
||||
document.getElementById("btnAnnuler")?.addEventListener("click", () => {
|
||||
document.getElementById("formCreerOrdre").reset();
|
||||
modalCreerOrdre.close();
|
||||
document.getElementById("btnValider").disabled = true;
|
||||
document.getElementById("formCreerOrdre")?.reset();
|
||||
|
||||
closeModal(modalCreerOrdre);
|
||||
|
||||
const btnValider = document.getElementById("btnValider");
|
||||
|
||||
if (btnValider) {
|
||||
btnValider.disabled = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Recherche Action
|
||||
// =====================================================
|
||||
// RECHERCHE ACTION
|
||||
// =====================================================
|
||||
|
||||
const btnRechercher = document.getElementById("btnRechercher");
|
||||
|
||||
btnRechercher?.addEventListener("click", async () => {
|
||||
const isin = document.getElementById("isinRecherche").value;
|
||||
if (!isin) return alert("Veuillez entrer un code ISIN");
|
||||
|
||||
if (!isin) {
|
||||
alert("Veuillez entrer un code ISIN");
|
||||
return;
|
||||
}
|
||||
|
||||
const response = await fetch(
|
||||
`/php/api_rechercher_action.php?isin=${encodeURIComponent(isin)}`,
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (data.success) {
|
||||
document.getElementById("Nom").value = data.company_name;
|
||||
|
||||
document.getElementById("ticker").value = data.ticker;
|
||||
|
||||
document.getElementById("code_yahoo").value = data.yahoo_code;
|
||||
|
||||
document.getElementById("btnValider").disabled = false;
|
||||
} else {
|
||||
alert("Action non trouvée");
|
||||
}
|
||||
});
|
||||
|
||||
// Enregistrement Ordre
|
||||
// =====================================================
|
||||
// ENREGISTREMENT ORDRE
|
||||
// =====================================================
|
||||
|
||||
document
|
||||
.getElementById("formCreerOrdre")
|
||||
?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
// FormData récupère automatiquement tous les champs ayant un attribut "name"
|
||||
|
||||
const formData = new FormData(e.target);
|
||||
|
||||
const response = await fetch("/php/api_enregistrer_ordre.php", {
|
||||
@@ -50,6 +111,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
@@ -60,62 +122,117 @@ document.addEventListener("DOMContentLoaded", () => {
|
||||
}
|
||||
});
|
||||
|
||||
// Enregistrement Detail
|
||||
// =====================================================
|
||||
// ENREGISTREMENT DETAIL
|
||||
// =====================================================
|
||||
|
||||
document
|
||||
.getElementById("formCreerDetail")
|
||||
?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const response = await fetch("/php/api_enregistrer_detail.php", {
|
||||
method: "POST",
|
||||
body: new FormData(e.target),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
if (result.success) location.reload();
|
||||
else
|
||||
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert(
|
||||
"Erreur lors de l'enregistrement du détail : " +
|
||||
(result.message || ""),
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// --- 2. GESTION MODIFICATION (DÉLÉGATION D'ÉVÉNEMENT) ---
|
||||
// =====================================================
|
||||
// MODIFICATION DETAIL
|
||||
// =====================================================
|
||||
|
||||
document.addEventListener("click", (e) => {
|
||||
const button = e.target.closest(".ordregf-btn-modifier-petit");
|
||||
if (button) {
|
||||
const detail = JSON.parse(button.getAttribute("data-detail"));
|
||||
const modal = document.getElementById("modalModifierDetail");
|
||||
if (modal) {
|
||||
document.getElementById("edit_id").value = detail.Id;
|
||||
document.getElementById("edit_Id_entete").value = detail.Id_entete;
|
||||
document.getElementById("edit_date").value = detail.Date_op;
|
||||
document.getElementById("edit_quantite").value = detail.Quantite;
|
||||
document.getElementById("edit_prix").value = detail.Prix_brut;
|
||||
document.getElementById("edit_frais_broker").value =
|
||||
detail.Frais_brocker || 0;
|
||||
document.getElementById("edit_frais_etat").value =
|
||||
detail.Frais_etat || 0;
|
||||
document.getElementById("edit_frais_autre").value =
|
||||
detail.Frais_autre || 0;
|
||||
document.getElementById("edit_ordre").value = detail.Ordre;
|
||||
modal.showModal();
|
||||
}
|
||||
}
|
||||
|
||||
if (!button) return;
|
||||
|
||||
const detail = JSON.parse(button.getAttribute("data-detail"));
|
||||
|
||||
const modal = document.getElementById("modalModifierDetail");
|
||||
|
||||
if (!modal) return;
|
||||
|
||||
document.getElementById("edit_id").value = detail.Id;
|
||||
|
||||
document.getElementById("edit_Id_entete").value = detail.Id_entete;
|
||||
|
||||
document.getElementById("edit_date").value = detail.Date_op;
|
||||
|
||||
document.getElementById("edit_quantite").value = detail.Quantite;
|
||||
|
||||
document.getElementById("edit_prix").value = detail.Prix_brut;
|
||||
|
||||
document.getElementById("edit_frais_broker").value =
|
||||
detail.Frais_brocker || 0;
|
||||
|
||||
document.getElementById("edit_frais_etat").value = detail.Frais_etat || 0;
|
||||
|
||||
document.getElementById("edit_frais_autre").value = detail.Frais_autre || 0;
|
||||
|
||||
document.getElementById("edit_type").value = (
|
||||
detail.Type || ""
|
||||
).toLowerCase();
|
||||
|
||||
document.getElementById("edit_etat").value = (
|
||||
detail.Etat || ""
|
||||
).toLowerCase();
|
||||
|
||||
document.getElementById("edit_ordre").value = (
|
||||
detail.Ordre || ""
|
||||
).toLowerCase();
|
||||
|
||||
openModal(modal);
|
||||
});
|
||||
|
||||
// Soumission Modification
|
||||
const formModif = document.getElementById("formModifierDetail");
|
||||
formModif?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
const response = await fetch("/php/api_modifier_detail.php", {
|
||||
method: "POST",
|
||||
body: new FormData(e.target),
|
||||
// =====================================================
|
||||
// ENREGISTREMENT MODIFICATION
|
||||
// =====================================================
|
||||
|
||||
document
|
||||
.getElementById("formModifierDetail")
|
||||
?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const response = await fetch("/php/api_modifier_detail.php", {
|
||||
method: "POST",
|
||||
|
||||
body: new FormData(e.target),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert("Erreur : " + result.message);
|
||||
}
|
||||
});
|
||||
|
||||
//fermer la popup en cliquant à côté
|
||||
document.querySelectorAll("dialog").forEach((dialog) => {
|
||||
dialog.addEventListener("click", (e) => {
|
||||
const rect = dialog.getBoundingClientRect();
|
||||
|
||||
const inside =
|
||||
e.clientX >= rect.left &&
|
||||
e.clientX <= rect.right &&
|
||||
e.clientY >= rect.top &&
|
||||
e.clientY <= rect.bottom;
|
||||
|
||||
if (!inside) {
|
||||
dialog.close();
|
||||
}
|
||||
});
|
||||
const result = await response.json();
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert("Erreur : " + result.message);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
+220
@@ -0,0 +1,220 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
// =====================================================
|
||||
// OUTILS MODALES
|
||||
// =====================================================
|
||||
|
||||
function openModal(modal) {
|
||||
if (!modal) return;
|
||||
|
||||
modal.showModal();
|
||||
|
||||
// Force le centrage avec le CSS dialog
|
||||
modal.style.transform = "translate(-50%, -50%)";
|
||||
}
|
||||
|
||||
function closeModal(modal) {
|
||||
if (!modal) return;
|
||||
modal.close();
|
||||
modal.style.transform = "";
|
||||
}
|
||||
|
||||
// Fermeture par clic en dehors de la fenêtre
|
||||
document.querySelectorAll("dialog").forEach((dialog) => {
|
||||
dialog.addEventListener("click", (e) => {
|
||||
const rect = dialog.getBoundingClientRect();
|
||||
|
||||
const inside =
|
||||
e.clientX >= rect.left &&
|
||||
e.clientX <= rect.right &&
|
||||
e.clientY >= rect.top &&
|
||||
e.clientY <= rect.bottom;
|
||||
|
||||
if (!inside) {
|
||||
closeModal(dialog);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// =====================================================
|
||||
// MODAL CREATION ORDRE
|
||||
// =====================================================
|
||||
|
||||
const modalCreerOrdre = document.getElementById("modalCreerOrdre");
|
||||
|
||||
const btnCreer = document.querySelector(".ordrejfg-btn-creer");
|
||||
|
||||
if (modalCreerOrdre && btnCreer) {
|
||||
btnCreer.addEventListener("click", () => {
|
||||
openModal(modalCreerOrdre);
|
||||
});
|
||||
|
||||
document.getElementById("btnAnnuler")?.addEventListener("click", () => {
|
||||
document.getElementById("formCreerOrdre")?.reset();
|
||||
|
||||
closeModal(modalCreerOrdre);
|
||||
|
||||
const btnValider = document.getElementById("btnValider");
|
||||
|
||||
if (btnValider) {
|
||||
btnValider.disabled = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// =====================================================
|
||||
// RECHERCHE ACTION
|
||||
// =====================================================
|
||||
|
||||
const btnRechercher = document.getElementById("btnRechercher");
|
||||
|
||||
btnRechercher?.addEventListener("click", async () => {
|
||||
const isin = document.getElementById("isinRecherche").value;
|
||||
|
||||
if (!isin) {
|
||||
alert("Veuillez entrer un code ISIN");
|
||||
return;
|
||||
}
|
||||
|
||||
const response = await fetch(
|
||||
`/php/api_rechercher_action_jfg.php?isin=${encodeURIComponent(isin)}`,
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (data.success) {
|
||||
document.getElementById("Nom").value = data.company_name;
|
||||
|
||||
document.getElementById("ticker").value = data.ticker;
|
||||
|
||||
document.getElementById("code_yahoo").value = data.yahoo_code;
|
||||
|
||||
document.getElementById("btnValider").disabled = false;
|
||||
} else {
|
||||
alert("Action non trouvée");
|
||||
}
|
||||
});
|
||||
|
||||
// =====================================================
|
||||
// ENREGISTREMENT ORDRE
|
||||
// =====================================================
|
||||
|
||||
document
|
||||
.getElementById("formCreerOrdre")
|
||||
?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const formData = new FormData(e.target);
|
||||
|
||||
const response = await fetch("/php/api_enregistrer_ordre_jfg.php", {
|
||||
method: "POST",
|
||||
body: formData,
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert(
|
||||
"Erreur lors de l'enregistrement : " +
|
||||
(result.message || "Erreur inconnue"),
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// =====================================================
|
||||
// ENREGISTREMENT DETAIL
|
||||
// =====================================================
|
||||
|
||||
document
|
||||
.getElementById("formCreerDetail")
|
||||
?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const response = await fetch("/php/api_enregistrer_detail_jfg.php", {
|
||||
method: "POST",
|
||||
body: new FormData(e.target),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert(
|
||||
"Erreur lors de l'enregistrement du détail : " +
|
||||
(result.message || ""),
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// =====================================================
|
||||
// MODIFICATION DETAIL
|
||||
// =====================================================
|
||||
|
||||
document.addEventListener("click", (e) => {
|
||||
const button = e.target.closest(".ordrejfg-btn-modifier-petit");
|
||||
|
||||
if (!button) return;
|
||||
|
||||
const detail = JSON.parse(button.getAttribute("data-detail"));
|
||||
|
||||
const modal = document.getElementById("modalModifierDetail");
|
||||
|
||||
if (!modal) return;
|
||||
|
||||
document.getElementById("edit_id").value = detail.Id;
|
||||
|
||||
document.getElementById("edit_Id_entete").value = detail.Id_entete;
|
||||
|
||||
document.getElementById("edit_date").value = detail.Date_op;
|
||||
|
||||
document.getElementById("edit_quantite").value = detail.Quantite;
|
||||
|
||||
document.getElementById("edit_prix").value = detail.Prix_brut;
|
||||
|
||||
document.getElementById("edit_frais_broker").value =
|
||||
detail.Frais_brocker || 0;
|
||||
|
||||
document.getElementById("edit_frais_etat").value = detail.Frais_etat || 0;
|
||||
|
||||
document.getElementById("edit_frais_autre").value = detail.Frais_autre || 0;
|
||||
|
||||
document.getElementById("edit_type").value = (
|
||||
detail.Type || ""
|
||||
).toLowerCase();
|
||||
|
||||
document.getElementById("edit_etat").value = (
|
||||
detail.Etat || ""
|
||||
).toLowerCase();
|
||||
|
||||
document.getElementById("edit_ordre").value = (
|
||||
detail.Ordre || ""
|
||||
).toLowerCase();
|
||||
|
||||
openModal(modal);
|
||||
});
|
||||
|
||||
// =====================================================
|
||||
// ENREGISTREMENT MODIFICATION
|
||||
// =====================================================
|
||||
|
||||
document
|
||||
.getElementById("formModifierDetail")
|
||||
?.addEventListener("submit", async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const response = await fetch("/php/api_modifier_detail_jfg.php", {
|
||||
method: "POST",
|
||||
body: new FormData(e.target),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert("Erreur : " + result.message);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,27 @@
|
||||
<?php
|
||||
ini_set('display_errors', 1);
|
||||
error_reporting(E_ALL);
|
||||
|
||||
require_once __DIR__ . '/db.php';
|
||||
$db = (new App\Database\Database())->getConnection();
|
||||
|
||||
// Insertion dans la table ordreJFG_pied
|
||||
$sql = "INSERT INTO ordreJFG_pied (Id_entete, Date_op, Quantite, Prix_brut, Frais_brocker, Frais_etat, Frais_autre, Ordre, Type, Etat)
|
||||
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
|
||||
|
||||
$stmt = $db->prepare($sql);
|
||||
|
||||
$success = $stmt->execute([
|
||||
$_POST['Id_entete'],
|
||||
$_POST['Date_op'],
|
||||
$_POST['Quantite'],
|
||||
$_POST['Prix_brut'],
|
||||
$_POST['Frais_brocker'],
|
||||
$_POST['Frais_etat'],
|
||||
$_POST['Frais_autre'],
|
||||
$_POST['Ordre'],
|
||||
$_POST['Type'],
|
||||
$_POST['Etat']
|
||||
]);
|
||||
|
||||
echo json_encode(['success' => $success]);
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
ini_set('display_errors', 1);
|
||||
error_reporting(E_ALL);
|
||||
|
||||
require_once __DIR__ . '/db.php';
|
||||
$db = (new App\Database\Database())->getConnection();
|
||||
|
||||
// Insertion dans la table ordreJFG
|
||||
$stmt = $db->prepare("INSERT INTO ordreJFG (isin, Nom, ticker, code_yahoo) VALUES (?, ?, ?, ?)");
|
||||
$success = $stmt->execute([$_POST['isin'], $_POST['Nom'], $_POST['ticker'], $_POST['code_yahoo']]);
|
||||
|
||||
echo json_encode(['success' => $success]);
|
||||
@@ -16,10 +16,13 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
Frais_brocker = :f_b,
|
||||
Frais_etat = :f_e,
|
||||
Frais_autre = :f_a,
|
||||
Ordre = :ordre
|
||||
Ordre = :ordre,
|
||||
Type = :type,
|
||||
Etat = :etat
|
||||
WHERE Id = :id";
|
||||
|
||||
$stmt = $db->prepare($sql);
|
||||
|
||||
$stmt->execute([
|
||||
':date' => $_POST['Date_op'],
|
||||
':qte' => $_POST['Quantite'],
|
||||
@@ -28,11 +31,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
':f_e' => $_POST['Frais_etat'],
|
||||
':f_a' => $_POST['Frais_autre'],
|
||||
':ordre' => $_POST['Ordre'],
|
||||
':type' => $_POST['Type'],
|
||||
':etat' => $_POST['Etat'],
|
||||
':id' => $_POST['id']
|
||||
]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
} catch (Exception $e) {
|
||||
echo json_encode(['success' => false, 'message' => $e->getMessage()]);
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => $e->getMessage()
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
require_once __DIR__ . '/db.php';
|
||||
|
||||
header('Content-Type: application/json');
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
try {
|
||||
$db = (new App\Database\Database())->getConnection();
|
||||
|
||||
// Mise à jour de la table ordreJFG_pied
|
||||
$sql = "UPDATE ordreJFG_pied SET
|
||||
Date_op = :date,
|
||||
Quantite = :qte,
|
||||
Prix_brut = :prix,
|
||||
Frais_brocker = :f_b,
|
||||
Frais_etat = :f_e,
|
||||
Frais_autre = :f_a,
|
||||
Ordre = :ordre,
|
||||
Type = :type,
|
||||
Etat = :etat
|
||||
WHERE Id = :id";
|
||||
|
||||
$stmt = $db->prepare($sql);
|
||||
|
||||
$stmt->execute([
|
||||
':date' => $_POST['Date_op'],
|
||||
':qte' => $_POST['Quantite'],
|
||||
':prix' => $_POST['Prix_brut'],
|
||||
':f_b' => $_POST['Frais_brocker'],
|
||||
':f_e' => $_POST['Frais_etat'],
|
||||
':f_a' => $_POST['Frais_autre'],
|
||||
':ordre' => $_POST['Ordre'],
|
||||
':type' => $_POST['Type'],
|
||||
':etat' => $_POST['Etat'],
|
||||
':id' => $_POST['id']
|
||||
]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
} catch (Exception $e) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => $e->getMessage()
|
||||
]);
|
||||
}
|
||||
}
|
||||
@@ -10,7 +10,7 @@ $nom = $_POST['nom'];
|
||||
$ticker = $_POST['ticker'];
|
||||
|
||||
try {
|
||||
$stmt = $db->prepare("UPDATE ordres SET nom = ?, ticker = ? WHERE id = ?");
|
||||
$stmt = $db->prepare("UPDATE ordreGF SET nom = ?, ticker = ? WHERE id = ?");
|
||||
$stmt->execute([$nom, $ticker, $id]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/db.php';
|
||||
header('Content-Type: application/json');
|
||||
|
||||
$db = (new App\Database\Database())->getConnection();
|
||||
|
||||
// Récupération des données POST
|
||||
$id = $_POST['id'];
|
||||
$nom = $_POST['nom'];
|
||||
$ticker = $_POST['ticker'];
|
||||
|
||||
try {
|
||||
// Mise à jour de la table ordreJFG
|
||||
$stmt = $db->prepare("UPDATE ordreJFG SET Nom = ?, ticker = ? WHERE ID = ?");
|
||||
$stmt->execute([$nom, $ticker, $id]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
} catch (Exception $e) {
|
||||
echo json_encode(['success' => false, 'message' => $e->getMessage()]);
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/db.php';
|
||||
|
||||
$isin = $_GET['isin'] ?? '';
|
||||
$db = (new App\Database\Database())->getConnection();
|
||||
|
||||
// Si vous avez aussi une table actions_jfg spécifique, remplacez 'actions' par 'actions_jfg'
|
||||
$stmt = $db->prepare("SELECT * FROM actions WHERE isin = ?");
|
||||
$stmt->execute([$isin]);
|
||||
$action = $stmt->fetch(PDO::FETCH_ASSOC);
|
||||
|
||||
echo json_encode($action ? ['success' => true, ...$action] : ['success' => false]);
|
||||
+16
-3
@@ -1,9 +1,22 @@
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<!-- 1. Les horloges en premier (elles seront à gauche) -->
|
||||
<div id="market-clocks">
|
||||
<div id="paris-clock">Paris : --:--:--</div>
|
||||
<div id="ny-clock">New-York : --:--:--</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. Le texte au milieu -->
|
||||
<p>© 2026 - Jean-François GIRAUD - Positions en bourse - Tous droits réservés</p>
|
||||
|
||||
<!-- 3. Le bouton tout à droite (grâce à la classe footer-logout) -->
|
||||
<?php if (isset($_SESSION['user_id'])): ?>
|
||||
<a class="logout-button footer-logout" href="/php/logout.php">Se déconnecter</a>
|
||||
<?php endif; ?>
|
||||
<p>© 2026 - Jean-François GIRAUD - Positions en bourse - Tous droits réservés</p>
|
||||
|
||||
<!-- Appel du script JS (placé à la fin) -->
|
||||
<script src="/js/footer.js"></script>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+58
-59
@@ -17,71 +17,70 @@ $bodyClass = 'menu-page';
|
||||
require_once __DIR__ . '/header.php';
|
||||
?>
|
||||
|
||||
<section class="menu-shell">
|
||||
<article class="menu-card">
|
||||
<header class="menu-card__header">
|
||||
<div>
|
||||
<h2 class="menu-card__title">Espace de gestion</h2>
|
||||
<p class="menu-card__subtitle">Accédez aux fonctions clés de l'application financière.</p>
|
||||
<section class="menu-shell">
|
||||
<article class="menu-card">
|
||||
<header class="menu-card__header">
|
||||
<div>
|
||||
<h2 class="menu-card__title">Espace de gestion</h2>
|
||||
<p class="menu-card__subtitle">Accédez aux fonctions clés de l'application financière.</p>
|
||||
</div>
|
||||
<span class="menu-card__badge">v1.0</span>
|
||||
</header>
|
||||
|
||||
<form name="menu" class="menu-grid" action="#" method="post" autocomplete="off" novalidate>
|
||||
<button type="button" class="menu-button" data-target="/php/ordreGF.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Ordre GF</span>
|
||||
<span class="menu-button__text">Voir et modifier les ordres GF</span>
|
||||
</div>
|
||||
<span class="menu-card__badge">v1.0</span>
|
||||
</header>
|
||||
<span class="menu-button__icon">⇄</span>
|
||||
</button>
|
||||
|
||||
<form name="menu" class="menu-grid" action="#" method="post" autocomplete="off" novalidate>
|
||||
<button type="button" class="menu-button" data-target="/php/ordreGF.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Ordre GF</span>
|
||||
<span class="menu-button__text">Voir et modifier les ordres GF</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">⇄</span>
|
||||
</button>
|
||||
<button type="button" class="menu-button" data-target="/php/ordreJFG.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Ordre JFG</span>
|
||||
<span class="menu-button__text">Voir et modifier les ordres JFG</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">⇄</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="menu-button" data-target="/php/order_jfg.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Ordre JFG</span>
|
||||
<span class="menu-button__text">Voir et modifier les ordres JFG</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">⇄</span>
|
||||
</button>
|
||||
<button type="button" class="menu-button" data-target="/php/compteGF.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Compte GF</span>
|
||||
<span class="menu-button__text">Voir et modifier le compte GF</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">💼</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="menu-button" data-target="/php/compteGF.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Compte GF</span>
|
||||
<span class="menu-button__text">Voir et modifier le compte GF</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">💼</span>
|
||||
</button>
|
||||
<button type="button" class="menu-button" data-target="/php/compteJFG.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Compte JFG</span>
|
||||
<span class="menu-button__text">Voir et modifier le compte JFG</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">💼</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="menu-button" data-target="/php/compteJFG.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Compte JFG</span>
|
||||
<span class="menu-button__text">Voir et modifier le compte JFG</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">💼</span>
|
||||
</button>
|
||||
<button type="button" class="menu-button" data-target="/php/actions.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Actions</span>
|
||||
<span class="menu-button__text">Créer, voir et modifier les actions</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">⚡</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="menu-button" data-target="/php/actions.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">Actions</span>
|
||||
<span class="menu-button__text">Créer, voir et modifier les actions</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">⚡</span>
|
||||
</button>
|
||||
<button type="button" class="menu-button" data-target="/php/csv.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">CSV</span>
|
||||
<span class="menu-button__text">Importer / exporter les actions</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">📁</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<button type="button" class="menu-button" data-target="/php/csv.php">
|
||||
<div class="menu-button__content">
|
||||
<span class="menu-button__title">CSV</span>
|
||||
<span class="menu-button__text">Importer / exporter les actions</span>
|
||||
</div>
|
||||
<span class="menu-button__icon">📁</span>
|
||||
</button>
|
||||
</form>
|
||||
<p class="menu-note">Giraud Finance : Accès sécurisé. Veillez à fermer votre session après chaque utilisation.</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<p class="menu-note">Giraud Finance : Accès sécurisé. Veillez à fermer votre session après chaque utilisation.</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<script src="/js/menu.js" defer></script>
|
||||
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
<script src="/js/menu.js" defer></script>
|
||||
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
+150
-119
@@ -9,9 +9,12 @@ if (empty($_SESSION['user_id'])) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/*A supprimer quand la page fonctionnera correctement*/
|
||||
ini_set('display_errors', 1);
|
||||
ini_set('display_startup_errors', 1);
|
||||
error_reporting(E_ALL);
|
||||
/**************************************************** */
|
||||
|
||||
|
||||
|
||||
$pageStylesheets = ['/css/ordreGF.css'];
|
||||
$bodyClass = 'ordregf-page';
|
||||
@@ -19,11 +22,9 @@ $bodyClass = 'ordregf-page';
|
||||
$database = new App\Database\Database();
|
||||
$connection = $database->getConnection();
|
||||
|
||||
// --- Fonctions ---
|
||||
function fetchOrdreGF(PDO $connection): array
|
||||
{
|
||||
$query = 'SELECT * FROM `ordreGF` ORDER BY `ID` DESC';
|
||||
$stmt = $connection->query($query);
|
||||
$stmt = $connection->query('SELECT * FROM `ordreGF` ORDER BY `ID` DESC');
|
||||
return $stmt->fetchAll(PDO::FETCH_ASSOC) ?: [];
|
||||
}
|
||||
|
||||
@@ -38,18 +39,14 @@ $ordres = fetchOrdreGF($connection);
|
||||
|
||||
require_once __DIR__ . '/header.php';
|
||||
?>
|
||||
|
||||
<section class="ordregf-shell">
|
||||
<div class="ordregf-card">
|
||||
<header class="ordregf-card-header" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;">
|
||||
<h1 class="ordregf-title">Gestion des ordres GF</h1>
|
||||
|
||||
<div style="display: flex; gap: 10px;">
|
||||
<button type="button" class="ordregf-btn-creer" onclick="document.getElementById('modalCreerOrdre').showModal();">
|
||||
Créer un ordre
|
||||
</button>
|
||||
<button type="button" class="ordregf-btn-menu" onclick="window.location.href='/php/menu.php';">
|
||||
Retour au menu
|
||||
</button>
|
||||
<button type="button" class="ordregf-btn-creer" onclick="document.getElementById('modalCreerOrdre').showModal();">Créer un ordre</button>
|
||||
<button type="button" class="ordregf-btn-menu" onclick="window.location.href='/php/menu.php';">Retour au menu</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -58,21 +55,89 @@ require_once __DIR__ . '/header.php';
|
||||
<tbody>
|
||||
<?php foreach ($ordres as $ordre): ?>
|
||||
<?php
|
||||
// Pré-calcul pour les boutons
|
||||
$details = fetchOrdreGFPied($connection, (string)$ordre['ID']);
|
||||
$totalQ = 0;
|
||||
|
||||
// Détection d'un ordre annulé
|
||||
$isCanceled = false;
|
||||
|
||||
foreach ($details as $d) {
|
||||
$q = (int)($d['Quantite'] ?? 0);
|
||||
$oType = strtolower($d['Ordre'] ?? '');
|
||||
$tOp = strtolower($d['Type'] ?? '');
|
||||
if (strtolower($d['Etat'] ?? '') === 'actif') {
|
||||
$totalQ += ($tOp === 'long' ? ($oType === 'achat' ? $q : -$q) : ($oType === 'achat' ? -$q : $q));
|
||||
if (strtolower($d['Etat'] ?? '') === 'annulé') {
|
||||
$isCanceled = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
$isSold = ($totalQ === 0 && count($details) > 0);
|
||||
// Désactiver si vendu OU si une plus-value existe déjà
|
||||
$isDisabled = $isSold || (isset($ordre['PlusValue']) && (float)$ordre['PlusValue'] !== 0.0);
|
||||
$disabledAttr = $isDisabled ? 'disabled style="opacity:0.5; cursor:not-allowed;"' : '';
|
||||
|
||||
|
||||
// 1. Calcul du total des quantités actives
|
||||
foreach ($details as $d) {
|
||||
if (strtolower($d['Etat'] ?? '') === 'actif') {
|
||||
$q = (int)($d['Quantite'] ?? 0);
|
||||
$oType = strtolower($d['Ordre'] ?? '');
|
||||
$tOp = strtolower($d['Type'] ?? '');
|
||||
$signe = ($tOp === 'long') ? ($oType === 'achat' ? 1 : -1) : ($oType === 'achat' ? -1 : 1);
|
||||
$totalQ += ($q * $signe);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 2. Calcul Plus-Value et Mise à jour statut
|
||||
$plusvalue = 0.0000;
|
||||
|
||||
if ($isCanceled) {
|
||||
$plusvalue = 0;
|
||||
|
||||
if ((float)$ordre['PlusValue'] != 0) {
|
||||
$connection->prepare(
|
||||
"UPDATE ordreGF SET PlusValue = 0 WHERE ID = ?"
|
||||
)->execute([$ordre['ID']]);
|
||||
|
||||
$ordre['PlusValue'] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$isSold = (!$isCanceled && $totalQ === 0 && count($details) > 0);
|
||||
|
||||
if ($isSold) {
|
||||
foreach ($details as $detail) {
|
||||
$qte = (int)$detail['Quantite'];
|
||||
$fraisDetail = (float)$detail['Frais_brocker'] + (float)$detail['Frais_etat'] + (float)$detail['Frais_autre'];
|
||||
$oType = strtolower($detail['Ordre']);
|
||||
$prixNet = ($oType === 'vente') ? (float)$detail['Prix_brut'] - $fraisDetail : (float)$detail['Prix_brut'] + $fraisDetail;
|
||||
$tOp = strtolower($detail['Type']);
|
||||
$signePV = ($oType === 'vente') ? 1 : -1;
|
||||
$plusvalue += ($qte * $prixNet * $signePV);
|
||||
}
|
||||
$plusvalue = round($plusvalue, 4);
|
||||
|
||||
// Mise à jour de la plus-value uniquement si nécessaire
|
||||
if (abs((float)$ordre['PlusValue'] - $plusvalue) > 0.0001) {
|
||||
$connection->prepare(
|
||||
"UPDATE ordreGF SET PlusValue = ? WHERE ID = ?"
|
||||
)->execute([$plusvalue, $ordre['ID']]);
|
||||
|
||||
$ordre['PlusValue'] = $plusvalue;
|
||||
}
|
||||
|
||||
// Si la quantité totale est à zéro, toutes les lignes actives passent en soldé
|
||||
$connection->prepare(
|
||||
"UPDATE ordreGF_pied
|
||||
SET Etat = 'soldé'
|
||||
WHERE Id_entete = ?
|
||||
AND Etat = 'actif'"
|
||||
)->execute([$ordre['ID']]);
|
||||
|
||||
// Recharge les données après modification
|
||||
$details = fetchOrdreGFPied($connection, (string)$ordre['ID']);
|
||||
}
|
||||
|
||||
// Désactivation si ordre soldé ou annulé
|
||||
$isDisabled = $isCanceled || abs((float)$ordre['PlusValue']) > 0.0001;
|
||||
|
||||
$disabledAttr = $isDisabled
|
||||
? 'disabled style="opacity:0.5; cursor:not-allowed;"'
|
||||
: '';
|
||||
?>
|
||||
|
||||
<tr class="ordregf-master-row ordregf-header-style">
|
||||
@@ -91,103 +156,50 @@ require_once __DIR__ . '/header.php';
|
||||
<th>Prix Brut</th>
|
||||
<th>Frais</th>
|
||||
<th>Prix Net</th>
|
||||
<th>Engagement Brut</th>
|
||||
<th>Engagement Net</th>
|
||||
<th>Eng. Brut</th>
|
||||
<th>Eng. Net</th>
|
||||
<th>Ordre</th>
|
||||
<th>Type</th>
|
||||
<th>Etat</th>
|
||||
<th style="text-align: right;">
|
||||
<button type="button" class="ordregf-btn-petit ordregf-btn-creer-petit"
|
||||
<?= $disabledAttr ?>
|
||||
onclick="document.getElementById('Id_entete_detail').value='<?= $ordre['ID'] ?>'; document.getElementById('modalCreerDetail').showModal();">
|
||||
Créer
|
||||
</button>
|
||||
</th>
|
||||
<th style="text-align: right;"><button type="button" class="ordregf-btn-creer-petit ordregf-btn-petit" <?= $disabledAttr ?> onclick="document.getElementById('Id_entete_detail').value='<?= $ordre['ID'] ?>'; document.getElementById('modalCreerDetail').showModal();">Créer</button></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$engaBrut = 0;
|
||||
$engaNet = 0;
|
||||
|
||||
foreach ($details as $detail):
|
||||
$qte = (int)($detail['Quantite'] ?? 0);
|
||||
$prix = (float)($detail['Prix_brut'] ?? 0);
|
||||
$frais = (float)($detail['Frais_brocker'] ?? 0) + (float)($detail['Frais_etat'] ?? 0) + (float)($detail['Frais_autre'] ?? 0);
|
||||
$prixNet = $prix + $frais;
|
||||
$ordreType = strtolower($detail['Ordre'] ?? '');
|
||||
$prixNet = ($ordreType === 'vente') ? $prix - $frais : $prix + $frais;
|
||||
$date = !empty($detail['Date_op']) ? date('d/m/Y', strtotime($detail['Date_op'])) : '--/--/----';
|
||||
|
||||
$ordre_type = strtolower($detail['Ordre'] ?? '');
|
||||
$type_op = strtolower($detail['Type'] ?? '');
|
||||
$etat = strtolower($detail['Etat'] ?? '');
|
||||
|
||||
if ($etat === 'actif') {
|
||||
if ($type_op === 'long') {
|
||||
if ($ordre_type === 'achat') {
|
||||
$engaBrut += $qte * $prix;
|
||||
$engaNet += $qte * $prixNet;
|
||||
} else {
|
||||
$engaBrut -= $qte * $prix;
|
||||
$engaNet -= $qte * $prixNet;
|
||||
}
|
||||
} elseif ($type_op === 'short') {
|
||||
if ($ordre_type === 'achat') {
|
||||
$engaBrut -= $qte * $prix;
|
||||
$engaNet -= $qte * $prixNet;
|
||||
} else {
|
||||
$engaBrut += $qte * $prix;
|
||||
$engaNet += $qte * $prixNet;
|
||||
}
|
||||
}
|
||||
if (strtolower($detail['Etat'] ?? '') === 'actif') {
|
||||
$mult = (strtolower($detail['Type'] ?? '') === 'long' ? 1 : -1) * (strtolower($detail['Ordre'] ?? '') === 'achat' ? 1 : -1);
|
||||
$engaBrut += ($qte * $prix) * $mult;
|
||||
$engaNet += ($qte * $prixNet) * $mult;
|
||||
}
|
||||
?>
|
||||
<tr class="ordregf-detail-row">
|
||||
<tr>
|
||||
<td><?= htmlspecialchars($date) ?></td>
|
||||
<td class="text-right"><?= number_format($qte, 0, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= $qte ?></td>
|
||||
<td class="text-right"><?= number_format($prix, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($frais, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($prixNet, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($qte * $prix, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($qte * $prixNet, 3, ',', ' ') ?></td>
|
||||
<td><?= htmlspecialchars($detail['Ordre'] ?? '') ?></td>
|
||||
<td><?= htmlspecialchars($detail['Type'] ?? '') ?></td>
|
||||
<td><?= htmlspecialchars($detail['Etat'] ?? '') ?></td>
|
||||
<td style="text-align: right;">
|
||||
<button type="button" class="ordregf-btn-petit ordregf-btn-modifier-petit"
|
||||
<?= $disabledAttr ?>
|
||||
data-detail='<?= htmlspecialchars(json_encode($detail), ENT_QUOTES, 'UTF-8') ?>'>
|
||||
Modifier
|
||||
</button>
|
||||
</td>
|
||||
<td style="text-align: center"><?= htmlspecialchars($detail['Ordre'] ?? '') ?></td>
|
||||
<td style="text-align: center"><?= htmlspecialchars($detail['Type'] ?? '') ?></td>
|
||||
<td style="text-align: center"><?= htmlspecialchars($detail['Etat'] ?? '') ?></td>
|
||||
<td style="text-align: center"><button type=" button" class="ordregf-btn-petit ordregf-btn-modifier-petit" <?= $disabledAttr ?> data-detail='<?= htmlspecialchars(json_encode($detail), ENT_QUOTES, 'UTF-8') ?>'>Modifier</button></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php
|
||||
$plusvalue = 0.0000;
|
||||
if ($isSold) {
|
||||
foreach ($details as $detail) {
|
||||
$qte = (int)$detail['Quantite'];
|
||||
$prixNet = (float)$detail['Prix_brut'] + (float)$detail['Frais_brocker'] + (float)$detail['Frais_etat'] + (float)$detail['Frais_autre'];
|
||||
$eNet = round($qte * $prixNet, 4);
|
||||
$oType = strtolower($detail['Ordre']);
|
||||
$tOp = strtolower($detail['Type']);
|
||||
$signe = ($tOp === 'long') ? (($oType === 'vente') ? 1 : -1) : (($oType === 'achat') ? 1 : -1);
|
||||
$plusvalue += ($eNet * $signe);
|
||||
}
|
||||
$plusvalue = round($plusvalue, 4);
|
||||
if (abs((float)$ordre['PlusValue'] - $plusvalue) > 0.0001) {
|
||||
$connection->prepare("UPDATE ordreGF SET PlusValue = ? WHERE ID = ?")->execute([$plusvalue, $ordre['ID']]);
|
||||
$connection->prepare("UPDATE ordreGF_pied SET Etat = 'soldé' WHERE Id_entete = ? AND Etat != 'soldé'")->execute([$ordre['ID']]);
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php if ($isSold): ?>
|
||||
<?php if ($isDisabled): ?>
|
||||
<tr style="background-color: rgba(255, 255, 255, 0.08); font-weight: bold;">
|
||||
<td colspan="6" style="text-align: right;">Plus value :</td>
|
||||
<td class="text-right" style="color: <?= $plusvalue < 0 ? 'red' : 'green' ?>;">
|
||||
<?= number_format((float)($ordre['PlusValue'] ?: $plusvalue), 3, ',', ' ') ?>
|
||||
</td>
|
||||
<td style="color: <?= (float)$ordre['PlusValue'] < 0 ? 'red' : 'green' ?>;"><?= number_format((float)$ordre['PlusValue'], 3, ',', ' ') ?></td>
|
||||
<td colspan="4"></td>
|
||||
</tr>
|
||||
<?php else: ?>
|
||||
@@ -224,20 +236,20 @@ require_once __DIR__ . '/header.php';
|
||||
<form id="formCreerOrdre">
|
||||
<h2>Créer un nouvel ordre</h2>
|
||||
<div class="form-group">
|
||||
<label>ISIN :</label><br>
|
||||
<label>ISIN</label>
|
||||
<input type="text" id="isinRecherche" name="isin" required>
|
||||
<button type="button" id="btnRechercher">Rechercher</button>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Nom :</label><br>
|
||||
<label>Nom :</label>
|
||||
<input type="text" name="Nom" id="Nom" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ticker :</label><br>
|
||||
<label>Ticker :</label>
|
||||
<input type="text" name="ticker" id="ticker" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Code Yahoo :</label><br>
|
||||
<label>Code Yahoo :</label>
|
||||
<input type="text" name="code_yahoo" id="code_yahoo" readonly>
|
||||
</div>
|
||||
<div class="modal-actions" style="margin-top: 20px;">
|
||||
@@ -252,42 +264,44 @@ require_once __DIR__ . '/header.php';
|
||||
<input type="hidden" name="Id_entete" id="Id_entete_detail">
|
||||
<h2>Ajouter un mouvement</h2>
|
||||
<div class="form-group">
|
||||
<label>Date :</label><br>
|
||||
<label>Date :</label>
|
||||
<input type="date" name="Date_op" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Quantité :</label><br>
|
||||
<label>Quantité :</label>
|
||||
<input type="number" name="Quantite" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Prix Brut :</label><br>
|
||||
<input type="number" step="0.001" name="Prix_brut" required>
|
||||
<label>Prix Brut :</label>
|
||||
<input type="number" step="0.0001" name="Prix_brut" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Frais (Broker / Etat / Autre) :</label><br>
|
||||
<input type="number" step="0.01" name="Frais_brocker" placeholder="Broker">
|
||||
<input type="number" step="0.01" name="Frais_etat" placeholder="Etat">
|
||||
<input type="number" step="0.01" name="Frais_autre" placeholder="Autre">
|
||||
<label>Frais</label>
|
||||
<div class="triple">
|
||||
<input type="number" step="0.0001" name="Frais_brocker" placeholder="Broker">
|
||||
<input type="number" step="0.0001" name="Frais_etat" placeholder="État">
|
||||
<input type="number" step="0.0001" name="Frais_autre" placeholder="Autre">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ordre (Achat/Vente) :</label>
|
||||
<select name="Ordre">
|
||||
<option value="Achat">Achat</option>
|
||||
<option value="Vente">Vente</option>
|
||||
<option value="achat">achat</option>
|
||||
<option value="vente">vente</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Type (Long/Short) :</label>
|
||||
<select name="Type">
|
||||
<option value="Long">Long</option>
|
||||
<option value="Short">Short</option>
|
||||
<option value="long">long</option>
|
||||
<option value="short">short</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Etat :</label>
|
||||
<select name="Etat">
|
||||
<option value="Actif">Actif</option>
|
||||
<option value="Cloture">Cloture</option>
|
||||
<option value="actif">actif</option>
|
||||
<option value="annulé">annulé</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-actions" style="margin-top: 20px;">
|
||||
@@ -303,28 +317,45 @@ require_once __DIR__ . '/header.php';
|
||||
<input type="hidden" name="Id_entete" id="edit_Id_entete">
|
||||
<h2>Modifier le mouvement</h2>
|
||||
<div class="form-group">
|
||||
<label>Date :</label><br>
|
||||
<label>Date :</label>
|
||||
<input type="date" name="Date_op" id="edit_date" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Quantité :</label><br>
|
||||
<label>Quantité :</label>
|
||||
<input type="number" name="Quantite" id="edit_quantite" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Prix Brut :</label><br>
|
||||
<input type="number" step="0.001" name="Prix_brut" id="edit_prix" required>
|
||||
<label>Prix Brut :</label>
|
||||
<input type="number" step="0.0001" name="Prix_brut" id="edit_prix" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Frais :</label><br>
|
||||
<input type="number" step="0.01" name="Frais_brocker" id="edit_frais_broker" placeholder="Broker">
|
||||
<input type="number" step="0.01" name="Frais_etat" id="edit_frais_etat" placeholder="Etat">
|
||||
<input type="number" step="0.01" name="Frais_autre" id="edit_frais_autre" placeholder="Autre">
|
||||
<label>Frais</label>
|
||||
<div class="triple">
|
||||
<input type="number" step="0.0001" name="Frais_brocker" id="edit_frais_broker" placeholder="Broker">
|
||||
<input type="number" step="0.0001" name="Frais_etat" id="edit_frais_etat" placeholder="État">
|
||||
<input type="number" step="0.0001" name="Frais_autre" id="edit_frais_autre" placeholder="Autre">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ordre :</label>
|
||||
<select name="Ordre" id="edit_ordre">
|
||||
<option value="Achat">Achat</option>
|
||||
<option value="Vente">Vente</option>
|
||||
<option value="achat">achat</option>
|
||||
<option value="vente">vente</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Type :</label>
|
||||
<select name="Type" id="edit_type">
|
||||
<option value="long">long</option>
|
||||
<option value="short">short</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Etat :</label>
|
||||
<select name="Etat" id="edit_etat">
|
||||
<option value="actif">actif</option>
|
||||
<option value="annulé">annulé</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-actions" style="margin-top: 20px;">
|
||||
|
||||
@@ -0,0 +1,337 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
require_once __DIR__ . '/session.php';
|
||||
require_once __DIR__ . '/db.php';
|
||||
|
||||
if (empty($_SESSION['user_id'])) {
|
||||
header('Location: ../index.php');
|
||||
exit;
|
||||
}
|
||||
|
||||
/*A supprimer quand la page fonctionnera correctement*/
|
||||
ini_set('display_errors', 1);
|
||||
error_reporting(E_ALL);
|
||||
/**************************************************** */
|
||||
|
||||
$pageStylesheets = ['/css/ordreJFG.css'];
|
||||
$bodyClass = 'ordrejfg-page';
|
||||
|
||||
$database = new App\Database\Database();
|
||||
$connection = $database->getConnection();
|
||||
|
||||
function fetchOrdreJFG(PDO $connection): array
|
||||
{
|
||||
$stmt = $connection->query('SELECT * FROM `ordreJFG` ORDER BY `ID` DESC');
|
||||
return $stmt->fetchAll(PDO::FETCH_ASSOC) ?: [];
|
||||
}
|
||||
|
||||
function fetchOrdreJFGPied(PDO $connection, string $masterId): array
|
||||
{
|
||||
$stmt = $connection->prepare('SELECT * FROM `ordreJFG_pied` WHERE `Id_entete` = :masterId ORDER BY `Id` ASC');
|
||||
$stmt->execute([':masterId' => $masterId]);
|
||||
return $stmt->fetchAll(PDO::FETCH_ASSOC) ?: [];
|
||||
}
|
||||
|
||||
$ordres = fetchOrdreJFG($connection);
|
||||
|
||||
require_once __DIR__ . '/header.php';
|
||||
?>
|
||||
|
||||
<section class="ordrejfg-shell">
|
||||
<div class="ordrejfg-card">
|
||||
<header class="ordrejfg-card-header" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;">
|
||||
<h1 class="ordrejfg-title">Gestion des ordres JFG</h1>
|
||||
<div style="display: flex; gap: 10px;">
|
||||
<button type="button" class="ordrejfg-btn-creer" onclick="document.getElementById('modalCreerOrdre').showModal();">Créer un ordre</button>
|
||||
<button type="button" class="ordrejfg-btn-menu" onclick="window.location.href='/php/menu.php';">Retour au menu</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="ordrejfg-table-wrapper">
|
||||
<table class="ordrejfg-table">
|
||||
<tbody>
|
||||
<?php foreach ($ordres as $ordre): ?>
|
||||
<?php
|
||||
$details = fetchOrdreJFGPied($connection, (string)$ordre['ID']);
|
||||
$totalQ = 0;
|
||||
|
||||
// Détection d'un ordre annulé
|
||||
$isCanceled = false;
|
||||
foreach ($details as $d) {
|
||||
if (strtolower($d['Etat'] ?? '') === 'annulé') {
|
||||
$isCanceled = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 1. Calcul du total des quantités actives
|
||||
foreach ($details as $d) {
|
||||
if (strtolower($d['Etat'] ?? '') === 'actif') {
|
||||
$q = (int)($d['Quantite'] ?? 0);
|
||||
$oType = strtolower($d['Ordre'] ?? '');
|
||||
$tOp = strtolower($d['Type'] ?? '');
|
||||
$signe = ($tOp === 'long') ? ($oType === 'achat' ? 1 : -1) : ($oType === 'achat' ? -1 : 1);
|
||||
$totalQ += ($q * $signe);
|
||||
}
|
||||
}
|
||||
|
||||
// 2. Calcul Plus-Value et Mise à jour statut
|
||||
$plusvalue = 0.0000;
|
||||
if ($isCanceled) {
|
||||
$plusvalue = 0;
|
||||
if ((float)$ordre['PlusValue'] != 0) {
|
||||
$connection->prepare("UPDATE ordreJFG SET PlusValue = 0 WHERE ID = ?")->execute([$ordre['ID']]);
|
||||
$ordre['PlusValue'] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
$isSold = (!$isCanceled && $totalQ === 0 && count($details) > 0);
|
||||
if ($isSold) {
|
||||
foreach ($details as $detail) {
|
||||
$qte = (int)$detail['Quantite'];
|
||||
$fraisDetail = (float)$detail['Frais_brocker'] + (float)$detail['Frais_etat'] + (float)$detail['Frais_autre'];
|
||||
$oType = strtolower($detail['Ordre']);
|
||||
$prixNet = ($oType === 'vente') ? (float)$detail['Prix_brut'] - $fraisDetail : (float)$detail['Prix_brut'] + $fraisDetail;
|
||||
$tOp = strtolower($detail['Type']);
|
||||
$signePV = ($oType === 'vente') ? 1 : -1;
|
||||
$plusvalue += ($qte * $prixNet * $signePV);
|
||||
}
|
||||
$plusvalue = round($plusvalue, 4);
|
||||
|
||||
if (abs((float)$ordre['PlusValue'] - $plusvalue) > 0.0001) {
|
||||
$connection->prepare("UPDATE ordreJFG SET PlusValue = ? WHERE ID = ?")->execute([$plusvalue, $ordre['ID']]);
|
||||
$ordre['PlusValue'] = $plusvalue;
|
||||
}
|
||||
|
||||
$connection->prepare("UPDATE ordreJFG_pied SET Etat = 'soldé' WHERE Id_entete = ? AND Etat = 'actif'")->execute([$ordre['ID']]);
|
||||
$details = fetchOrdreJFGPied($connection, (string)$ordre['ID']);
|
||||
}
|
||||
|
||||
$isDisabled = $isCanceled || abs((float)$ordre['PlusValue']) > 0.0001;
|
||||
$disabledAttr = $isDisabled ? 'disabled style="opacity:0.5; cursor:not-allowed;"' : '';
|
||||
?>
|
||||
|
||||
<tr class="ordrejfg-master-row ordrejfg-header-style">
|
||||
<td colspan="11" style="font-weight: bold; font-size: 1.1em; color: #fff;">
|
||||
<?php echo htmlspecialchars((string)$ordre['isin']) . ' --- ' . htmlspecialchars((string)$ordre['Nom']) . ' ( ' . htmlspecialchars((string)$ordre['ticker']) . ' )'; ?>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="ordrejfg-detail-block">
|
||||
<td colspan="11">
|
||||
<table class="ordrejfg-detail-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Qté</th>
|
||||
<th>Prix Brut</th>
|
||||
<th>Frais</th>
|
||||
<th>Prix Net</th>
|
||||
<th>Eng. Brut</th>
|
||||
<th>Eng. Net</th>
|
||||
<th>Ordre</th>
|
||||
<th>Type</th>
|
||||
<th>Etat</th>
|
||||
<th style="text-align: right;"><button type="button" class="ordrejfg-btn-creer-petit ordrejfg-btn-petit" <?= $disabledAttr ?> onclick="document.getElementById('Id_entete_detail').value='<?= $ordre['ID'] ?>'; document.getElementById('modalCreerDetail').showModal();">Créer</button></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$engaBrut = 0;
|
||||
$engaNet = 0;
|
||||
foreach ($details as $detail):
|
||||
$qte = (int)($detail['Quantite'] ?? 0);
|
||||
$prix = (float)($detail['Prix_brut'] ?? 0);
|
||||
$frais = (float)($detail['Frais_brocker'] ?? 0) + (float)($detail['Frais_etat'] ?? 0) + (float)($detail['Frais_autre'] ?? 0);
|
||||
$ordreType = strtolower($detail['Ordre'] ?? '');
|
||||
$prixNet = ($ordreType === 'vente') ? $prix - $frais : $prix + $frais;
|
||||
$date = !empty($detail['Date_op']) ? date('d/m/Y', strtotime($detail['Date_op'])) : '--/--/----';
|
||||
if (strtolower($detail['Etat'] ?? '') === 'actif') {
|
||||
$mult = (strtolower($detail['Type'] ?? '') === 'long' ? 1 : -1) * (strtolower($detail['Ordre'] ?? '') === 'achat' ? 1 : -1);
|
||||
$engaBrut += ($qte * $prix) * $mult;
|
||||
$engaNet += ($qte * $prixNet) * $mult;
|
||||
}
|
||||
?>
|
||||
<tr>
|
||||
<td><?= htmlspecialchars($date) ?></td>
|
||||
<td class="text-right"><?= $qte ?></td>
|
||||
<td class="text-right"><?= number_format($prix, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($frais, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($prixNet, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($qte * $prix, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($qte * $prixNet, 3, ',', ' ') ?></td>
|
||||
<td style="text-align: center"><?= htmlspecialchars($detail['Ordre'] ?? '') ?></td>
|
||||
<td style="text-align: center"><?= htmlspecialchars($detail['Type'] ?? '') ?></td>
|
||||
<td style="text-align: center"><?= htmlspecialchars($detail['Etat'] ?? '') ?></td>
|
||||
<td style="text-align: center"><button type="button" class="ordrejfg-btn-petit ordrejfg-btn-modifier-petit" <?= $disabledAttr ?> data-detail='<?= htmlspecialchars(json_encode($detail), ENT_QUOTES, 'UTF-8') ?>'>Modifier</button></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<tr style="background-color: rgba(255, 255, 255, 0.08); font-weight: bold;">
|
||||
<?php if ($isDisabled): ?>
|
||||
<td colspan="6" style="text-align: right;">Plus value :</td>
|
||||
<td style="color: <?= (float)$ordre['PlusValue'] < 0 ? 'red' : 'green' ?>;"><?= number_format((float)$ordre['PlusValue'], 3, ',', ' ') ?></td>
|
||||
<td colspan="4"></td>
|
||||
<?php else: ?>
|
||||
<td style="text-align: right;">TOTAL :</td>
|
||||
<td class="text-right"><?= number_format($totalQ, 0, ',', ' ') ?></td>
|
||||
<?php if ($totalQ == 0): ?>
|
||||
<td colspan="3" class="text-right">0</td>
|
||||
<?php else: ?>
|
||||
<td class="text-right"><?= number_format($engaBrut / $totalQ, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($engaNet / $totalQ - $engaBrut / $totalQ, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($engaNet / $totalQ, 3, ',', ' ') ?></td>
|
||||
<?php endif; ?>
|
||||
<td class="text-right"><?= number_format($engaBrut, 3, ',', ' ') ?></td>
|
||||
<td class="text-right"><?= number_format($engaNet, 3, ',', ' ') ?></td>
|
||||
<td colspan="4"></td>
|
||||
<?php endif; ?>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<dialog id="modalCreerOrdre" class="ordrejfg-modal">
|
||||
<form id="formCreerOrdre">
|
||||
<h2>Créer un nouvel ordre</h2>
|
||||
<div class="form-group">
|
||||
<label>ISIN</label>
|
||||
<input type="text" id="isinRecherche" name="isin" required>
|
||||
<button type="button" id="btnRechercher">Rechercher</button>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Nom :</label>
|
||||
<input type="text" name="Nom" id="Nom" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ticker :</label>
|
||||
<input type="text" name="ticker" id="ticker" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Code Yahoo :</label>
|
||||
<input type="text" name="code_yahoo" id="code_yahoo" readonly>
|
||||
</div>
|
||||
<div class="modal-actions" style="margin-top: 20px;">
|
||||
<button type="button" id="btnAnnuler">Annuler</button>
|
||||
<button type="submit" id="btnValider" disabled>Valider</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="modalCreerDetail" class="ordrejfg-modal">
|
||||
<form id="formCreerDetail">
|
||||
<input type="hidden" name="Id_entete" id="Id_entete_detail">
|
||||
<h2>Ajouter un mouvement</h2>
|
||||
<div class="form-group">
|
||||
<label>Date :</label>
|
||||
<input type="date" name="Date_op" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Quantité :</label>
|
||||
<input type="number" name="Quantite" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Prix Brut :</label>
|
||||
<input type="number" step="0.0001" name="Prix_brut" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Frais</label>
|
||||
<div class="triple">
|
||||
<input type="number" step="0.0001" name="Frais_brocker" placeholder="Broker">
|
||||
<input type="number" step="0.0001" name="Frais_etat" placeholder="État">
|
||||
<input type="number" step="0.0001" name="Frais_autre" placeholder="Autre">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ordre (Achat/Vente) :</label>
|
||||
<select name="Ordre">
|
||||
<option value="achat">achat</option>
|
||||
<option value="vente">vente</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Type (Long/Short) :</label>
|
||||
<select name="Type">
|
||||
<option value="long">long</option>
|
||||
<option value="short">short</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Etat :</label>
|
||||
<select name="Etat">
|
||||
<option value="actif">actif</option>
|
||||
<option value="annulé">annulé</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-actions" style="margin-top: 20px;">
|
||||
<button type="button" onclick="document.getElementById('modalCreerDetail').close()">Annuler</button>
|
||||
<button type="submit">Valider</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="modalModifierDetail" class="ordrejfg-modal">
|
||||
<form id="formModifierDetail">
|
||||
<input type="hidden" name="id" id="edit_id">
|
||||
<input type="hidden" name="Id_entete" id="edit_Id_entete">
|
||||
<h2>Modifier le mouvement</h2>
|
||||
<div class="form-group">
|
||||
<label>Date :</label>
|
||||
<input type="date" name="Date_op" id="edit_date" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Quantité :</label>
|
||||
<input type="number" name="Quantite" id="edit_quantite" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Prix Brut :</label>
|
||||
<input type="number" step="0.0001" name="Prix_brut" id="edit_prix" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Frais</label>
|
||||
<div class="triple">
|
||||
<input type="number" step="0.0001" name="Frais_brocker" id="edit_frais_broker" placeholder="Broker">
|
||||
<input type="number" step="0.0001" name="Frais_etat" id="edit_frais_etat" placeholder="État">
|
||||
<input type="number" step="0.0001" name="Frais_autre" id="edit_frais_autre" placeholder="Autre">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ordre :</label>
|
||||
<select name="Ordre" id="edit_ordre">
|
||||
<option value="achat">achat</option>
|
||||
<option value="vente">vente</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Type :</label>
|
||||
<select name="Type" id="edit_type">
|
||||
<option value="long">long</option>
|
||||
<option value="short">short</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Etat :</label>
|
||||
<select name="Etat" id="edit_etat">
|
||||
<option value="actif">actif</option>
|
||||
<option value="annulé">annulé</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-actions" style="margin-top: 20px;">
|
||||
<button type="button" onclick="document.getElementById('modalModifierDetail').close()">Annuler</button>
|
||||
<button type="submit">Enregistrer</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<script src="/js/ordreJFG.js" defer></script>
|
||||
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
Reference in New Issue
Block a user