From 9c12485c3899f4ea121f0caafb19701af419214c Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Fri, 5 Feb 2016 10:51:38 +0100 Subject: [PATCH] Interface /users/view debutee --- css/container.css | 2 +- css/container.scss | 41 ++++++++++++++++++++++++++ src/static/container/card.svg | 55 +++++++++++++++++++++++++++++++++++ todo.md | 2 +- view/users.php | 17 ++++++++++- 5 files changed, 114 insertions(+), 3 deletions(-) create mode 100644 src/static/container/card.svg diff --git a/css/container.css b/css/container.css index 6df7b04..5b53295 100755 --- a/css/container.css +++ b/css/container.css @@ -1,2 +1,2 @@ -#WRAPPER>#CONTAINER>.sub-menu-side{display:block;position:relative}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]{display:block;position:relative;width:7.5em;padding:.3em 1em .3em 2em;margin:1em;border-radius:3px;color:#5b5e63;text-shadow:1px 1px white;white-space:nowrap;transition:all .2s;cursor:pointer;overflow:hidden}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg{display:inline-block;position:absolute;left:.5em;top:50%;width:1em;height:1em;transform:translateY(-50%)}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg path{fill:#5b5e63 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active{color:#121213;background-color:#d8deea;box-shadow:inset 0 0 4px #c8ced9}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover>.svg>svg path,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active>.svg>svg path{fill:#121213 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:nth-child(1){margin-top:1em}#WRAPPER>#CONTAINER>section{flex-grow:1}#WRAPPER>#CONTAINER>section>.inline-box{display:block;position:relative;width:calc( 100% - 2*1em - 2*1em );margin:1em;padding:1em;border-radius:3px;box-shadow:0 0 1px #b7b7b7;background-color:#fff} +#WRAPPER>#CONTAINER>.sub-menu-side{display:block;position:relative}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]{display:block;position:relative;width:7.5em;padding:.3em 1em .3em 2em;margin:1em;border-radius:3px;color:#5b5e63;text-shadow:1px 1px white;white-space:nowrap;transition:all .2s;cursor:pointer;overflow:hidden}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg{display:inline-block;position:absolute;left:.5em;top:50%;width:1em;height:1em;transform:translateY(-50%)}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg path{fill:#5b5e63 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active{color:#121213;background-color:#d8deea;box-shadow:inset 0 0 4px #c8ced9}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover>.svg>svg path,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active>.svg>svg path{fill:#121213 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:nth-child(1){margin-top:1em}#WRAPPER>#CONTAINER>section{flex-grow:1}#WRAPPER>#CONTAINER>section>.inline-box{display:block;position:relative;width:calc( 100% - 2*1em - 2*1em );margin:1em;padding:1em;border-radius:3px;box-shadow:0 0 1px #b7b7b7;background-color:#fff}#WRAPPER>#CONTAINER>section>.inline-box .title{display:inline-block;font-size:1.3em;font-weight:bold}#WRAPPER>#CONTAINER>section>.inline-box .code{display:inline-block;color:#777}#WRAPPER>#CONTAINER>section>.inline-box .code svg{display:inline-block;position:relative;margin-left:.5em;margin-right:.5em;margin-bottom:-.6em;width:1.5em;height:2em}#WRAPPER>#CONTAINER>section>.inline-box .code svg path{fill:#777 !important}#WRAPPER>#CONTAINER>section>.inline-box .mail{display:block;position:relative;margin:1em;color:#777} /*# sourceMappingURL=container.css.map */ diff --git a/css/container.scss b/css/container.scss index b751078..836c8c7 100755 --- a/css/container.scss +++ b/css/container.scss @@ -93,6 +93,47 @@ box-shadow: 0 0 1px #b7b7b7; background-color: #fff; + + /* (1) Titre de l'element */ + .title{ + display: inline-block; + + font-size: 1.3em; + font-weight: bold; + } + + /* (2) Code RFID */ + .code{ + display: inline-block; + color: #777; + + // svg (icone) + svg{ + display: inline-block; + position: relative; + margin-left: .5em; + margin-right: .5em; + margin-bottom: -.6em; + width: 1.5em; + height: 2em; + + path{ + fill: #777 !important; + } + } + + } + + /* (3) Adresse mail */ + .mail{ + display: block; + position: relative; + + margin: 1em; + + color: #777; + } + } diff --git a/src/static/container/card.svg b/src/static/container/card.svg new file mode 100644 index 0000000..68098da --- /dev/null +++ b/src/static/container/card.svg @@ -0,0 +1,55 @@ + +image/svg+xml \ No newline at end of file diff --git a/todo.md b/todo.md index 8e00f73..896e99e 100755 --- a/todo.md +++ b/todo.md @@ -14,7 +14,7 @@ # EN COURS # ############ -- [ ] [/users/view] +- [ ] [/users/view] Affichage basique de liste d'elements complexes (users/machines/journal, ...) - [x] Conception BDD + ameliorations - [x] Liste des tables - [x] Liste de attributs diff --git a/view/users.php b/view/users.php index 9454365..094babb 100755 --- a/view/users.php +++ b/view/users.php @@ -71,7 +71,22 @@ else{ foreach( $answer->get('users') as $user){ echo "
"; - echo $user['code']; + // Prenom Nom + echo "".$user['firstname']." ".$user['lastname'].""; + + // Code RFID + echo ""; + echo \manager\ResourceDispatcher::getResource('/f/svg/card/st/container'); + + echo ""; + echo $user['code']; + echo ""; + echo""; + + // Adresse email + echo "".$user['mail'].""; + + echo "
"; }