From 55b67f38c8a4e61ddf7e51a4e851ed23e2a4204b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20P=C3=A9pin?= <martin.pepin@ens.fr>
Date: Thu, 16 Mar 2017 23:16:56 +0000
Subject: [PATCH] =?UTF-8?q?Notice=20the=20users=20about=20the=20=CE=B1-num?=
 =?UTF-8?q?eric=20restriction?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add a help text above the two autocompletion inputs letting the users
know that non-alphanumeric characters will not be used.
---
 gestioncof/static/css/cof.css           | 9 ++++++++-
 gestioncof/templates/registration.html  | 5 +++--
 kfet/static/kfet/css/index.css          | 4 ++++
 kfet/templates/kfet/account_create.html | 1 +
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/gestioncof/static/css/cof.css b/gestioncof/static/css/cof.css
index 269736d0..fda55d98 100644
--- a/gestioncof/static/css/cof.css
+++ b/gestioncof/static/css/cof.css
@@ -800,7 +800,7 @@ input#search_autocomplete {
  height: 40px;
  padding: 10px 8px;
  margin: 0 auto;
- margin-top: 20px;
+ margin-top: 0px;
  display: block;
  color: #aaa;
 }
@@ -1119,3 +1119,10 @@ div.messages div.alert-success div.container {
 div.messages div.alert div.container a {
     color: inherit;
 }
+
+/* Help text */
+
+p.help-block {
+  margin: 5px auto;
+  width: 90%;
+}
diff --git a/gestioncof/templates/registration.html b/gestioncof/templates/registration.html
index 769808de..d6914f64 100644
--- a/gestioncof/templates/registration.html
+++ b/gestioncof/templates/registration.html
@@ -9,7 +9,9 @@
 
 {% block realcontent %}
     <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 class="yourlabs-autocomplete"></div>
     <script type="text/javascript">
@@ -20,7 +22,6 @@
                 minimumCharacters: 3,
                 id: 'search_autocomplete',
                 choiceSelector: 'li:has(a)',
-                placeholder: "Chercher un utilisateur par nom, prénom ou identifiant clipper",
                 box: $(".yourlabs-autocomplete"),
             });
             $('input#search_autocomplete').bind(
diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index f3e9bf8c..ce6c5be7 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -341,3 +341,7 @@ textarea {
 .help h4 {
     margin:15px 0;
 }
+
+.help-block {
+    padding-top: 15px;
+}
diff --git a/kfet/templates/kfet/account_create.html b/kfet/templates/kfet/account_create.html
index ac6c5daa..9c5b09a5 100644
--- a/kfet/templates/kfet/account_create.html
+++ b/kfet/templates/kfet/account_create.html
@@ -23,6 +23,7 @@
           {{ trigramme_form.trigramme }}
         </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">
         <div style="position:relative;">
           <div id="search_results"></div>