--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/hdalab/js/gomina.js Tue Jan 10 18:25:08 2012 +0100
@@ -0,0 +1,367 @@
+/**
+ * @author raph
+ */
+
+var gomNs = {
+ minYear: -5000,
+ maxYear: 2010,
+ tlPixels: 960,
+ tlGamma: 6,
+ heatGamma: 4,
+}
+
+function yearToPx(year) {
+ return gomNs.tlPixels * Math.pow( ( year - gomNs.minYear ) / ( gomNs.maxYear - gomNs.minYear ), gomNs.tlGamma );
+}
+
+function pxToYear(px) {
+ return gomNs.minYear + ( gomNs.maxYear - gomNs.minYear ) * Math.pow( px / gomNs.tlPixels, 1 / gomNs.tlGamma );
+}
+
+
+function tagInfo(_taglabel) {
+ var _urlParam = { "label": _taglabel };
+ $.getJSON("taginfo.php",
+ _urlParam,
+ function(data) {
+ var _html = '<div id="addtofilter"><h3>'
+ + data.content_count
+ + ' contenus pour ce tag</h3><p><a href="#" onclick="filterTag($(\'#tagname\').text()); return false;">Ajouter au filtrage</a></p></div><h2 id="tagname">'
+ + data.requested_label
+ + '</h2></div>';
+ if (data.wikipedia_url) {
+ _html += '<h3><a href="'
+ + data.wikipedia_url
+ + '" target="_blank">Wikipédia: '
+ + decodeURI(data.wikipedia_url.match(/[^\/]+$/)[0]).replace("_"," ")
+ + '</a></h3>'
+ }
+ if (data.thumbnail) {
+ _html += '<img id="img_wikipedia" src="'
+ + data.thumbnail
+ + '" />';
+ }
+ if (data.abstract) {
+ _html += '<p>' + _(data.abstract).escape() + '</p>';
+ }
+ if (data.links) {
+ var _lC = data.requested_label.toLowerCase();
+ var _t = data.links.map(function(d) {
+ return (d.subject.toLowerCase() == _lC) ? d.object : d.subject;
+ });
+ _t.sort();
+ _t = _(_t).uniq(true);
+ _html += '<h3>Tags liés (dbpedia)</h3><ul class="content-tags">'
+ + _t.map(function(d) {
+ return '<li class="content-tag-item"><a href="#" onclick="tagInfo($(this).text()); return false;">'
+ + d
+ + '</a></li>';
+ }).join('')
+ + '</ul>';
+ }
+ $("#taginfo").html(_html);
+ });
+ $.getJSON("filter.php", _urlParam, updateDisplay);
+ if (gomNs.sessiondata.period || gomNs.sessiondata.filters.tag.length != 1 || gomNs.sessiondata.filters.tag[0] != _taglabel) {
+ $("#bandefiltre").attr("class", "inactif");
+ } else {
+ $("#bandefiltre").attr("class", "");
+ }
+}
+
+function filterTag(_tagLabel) {
+ gomNs.sessiondata.filters.tag.push(_tagLabel);
+ updateFilters();
+ debouncedSaveChanges();
+}
+
+function removeFilter(_index) {
+ gomNs.sessiondata.filters.tag.splice(_index,1);
+ updateFilters();
+ debouncedSaveChanges();
+}
+
+function removePeriod() {
+ $("#dateslider").slider("values",0,0).slider("values",1,gomNs.tlPixels).slideUp();
+ gomNs.sessiondata.filters.period = null;
+ updateFilters();
+ debouncedSaveChanges();
+}
+
+function getUpdates() {
+ var _params = {};
+ if (gomNs.sessiondata.filters.period) {
+ _params.period = gomNs.sessiondata.filters.period.join('|');
+ }
+ if (gomNs.sessiondata.filters.tag.length) {
+ _params.label = gomNs.sessiondata.filters.tag.join('|');
+ }
+ $.getJSON("filter.php", _params, updateDisplay);
+}
+
+var debouncedGetUpdates = _.debounce(getUpdates, 200);
+
+function updateFilters() {
+ var _htmFilters = '',
+ _fl = gomNs.sessiondata.filters.tag.length;
+ if (!gomNs.sessiondata.filters.period && !_fl) {
+ _htmFilters = '<li class="nofilter">Aucun filtre</li>';
+ }
+ if (_fl) {
+ _htmFilters += _(gomNs.sessiondata.filters.tag).map(function(_t, _i) {
+ return '<li class="filtag">'
+ + _t
+ + '<a href="#" class="remfil" onclick="removeFilter('
+ + _i
+ + '); return false;">[x]</a></li>';
+ }).join("");
+ }
+ if (gomNs.sessiondata.filters.period) {
+ _htmFilters += '<li class="filperiod">' + gomNs.sessiondata.filters.period.join('-') + '<a href="#" class="remfil" onclick="removePeriod(); return false;">[x]</a></li>'
+ } else {
+ _htmFilters += '<li><a href="#" onclick="$(\'#dateslider\').show(); debouncedHideSlider(); return false;">Filtrer par période</a></li>';
+ }
+ $("#filters").html(_htmFilters);
+ $("#bandefiltre").attr("class","");
+ debouncedGetUpdates();
+}
+
+function displayContents(contentdata) {
+ if (contentdata && contentdata.length) {
+ var _htmlCl = '<ul id="contentlist">'
+ + contentdata.map(function(_d) {
+ return '<li class="content-item"><h3>'
+ + _d.title
+ + '</h3><h4><a href="'
+ + _d.url
+ + '" target="_blank">'
+ + _d.url
+ + '</a></h4><p>'
+ + _d.description
+ + '</p><ul class="content-tags">'
+ + _d.tags.map(function(_t) {
+ return '<li class="content-tag-item"><a href="#" onclick="tagInfo($(this).text()); return false;"'
+ + (_t.match ? ' class="tagmatch"' : '')
+ + '>'
+ + _t.label
+ + '</a></li>';
+ }).join('')
+ + '</ul><h4>Annotations</h4><div class="content-annotation" contentid="'
+ + _d.id
+ + '"><ul><li>'
+ + (gomNs.sessiondata.annotations[_d.id] && gomNs.sessiondata.annotations[_d.id].texte ? gomNs.sessiondata.annotations[_d.id].texte.replace(/\n/gm,"</p><p>") : 'Annoter ce contenu...')
+ + '</li></ul></div>'
+ + '<p><a href="#" class="addtolist" >Ajouter à ma liste</a></p>'
+ + '</li>';
+ }).join('')
+ + '</ul>';
+ $("#contents").html(_htmlCl).scrollTop(0);
+ $("div.content-annotation").click(function() {
+ if (gomNs.write_allowed && this.children[0].tagName == 'UL') {
+ var _el = document.createElement('textarea'),
+ _id = this.attributes.contentid.nodeValue;
+ _el.innerHTML = (gomNs.sessiondata.annotations[_id] && gomNs.sessiondata.annotations[_id].texte) ? gomNs.sessiondata.annotations[_id].texte : '';
+ $(_el).focusout(function() {
+ var _id = this.parentNode.attributes.contentid.nodeValue;
+ if (!gomNs.sessiondata.annotations[_id]) {
+ gomNs.sessiondata.annotations[_id] = {};
+ }
+ gomNs.sessiondata.annotations[_id].texte = _.escape(this.value);
+ this.parentNode.innerHTML = '<ul><li>' + (this.value.length ? gomNs.sessiondata.annotations[_id].texte.replace(/\n/gm,"</li><li>") : 'Annoter ce contenu...' ) + '</ul>';
+ debouncedSaveChanges();
+ });
+ $(this).html(_el);
+ _el.focus();
+ _el.select();
+ }
+ });
+ }
+ else {
+ $("#contents").html("");
+ }
+}
+
+function updateDisplay(data) {
+ if (gomNs.dhmPaper) {
+ gomNs.dhmPaper.clear();
+ } else {
+ gomNs.dhmPaper = new Raphael("dateheat");
+ }
+ var _s = (data.count>1?'s':'');
+ $("#contentcount").html('<b>'+data.count+'</b> notice'+_s);
+ var _sl = data.sparkline.length;
+ if (_sl) {
+ var _maxheat = _(data.sparkline).max(function(_d) { return parseInt(_d.score); }).score,
+ _exp = 1 / gomNs.heatGamma,
+ _scale = Math.pow(_maxheat, - _exp);
+ _(data.sparkline).each(function(_d, _i) {
+ var _nxt = (_i == _sl - 1) ? gomNs.maxYear + 1 : data.sparkline[_i + 1].year,
+ _x1 = yearToPx(_d.year),
+ _x2 = yearToPx(_nxt),
+ _heat = _scale * Math.pow(_d.score, _exp);
+ gomNs.dhmPaper.rect(_x1, 0, _x2 - _x1, 20).attr({
+ "fill" : "rgb(255, 128, 128)",
+ "opacity" : _heat,
+ "stroke" : "none"
+ })
+ });
+ }
+ if (data.tags.length) {
+ var _scores = _(data.tags).map(function(_d) { return parseInt(_d.score)}),
+ _maxTag = _(_scores).max(),
+ _minTag = Math.min(_(_scores).min(), _maxTag - 1),
+ _scale = 20 / Math.sqrt(_maxTag - _minTag),
+ _htmlTc = '<ul id="tclist">'
+ + _(data.tags).map(function(_d) {
+ return '<li style="font-size:'
+ + parseInt(10 + _scale * Math.sqrt(_d.score - _minTag))
+ + 'px;"><a href="#" onclick="tagInfo($(this).text()); return false;"'
+ + (_d.match ? ' class="tagmatch"' : '')
+ + '>'
+ + _d.label
+ + '</a></li>';
+ }).join('')
+ + '</ul>';
+ $("#tagcloud").html(_htmlTc);
+ }
+ else {
+ $("#tagcloud").html("<h4>Pas de mots-clés trouvés</h4>");
+ }
+ displayContents(data.contents);
+}
+
+function saveChanges() {
+ if (gomNs.sessionid && gomNs.sessionkey) {
+ $.getJSON("sessioninfo.php", {
+ "sessionid" : gomNs.sessionid,
+ "sessionkey" : gomNs.sessionkey,
+ "data" : JSON.stringify(gomNs.sessiondata),
+ });
+ }
+}
+
+var debouncedSaveChanges = _.debounce(saveChanges, 1000);
+
+function getInitialView() {
+ var _urlParam = {};
+ if (document.location.hash) {
+ var _tab = document.location.hash.replace("#","").split("-");
+ _urlParam.sessionid = _tab[0];
+ if (_tab.length > 1) {
+ _urlParam.sessionkey = _tab[1];
+ }
+ }
+ $.getJSON("sessioninfo.php", _urlParam, function(data) {
+ gomNs.sessionid = data.sessionid;
+ if (data.sessionkey) {
+ gomNs.sessionkey = data.sessionkey;
+ }
+ gomNs.write_allowed = data.write_allowed;
+ if (data.write_allowed) {
+ $("#partagerw").show();
+ } else {
+ $("#partagerw").hide();
+ }
+ var _baseUrl = document.location.href.split("#")[0];
+ $("#rourl").html(_baseUrl + "#" + data.sessionid );
+ gomNs.hash = "#" + data.sessionid + (data.sessionkey ? '-' + data.sessionkey : '');
+ document.location.hash = gomNs.hash;
+ $("#rwurl").html(_baseUrl + gomNs.hash);
+ gomNs.sessiondata = JSON.parse(data.data);
+ if (!gomNs.sessiondata.title) {
+ gomNs.sessiondata.title = 'Nouvelle session';
+ }
+ if (!gomNs.sessiondata.filters) {
+ gomNs.sessiondata.filters = {
+ period : null,
+ tag : [],
+ }
+ }
+ if (!gomNs.sessiondata.liste) {
+ gomNs.sessiondata.liste = [];
+ }
+ if (!gomNs.sessiondata.annotations) {
+ gomNs.sessiondata.annotations = {};
+ }
+ $("#sessionname").html(gomNs.sessiondata.title + ( data.write_allowed ? '' : '<span class="lectseul"> (lecture seule)</span>' ) );
+ gomNs.hrefinterval = setInterval(function() {
+ if (document.location.hash != gomNs.hash) {
+ console.log("Changement de hash");
+ clearInterval(gomNs.hrefinterval);
+ getInitialView();
+ }
+ }, 500);
+ updateFilters();
+ });
+}
+
+function changeSessionTitle(title) {
+ gomNs.sessiondata.title = _.escape(title);
+ $("#sessionname").html(gomNs.sessiondata.title);
+ debouncedSaveChanges();
+}
+
+var debouncedHideSlider = _.debounce(function() {
+ $("#dateslider").slideUp();
+}, 2000);
+
+$(document).ready(function() {
+ $("#dates li").each(function() {
+ $(this).css({
+ "left" : parseInt(yearToPx(parseInt($(this).text()))) + "px"
+ });
+ });
+ $("#affres").click(function() {
+ updateFilters();
+ return false;
+ });
+ $("#apartager").click(function() {
+ $("#partageurls").slideToggle();
+ return false;
+ })
+ $( "#dateslider" ).slider({
+ range: true,
+ min: 0,
+ max: gomNs.tlPixels,
+ values: [ 0, gomNs.tlPixels ],
+ slide: function( event, ui ) {
+ gomNs.sessiondata.filters.period = ui.values.map(function(_v) {
+ return parseInt(pxToYear(_v));
+ });
+ updateFilters();
+ debouncedSaveChanges();
+ debouncedHideSlider();
+ }
+ }).hide();
+ var _defLab = $( "#tagsearch" ).val();
+ $( "#tagsearch" ).autocomplete({
+ source: "tagsearch.php",
+ minLength: 2,
+ select: function( event, ui ) {
+ tagInfo(ui.item.label);
+ $(this).val(_defLab);
+ return false;
+ }
+ }).focusin(function() {
+ if ($(this).val() == _defLab) {
+ $(this).val("");
+ }
+ });
+ $("#sessionname").click(function() {
+ if (gomNs.write_allowed && !$(this).children().length) {
+ var _el = document.createElement('input');
+ _el.value = gomNs.sessiondata.title;
+ $(_el).focusout(function() {
+ changeSessionTitle(this.value);
+ }).keypress(function(e) {
+ if (e.keyCode == 13) {
+ changeSessionTitle(this.value);
+ }
+ });
+ $(this).html(_el);
+ _el.focus();
+ _el.select();
+ }
+ });
+ getInitialView();
+});