diff --git a/css/constants.scss b/css/constants.scss
index 89a4052..6bc6de9 100755
--- a/css/constants.scss
+++ b/css/constants.scss
@@ -17,28 +17,5 @@ $dark-fg-primary: #ffffff;
=========================================================*/
/* (1) Layout de base */
$menu-side-width: 15em;
-$header-height: 4.5em;
-
-
-/* COULEUR DU SOUS-MENU */
-$sub-menu-color: #5b5e63;
-
-/* COULEUR DES ERREURS */
-$error-color: #cc5857;
-
-/* FORMULAIRES */
-$form-valid-color: #27a560;
-$form-neutral-color: #2193e6;
-$form-search-color: #5630ed;
-$form-invalid-color: #d52918;
-
-
-/* GESTION DES LONGUEURS */
-// $menu-side-width: 4em;
-
-
-// POUR RESOURCE_DISPATCHER
-$rd-form-valid-color: '27a560';
-$rd-form-neutral-color: '2193e6';
-$rd-form-search-color: '5630ed';
-$rd-form-invalid-color: 'd52918';
+$header-height: 5em;
+$header-elements: calc( #{$header-height} - 2*1.5em );
\ No newline at end of file
diff --git a/css/header.css b/css/header.css
index f4bc6b7..5882b29 100755
--- a/css/header.css
+++ b/css/header.css
@@ -1,2 +1,2 @@
-
+#WRAPPER>#HEADER>#searchbar{display:block;position:relative;width:10%;margin:1.3em 0;padding:.2em 1em;border:0;border-radius:2em;background-color:#e8e8e8;transition:transform .3s ease-in-out, width .3s ease-in-out}#WRAPPER>#HEADER>#searchbar:focus{width:20%}#WRAPPER>#HEADER>.user-picture{display:block;position:relative;margin-left:2em;width:calc( 5em - 2*1.5em );height:calc( 5em - 2*1.5em );border-radius:50% / 50%;background:#e8e8e8 url("/f/svg/sample/dy/profile") center center no-repeat;background-size:auto 100%;transform:scale(1);transition:transform .3s ease-in-out;cursor:default;align-self:center}#WRAPPER>#HEADER>.user-name{display:block;position:relative;margin-left:1em;margin-right:4em;color:#828282;align-self:center;cursor:default}#WRAPPER>#HEADER>.user-panel{display:block;position:absolute;top:5em;right:0;margin:1em;border-radius:5px;border:1px solid #cfcfcf;background-color:#fff}#WRAPPER>#HEADER>.user-panel>span{display:block;position:relative;color:#000;padding:.5em 1em;padding-left:2em;cursor:pointer}#WRAPPER>#HEADER>.user-panel>span:not(:last-child){border-bottom:1px solid #ddd}#WRAPPER>#HEADER>.user-panel>span:hover{background-color:#eee}#WRAPPER>#HEADER>.user-panel:before{content:'';display:block;position:absolute;top:-4em;left:-4.2em;width:1em;height:1em;background:url("/f/svg/expand/st/header/999999") center center no-repeat;background-size:1em 1em;cursor:pointer}#WRAPPER>#HEADER>.user-panel:before:hover{background-image:url("/f/svg/expand/st/header/ff0000")}#WRAPPER>#HEADER>#toggle-user-panel{display:none}#WRAPPER>#HEADER>#toggle-user-panel+.user-panel{left:100%}#WRAPPER>#HEADER>#toggle-user-panel:checked+.user-panel{left:auto}#WRAPPER>#HEADER>#toggle-user-panel:checked+.user-panel:before{left:7em}
/*# sourceMappingURL=header.css.map */
diff --git a/css/header.css.map b/css/header.css.map
index 62065aa..199661b 100755
--- a/css/header.css.map
+++ b/css/header.css.map
@@ -1,7 +1,7 @@
{
"version": 3,
-"mappings": "",
-"sources": [],
+"mappings": "AAOC,2BAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,GAAG,CAEX,MAAM,CAAE,OAAO,CAEf,OAAO,CAAE,QAAQ,CAEjB,MAAM,CAAE,CAAC,CACT,aAAa,CAAE,GAAG,CAElB,gBAAgB,CChBC,OAAO,CDkBxB,UAAU,CAAE,gDAAgD,CAG5D,iCAAO,CACN,KAAK,CAAE,GAAG,CAQZ,8BAAiB,CAChB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACX,WAAW,CAAE,GAAG,CACtB,KAAK,CCjBU,qBAAmC,CDkBlD,MAAM,CClBS,qBAAmC,CDoBnD,aAAa,CAAE,SAAS,CAExB,UAAU,CAAE,+DAAiE,CAC7E,eAAe,CAAE,SAAS,CAE1B,SAAS,CAAE,QAAQ,CAEnB,UAAU,CAAE,yBAAyB,CACrC,MAAM,CAAE,OAAO,CAEf,UAAU,CAAE,MAAM,CAKnB,2BAAc,CACV,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACd,WAAW,CAAE,GAAG,CAChB,YAAY,CAAE,GAAG,CAExB,KAAK,CAAE,OAAqB,CAG5B,UAAU,CAAE,MAAM,CAElB,MAAM,CAAE,OAAO,CAOhB,4BAAe,CACX,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACd,GAAG,CCzDM,GAAG,CD0DZ,KAAK,CAAE,CAAC,CAET,MAAM,CAAE,GAAG,CAEjB,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,iBAA+B,CAGjC,gBAAgB,CAAE,IAAI,CAItB,iCAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CAQxB,KAAK,CAAE,IAAI,CACX,OAAO,CAAE,QAAQ,CACjB,YAAY,CAAE,GAAG,CAEjB,MAAM,CAAE,OAAO,CATf,kDAAkB,CACjB,aAAa,CAAE,cAAc,CAW9B,uCAAO,CACN,gBAAgB,CAAE,IAAI,CAMxB,mCAAQ,CACP,OAAO,CAAE,EAAE,CACX,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,IAAI,CACT,IAAI,CAAE,MAAM,CAEZ,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEZ,UAAU,CAAE,6DAA6D,CACzE,eAAe,CAAE,OAAO,CAExB,MAAM,CAAE,OAAO,CAGf,yCAAO,CACN,gBAAgB,CAAE,qCAAqC,CAQ1D,mCAAsB,CAAE,OAAO,CAAE,IAAI,CACrC,+CAAoC,CAAE,IAAI,CAAE,IAAI,CAChD,uDAA4C,CAAE,IAAI,CAAE,IAAI,CACxD,8DAAmD,CAAE,IAAI,CAAE,GAAG",
+"sources": ["header.scss","constants.scss"],
"names": [],
"file": "header.css"
}
\ No newline at end of file
diff --git a/css/header.scss b/css/header.scss
index ce19de3..4072674 100755
--- a/css/header.scss
+++ b/css/header.scss
@@ -2,36 +2,148 @@
#WRAPPER > #HEADER{
- // // Icone du site
- // & > .icon{
- // display: block;
- // position: absolute;
- // top: 0;
- // left: 0;
- // width: $menu-side-width;
- // height: $menu-side-width;
-
- // background-color: darken($theme-fg-primary, 10);
- // background-image: url('/f/svg/icon/st');
- // background-position: center center;
- // background-repeat: no-repeat;
- // background-size: 50% 50%;
-
- // cursor: pointer;
-
- // transition: all .3s;
-
- // // @hover
- // &:hover{
- // background-color: darken($theme-fg-primary, 15);
- // }
-
- // }
- // /* Animation de chargement qudnd chargement ajax */
- // &.loading > .icon{
- // background-image: url('/f/svg/loader/st');
- // background-size: 70% 70%;
- // }
+ /* [1] Barre de recherche
+ =========================================================*/
+ & > #searchbar{
+ display: block;
+ position: relative;
+ width: 10%;
+
+ margin: 1.3em 0;
+
+ padding: .2em 1em;
+
+ border: 0;
+ border-radius: 2em;
+
+ background-color: $theme-bg;
+
+ transition: transform .3s ease-in-out, width .3s ease-in-out;
+
+ // @focus
+ &:focus{
+ width: 20%;
+ }
+
+ }
+
+ /* [2] Informations utilisateur
+ =========================================================*/
+ /* (1) Image du profil */
+ & > .user-picture{
+ display: block;
+ position: relative;
+ margin-left: 2em;
+ width: $header-elements;
+ height: $header-elements;
+
+ border-radius: 50% / 50%;
+
+ background: $theme-bg url('/f/svg/sample/dy/profile') center center no-repeat;
+ background-size: auto 100%;
+
+ transform: scale(1);
+
+ transition: transform .3s ease-in-out;
+ cursor: default;
+
+ align-self: center;
+
+ }
+
+ /* (2) Username de l'utilisateur */
+ & > .user-name{
+ display: block;
+ position: relative;
+ margin-left: 1em;
+ margin-right: 4em;
+
+ color: darken($theme-bg, 40);
+
+ // flex alignment
+ align-self: center;
+
+ cursor: default;
+ }
+
+
+
+ /* [3] Menu deroulant pour l'administration du profil
+ =========================================================*/
+ & > .user-panel{
+ display: block;
+ position: absolute;
+ top: $header-height;
+ right: 0;
+
+ margin: 1em;
+
+ border-radius: 5px;
+ border: 1px solid darken($theme-bg, 10);
+ // box-shadow: 0 0 5px darken($theme-bg, 20);
+
+ background-color: #fff;
+
+
+ /* (1) Pour chaque element du menu */
+ & > span{
+ display: block;
+ position: relative;
+
+ // On ajoute une ligne en dessous sauf pour le dernier
+ &:not(:last-child){
+ border-bottom: 1px solid #ddd;
+ }
+
+
+ color: #000;
+ padding: .5em 1em;
+ padding-left: 2em;
+
+ cursor: pointer;
+
+ // @hover
+ &:hover{
+ background-color: #eee;
+ }
+ }
+
+
+ /* (2) Icone d'activation */
+ &:before{
+ content: '';
+ display: block;
+ position: absolute;
+ top: -4em;
+ left: -4.2em;
+
+ width: 1em;
+ height: 1em;
+
+ background: url('/f/svg/expand/st/header/999999') center center no-repeat;
+ background-size: 1em 1em;
+
+ cursor: pointer;
+
+ // @hover
+ &:hover{
+ background-image: url('/f/svg/expand/st/header/ff0000');
+ }
+
+ }
+
+ }
+
+ /* (3) Gestion de l'activation ou non de l'user panel */
+ & > #toggle-user-panel{ display: none; }
+ & > #toggle-user-panel + .user-panel{ left: 100%; }
+ & > #toggle-user-panel:checked + .user-panel{ left: auto; }
+ & > #toggle-user-panel:checked + .user-panel:before{ left: 7em; }
+
+
+
+
+
}
diff --git a/css/layout.css b/css/layout.css
index f3f8c9d..36f2bbc 100755
--- a/css/layout.css
+++ b/css/layout.css
@@ -1,2 +1,2 @@
-#WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;font-family:'Open Sans'}#WRAPPER>#HEADER{display:block;position:absolute;top:0;left:15em;width:100%;height:calc( 4.5em - 1px );border-bottom:1px solid #e5e5e5;background-color:#fff;z-index:10}#WRAPPER>#MENU-SIDE{display:block;position:absolute;top:0;left:0;width:15em;height:100%;box-shadow:2px 1px 3px #ddd;background-color:#32323a;transition:all .3s;z-index:9}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:4.5em;left:15em;width:calc( 100% - 15em - 2*1em );height:calc( 100% - 15em - 2*1em );padding:1em;flex-direction:row;justify-content:space-between;overflow-x:none;overflow-y:auto}
+#WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;font-family:'Open Sans'}#WRAPPER>#HEADER{display:flex;position:absolute;top:0;left:15em;width:calc( 100% - 15em );height:calc( 5em - 1px );border-bottom:1px solid #e5e5e5;background-color:#fff;flex-direction:row;justify-content:flex-end;align-content:space-around;z-index:10}#WRAPPER>#MENU-SIDE{display:block;position:absolute;top:0;left:0;width:15em;height:100%;box-shadow:2px 1px 3px #ddd;background-color:#32323a;transition:all .3s;z-index:9}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:5em;left:15em;width:calc( 100% - 15em - 2*1em );height:calc( 100% - 15em - 2*1em );padding:1em;flex-direction:row;justify-content:space-between;overflow-x:none;overflow-y:auto}
/*# sourceMappingURL=layout.css.map */
diff --git a/css/layout.css.map b/css/layout.css.map
index 210a008..e554b26 100755
--- a/css/layout.css.map
+++ b/css/layout.css.map
@@ -1,6 +1,6 @@
{
"version": 3,
-"mappings": "AAEA,QAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEb,gBAAgB,CCPE,OAAO,CDSzB,WAAW,CAAE,WAAW,CAKxB,gBAAW,CACV,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CCHW,IAAI,CDInB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,mBAA+B,CAExC,aAAa,CAAE,iBAA8B,CAE7C,gBAAgB,CCvBC,IAAO,CDyBxB,OAAO,CAAE,EAAE,CAQZ,mBAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CCxBU,IAAI,CDyBnB,MAAM,CAAE,IAAI,CAEb,UAAU,CAAE,gBAAgB,CAE5B,gBAAgB,CCtCA,OAAO,CDwCvB,UAAU,CAAE,OAAO,CAEnB,OAAO,CAAE,CAAC,CAMX,mBAAc,CACb,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CCzCY,KAAK,CD0CpB,IAAI,CC3CW,IAAI,CD4CnB,KAAK,CAAE,2BAA0C,CACjD,MAAM,CAAE,2BAA0C,CACnD,OAAO,CAAE,GAAG,CAGZ,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,aAAa,CAE9B,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,IAAI",
+"mappings": "AAEA,QAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEb,gBAAgB,CCPE,OAAO,CDSzB,WAAW,CAAE,WAAW,CAKxB,gBAAW,CACV,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CCHW,IAAI,CDInB,KAAK,CAAE,mBAAkC,CACzC,MAAM,CAAE,iBAA+B,CAExC,aAAa,CAAE,iBAA8B,CAE7C,gBAAgB,CCvBC,IAAO,CD0BxB,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,QAAQ,CACzB,aAAa,CAAE,YAAY,CAE3B,OAAO,CAAE,EAAE,CAQZ,mBAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CC7BU,IAAI,CD8BnB,MAAM,CAAE,IAAI,CAEb,UAAU,CAAE,gBAAgB,CAE5B,gBAAgB,CC3CA,OAAO,CD6CvB,UAAU,CAAE,OAAO,CAEnB,OAAO,CAAE,CAAC,CAMX,mBAAc,CACb,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CC9CY,GAAG,CD+ClB,IAAI,CChDW,IAAI,CDiDnB,KAAK,CAAE,2BAA0C,CACjD,MAAM,CAAE,2BAA0C,CACnD,OAAO,CAAE,GAAG,CAGZ,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,aAAa,CAE9B,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,IAAI",
"sources": ["layout.scss","constants.scss"],
"names": [],
"file": "layout.css"
diff --git a/css/layout.scss b/css/layout.scss
index a8cb87d..ae58152 100755
--- a/css/layout.scss
+++ b/css/layout.scss
@@ -16,17 +16,22 @@
/* [1] Header de la page
==========================================*/
& > #HEADER{
- display: block;
+ display: flex;
position: absolute;
top: 0;
left: $menu-side-width;
- width: 100%;
+ width: calc( 100% - #{$menu-side-width} );
height: calc( #{$header-height} - 1px );
border-bottom: 1px solid darken($theme-bg, 1);
background-color: $theme-bg-primary;
+ // Flex properties
+ flex-direction: row;
+ justify-content: flex-end;
+ align-content: space-around;
+
z-index: 10;
}
diff --git a/css/menu-side.css b/css/menu-side.css
index bd478eb..061f543 100755
--- a/css/menu-side.css
+++ b/css/menu-side.css
@@ -1,2 +1,2 @@
-#WRAPPER>#MENU-SIDE>span:not(.icon){display:block;position:relative;width:calc( 100% - 2*1em - 2*1.5em );padding:1.3em 1.5em;padding-left:calc( 1.5em + 2*1em );border-bottom:1px solid transparent;background:#32323a url("/f/svg/circle/st/menu-side/29282e") 1em center no-repeat;background-size:2em 2em;color:#ddd;text-shadow:1px 1px 0 #26262c;transition:color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;cursor:pointer}#WRAPPER>#MENU-SIDE>span:not(.icon)>svg,#WRAPPER>#MENU-SIDE>span:not(.icon)>svg *{position:absolute;top:calc( 50% - 1em/2 );left:1.5em;width:1em;height:1em;fill:#ddd !important;transition:fill .3s ease-in-out}#WRAPPER>#MENU-SIDE>span:not(.icon):hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg,#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg *{fill:#53d192 !important}#WRAPPER>#MENU-SIDE>span.icon{display:block;position:relative;width:calc( 100% - 3em - 2*1.5em );height:calc( 4.5em - 1px );padding:0 1.5em;padding-left:calc( 1.5em + 3em );border-bottom:1px solid transparent;background:#32323a;color:#fff;text-shadow:1px 1px 0 #26262c;font-weight:bold;line-height:4.5em}#WRAPPER>#MENU-SIDE>span.icon>svg,#WRAPPER>#MENU-SIDE>span.icon>svg *{position:absolute;top:calc( 50% - 5em/2 );left:1.5em;height:5em}#WRAPPER>#MENU-SIDE>span.icon:hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span.sep{border-bottom:1px solid #4a4a55}
+#WRAPPER>#MENU-SIDE>span:not(.icon){display:block;position:relative;width:calc( 100% - 2*1em - 2*1.5em );padding:1.5em 1.5em;padding-left:calc( 1.5em + 2*1em );border-bottom:1px solid transparent;background:#32323a url("/f/svg/circle/st/menu-side/29282e") 1em center no-repeat;background-size:2em 2em;color:#ddd;text-shadow:1px 1px 0 #26262c;transition:color .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, border .2s ease-in-out;cursor:pointer}#WRAPPER>#MENU-SIDE>span:not(.icon)>svg,#WRAPPER>#MENU-SIDE>span:not(.icon)>svg *{position:absolute;top:calc( 50% - 1em/2 );left:1.5em;width:1em;height:1em;fill:#ddd !important;transition:fill .2s ease-in-out}#WRAPPER>#MENU-SIDE>span:not(.icon):hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg,#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg *{fill:#53d192 !important}#WRAPPER>#MENU-SIDE>span.icon{display:block;position:relative;width:calc( 100% - 3em - 2*1.5em );height:calc( 5em - 1px );padding:0 1.5em;padding-left:calc( 1.5em + 3em );border-bottom:1px solid transparent;background:#32323a;color:#fff;text-shadow:1px 1px 0 #26262c;font-weight:bold;line-height:5em}#WRAPPER>#MENU-SIDE>span.icon>svg,#WRAPPER>#MENU-SIDE>span.icon>svg *{position:absolute;top:calc( 50% - 5em/2 );left:1.5em;height:5em}#WRAPPER>#MENU-SIDE>span.icon:hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span.sep{border-bottom:1px solid #4a4a55}
/*# sourceMappingURL=menu-side.css.map */
diff --git a/css/menu-side.css.map b/css/menu-side.css.map
index 3451591..13949fe 100755
--- a/css/menu-side.css.map
+++ b/css/menu-side.css.map
@@ -1,6 +1,6 @@
{
"version": 3,
-"mappings": "AAMC,mCAAmB,CAClB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,8BAA8B,CAEtC,OAAO,CAAE,WAAW,CACpB,YAAY,CAAE,qBAAqB,CAEnC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CAAE,qEAAsE,CAClF,eAAe,CAAE,OAAO,CACxB,KAAK,CCPW,IAAO,CDQvB,WAAW,CAAE,iBAA6B,CAE1C,UAAU,CAAE,qGAAqG,CAEjH,MAAM,CAAE,OAAO,CAGf,iFAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEZ,IAAI,CAAE,eAAmB,CACzB,UAAU,CAAE,oBAAoB,CAKjC,yCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CCjCD,OAAO,CDkCtB,KAAK,CChCU,IAAO,CDiCtB,WAAW,CAAE,iBAAqC,CAElD,6FAAkB,CACjB,IAAI,CAAE,kBAA4B,CASrC,6BAAa,CACZ,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,4BAA4B,CACnC,MAAM,CAAE,mBAA+B,CAExC,OAAO,CAAE,OAAO,CAChB,YAAY,CAAE,mBAAmB,CAEjC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CC3DM,OAAO,CD6DvB,KAAK,CC1DW,IAAO,CD2DvB,WAAW,CAAE,iBAA6B,CAC1C,WAAW,CAAE,IAAI,CACjB,WAAW,CCtDK,KAAK,CDwDrB,qEAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,MAAM,CAAE,GAAG,CAIb,mCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CC7ED,OAAO,CD8EtB,KAAK,CC5EU,IAAO,CD6EtB,WAAW,CAAE,iBAAqC,CASpD,4BAAY,CACX,aAAa,CAAE,iBAA+B",
+"mappings": "AAMC,mCAAmB,CAClB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,8BAA8B,CAEtC,OAAO,CAAE,WAAW,CACpB,YAAY,CAAE,qBAAqB,CAEnC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CAAE,qEAAsE,CAClF,eAAe,CAAE,OAAO,CACxB,KAAK,CCPW,IAAO,CDQvB,WAAW,CAAE,iBAA6B,CAE1C,UAAU,CAAE,qGAAqG,CAEjH,MAAM,CAAE,OAAO,CAGf,iFAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEZ,IAAI,CAAE,eAAmB,CACzB,UAAU,CAAE,oBAAoB,CAKjC,yCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CCjCD,OAAO,CDkCtB,KAAK,CChCU,IAAO,CDiCtB,WAAW,CAAE,iBAAqC,CAElD,6FAAkB,CACjB,IAAI,CAAE,kBAA4B,CASrC,6BAAa,CACZ,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,4BAA4B,CACnC,MAAM,CAAE,iBAA+B,CAExC,OAAO,CAAE,OAAO,CAChB,YAAY,CAAE,mBAAmB,CAEjC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CC3DM,OAAO,CD6DvB,KAAK,CC1DW,IAAO,CD2DvB,WAAW,CAAE,iBAA6B,CAC1C,WAAW,CAAE,IAAI,CACjB,WAAW,CCtDK,GAAG,CDwDnB,qEAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,MAAM,CAAE,GAAG,CAIb,mCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CC7ED,OAAO,CD8EtB,KAAK,CC5EU,IAAO,CD6EtB,WAAW,CAAE,iBAAqC,CASpD,4BAAY,CACX,aAAa,CAAE,iBAA+B",
"sources": ["menu-side.scss","constants.scss"],
"names": [],
"file": "menu-side.css"
diff --git a/css/menu-side.scss b/css/menu-side.scss
index fe2fb81..e621272 100755
--- a/css/menu-side.scss
+++ b/css/menu-side.scss
@@ -9,7 +9,7 @@
position: relative;
width: calc( 100% - 2*1em - 2*1.5em );
- padding: 1.3em 1.5em;
+ padding: 1.5em 1.5em;
padding-left: calc( 1.5em + 2*1em );
border-bottom: 1px solid transparent;
@@ -19,7 +19,7 @@
color: $dark-fg;
text-shadow: 1px 1px 0 darken($dark-bg, 5);
- transition: color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
+ transition: color .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, border .2s ease-in-out;
cursor: pointer;
@@ -32,7 +32,7 @@
height: 1em;
fill: $dark-fg !important;
- transition: fill .3s ease-in-out;
+ transition: fill .2s ease-in-out;
}
diff --git a/js/action-script.js b/js/action-script.js
index 8371cd4..6efc235 100755
--- a/js/action-script.js
+++ b/js/action-script.js
@@ -109,4 +109,14 @@
+
+
+
+
+
+ /* [3] Gestion du toggle de l'admin panel
+ =========================================================*/
+ var adminPanelSwitch = document.querySelector('')
+
+
// }
\ No newline at end of file
diff --git a/src/dynamic/profile/sample.png b/src/dynamic/profile/sample.png
new file mode 100644
index 0000000..6d1072d
Binary files /dev/null and b/src/dynamic/profile/sample.png differ
diff --git a/src/dynamic/profile/sample.svg b/src/dynamic/profile/sample.svg
new file mode 100644
index 0000000..a009976
--- /dev/null
+++ b/src/dynamic/profile/sample.svg
@@ -0,0 +1,88 @@
+
+
+
+
diff --git a/src/static/menu-side/expand.svg b/src/static/header/expand.svg
similarity index 78%
rename from src/static/menu-side/expand.svg
rename to src/static/header/expand.svg
index f1d0d17..f335a14 100644
--- a/src/static/menu-side/expand.svg
+++ b/src/static/header/expand.svg
@@ -18,7 +18,7 @@
sodipodi:docname="expand.svg">image/svg+xml
+
\ No newline at end of file
diff --git a/src/static/menu-side/dashboard.svg b/src/static/menu-side/dashboard.svg
deleted file mode 100755
index 143b1a3..0000000
--- a/src/static/menu-side/dashboard.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/static/menu-side/groups.svg b/src/static/menu-side/groups.svg
deleted file mode 100644
index 6d47c75..0000000
--- a/src/static/menu-side/groups.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/static/menu-side/machines.svg b/src/static/menu-side/machines.svg
deleted file mode 100755
index 12b1d28..0000000
--- a/src/static/menu-side/machines.svg
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/src/static/menu-side/profile.svg b/src/static/menu-side/profile.svg
deleted file mode 100644
index a5ee7c6..0000000
--- a/src/static/menu-side/profile.svg
+++ /dev/null
@@ -1,163 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/src/static/menu-side/users.svg b/src/static/menu-side/users.svg
deleted file mode 100755
index 39e76ac..0000000
--- a/src/static/menu-side/users.svg
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
\ No newline at end of file
diff --git a/todo.md b/todo.md
index 7241414..721a7c1 100755
--- a/todo.md
+++ b/todo.md
@@ -19,14 +19,14 @@
- [x] Charte graphique (couleurs, dimensions)
- [x] [css/constants] CSS
- [x] [doc/wireframe.png] Layout de base (positions)
+ - [ ] Header User Icon
+ - [ ] Header Search
- [ ] Radio Button
- [ ] Checkbox
- [ ] Titles
- [ ] Select
- [ ] Button carved
- [ ] Button
- - [ ] Header User Icon
- - [ ] Header Search
- [ ] Implementation CSS
- [x] [doc/wireframe.png] Components
- [ ] CSS
diff --git a/view.php b/view.php
index ee1ac39..5f27b92 100755
--- a/view.php
+++ b/view.php
@@ -37,6 +37,21 @@