cst1/kpsul
1
0
Fork 0
forked from DGNum/gestioCOF
Code Pull requests Activity

Notice the users about the α-numeric restriction

Browse source 
Add a help text above the two autocompletion inputs letting the users
know that non-alphanumeric characters will not be used.
This commit is contained in:
Martin Pépin 2017-03-16 23:16:56 +00:00
parent 741f0183e6
commit 55b67f38c8
4 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
gestioncof/static/css/cof.css
View file

@ -800,7 +800,7 @@ input#search_autocomplete {
height: 40px; height: 40px;
padding: 10px 8px; padding: 10px 8px;
margin: 0 auto; margin: 0 auto;
margin-top: 20px; margin-top: 0px;
display: block; display: block;
color: #aaa; color: #aaa;
} }
@ -1119,3 +1119,10 @@ div.messages div.alert-success div.container {
div.messages div.alert div.container a { div.messages div.alert div.container a {
color: inherit; color: inherit;
} }
/* Help text */
p.help-block {
margin: 5px auto;
width: 90%;
}

5
gestioncof/templates/registration.html
View file

@ -9,7 +9,9 @@
{% block realcontent %} {% block realcontent %}
<h2>Inscription d'un nouveau membre</h2> <h2>Inscription d'un nouveau membre</h2>
<input type="text" name="q" id="search_autocomplete" spellcheck="false" /> <p class="help-block">Les mots contentant des caractères non alphanumériques seront ignorés</p>
<input type="text" name="q" id="search_autocomplete" spellcheck="false"
placeholder="Chercher un utilisateur par nom, prénom ou identifiant clipper" />
<div id="form-placeholder"></div> <div id="form-placeholder"></div>
<div class="yourlabs-autocomplete"></div> <div class="yourlabs-autocomplete"></div>
<script type="text/javascript"> <script type="text/javascript">
@ -20,7 +22,6 @@
minimumCharacters: 3, minimumCharacters: 3,
id: 'search_autocomplete', id: 'search_autocomplete',
choiceSelector: 'li:has(a)', choiceSelector: 'li:has(a)',
placeholder: "Chercher un utilisateur par nom, prénom ou identifiant clipper",
box: $(".yourlabs-autocomplete"), box: $(".yourlabs-autocomplete"),
}); });
$('input#search_autocomplete').bind( $('input#search_autocomplete').bind(

4
kfet/static/kfet/css/index.css
View file

@ -341,3 +341,7 @@ textarea {
.help h4 { .help h4 {
margin:15px 0; margin:15px 0;
} }
.help-block {
padding-top: 15px;
}

1
kfet/templates/kfet/account_create.html
View file

@ -23,6 +23,7 @@
{{ trigramme_form.trigramme }} {{ trigramme_form.trigramme }}
</div> </div>
<div id="trigramme_valid"></div> <div id="trigramme_valid"></div>
<p class="help-block">Les mots contentant des caractères non alphanumériques seront ignorés</p>
<input type="text" name="q" id="search_autocomplete" spellcheck="false" placeholder="Chercher un utilisateur par nom, prénom ou identifiant clipper" class="form-control"> <input type="text" name="q" id="search_autocomplete" spellcheck="false" placeholder="Chercher un utilisateur par nom, prénom ou identifiant clipper" class="form-control">
<div style="position:relative;"> <div style="position:relative;">
<div id="search_results"></div> <div id="search_results"></div>