diff --git a/assets/css/candidatures.css b/assets/css/candidatures.css index d5652b1..339f44c 100644 --- a/assets/css/candidatures.css +++ b/assets/css/candidatures.css @@ -7,4 +7,192 @@ margin: 10px; font-size:calc(30px + 1vw); font-weight: bold; -} \ No newline at end of file +} + +.bubble { + position: relative; + text-align: center; + margin: 30px; + background-color: var(--black3); + border-radius: 20px; +} + +.title_bubble { + position: relative; + display: block; + padding: 10px; + font-size: 2em; + font-weight: bold; +} + +.heart1, +.heart2 +{ + position: absolute; + right: 0; + top: 0; + margin: 10px; + font-size: 0.75em; + cursor: pointer; +} + +.heart-hidden +{ + display: none; +} + +.bubble img { + width: 100%; + height: 100%; + border-radius: 20px; +} + +.bubble .centered { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size:calc(12px + 2vw); + font-weight: bold; + color: white; + width: 100%; +} + +.bubble .text_content +{ + display: flex; + flex-flow: row wrap; + justify-content: center; + font-size: 1.25em; + padding: 0 10px 20px 10px; +} + + +.bubble .divLeft, +.bubble .divRight +{ + width: 50%; +} + +.bubble .divLeft .name_company +{ + font-size: 1.25em; + font-weight: bold; + margin: 10px; +} + +.bubble .divRight +{ + text-align: left; +} + +.bubble .table_title +{ + margin: 0 0 10px 45px; +} + +.bubble .divRight table +{ + margin-left: 50px; +} + +.bubble .divRight table td +{ + padding: 0 10px 8px 0; +} + +.bubble .divLeft .description +{ + display: block; + height: auto; + margin: 10px; + padding: 15px; + background-color: lightgray; + border-radius: 20px; +} + + +.table-container { + display: block; + width: 85%; + max-width: 900px; + margin-left: auto; + margin-right: auto; + } + + .flex-table { + display: flex; + flex-flow: row wrap; + } + + .flex-row { + width: calc(100% / 4); + text-align: center; + padding: 0.2em 0.2em; + } + + .flex-table .name + { + text-align: center; + } + + .flex-table .value + { + text-align: center; + } + +/*////////////////////////////////////////////////////////////////// +[ Responsive ]*/ + +@media screen and (max-width: 1200px) +{ + .table-container { + width: 100%; + } +} + +@media screen and (max-width: 1100px) +{ + .table-container { + width: 80%; + } + .flex-row { + width: calc(100% / 2); + } +} + +@media screen and (max-width: 900px) +{ + .bubble + { + margin: 30px 5px 30px 5px; + } + .table-container { + width: 60%; + } +} + + +@media screen and (max-width: 500px) { + .table-container { + width: 80%; + } + .flex-row { + width: 100%; + } + .flex-table .name + { + text-align: left; + font-weight: bold ; + } + .flex-table .value + { + text-align: center; + } + .bubble .divLeft, + .bubble .divRight + { + width: 100%; + } + + } \ No newline at end of file diff --git a/assets/css/offres_stages.css b/assets/css/offres_stages.css index 351711b..10fcc44 100644 --- a/assets/css/offres_stages.css +++ b/assets/css/offres_stages.css @@ -131,7 +131,7 @@ .flex-row { - width: calc(100% / 4); + width: calc(100% / 2); text-align: center; padding: 0.2em 0.2em; } @@ -165,6 +165,85 @@ font-size: 1em; } +/*////////////////////////////////////////////////////////////////// +[ Modal ] */ + +.modal +{ + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.7); +} + +.title_modal +{ + border-radius: 10px 10px 0 0; + padding: 10px; + font-weight: bold; + font-size: 2em; + text-align: center; +} + +.modal-content +{ + background-color: #ffffff; + margin: 15% auto; + width: 80%; + border-radius: 10px; + text-align: center; + margin-left: auto; + margin-right: auto; +} + +.info_message +{ + display: none; + width: 80%; + margin: 10px auto 20px auto; + padding: 10px; + border-radius: 10px; +} + +.form_postuler input +{ + width: 95%; + height: 30px; + margin-left: 10px; + font-size: 20px; +} + +.form_postuler button, .form_postuler input[type="button"] +{ + margin: 10px; + width: 120px; + height: 40px; + font-size: 20px; +} + +.close +{ + color: #aaa; + float: right; + font-size: 40px; + font-weight: bold; + right: -20px; + margin-right: 20px; +} + +.close:hover, .close:focus +{ + color: black; + text-decoration: none; + cursor: pointer; +} + /*////////////////////////////////////////////////////////////////// [ Responsive ]*/ @@ -200,11 +279,9 @@ .table-container { width: 60%; } -} - -@media screen and (max-width: 700px) { - .table-container { - width: 80%; + .modal-content + { + width: 90%; } .flex-row { width: 100%; @@ -223,6 +300,13 @@ } } +@media screen and (max-width: 700px) { + .table-container { + width: 80%; + } + +} + @media screen and (max-width: 350px) { body { overflow-x: auto; diff --git a/assets/css/parameters.css b/assets/css/parameters.css index 964010c..9b3adc3 100644 --- a/assets/css/parameters.css +++ b/assets/css/parameters.css @@ -196,6 +196,7 @@ font-size: 40px; font-weight: bold; right: -20px; + margin-right: 20px; } .close:hover, .close:focus diff --git a/assets/js/offres_stages.js b/assets/js/offres_stages.js index a27cc9a..449245f 100644 --- a/assets/js/offres_stages.js +++ b/assets/js/offres_stages.js @@ -25,4 +25,18 @@ $(document).ready(function(){ }); } }); + + $(".button_postuler").click(function() { + $(".modal").show(); + $(".info_message").hide(); + }); + + window.onclick = function(event) { + if (event.target == document.getElementById("modal_postuler")) { + $(".modal").hide(); + } + } + + + }); \ No newline at end of file diff --git a/candidatures.php b/candidatures.php index eb93f3c..5385d83 100644 --- a/candidatures.php +++ b/candidatures.php @@ -19,7 +19,7 @@ if (isset($_SESSION["username"])){ $showCandidatures = true; } } - + if ($showCandidatures){ $query_candidatures = $bdd->prepare($sql); @@ -43,13 +43,10 @@ if (isset($_SESSION["username"])){
Candidatures
rowCount() >= 1) { - foreach ($query_candidatures as $result) { + foreach ($results_candidatures as $result) { ?>
-
name_internship; ?> -
-
-
+
name_internship; ?>
@@ -57,45 +54,28 @@ if (isset($_SESSION["username"])){
city_localisation; ?> postal_code_localisation; ?>
- description_internship; ?> + La prochaine étape de votre candidature est : progression_candidature ?>
-
Points importants:
+
Fichiers en lien avec la candidature:
- - + + - - + + - - + + - - - - - - - - - - - - - - + +
duration_internship; ?> joursCurriculum Vitae :cv_file_path_candidature; ?>
remuneration_internship; ?> €/hLettre de motivation :lm_file_path_candidature; ?>
offer_date_internship; ?>Fiche de validation :validation_form_file_path_candidature; ?>
name_promotion; ?>
- place_number_internship; - if($result->place_number_internship > 1) {echo " places disponibles";} - else {echo " place disponible";}?> -
competences_internship; ?>
Confiance du pilote : note; ?>Convention de stage :internship_agreement_file_path_candidature; ?>
diff --git a/offres_stages.php b/offres_stages.php index e935587..b627ca1 100644 --- a/offres_stages.php +++ b/offres_stages.php @@ -93,6 +93,26 @@ if (isset($_SESSION["username"])){ +
@@ -255,7 +275,7 @@ if (isset($_SESSION["username"])){
- +