Interface /users/view debutee

This commit is contained in:
xdrm-brackets 2016-02-05 10:51:38 +01:00
parent 68a1a55a46
commit 9c12485c38
5 changed files with 114 additions and 3 deletions

View File

@ -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 */

View File

@ -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;
}
}

View File

@ -0,0 +1,55 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 50 50"
height="32"
id="Layer_1"
version="1.1"
viewBox="0 0 31.999996 32.000001"
width="31.999996"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="card.svg"><metadata
id="metadata15"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs13" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview11"
showgrid="false"
inkscape:object-nodes="true"
inkscape:snap-smooth-nodes="true"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:zoom="13.350176"
inkscape:cx="14.073105"
inkscape:cy="9.9886061"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true" /><path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.95999998;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="M 2.875 4.90625 C 2.529796 4.9157 2.2418738 4.937821 1.96875 4.96875 C 1.4225022 5.030662 0.93673632 5.186207 0.59375 5.53125 C 0.25076368 5.876293 0.12254463 6.330297 0.0625 6.875 C 0.0024553738 7.419702 0 8.093575 0 8.96875 L 0 23.3125 C 0 24.124468 0.0048066236 24.741981 0.0625 25.25 C 0.12019448 25.758018 0.26592965 26.173672 0.59375 26.5 C 0.92157035 26.826327 1.3368542 26.974885 1.84375 27.03125 C 2.3506459 27.08761 2.9733941 27.09375 3.78125 27.09375 L 28.21875 27.09375 C 29.032019 27.09375 29.648535 27.08683 30.15625 27.03125 C 30.663965 26.97565 31.11017 26.827256 31.4375 26.5 C 31.764831 26.172743 31.881843 25.757769 31.9375 25.25 C 31.99317 24.74223 32 24.125968 32 23.3125 L 32 8.875 C 32 8.023309 31.99837 7.375569 31.9375 6.84375 C 31.87666 6.31193 31.720813 5.835374 31.375 5.5 C 31.029187 5.164626 30.575378 5.0273948 30.03125 4.96875 C 29.487123 4.910101 28.816871 4.90625 27.9375 4.90625 L 4.0625 4.90625 C 3.6220196 4.90625 3.2202041 4.8968 2.875 4.90625 z M 4.53125 6.9375 L 27.46875 6.9375 C 28.312813 6.9375 28.947988 6.956708 29.375 7 C 29.802012 7.043293 29.97277 7.1056474 30.0625 7.1875 C 30.15223 7.269346 30.265665 7.4274219 30.3125 7.8125 C 30.35934 8.1975772 30.34375 8.7934597 30.34375 9.5625 L 30.34375 10.3125 L 1.65625 10.3125 L 1.65625 9.65625 C 1.65625 8.8657828 1.640649 8.2747714 1.6875 7.875 C 1.734355 7.4752294 1.8456541 7.3056588 1.9375 7.21875 C 2.029346 7.131839 2.1995759 7.0453522 2.625 7 C 3.050424 6.954649 3.6863262 6.9375 4.53125 6.9375 z M 1.65625 14.34375 L 30.34375 14.34375 L 30.34375 22.78125 C 30.34375 23.459136 30.35525 23.974385 30.3125 24.3125 C 30.26979 24.650615 30.168026 24.779316 30.09375 24.84375 C 30.01947 24.90818 29.858415 24.962978 29.46875 25 C 29.079087 25.03702 28.499856 25.0625 27.71875 25.0625 L 4.28125 25.0625 C 3.5057785 25.0625 2.9196702 25.03747 2.53125 25 C 2.1428268 24.96253 1.9827628 24.909844 1.90625 24.84375 C 1.829737 24.77766 1.7316414 24.649748 1.6875 24.3125 C 1.643359 23.975251 1.65625 23.45687 1.65625 22.78125 L 1.65625 14.34375 z "
id="path3047" /></svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -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

View File

@ -71,7 +71,22 @@
else{
foreach( $answer->get('users') as $user){
echo "<article class='inline-box'>";
echo $user['code'];
// Prenom Nom
echo "<span class='title'>".$user['firstname']." ".$user['lastname']."</span>";
// Code RFID
echo "<span class='code'>";
echo \manager\ResourceDispatcher::getResource('/f/svg/card/st/container');
echo "<span>";
echo $user['code'];
echo "</span>";
echo"</span>";
// Adresse email
echo "<span class='mail'>".$user['mail']."</span>";
echo "</article>";
}