Création d'utilisateur v1 niveau interface ok.
This commit is contained in:
xdrm-brackets
parent
53d66b812d
commit
ba96f05563
|
|
@ -1,2 +1,2 @@
|
|||
section[data-panel-list]{display:block;position:relative;border-radius:3px;border:1px solid #ccc;background-color:#fff;font-size:.8em;color:#000}section[data-panel-list]>div[data-header]{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:.5em .7em;border-radius:3px 3px 0 0;border-bottom:1px solid #ccc;background-color:#f5f5f5;box-shadow:inset 0 0 5px #eee}section[data-panel-list]>div[data-header]>span,section[data-panel-list]>div[data-header]>button{color:#333;font-weight:bold;line-height:2em}section[data-panel-list]>div[data-header]>button{padding:.1em .7em;border-radius:3px;border:1px solid #555;background:#f5f5f5;transition:all .2s ease-in-out}section[data-panel-list]>div[data-header]>button:hover{background:#333;color:#fff}section[data-panel-list]>div[data-description]{display:block;position:relative;border-bottom:1px solid #ccc;padding:.7em .7em;color:#555}section[data-panel-list]>ul[data-list]{display:flex;position:relative;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;margin:0;padding:0;list-style:none}section[data-panel-list]>ul[data-list]>li[data-element]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:1em}section[data-panel-list]>ul[data-list]>li[data-element]:not(:last-child){border-bottom:1px solid #ccc}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1){display:flex;width:10em;height:6em;flex-direction:column;justify-content:flex-end;align-items:center;background-size:auto 50%}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-token]{background:url("/f/svg/token/st/container/666666") center 1em no-repeat}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-token].active{background-image:url("/f/svg/token/st/container/399ced")}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-user]{background:url("/f/svg/user/st/container/666666") center 1em no-repeat}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-user].active{background-image:url("/f/svg/user/st/container/399ced")}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)>span{display:block;padding:0 .4em;border-radius:3px;border:1px solid #ddd;font-size:.8em;color:#555;text-transform:uppercase;font-weight:bold}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(n+2){display:flex;position:relative;flex:10em;padding:1em;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:1em;color:#000;font-weight:bold}section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(n+2)>span[data-prefix]:before{content:attr(data-prefix) ": ";font-weight:normal}section[data-panel-list]>ul[data-list]>li[data-element]>button{padding:.1em .7em;height:2em;border-radius:3px;border:1px solid #de2b08;background:#fff;color:#de2b08;font-weight:bold;transition:all .2s ease-in-out}section[data-panel-list]>ul[data-list]>li[data-element]>button:hover{background:#de2b08;color:#fff}section[data-panel-list]>div[data-add]{display:none;position:relative;padding:1em;border-bottom:1px solid #ccc;background-color:#f5f5f5}section[data-panel-list]>div[data-add].active{display:block}section[data-panel-list]>div[data-add]>.label{display:inline-block;width:18em;padding-right:2em;text-align:right}section[data-panel-list]>div[data-add]>input[type='text'],section[data-panel-list]>div[data-add]>input[type='email'],section[data-panel-list]>div[data-add]>input[type='password']{margin:1em 0;padding:.3em .5em;border-radius:3px;border:1px solid #999;background-color:#fff;color:#000;font-weight:normal}section[data-panel-list]>div[data-add]>input[type='text']:focus,section[data-panel-list]>div[data-add]>input[type='email']:focus,section[data-panel-list]>div[data-add]>input[type='password']:focus{border-color:#399ced}
|
||||
#WRAPPER>#CONTAINER section[data-panel-list]{display:block;position:relative;border-radius:3px;border:1px solid #ccc;background-color:#fff;font-size:.9em;color:#000}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:.5em .7em;border-radius:3px 3px 0 0;border-bottom:1px solid #ccc;background-color:#f5f5f5;box-shadow:inset 0 0 5px #eee}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>span,#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>button{color:#333;font-weight:bold;line-height:2em}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>button{padding:.1em .7em;border-radius:3px;border:1px solid #777;background:#ecf0f1;transition:all .1s ease-in-out;color:#777}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>button:hover{background:#399ced;border-color:#1484df;color:#fff}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-description]{display:block;position:relative;border-bottom:1px solid #ccc;padding:.7em .7em;color:#555}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]{display:flex;position:relative;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;margin:0;padding:0;list-style:none}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:1em}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]:not(:last-child){border-bottom:1px solid #ccc}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1){display:flex;width:10em;height:6em;flex-direction:column;justify-content:flex-end;align-items:center;background-size:auto 50%}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-token]{background:url("/f/svg/token/st/container/666666") center 1em no-repeat}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-token].active{background-image:url("/f/svg/token/st/container/399ced")}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-user]{background:url("/f/svg/user/st/container/666666") center 1em no-repeat}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-user].active{background-image:url("/f/svg/user/st/container/399ced")}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)>span{display:block;padding:0 .4em;border-radius:3px;border:1px solid #ddd;font-size:.8em;color:#555;text-transform:uppercase;font-weight:bold}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(n+2){display:flex;position:relative;flex:10em;padding:1em;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:1em;color:#000;font-weight:bold}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(n+2)>span[data-prefix]:before{content:attr(data-prefix) ": ";font-weight:normal}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>button{padding:.1em .7em;height:2em;border-radius:3px;border:1px solid #de2b08;background:#fff;color:#de2b08;font-weight:bold;transition:all .2s ease-in-out}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>button:hover{background:#de2b08;color:#fff}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]{display:none;position:relative;padding:1em;border-bottom:1px solid #ccc;background-color:#ecf0f1}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add].active{display:block}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>.label{display:inline-block;width:18em;padding-right:2em;text-align:right;color:#3b494c}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='text'],#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='email'],#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='password']{margin:1em 0;padding:.5em .7em;border-radius:3px;border:1px solid #ddd;background-color:#fff;color:#000;font-weight:normal}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='text']:focus,#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='email']:focus,#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='password']:focus{border-color:#399ced;box-shadow:inset 0 0 2px #ddd}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='submit']:hover{background:#399ced;border-color:#1484df;color:#fff}
|
||||
/*# sourceMappingURL=global.css.map */
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"mappings": "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",
|
||||
"sources": ["global.scss","constants.scss"],
|
||||
"names": [],
|
||||
"file": "global.css"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
/* [1] Panneau d'ajout/suppression d'elements
|
||||
=========================================================*/
|
||||
section[data-panel-list]{
|
||||
#WRAPPER > #CONTAINER section[data-panel-list]{
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
|
|
@ -12,7 +12,7 @@ section[data-panel-list]{
|
|||
|
||||
background-color: #fff;
|
||||
|
||||
font-size: .8em;
|
||||
font-size: .9em;
|
||||
color: #000;
|
||||
|
||||
|
||||
|
|
@ -48,15 +48,18 @@ section[data-panel-list]{
|
|||
padding: .1em .7em;
|
||||
|
||||
border-radius: 3px;
|
||||
border: 1px solid #555;
|
||||
border: 1px solid #777;
|
||||
|
||||
background: #f5f5f5;
|
||||
background: #ecf0f1;
|
||||
|
||||
transition: all .2s ease-in-out;
|
||||
transition: all .1s ease-in-out;
|
||||
|
||||
color: #777;
|
||||
|
||||
// Animation de @hover
|
||||
&:hover{
|
||||
background: #333;
|
||||
background: $theme-fg-primary;
|
||||
border-color: darken($theme-fg-primary, 10);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
@ -228,7 +231,7 @@ section[data-panel-list]{
|
|||
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
||||
background-color: #f5f5f5;
|
||||
background-color: #ecf0f1;
|
||||
|
||||
// font-weight: bold;
|
||||
|
||||
|
|
@ -238,6 +241,7 @@ section[data-panel-list]{
|
|||
width: 18em;
|
||||
padding-right: 2em;
|
||||
text-align: right;
|
||||
color: #3b494c;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -246,10 +250,10 @@ section[data-panel-list]{
|
|||
& > input[type='email'],
|
||||
& > input[type='password']{
|
||||
margin: 1em 0;
|
||||
padding: .3em .5em;
|
||||
padding: .5em .7em;
|
||||
|
||||
border-radius: 3px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
|
|
@ -259,8 +263,17 @@ section[data-panel-list]{
|
|||
// Animation de @focus
|
||||
&:focus{
|
||||
border-color: $theme-fg-primary;
|
||||
box-shadow: inset 0 0 2px #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* (5.3) Bouton de creation animation de @hover*/
|
||||
& > input[type='submit']:hover{
|
||||
background: $theme-fg-primary;
|
||||
border-color: darken($theme-fg-primary, 10);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -7,19 +7,27 @@
|
|||
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 139 139"
|
||||
height="32"
|
||||
id="Safety"
|
||||
version="1.1"
|
||||
viewBox="0 0 32.000001 32"
|
||||
width="32"
|
||||
xml:space="preserve"
|
||||
id="svg4200"
|
||||
version="1.1"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="token.svg"><metadata
|
||||
id="metadata4207"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs4205" /><sodipodi:namedview
|
||||
sodipodi:docname="token.svg">
|
||||
<metadata
|
||||
id="metadata4208">
|
||||
<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></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs4206" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
|
|
@ -30,20 +38,22 @@
|
|||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1056"
|
||||
id="namedview4203"
|
||||
id="namedview4204"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:snap-page="true"
|
||||
inkscape:zoom="13.726619"
|
||||
inkscape:cx="26.74026"
|
||||
inkscape:cy="15.083197"
|
||||
inkscape:zoom="22.627417"
|
||||
inkscape:cx="16.037016"
|
||||
inkscape:cy="14.839514"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Safety" /><path
|
||||
d="m 27.259844,13.87868 c 0.118671,-0.67971 0.184135,-1.37892 0.184135,-2.09374 C 27.443979,5.286998 22.310196,0 16.000007,0 9.6895395,0 4.5554775,5.286998 4.5554775,11.78494 c 0,0.71482 0.06574,1.41347 0.184693,2.09374 -0.993663,0.63459 -1.654433,1.74413 -1.654433,3.01135 l 0,11.53702 c 0,1.9734 1.599833,3.57295 3.572672,3.57295 l 18.6829165,0 c 1.972282,0 3.571836,-1.59955 3.571836,-3.57295 l 0.0011,0 0,-11.53702 c 0,-1.26694 -0.660213,-2.37676 -1.654432,-3.01135 z m -9.683404,10.07368 0,2.50714 c 0,0.87137 -0.705899,1.57727 -1.57699,1.57727 -0.871092,0 -1.57699,-0.7059 -1.57699,-1.57727 l 0,-2.50825 c -1.011491,-0.55742 -1.697612,-1.63298 -1.697612,-2.86984 0,-1.80848 1.466119,-3.27488 3.275159,-3.27488 1.809039,0 3.275437,1.4664 3.275437,3.27488 0,1.23741 -0.686678,2.31381 -1.699004,2.87095 z m 5.513198,-10.63556 -14.1795395,0 c -0.09722,-0.49446 -0.149035,-1.00731 -0.149035,-1.53186 0,-4.1794 3.2473015,-7.579355 7.2389445,-7.579355 3.991363,0 7.238386,3.399675 7.238386,7.579355 0,0.52455 -0.05126,1.0374 -0.148756,1.53186 z"
|
||||
inkscape:current-layer="svg4200" />
|
||||
<path
|
||||
d="m 22.866317,1.1559801 c -5.044932,0 -9.133682,4.08875 -9.133682,9.1336899 0,0.69929 0.07849,1.37718 0.228342,2.0301 L 0,26.27718 l 0,2.28342 2.2834207,2.28342 4.5668413,0 2.2834207,-2.28342 0,-2.28342 2.2834203,0 0,-2.28342 2.283421,0 0,-2.28342 4.566841,0 2.526034,-2.52604 c 0.667187,0.15342 1.359349,0.23548 2.072918,0.23548 C 27.91125,19.41978 32,15.33103 32,10.2861 32,5.2411701 27.907682,1.1559801 22.866317,1.1559801 Z M 13.700524,17.1435 2.2834207,28.5606 l 0,-2.28342 11.4171033,-11.4171 0,2.28342 z m 11.417103,-6.85027 c -1.259449,0 -2.28342,-1.0239701 -2.28342,-2.2834199 0,-1.25945 1.023971,-2.28342 2.28342,-2.28342 1.25945,0 2.283421,1.02397 2.283421,2.28342 0,1.2594498 -1.023971,2.2834199 -2.283421,2.2834199 z"
|
||||
id="stylisable"
|
||||
inkscape:connector-curvature="0" /></svg>
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.3 KiB |
|
|
@ -7,19 +7,27 @@
|
|||
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 24 24"
|
||||
id="Layer_1"
|
||||
version="1.0"
|
||||
viewBox="0 0 32 32"
|
||||
xml:space="preserve"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="user.svg"
|
||||
height="32"
|
||||
version="1.1"
|
||||
width="32"
|
||||
height="32"><metadata
|
||||
id="metadata4194"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs4192" /><sodipodi:namedview
|
||||
id="svg4252"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="user.svg">
|
||||
<metadata
|
||||
id="metadata4272">
|
||||
<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></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs4270" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
|
|
@ -30,25 +38,54 @@
|
|||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1056"
|
||||
id="namedview4190"
|
||||
id="namedview4268"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="39.75"
|
||||
inkscape:cx="8"
|
||||
inkscape:cy="8"
|
||||
inkscape:snap-page="true"
|
||||
inkscape:zoom="9.9375"
|
||||
inkscape:cx="30.621605"
|
||||
inkscape:cy="9.111739"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1" /><g
|
||||
id="g4196"
|
||||
transform="matrix(2,0,0,2,-8,-8)"><circle
|
||||
inkscape:current-layer="svg4252" />
|
||||
<g
|
||||
transform="matrix(1.6,0,0,1.6,-3.2004,-1648.64)"
|
||||
id="g4254">
|
||||
<path
|
||||
d="m 12,1039.4 c -1.277,0 -2.4943,0.2 -3.5938,0.7 0.6485,1.3 2.0108,2.3 3.5938,2.3 1.583,0 2.945,-1 3.594,-2.3 -1.1,-0.5 -2.317,-0.7 -3.594,-0.7 z"
|
||||
id="path4256"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#95a5a6" />
|
||||
<path
|
||||
d="m 8.4062,1041.1 c -2.8856,1.3 -4.9781,4 -5.3437,7.3 0,1.1 0.8329,2 1.9375,2 l 14,0 c 1.105,0 1.938,-0.9 1.938,-2 -0.366,-3.3 -2.459,-6 -5.344,-7.3 -0.649,1.3 -2.011,2.3 -3.594,2.3 -1.583,0 -2.9453,-1 -3.5938,-2.3 z"
|
||||
id="stylisable"
|
||||
r="4"
|
||||
cy="8"
|
||||
cx="12" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#d35400" />
|
||||
<path
|
||||
d="m 8.4062,1040.1 c -2.8856,1.3 -4.9781,4 -5.3437,7.3 0,1.1 0.8329,2 1.9375,2 l 14,0 c 1.105,0 1.938,-0.9 1.938,-2 -0.366,-3.3 -2.459,-6 -5.344,-7.3 -0.649,1.3 -2.011,2.3 -3.594,2.3 -1.583,0 -2.9453,-1 -3.5938,-2.3 z"
|
||||
id="stylisable"
|
||||
d="m 12,14 c -6.1,0 -8,4 -8,4 l 0,2 16,0 0,-2 c 0,0 -1.9,-4 -8,-4 z"
|
||||
inkscape:connector-curvature="0" /></g></svg>
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#e67e22" />
|
||||
<path
|
||||
d="m 12,11 c -1.147,0 -2.2412,0.232 -3.25,0.625 0.9405,0.616 2.047,1 3.25,1 1.206,0 2.308,-0.381 3.25,-1 C 14.241,11.232 13.147,11 12,11 Z"
|
||||
transform="translate(0,1028.4)"
|
||||
id="path4262"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#7f8c8d" />
|
||||
<path
|
||||
d="M 17,4 A 5,5 0 1 1 7,4 5,5 0 1 1 17,4 Z"
|
||||
transform="translate(0,1031.4)"
|
||||
id="path4264"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#bdc3c7" />
|
||||
<path
|
||||
d="m 8.4062,1040.1 c -0.3172,0.2 -0.6094,0.3 -0.9062,0.5 0.8153,1.6 2.541,2.8 4.5,2.8 1.959,0 3.685,-1.2 4.5,-2.8 -0.297,-0.2 -0.589,-0.3 -0.906,-0.5 -0.649,1.3 -2.011,2.3 -3.594,2.3 -1.583,0 -2.9453,-1 -3.5938,-2.3 z"
|
||||
style="color:#000000;text-indent:0;text-transform:none;block-progression:tb;fill:#d35400"
|
||||
id="stylisable"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 3.4 KiB |
|
|
@ -29,25 +29,11 @@
|
|||
<img src='/f/png/ut2/st/credits'/>
|
||||
</center>
|
||||
|
||||
<p>Bienvenue sur la Web Application dévéloppée par des chercheurs du CNRS appartenant au LabEx SMS (Structuration des Mondes Sociaux) de l'université de Toulouse.</p>
|
||||
<p>Cette application va vous permettre de cartographier le réseau de vos amis et des relations sociales avec lesquels vous communiquez depuis votre téléphone, facebook, ou hors-ligne.</p>
|
||||
<p>Cette recherche est entièrement à but non lucratif, les informations que vous communiquez ne seront pas exploitées à des fins commerciales.</p>
|
||||
<p>Bienvenue sur la Web Application dévéloppée par des chercheurs du CNRS appartenant au LabEx SMS (Structuration des Mondes Sociaux) de l'université de Toulouse.</p>
|
||||
<p>Cette application va vous permettre de cartographier le réseau de vos amis et des relations sociales avec lesquels vous communiquez depuis votre téléphone, facebook, ou hors-ligne.</p>
|
||||
<p>Cette recherche est entièrement à but non lucratif, les informations que vous communiquez ne seront pas exploitées à des fins commerciales.</p>
|
||||
|
||||
<p>Vous pourrez accéder a la plateforme si vous avez été sondé afin de compléter, consulter et modifier vos informations.</p>
|
||||
<h6>sexe</h6>
|
||||
<input type='radio' name='sexe' value='0' id='sexeM'><label for='sexeM'>Homme</label><br>
|
||||
<input type='radio' name='sexe' value='1' id='sexeF'><label for='sexeF'>Femme</label><br>
|
||||
|
||||
<br>
|
||||
<h6>diplomes</h6>
|
||||
<input type='checkbox' name='diplome' value='0' id='diplomBTS'><label for='diplomBTS'>BTS</label><br>
|
||||
<input type='checkbox' name='diplome' value='1' id='diplomBAC'><label for='diplomBAC'>BAC</label><br>
|
||||
<input type='checkbox' name='diplome' value='1' id='diplomDUT'><label for='diplomDUT'>DUT</label><br>
|
||||
|
||||
<br>
|
||||
<h6>validation</h6>
|
||||
<input type='button' value='Vérifier les données'><br>
|
||||
<input type='button' value='Soumettre' class='primary'><br>
|
||||
<p>Vous pourrez accéder a la plateforme si vous avez été sondé afin de compléter, consulter et modifier vos informations.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ var TOKEN = {
|
|||
|
||||
name: document.querySelector("[data-sublink='tokens'] div[data-add] #add-name"), // nom du token a creer
|
||||
duration: document.querySelector("[data-sublink='tokens'] div[data-add] #add-duration"), // duree du token a creer (en jours)
|
||||
submit: document.querySelector("[data-sublink='tokens'] div[data-add] #add-submit") // validation de la creation
|
||||
submit: document.querySelector("[data-sublink='tokens'] div[data-add] #add-token-submit") // validation de la creation
|
||||
},
|
||||
|
||||
|
||||
|
|
@ -91,12 +91,14 @@ var USERS = {
|
|||
panel: document.querySelector("[data-sublink='users'] div[data-add]"), // formulaire de creation
|
||||
state: true, // etat (visible ou non) du panel
|
||||
|
||||
login: document.querySelector("[data-sublink='users'] div[data-add] #add-login"), // identifiant de l'utilisateur
|
||||
password: document.querySelector("[data-sublink='users'] div[data-add] #add-password"), // password de l'utilisateur
|
||||
mail: document.querySelector("[data-sublink='users'] div[data-add] #add-mail"), // adresse mail de l'utilisateur
|
||||
permissions: document.querySelector("[data-sublink='users'] div[data-add] #add-permissions"), // permissions de l'utilisateur
|
||||
reference: document.querySelector("[data-sublink='users'] div[data-add] #add-reference"), // reference de l'utilisateur
|
||||
submit: document.querySelector("[data-sublink='users'] div[data-add] #add-submit") // validation de la creation
|
||||
login: document.querySelector("[data-sublink='users'] div[data-add] #add-login"), // identifiant de l'utilisateur
|
||||
password: document.querySelector("[data-sublink='users'] div[data-add] #add-password"), // password de l'utilisateur
|
||||
password2: document.querySelector("[data-sublink='users'] div[data-add] #add-password2"), // verification du password de l'utilisateur
|
||||
mail: document.querySelector("[data-sublink='users'] div[data-add] #add-mail"), // adresse mail de l'utilisateur
|
||||
isAdmin: document.querySelector("[data-sublink='users'] div[data-add] #add-admin"), // Bouton radio si l'utilisateur est admin
|
||||
isSubject: document.querySelector("[data-sublink='users'] div[data-add] #add-subject"), // Bouton radio si l'utilisateur est sujet
|
||||
reference: document.querySelector("[data-sublink='users'] div[data-add] #add-reference"), // reference de l'utilisateur
|
||||
submit: document.querySelector("[data-sublink='users'] div[data-add] #add-user-submit") // validation de la creation
|
||||
},
|
||||
|
||||
|
||||
|
|
@ -122,6 +124,11 @@ var USERS = {
|
|||
|
||||
/* (1.2) Gestion de la creation */
|
||||
USERS.add.submit.addEventListener('click', function(e){
|
||||
// On verifie que les 2 mots de passe sont identiques
|
||||
if( USERS.add.password.value != USERS.add.password2.value ){
|
||||
return;
|
||||
}
|
||||
|
||||
// On redige la requete
|
||||
var request = { // on ecrit la requete
|
||||
'path': 'user/create',
|
||||
|
|
@ -129,7 +136,7 @@ var USERS = {
|
|||
'password': USERS.add.password.value,
|
||||
'mail': USERS.add.mail.value,
|
||||
'reference': USERS.add.reference.value,
|
||||
'permissions': USERS.add.permissions.value
|
||||
'permissions': (USERS.add.isAdmin.checked) ? 'admin' : 'subject'
|
||||
};
|
||||
|
||||
// On lance la requete
|
||||
|
|
@ -138,8 +145,8 @@ var USERS = {
|
|||
// Si la generation effectuee, on recharge la page
|
||||
if( answer.ModuleError == 0 )
|
||||
reload();
|
||||
|
||||
});
|
||||
|
||||
}, false);
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ if( permission('admin') ){
|
|||
<div data-add>
|
||||
<span class='label'>Nom de l'accès</span><input type='text' placeholder='token' id='add-name'><br>
|
||||
<span class='label'>Duree de vie (jours)</span><input type='text' value='10' id='add-duration'><br>
|
||||
<input type='button' value='Ajouter un accès' id='add-submit'>
|
||||
<input type='submit' value='Ajouter un accès' id='add-token-submit'>
|
||||
</div>
|
||||
|
||||
<!-- Conteneur de la liste des elements -->
|
||||
|
|
@ -108,15 +108,16 @@ if( permission('admin') ){
|
|||
<!-- Description des utilisateurs et des permissions -->
|
||||
<div data-description>Liste des utilisateurs de la plateforme. Un <i>administrateur</i> peut tout faire. Un <i>sujet</i> peut compléter ses données et les consulter.</div>
|
||||
<!-- Creation d'un nouvel element (cache) -->
|
||||
<div data-add>
|
||||
<div data-add>
|
||||
<span class='label'>Identifiant</span><input type='text' id='add-login'><br>
|
||||
<span class='label'>Adresse mail</span><input type='email' id='add-mail'><br>
|
||||
<span class='label'>Mot de passe</span><input type='password' id='add-password'><br>
|
||||
<span class='label'>Vérification du mot de passe</span><input type='password' id='add-password2'><br>
|
||||
<span class='label'>Droits</span>
|
||||
<input type='checkbox' id='add-admin' id='add-admin'><label for='add-admin'>Administrateur</label>
|
||||
<input type='checkbox' id='add-subject' id='add-subject'><label for='add-subject'>Sujet</label><br>
|
||||
<input type='button' value='Créer un utilisateur' id='add-submit'>
|
||||
<input type='radio' name='add-permissions' value='subject' id='add-subject' checked='true'><label for='add-subject'>Sujet</label>
|
||||
<input type='radio' name='add-permissions' value='admin' id='add-admin'><label for='add-admin'>Administrateur</label><br>
|
||||
<span class='label'>Identifiant d'étude (optionnel)</span><input type='text' id='add-reference'><br>
|
||||
<input type='submit' value='Créer un utilisateur' id='add-user-submit'>
|
||||
</div>
|
||||
|
||||
<!-- Conteneur de la liste des elements -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue