diff --git a/webpack/component/teacher/view.vue b/webpack/component/teacher/view.vue
index e6456fd..149ea3d 100644
--- a/webpack/component/teacher/view.vue
+++ b/webpack/component/teacher/view.vue
@@ -2,14 +2,20 @@
-
+
-
+
+
{{ prof.categorie }}
{{ prof.firstName }} {{ prof.lastName }}
diff --git a/webpack/data/teacher.js b/webpack/data/teacher.js
index 9cacfef..6e17b4d 100644
--- a/webpack/data/teacher.js
+++ b/webpack/data/teacher.js
@@ -14,5 +14,58 @@ api.call('GET professor/1/', { vh: true }, function(rs){
console.log(rs);
gstore.get.professors = rs.professors;
+});
+
+
+
+/* (2) Manage Instant Search (IS)
+---------------------------------------------------------*/
+/* (1) Define global timeout index */
+gstore.add('is_to', null);
+
+
+/* (2) Define search value buffer */
+gstore.add('is_buf', null);
+
+
+/* (3) Define instant search function */
+gstore.add('is_handler', function(e){
+
+ /* (1) Remove last timeout */
+ if( gstore.get.is_to != null )
+ clearTimeout(gstore.get.is_to);
+
+ /* (2) Store value in buffer */
+ gstore.get.is_buf = e.target.value.trim().toLowerCase();
+
+ /* (3) Launch timeout (wait 1s) before filtering */
+ gstore.get.is_to = setTimeout(function(){
+
+ // 1. Fetch elements
+ var local_ptr = gstore.get.professors;
+ var l = gstore.get.professors.length;
+
+ // 2. For each element
+ for( var e = 0 ; e < l ; e++ ){
+
+ // 2.1. De-activate by default
+ var element = document.querySelector('section[data-id=\''+local_ptr[e].idProfesseur+'\']');
+ if( !element ) continue;
+
+ element.className = 'hidden';
+
+ // 2.2. Extract name components
+ var fname = local_ptr[e].firstName.trim().toLowerCase();
+ var lname = local_ptr[e].lastName.trim().toLowerCase();
+
+ // 2.3. Check if matches
+ if( gstore.get.is_buf.length == 0 || fname.search(gstore.get.is_buf) + lname.search(gstore.get.is_buf) > -2 )
+ element.className = '';
+
+ }
+
+ }, 500);
});
+
+
diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss
index fd48b3c..d74d3aa 100644
--- a/webpack/scss/container.scss
+++ b/webpack/scss/container.scss
@@ -149,6 +149,9 @@
color: $primary-color;
+ // hidden mode
+ &.hidden{ display: none; }
+
/* (2) Card generic title */
& > span.category{