- [x] [container.scss] Refonte mineure formulaires, charte graphique en cours
This commit is contained in:
xdrm-brackets
parent
9580388746
commit
a747636ce6
|
|
@ -3,6 +3,6 @@ $theme-color: #e63321;
|
|||
$sub-menu-color: #5b5e63;
|
||||
|
||||
/* FORMULAIRES */
|
||||
$form-valid-color: #2193e6;
|
||||
$form-invalid-color: #e63321;
|
||||
$form-neutral-color: #7f7f7f;
|
||||
$form-valid-color: #19C566;
|
||||
$form-neutral-color: #2193e6;
|
||||
$form-invalid-color: #d44f18;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -182,7 +182,7 @@
|
|||
|
||||
&:hover{
|
||||
& > svg{
|
||||
fill: #3c89e8 !important;
|
||||
fill: $form-neutral-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -193,7 +193,7 @@
|
|||
|
||||
&:hover{
|
||||
& > svg{
|
||||
fill: #d44f18 !important;
|
||||
fill: $form-invalid-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -218,24 +218,58 @@
|
|||
/* (1) Champs de texte */
|
||||
input[type=text],
|
||||
input[type=mail],
|
||||
input[type=password]{
|
||||
input[type=password],
|
||||
&.invalid > input[type=text],
|
||||
&.invalid > input[type=mail],
|
||||
&.invalid > input[type=password],
|
||||
input.invalid[type=text],
|
||||
input.invalid[type=mail],
|
||||
input.invalid[type=password]{
|
||||
display: inline-block;
|
||||
margin: 1em 0;
|
||||
padding: .3em .5em;
|
||||
padding: .5em 1em;
|
||||
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d7dde8;
|
||||
|
||||
color: #000;
|
||||
|
||||
color: #2f3033;
|
||||
|
||||
&:focus{
|
||||
border-color: $theme-color;
|
||||
border-color: $form-invalid-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Champs valides
|
||||
&.valid > input[type=text],
|
||||
&.valid > input[type=mail],
|
||||
&.valid > input[type=password],
|
||||
input.valid[type=text],
|
||||
input.valid[type=mail],
|
||||
input.valid[type=password]{
|
||||
&:focus{
|
||||
border-color: $form-valid-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Champs neutres
|
||||
&.neutral > input[type=text],
|
||||
&.neutral > input[type=mail],
|
||||
&.neutral > input[type=password],
|
||||
input.neutral[type=text],
|
||||
input.neutral[type=mail],
|
||||
input.neutral[type=password]{
|
||||
&:focus{
|
||||
border-color: $form-neutral-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* (2) Boutons */
|
||||
button, button.invalid{
|
||||
button,
|
||||
button.invalid,
|
||||
&.invalid > button{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
|
|
@ -260,8 +294,9 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
button.valid{
|
||||
// Boutons valides
|
||||
button.valid,
|
||||
&.valid > button{
|
||||
border-color: $form-valid-color;
|
||||
|
||||
color: $form-valid-color;
|
||||
|
|
@ -271,6 +306,19 @@
|
|||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// Boutons neutres
|
||||
button.neutral,
|
||||
&.neutral > button{
|
||||
border-color: $form-neutral-color;
|
||||
|
||||
color: $form-neutral-color;
|
||||
|
||||
&:hover{
|
||||
background-color: $form-neutral-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
5
todo.md
5
todo.md
|
|
@ -1,6 +1,8 @@
|
|||
###########
|
||||
# A FAIRE #
|
||||
###########
|
||||
- [ ] Prendre en compte au lieu de SERVER['HTTP_HOST'] l'hote et son dossier source
|
||||
- [ ] Gestion de l'erreur de chargement ou erreur de nav (page-manager)
|
||||
|
||||
############
|
||||
# EN COURS #
|
||||
|
|
@ -11,13 +13,12 @@
|
|||
- [ ] [view/machine] Prise en compte de pageManager.vars[2] pour la modification
|
||||
- [ ] [view/machine] Prise en compte de pageManager.vars[2] pour la suppression
|
||||
|
||||
- [ ] Prendre en compte au lieu de SERVER['HTTP_HOST'] l'hote et son dossier source
|
||||
- [ ] Gestion de l'erreur de chargement ou erreur de nav (page-manager)
|
||||
|
||||
|
||||
########
|
||||
# FAIT #
|
||||
########
|
||||
- [x] [container.scss] Refonte mineure formulaires, charte graphique en cours
|
||||
- [x] Creation de la base des managers et de l'API
|
||||
- [x] Conception des managers et de l'API
|
||||
- [x] Definir graphiquement le #CONTAINER
|
||||
|
|
|
|||
|
|
@ -52,10 +52,8 @@
|
|||
$sublink = $post[0];
|
||||
|
||||
|
||||
|
||||
// On recupere toutes les machines
|
||||
debug();
|
||||
|
||||
/* [1] Affichage des machines
|
||||
=========================================================*/
|
||||
$request = new ModuleRequest('machineDefault/getAll'); // On utilise la methode 'getAll' du module 'machineDefault'
|
||||
$answer = $request->dispatch(); // On recupere la reponse
|
||||
|
||||
|
|
@ -128,7 +126,53 @@
|
|||
=========================================================*/
|
||||
echo "<section data-sublink='create'>";
|
||||
|
||||
echo "<form>";
|
||||
echo "<form class='valid'>";
|
||||
echo "<input id='create_code' type='text' placeholder='Code'><br>";
|
||||
echo "<input id='create_name' type='text' placeholder='Name'><br>";
|
||||
echo "<button id='create_submit'>Créer</button>";
|
||||
echo "</form>";
|
||||
|
||||
echo '</section>';
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* [3] Suppression de machine
|
||||
=========================================================*/
|
||||
echo "<section data-sublink='remove'>";
|
||||
|
||||
echo "<form class='invalid'>";
|
||||
echo "<input id='create_code' type='text' placeholder='Code'><br>";
|
||||
echo "<input id='create_name' type='text' placeholder='Name'><br>";
|
||||
echo "<button id='create_submit'>Créer</button>";
|
||||
echo "</form>";
|
||||
|
||||
echo '</section>';
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* [4] Modification de machine
|
||||
=========================================================*/
|
||||
echo "<section data-sublink='edit'>";
|
||||
|
||||
echo "<form class='neutral'>";
|
||||
echo "<input id='create_code' type='text' placeholder='Code'><br>";
|
||||
echo "<input id='create_name' type='text' placeholder='Name'><br>";
|
||||
echo "<button id='create_submit'>Créer</button>";
|
||||
|
|
|
|||
|
|
@ -136,7 +136,7 @@
|
|||
=========================================================*/
|
||||
echo "<section data-sublink='create'>";
|
||||
|
||||
echo "<form>";
|
||||
echo "<form class='valid'>";
|
||||
echo "<input id='create_code' type='text' placeholder='Code'><br>";
|
||||
echo "<input id='create_username' type='text' placeholder='Username'><br>";
|
||||
echo "<input id='create_firstname' type='text' placeholder='Firstname'><br>";
|
||||
|
|
|
|||
Loading…
Reference in New Issue