Interface /users/view debutee
This commit is contained in:
parent
68a1a55a46
commit
9c12485c38
|
@ -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 */
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -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 |
2
todo.md
2
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
|
||||
|
|
|
@ -71,7 +71,22 @@
|
|||
else{
|
||||
foreach( $answer->get('users') as $user){
|
||||
echo "<article class='inline-box'>";
|
||||
// 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>";
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue