diff --git a/Consultations.php b/Consultations.php index 5454d7f..933f0c2 100755 --- a/Consultations.php +++ b/Consultations.php @@ -29,10 +29,12 @@ if(!Authentification::checkUser(0)){ diff --git a/Dashboard.php b/Dashboard.php index ffbd46f..39ad6b0 100755 --- a/Dashboard.php +++ b/Dashboard.php @@ -29,10 +29,12 @@ if(!Authentification::checkUser(0)){ diff --git a/Medecins.php b/Medecins.php new file mode 100644 index 0000000..6e333ec --- /dev/null +++ b/Medecins.php @@ -0,0 +1,87 @@ + + + + + + Gestion des médecins + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + +
+

Création d'un nouveau médecin au centre

+
+
+
+ +
+ +
+ +
+ + + + + +
+
+ + + + + + + Clé de contrôle invalide. +
+
+ +
+ +
+ + + + \ No newline at end of file diff --git a/css/global.css b/css/global.css index 140c925..abf1c21 100755 --- a/css/global.css +++ b/css/global.css @@ -66,66 +66,11 @@ body{ background-color: #fafafa; } -/* LES LIENS DU MENU */ -#WRAPPER > #MENU > a{ - /* position */ - display: inline-block; - position: relative; - width: calc( 100% - 3em ); - padding-left: 3em; - padding-bottom: 1px; - - /* background */ - background-color: transparent; - - /* foreground */ - line-height: 2.5em; - - /* extra */ - cursor: pointer; -} - -/* :hover / .active */ -#WRAPPER > #MENU > a:hover:not(#ICON), -#WRAPPER > #MENU > a.active{ - background-color: #efefef !important; - color: #818181; -} - - -/* @first/@last */ -#WRAPPER > #MENU > a:nth-child(2){ margin-top: 1em; } -#WRAPPER > #MENU > a:last-child{ margin-bottom: 1em; } - - -/* icones associées aux liens */ -#WRAPPER > #MENU > a#consultations{ - background: url(../src/consultation.svg) left 1em center no-repeat; - background-size: auto 1.5em; -} - -#WRAPPER > #MENU > a#medecin{ - background: url(../src/medecin.svg) left 1em center no-repeat; - background-size: auto 1.3em; -} - -#WRAPPER > #MENU > a#patient{ - background: url(../src/patient.svg) left 1em center no-repeat; - background-size: auto 1.5em; -} - -#WRAPPER > #MENU > a#dashboard{ - background: url(../src/dashboard.svg) left 1em center no-repeat; - background-size: auto 1.5em; -} - - - - /* LOGO DANS LE MENU */ -#WRAPPER > #MENU > #ICON{ +#WRAPPER > #MENU #ICON{ /* position */ + display: block; position: relative; width: 100%; height: 100px; @@ -157,6 +102,107 @@ body{ } +/* LE CONTENEUR DES LIENS DU MENU */ +#WRAPPER > #MENU > div{ + /* position */ + display: flex; + position: absolute; + top: 100px; + left: 0; + width: 100%; + height: calc( 100% - 100px ); + + /* flex properties */ + flex-direction: row; + justify-content: space-around; + align-items: center; + flex-wrap: wrap; + + /* background */ + background: #fff; + + /* scroll */ + overflow: hidden; +} + + +/* LES LIENS DU MENU */ +#WRAPPER > #MENU > div > a{ + /* position */ + display: inline-block; + position: relative; + width: calc( 225px/1.6 - 2*1em ); + height: calc( 225px/1.6 - 1em ); + padding: 0 1em; + + /* border */ + border-radius: 5px; + box-shadow: 0; + border: 1px solid #eee; + + /* background */ + background-color: #004d8c; + + /* foreground */ + color: #4a4a4a; + text-align: center; + letter-spacing: .1em; + + /* extra */ + cursor: pointer; + + /* animation */ + transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + +/* @hover / .active */ +#WRAPPER > #MENU > div > a:hover, +#WRAPPER > #MENU > div > a.active{ + color: #000; +} + +/* @hover */ +#WRAPPER > #MENU > div > a:hover{ + box-shadow: 0 0 20px #eee; + + transform: scale(1.1); + -moz-transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); +} + +/* icones associées aux liens */ +#WRAPPER > #MENU > div > a#consultations{ + background: url(../src/consultation.svg) center bottom 1em no-repeat; + background-size: 50% auto; +} + +#WRAPPER > #MENU > div > a#medecin{ + background: url(../src/medecin.svg) center bottom 1em no-repeat; + background-size: 50% auto; +} + +#WRAPPER > #MENU > div > a#patient{ + background: url(../src/patient.svg) center bottom 1em no-repeat; + background-size: 50% auto; +} + +#WRAPPER > #MENU > div > a#dashboard{ + background: url(../src/dashboard.svg) center bottom 1em no-repeat; + background-size: 50% auto; +} + + + + + + + /*************/ @@ -330,15 +376,16 @@ body{ border: 1px solid #e5e5e5; /* background */ - background: center right 1.5em no-repeat; + background: url(../src/validated.svg) no-repeat; + background-position: center right 1.5em; background-size: 0em auto; /* animation */ - transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -webkit-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; + transition: border .2s, background-size .2s; + -moz-transition: border .2s, background-size .2s; + -webkit-transition: border .2s, background-size .2s; + -ms-transition: border .2s, background-size .2s; + -o-transition: border .2s, background-size .2s; } /* @focus */ @@ -349,9 +396,9 @@ body{ /* .validated */ #CONTAINER > article input.validated{ border-color: #1cc952; - background-image: url(../src/validated.svg); background-position: center right 1em; background-size: 1em auto; + } /* .invalid */ @@ -379,27 +426,27 @@ body{ /* position */ padding-left: 3em; - /* border */ - border-color: #f09108; - /* background */ - background: #f6f4f2 url(../src/save.svg) center left 1em no-repeat; + background: #2a7ec7 url(../src/save.svg) center left 1em no-repeat; background-size: 1em auto; /* foreground */ - color: #777; + color: #fff; /* extra */ cursor: pointer; + + /* animation */ + transition: color .2s ease-in-out; + -moz-transition: color .2s ease-in-out; + -webkit-transition: color .2s ease-in-out; + -ms-transition: color .2s ease-in-out; + -o-transition: color .2s ease-in-out; } /* @hover */ #CONTAINER > article input[type=submit]:hover{ - /* background */ - background-color: #f09108; - - /* foreground */ - color: #fff; + background-color: #2d85d2; } @@ -423,15 +470,25 @@ input[type=checkbox] + label:before{ border: 1px solid #f18624; /* background */ - background: center center no-repeat; - background-size: 80% auto; + background: url(../src/checkbox.svg) center center no-repeat; + background-size: 0% auto; /* animation */ - transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -webkit-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; + transition: all .5s ease-in-out; + -moz-transition: all .5s ease-in-out; + -webkit-transition: all .5s ease-in-out; + -ms-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + + + transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + + /* extra */ + cursor: pointer; } /* @active + label */ @@ -441,13 +498,26 @@ input[type=checkbox]:active + label:before{ -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); + + transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); } /* @checked + label */ input[type=checkbox]:checked + label:before{ /* background */ - background-image: - background-size: 80% auto; + background-size: 50% auto; + + /* animation */ + transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } diff --git a/src/checkbox.svg b/src/checkbox.svg new file mode 100755 index 0000000..fc03da7 --- /dev/null +++ b/src/checkbox.svg @@ -0,0 +1,50 @@ + +image/svg+xml \ No newline at end of file diff --git a/src/invalid.svg b/src/invalid.svg old mode 100644 new mode 100755 diff --git a/src/medecin.svg b/src/medecin.svg new file mode 100644 index 0000000..5848d52 --- /dev/null +++ b/src/medecin.svg @@ -0,0 +1,138 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/patient.svg b/src/patient.svg index f9c97d9..5425748 100755 --- a/src/patient.svg +++ b/src/patient.svg @@ -1,135 +1,135 @@ - - - - image/svg+xml - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - + inkscape:window-maximized="0" + inkscape:current-layer="male3" /> \ No newline at end of file