From db2006417a7a07eb62a8b27e10d0dad86812ed4f Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Fri, 8 Apr 2016 11:56:04 +0200 Subject: [PATCH] - [x] Header User Icon - [x] Header Search --- css/constants.scss | 27 +-- css/header.css | 2 +- css/header.css.map | 4 +- css/header.scss | 172 ++++++++++++++++---- css/layout.css | 2 +- css/layout.css.map | 2 +- css/layout.scss | 9 +- css/menu-side.css | 2 +- css/menu-side.css.map | 2 +- css/menu-side.scss | 6 +- js/action-script.js | 10 ++ src/dynamic/profile/sample.png | Bin 0 -> 17225 bytes src/dynamic/profile/sample.svg | 88 ++++++++++ src/static/{menu-side => header}/expand.svg | 6 +- src/static/header/nopic.svg | 50 ++++++ src/static/menu-side/dashboard.svg | 56 ------- src/static/menu-side/groups.svg | 65 -------- src/static/menu-side/machines.svg | 84 ---------- src/static/menu-side/profile.svg | 163 ------------------- src/static/menu-side/users.svg | 55 ------- todo.md | 4 +- view.php | 15 ++ 22 files changed, 329 insertions(+), 495 deletions(-) create mode 100644 src/dynamic/profile/sample.png create mode 100644 src/dynamic/profile/sample.svg rename src/static/{menu-side => header}/expand.svg (78%) create mode 100644 src/static/header/nopic.svg delete mode 100755 src/static/menu-side/dashboard.svg delete mode 100644 src/static/menu-side/groups.svg delete mode 100755 src/static/menu-side/machines.svg delete mode 100644 src/static/menu-side/profile.svg delete mode 100755 src/static/menu-side/users.svg 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 0000000000000000000000000000000000000000..6d1072d61dd2e38e20fc9b0ae63c06520b3ff797 GIT binary patch literal 17225 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 literal 0 HcmV?d00001 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 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + 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 +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 @@ - -image/svg+xml \ 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 @@ - -image/svg+xml \ 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 @@ - - - -image/svg+xml \ 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 @@ - - - -image/svg+xml \ 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 @@ - -image/svg+xml \ 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 @@