From ad451ed0cedcc531f14a22df9c488314d98c1c92 Mon Sep 17 00:00:00 2001 From: cherif Date: Mon, 13 Nov 2023 16:25:29 +0100 Subject: [PATCH] ss --- .../DisplayPartnerTrainingsPagination.js | 43 +++- .../_displaypartnertrainingpagination.scss | 214 +++++++++++++++++- 2 files changed, 245 insertions(+), 12 deletions(-) diff --git a/src/components/DisplayPartnerTrainingsPagination.js b/src/components/DisplayPartnerTrainingsPagination.js index 86ec08f..a7aa5ff 100644 --- a/src/components/DisplayPartnerTrainingsPagination.js +++ b/src/components/DisplayPartnerTrainingsPagination.js @@ -27,6 +27,7 @@ import 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; import { CiTrash } from "react-icons/ci"; +import add_plus from "../mysy_img/plus.png"; const DistplayPartnerTraningsPage = (props) => { @@ -44,6 +45,7 @@ const DistplayPartnerTraningsPage = (props) => { const [reftrainingtoupdate, setreftrainingtoupdate] = useState(); const [externalcodetraining_toupdate, setexternalcodetraining_toupdate] = useState(); const [updatetraining, setupdatetraining] = useState(false); + const [createtraining, setcreatetraining] = useState(false); @@ -531,11 +533,9 @@ const DistplayPartnerTraningsPage = (props) => { function Edittraining(event, cellValues) { - setreftrainingtoupdate(cellValues.row.internal_url); setexternalcodetraining_toupdate(cellValues.row.external_code); setupdatetraining(true); - } @@ -565,6 +565,14 @@ const DistplayPartnerTraningsPage = (props) => { setupdatetraining(false); } + function Closecreatetraining() { + setcreatetraining(false); + } + + function Createtraining() { + setcreatetraining(true); + } + const [selectedtraining, setselectedtraining] = useState([]) function GetSelectedRowsTraining() { @@ -1155,6 +1163,24 @@ const DistplayPartnerTraningsPage = (props) => { } + {createtraining &&
+ + +
+
Création manuelle d'une formation
+ +
+ +
+ +
+ FERMER +
+ +
+ } +
Utilisez les filtres !
@@ -1387,7 +1413,18 @@ const DistplayPartnerTraningsPage = (props) => { -
 
+
 

+ + + + {!createtraining &&
+ + +
}
diff --git a/src/styles/components/_displaypartnertrainingpagination.scss b/src/styles/components/_displaypartnertrainingpagination.scss index ffe9a0e..8720b45 100644 --- a/src/styles/components/_displaypartnertrainingpagination.scss +++ b/src/styles/components/_displaypartnertrainingpagination.scss @@ -80,7 +80,7 @@ margin: 0.4rem !important; } - /* input { + /* input { font-size: small !important; padding-top: 0.2rem; padding-bottom: 0.2rem; @@ -344,6 +344,7 @@ border-color: transparent !important; border-radius: 20px !important; } + .disabled_style { //background-color: #ECEFF1; font-size: small !important; @@ -356,7 +357,8 @@ background: white; border: solid gainsboro 1px; - } + } + .training_caract { width: 100%; @@ -408,6 +410,56 @@ padding-top: 0.5rem !important; } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .icon_plus { + width: 8%; + } + } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -439,7 +491,7 @@ margin: 0.4rem !important; } - /* input { + /* input { font-size: small !important; padding-top: 0.2rem; padding-bottom: 0.2rem; @@ -728,7 +780,7 @@ border-radius: 5px; background: white; border: solid gainsboro 1px; - } + } .training_caract { width: 30%; @@ -781,6 +833,54 @@ padding-top: 0.5rem !important; } + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .icon_plus { + width: 8%; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -823,7 +923,8 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } -/* + + /* input { font-size: small !important; padding-top: 0.2rem; @@ -1101,7 +1202,7 @@ border-radius: 5px; background: white; border: solid gainsboro 1px; - } + } .training_caract { width: 30%; @@ -1154,6 +1255,53 @@ padding-top: 0.5rem !important; } + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .icon_plus { + width: 8%; + } } @@ -1197,7 +1345,8 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } -/* + + /* input { font-size: medium !important; padding-top: 0.2rem; @@ -1364,7 +1513,7 @@ margin-top: 0px !important; margin-bottom: 2px !important; - } + } .filter_bton_add { @@ -1471,7 +1620,7 @@ border-radius: 5px; background: white; border: solid gainsboro 1px; - } + } .training_caract { width: 30%; @@ -1524,6 +1673,53 @@ padding-top: 0.5rem !important; } + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 12rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .icon_plus { + width: 10%; + } }