Add hightlight on current line
authorymh <ymh.work@gmail.com>
Sun, 16 Jun 2013 21:55:39 +0200
changeset 7 001e8b9e6085
parent 6 ced3c15c79df
child 8 ab84fda7d1f4
Add hightlight on current line
src/jocondelab/static/jocondelab/css/style.css
src/jocondelab/templates/jocondelab/partial/term_list_table.html
src/jocondelab/templates/jocondelab/term_edit.html
--- a/src/jocondelab/static/jocondelab/css/style.css	Sun Jun 16 19:43:09 2013 +0200
+++ b/src/jocondelab/static/jocondelab/css/style.css	Sun Jun 16 21:55:39 2013 +0200
@@ -302,6 +302,10 @@
 	/*background: #e6e6e6;*/
 }
 
+tr.currenttermline {
+	background: #FFFFA6;
+}
+
 #count_nav_top,
 #count_nav_bottom {
 	text-align: right;
--- a/src/jocondelab/templates/jocondelab/partial/term_list_table.html	Sun Jun 16 19:43:09 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/partial/term_list_table.html	Sun Jun 16 21:55:39 2013 +0200
@@ -1,13 +1,13 @@
  {% load core_extras %}   
     <div id="top-pagination">{% include "jocondelab/partial/pagination.html" %}</div>
-    <div id="term-list-table">
-    <table >
+    <div id="term-list-table-div">
+    <table id="term-list-table">
         <thead>
             <tr><th>Label</th><th>thes</th><th>wk</th><th>dbp</th><th>valid.</th></tr>
         </thead>
         <tbody>
         {% for term in object_list %}
-        <tr class="{% cycle 'hdabooddline' 'hdaboevenline' %}">
+        <tr class="{% cycle 'hdabooddline' 'hdaboevenline' %}" id="term-{{term.id}}">
             <td class="{{term.url_status_text}} term-list-label"><a href="{% url 'term' term_id=term.id %}{% append_to_param %}">{{ term.label }}</a></td>
             <td class="text_centered">{{ term.thesaurus.label }}</td>
             <td class="text_centered">
--- a/src/jocondelab/templates/jocondelab/term_edit.html	Sun Jun 16 19:43:09 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/term_edit.html	Sun Jun 16 21:55:39 2013 +0200
@@ -21,7 +21,9 @@
         init_term_events();
         $('#term-filter-form').submit(function(){
             var values = $('#term-filter-form').serialize();
-            $('#term-explorer-container').load(term_list_table_url, values);
+            $('#term-explorer-container').load(term_list_table_url, values, function() {
+                $('#term-list-table #term-'+term_id).addClass('currenttermline');
+            });
             return false;
         });
         $('#term-filter-form').submit();