Improvements in List View
authorveltr
Mon, 16 Jul 2012 12:28:31 +0200
changeset 78 3fe54fb581f5
parent 77 04b8157f077b
child 79 be3defb1bbdb
Improvements in List View
timeline/css/timeline.css
timeline/js/timeline.js
--- a/timeline/css/timeline.css	Wed Jul 11 18:02:57 2012 +0200
+++ b/timeline/css/timeline.css	Mon Jul 16 12:28:31 2012 +0200
@@ -385,15 +385,15 @@
 }
 
 li.Ls-Occurrence {
-    border-bottom: 1px solid #cccccc; clear: both;
+    border-bottom: 1px solid #cccccc; clear: both; padding: 3px;
 }
 
-.Ls-Occurrence-Title {
-    width: 260px; float: left; font-size: 14px;
+h4.Ls-Occurrence-Title {
+    font-size: 13px; font-weight: bold;
 }
 
-.Ls-Occurrence-Date {
-    padding-top: 2px; font-size: 12px;
+p.Ls-Occ-More {
+    font-size: 12px;
 }
 
 .Ls-CrWithIcon {
--- a/timeline/js/timeline.js	Wed Jul 11 18:02:57 2012 +0200
+++ b/timeline/js/timeline.js	Mon Jul 16 12:28:31 2012 +0200
@@ -220,7 +220,8 @@
     +'<div class="Ls-Main"><div class="Ls-Filtres"><h2>Filtres&nbsp;:</h2>'
     + '<div class="Ls-Column"><h3>Univers&nbsp;:</h3><ul class="Ls-Univers"></ul></div>'
     + '<div class="Ls-Column"><h3>Type d\'occurrence&nbsp;:</h3><ul class="Ls-Occtypes"><li data="narrative" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occnarrative"></div>Narratives</li><li data="publication" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication"></div>de Publication</li></ul>'
-    + '<h3>Statut&nbsp;:</h3><ul class="Ls-Occstatuses"><li data="a_realiser" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication Tl-Occa_realiser"></div>À réaliser</li><li data="a_valider" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication Tl-Occa_valider"></div>À valider</li><li data="valide" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication Tl-Occvalide"></div>Validé</li></ul></div>'
+    + '<h3>Statut&nbsp;:</h3><ul class="Ls-Occstatuses"><li data="a_realiser" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication Tl-Occa_realiser"></div>À réaliser</li><li data="a_valider" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication Tl-Occa_valider"></div>À valider</li><li data="valide" class="Ls-Critere Ls-Active Ls-CrWithIcon"><div class="Ls-OccIcon Tl-Occpublication Tl-Occvalide"></div>Validé</li></ul>'
+    + '<h3>Est au JT&nbsp;:</h3><ul class="Ls-IsJt"><li class="Ls-Critere Ls-Active" data="1">Oui</li><li class="Ls-Critere Ls-Active" data="0">Non</li></ul></div>'
     + '<div class="Ls-Column"><h3>Recherche par titre&nbsp;:</h3><p><input class="Ls-Search" type="search" placeholder="Rechercher" /></p><h3>Date&nbsp;:</h3><p><label class="Ls-Label">Du </label><input class="Ls-From-Date Ls-Input" /></p><p><label class="Ls-Label">à </label><input class="Ls-From-Time Ls-Input" /></p><p><label class="Ls-Label">Au </label><input class="Ls-To-Date Ls-Input" /></p><p><label class="Ls-Label">à </label><input class="Ls-To-Time Ls-Input" /></p></div>'
     + '</div><div class="Ls-Resultats"><h2>Occurrences&nbsp;:</h2><ul class="Ls-Occurrences"></ul></div></div>';
 
@@ -236,9 +237,10 @@
     + '{{#occurrences}}<div class="Tl-Occurrence Tl-OccInCluster Tl-Occ{{type}} Tl-Occ{{status}}{{#editing}} Tl-Editing{{/editing}}" occurrence-id="{{id}}">'
     + '{{#locked}}<div class="Tl-Locked"></div>{{/locked}}<div class="Tl-Link"{{#editing}} style="display: block"{{/editing}}></div></div>{{/occurrences}}</div>{{/open_cluster}}';
 
-Tlns.Templates.Occurrence_List = '{{#occurrences}}<li class="Ls-Occurrence"><div class="Ls-OccIcon Tl-Occ{{type}} Tl-Occ{{status}}"></div><div class="Ls-Occurrence-Title">{{title}}</div><div class="Tl-Tooltip-Date">{{formatted_date}}</div><div style="clear:both;"></div></li>{{/occurrences}}';
+Tlns.Templates.Occurrence_List = '{{#occurrences}}<li class="Ls-Occurrence"><div class="Ls-OccIcon Tl-Occ{{type}} Tl-Occ{{status}}"></div><h4 class="Ls-Occurrence-Title">{{title}}</h4>'
+    + '<p class="Ls-Occ-More">{{formatted_date}} &mdash; {{univers.title}} &mdash; {{translated_status}} &mdash; {{#jt}}Au JT{{/jt}}{{^jt}}Hors JT{{/jt}}</p><div style="clear:both;"></div></li>{{/occurrences}}';
 
-Tlns.Templates.OccurrenceTooltip = '<h3 class="Tl-Tooltip-Title">{{title}}</h3><p class="Tl-Tooltip-Date">{{formatted_date}} - {{translated_status}}</p>'
+Tlns.Templates.OccurrenceTooltip = '<h3 class="Tl-Tooltip-Title">{{title}}</h3><p class="Tl-Tooltip-Date">{{formatted_date}} &mdash; {{translated_status}}</p>'
     + '<p class="Tl-Tooltip-Description">{{description}}</p>'
 //    + '<p class="Tl-Tooltip-Characters">{{univers.mainCharacter}}{{#characters}}, {{.}}{{/characters}}</p>'
 
@@ -352,7 +354,8 @@
                     datePublication: Math.floor(_d / 1000),
                     titre: '<Nouvelle occurrence>',
                     idUnivers: _this.univers[_u].id,
-                    statut: 'a_realiser'
+                    statut: 'a_realiser',
+                    jt: false
                 }
             );
         _occ.just_created = true;
@@ -418,6 +421,7 @@
         _this.$.find(".Ls-Main").hide();
         _this.$.find(".Onglet-Ls").removeClass("active");
         _this.$.find(".Onglet-Tl").addClass("active");
+        _this.throttledDrawGrid();
     });
     
     this.$.find(".Onglet-Ls").click(function() {
@@ -425,6 +429,7 @@
         _this.$.find(".Tl-Main").hide();
         _this.$.find(".Onglet-Tl").removeClass("active");
         _this.$.find(".Onglet-Ls").addClass("active");
+        _this.throttledDrawList();
     });
 }
 
@@ -840,6 +845,7 @@
     var _universfilter = this.$.find(".Ls-Univers li.Ls-Active").map(function(){return $(this).attr("data")}),
         _occtypefilter = this.$.find(".Ls-Occtypes li.Ls-Active").map(function(){return $(this).attr("data")}),
         _statusfilter = this.$.find(".Ls-Occstatuses li.Ls-Active").map(function(){return $(this).attr("data")}),
+        _jtfilter = this.$.find(".Ls-IsJt li.Ls-Active").map(function(){return !!+$(this).attr("data")}),
         _title = this.$.find(".Ls-Search").val() || "",
         _titleregexp = new RegExp( "(" + _title.replace(/(\W)/gm, "\\$1") + ")", "gim" ),
         _startdate = false,
@@ -867,6 +873,7 @@
                             && (_(_occtypefilter).indexOf(_occ.type) !== -1)
                             && (_(_universfilter).indexOf(_occ.univers_id) !== -1)
                             && (_(_statusfilter).indexOf(_occ.status) !== -1)
+                            && (_(_jtfilter).indexOf(_occ.jt) !== -1)
                             && ( !_fromDate || _occ.date >= _startdate )
                             && ( !_toDate || _occ.date <= _enddate )
                         );
@@ -946,6 +953,7 @@
         default:
             this.status = false;
     }
+    this.jt = !!+_data.JT;
     this.translated_status = Tlns.Defaults.Timeline.statuses[this.status];
 //    this.published = (_data.publication && _data.publication == "En ligne");
 //    this.locked = _data.verrouille || false;