# HG changeset patch # User veltr # Date 1359462561 -3600 # Node ID 10a958322a6299f17c2581c1990d2b9e1eec5020 # Parent 8ca7f2cea72948a0cec1130ce8b77e758f9ff3e4 Small modifications for screenshots diff -r 8ca7f2cea729 -r 10a958322a62 integration/css/article.css --- a/integration/css/article.css Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/css/article.css Tue Jan 29 13:29:21 2013 +0100 @@ -7,7 +7,14 @@ .article{ padding: 12px 0 6px 0; float: left; - border-bottom: 1px solid #e0dde0; +} + +.article:nth-child(4n+1) { + clear: left; +} + +.article:nth-child(n+4) { + border-top: 1px solid #e0dde0; } .articles .tooltip{ width: 209px; @@ -19,7 +26,7 @@ text-align: center; display: none; } -.article:hover{ +.article:hover, .article.selected{ background-color: #eee; } .inner-article{ diff -r 8ca7f2cea729 -r 10a958322a62 integration/css/common.css --- a/integration/css/common.css Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/css/common.css Tue Jan 29 13:29:21 2013 +0100 @@ -340,7 +340,7 @@ line-height: 18px; display: block; } -.cluster li a:hover{ +.cluster li a:hover, .cluster li a.selected{ background-color: #c51810; color: #FFF; } diff -r 8ca7f2cea729 -r 10a958322a62 integration/css/home.css --- a/integration/css/home.css Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/css/home.css Tue Jan 29 13:29:21 2013 +0100 @@ -25,7 +25,7 @@ .inner-actu h2{ color: #FFF; line-height: 40px; - font-size: 24px; + font-size: 20px; padding-left: 10px; } .inner-actu h2 a{ diff -r 8ca7f2cea729 -r 10a958322a62 integration/data/requete_filtre_2008.json --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/data/requete_filtre_2008.json Tue Jan 29 13:29:21 2013 +0100 @@ -0,0 +1,151 @@ +{ + "query": { + "picture": "", + "text": "", + "from_date": "2008-01-01T00:00:00.0Z", + "query_id": 3399447552, + "to_date": "2008-08-01T00:00:00.0Z", + "categories": [] + }, + "clusters": [ + { + "documents": [ + { + "category": "France", + "weight": 0.860128, + "title": "Jean-Pierre Mignard (D\u00e9sirs d'avenir): \u00abLa pr\u00e9sidence Sarkozy a-t-elle encore un sens?\u00bb", + "url_document": "http://www.mediapart.fr/journal/france/230408/jean-pierre-mignard-desirs-d-avenir-la-presidence-sarkozy-a-t-elle-encore-un-s", + "date": "2008-04-24T13:07:30.0Z", + "url_image": "", + "id": 12169 + } + ], + "weight": "1", + "title": "PS", + "abstract": "Proche de S\u00e9gol\u00e8ne Royal, Fran\u00e7ois Rebsamen a un temps envisag\u00e9 de faire le trait-d'union avec les amis de Fran\u00e7ois Hollande pour renverser Martine Aubry de la direction du PS. Rentr\u00e9 dans le rang", + "annotations": [], + "documents_number": 2, + "url_image": "http://static.mediapart.fr/files/imagecache/300_pixels/St%C3%A9phane%20Alli%C3%A8s/ResizedImage383255-IMG0707.JPG", + "id": 0 + }, { + "documents": [ + { + "category": "France", + "weight": 0.93065299999999995, + "title": "Municipales : notre barom\u00e8tre pour comprendre les r\u00e9sultats de dimanche", + "url_document": "http://www.mediapart.fr/journal/france/140308/municipales-notre-barometre-pour-comprendre-les-resultats-de-dimanche", + "date": "2008-03-15T16:09:36.0Z", + "url_image": "", + "id": 423 + }, { + "category": "France", + "weight": 0.92409200000000002, + "title": "Le socialisme dans un seul village", + "url_document": "http://www.mediapart.fr/journal/france/160308/le-socialisme-dans-un-seul-village", + "date": "2008-07-02T16:42:58.0Z", + "url_image": "", + "id": 603 + } + ], + "weight": "0.970595", + "title": "\u00e9lections r\u00e9gionales", + "abstract": "Lot de consolation pour la droite : La Guyane basculerait. Selon des chiffres encore", + "annotations": [], + "documents_number": 2, + "url_image": "http://static.mediapart.fr/files/imagecache/300_pixels/La%20r%C3%A9daction%20Mediapart/rejet.png", + "id": 1 + }, { + "documents": [ + { + "category": "France", + "weight": 0.92646499999999998, + "title": "Une semaine sociale dans tous ses \u00e9tats", + "url_document": "http://www.mediapart.fr/journal/france/160608/une-semaine-sociale-dans-tous-ses-etats", + "date": "2008-06-16T10:11:05.0Z", + "url_image": "", + "id": 16313 + }, { + "category": "France", + "weight": 0.87840700000000005, + "title": "Constitution: le PS inflexible, malgr\u00e9 l'appel de Sarkozy", + "url_document": "http://www.mediapart.fr/journal/france/170708/constitution-le-ps-inflexible-malgre-l-appel-de-sarkozy", + "date": "2008-07-17T14:28:17.0Z", + "url_image": "http://static.mediapart.fr/files/Mathilde Mathieu/Image 2_2.png", + "id": 18705 + }, { + "category": "France", + "weight": 0.86514199999999997, + "title": "Constitution: comment se repasser le mistigri de l'\u00e9chec", + "url_document": "http://www.mediapart.fr/journal/france/010708/constitution-comment-se-repasser-le-mistigri-de-l-echec", + "date": "2008-07-09T12:51:55.0Z", + "url_image": "http://static.mediapart.fr/files/Mathilde Mathieu/Image 6_3.png", + "id": 17508 + } + ], + "weight": "0.961693", + "title": "gouvernement UMP", + "abstract": "Du changement de statut de La Poste, il n'a \u00e9t\u00e9 que peu question durant la campagne des \u00e9lections europ\u00e9ennes, comme si la r\u00e9forme avait pris du retard ou n'\u00e9tait plus d'actualit\u00e9. Et pourtant, il n'en est rien", + "annotations": [], + "documents_number": 7, + "url_image": "http://static.mediapart.fr/files/Laurent Mauduit/Image 8_13.png", + "id": 2 + }, { + "documents": [ + { + "category": "France", + "weight": 0.84832700000000005, + "title": "L'UMP et le PS en faux jumeaux", + "url_document": "http://www.mediapart.fr/journal/france/300308/l-ump-et-le-ps-en-faux-jumeaux", + "date": "2008-03-30T18:29:32.0Z", + "url_image": "", + "id": 9624 + } + ], + "weight": "0.914044", + "title": "UMP", + "abstract": "L'UMP et le PS sont des jumeaux dizygotes. Ils ne sont pas issus du m\u00eame", + "annotations": [], + "documents_number": 2, + "url_image": "http://static.mediapart.fr/files/imagecache/475_pixels/Marine%20Turchi/2083.jpg", + "id": 5 + }, { + "documents": [ + { + "category": "Economie", + "weight": 0.81102099999999999, + "title": "Les Etats-Unis sont-ils d\u00e9j\u00e0 en faillite?", + "url_document": "http://www.mediapart.fr/journal/economie/150408/les-etats-unis-sont-ils-deja-en-faillite", + "date": "2008-04-16T12:54:59.0Z", + "url_image": "http://cache.20minutes.fr/img/photos/20mn/2008-10/2008-10-07/article_krach14.jpg", + "id": 11333 + } + ], + "weight": "0.851838", + "title": "panique financi\u00e8re", + "abstract": "En pleine panique financi\u00e8re, les responsables politiques retrouvent la parole. Apr\u00e8s la r\u00e9union de crise ce ", + "annotations": [], + "documents_number": 1, + "url_image": "/home/cea/WebLab/dist/run/mss/images/3883", + "id": 8 + }, { + "documents": [ + { + "category": "France", + "weight": 0.95304, + "title": "Afghanistan: l'Elys\u00e9e conc\u00e8de un d\u00e9bat aux d\u00e9put\u00e9s", + "url_document": "http://www.mediapart.fr/journal/france/270308/afghanistan-l-elysee-concede-un-debat-aux-deputes", + "date": "2008-03-28T17:43:04.0Z", + "url_image": "http://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Afghanistan_%28orthographic_projection%29.svg/220px-Afghanistan_%28orthographic_projection%29.svg.png", + "id": 5581 + } + ], + "weight": "0.95304", + "title": "etc.", + "abstract": "No summary available", + "annotations": [], + "documents_number": 1, + "url_image": "/home/cea/WebLab/dist/run/mss/images/3883", + "id": 9 + } + ] +} \ No newline at end of file diff -r 8ca7f2cea729 -r 10a958322a62 integration/home.html --- a/integration/home.html Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/home.html Tue Jan 29 13:29:21 2013 +0100 @@ -33,7 +33,7 @@

- +

@@ -50,7 +50,7 @@
-

CONNECTER VOUS

+

SE CONNECTER

@@ -181,16 +181,6 @@

-
-

CLASSER

-
- -

-

-

- -
-

FILTRES

@@ -206,20 +196,21 @@

Catégories :

-

-

-

+

+

+

+

-

DOSSIER ASSOCIES

+

DOSSIERS ASSOCIES

diff -r 8ca7f2cea729 -r 10a958322a62 integration/js/streamgraph.js --- a/integration/js/streamgraph.js Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/js/streamgraph.js Tue Jan 29 13:29:21 2013 +0100 @@ -4,32 +4,14 @@ var VMARGIN = 3, YEARSHEIGHT = 20, - STARTTIME = new Date(2007,5,1), - ENDTIME = new Date(), + STARTTIME = new Date(data.from_date), + ENDTIME = new Date(data.to_date), DATASTART = new Date(data.from_date), DATAEND = new Date(data.to_date), CURVE = .25, DATEPADDING = 10, - COLORS = [ "#943a23", "#fbee97", "#cfbb95", "#da9761", "#ba5036" ], - SELECTEDCOLOR = "#007dad"; - - /* Generating random data - - var data = [], - clustercount = 12, - slicecount = 20, - maxdata = 10, - randpart = 4, - dampfactor = .333; - for (var i = 0; i < clustercount; i++) { - var line = [], - peaktime = Math.floor(Math.random() * slicecount); - for (var j = 0; j < slicecount; j++) { - var point = Math.min(maxdata, Math.max(0, (Math.random() - .5) * randpart + Math.max(0, maxdata * (1 - dampfactor * Math.abs(j - peaktime))))); - line.push(point); - } - data.push(line); - } + COLORS = [ "#51585E", "#12161C", "#457DAD", "#899DAA", "#0781BD" ], + SELECTEDCOLOR = "#c51810"; /* Calculating scales and positions */ @@ -104,9 +86,8 @@ var paper = new Raphael($selector[0]); - paper.path("M0 " + centery + "L" + width + " " + centery).attr({ - stroke: "#000", - "stroke-width": .25 + paper.path("M0 " + (1+centery) + "L" + width + " " + (1+centery)).attr({ + stroke: "#000" }) _(coords).each(function(line, index) { diff -r 8ca7f2cea729 -r 10a958322a62 integration/js/treemap.js --- a/integration/js/treemap.js Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/js/treemap.js Tue Jan 29 13:29:21 2013 +0100 @@ -1,36 +1,3 @@ -/* SOURCE : http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript */ - -/** - * Converts an HSV color value to RGB. Conversion formula - * adapted from http://en.wikipedia.org/wiki/HSV_color_space. - * Assumes h, s, and v are contained in the set [0, 1] and - * returns r, g, and b in the set [0, 255]. - * - * @param Number h The hue - * @param Number s The saturation - * @param Number v The value - * @return Array The RGB representation - */ -function hsvToRgb(h, s, v){ - var r, g, b; - - var i = Math.floor(h * 6); - var f = h * 6 - i; - var p = v * (1 - s); - var q = v * (1 - f * s); - var t = v * (1 - (1 - f) * s); - - switch(i % 6){ - case 0: r = v, g = t, b = p; break; - case 1: r = q, g = v, b = p; break; - case 2: r = p, g = v, b = t; break; - case 3: r = p, g = q, b = v; break; - case 4: r = t, g = p, b = v; break; - case 5: r = v, g = p, b = q; break; - } - - return _([r * 255, g * 255, b * 255]).map(Math.floor); -} $(function(){ @@ -135,12 +102,42 @@ '

<%= abstract %>

'+ '' ).template(); + + /* Templates pour la vue liste */ + + var clusterListeTemplate = _( + '
'+ + '
'+ + '

<%= title %> »

'+ + '

'+ + '<%= documents_number %> articles | <%= annotations.length %> annotations '+ + ''+ + '

'+ + '
'+ + ''+ + ''+ + ''+ + ''+ + '
'+ + '
'+ + '

<%= abstract %>

'+ + ''+ + '
'+ + '
'+ + '
' + ).template(); var hTreemap = 600;//à définir $('#treemap').height(hTreemap); function showResults(results) { + $(".articles").html(_(results.clusters).reduce(function(mem, c) { return mem + clusterListeTemplate(c) },'')); + var data = _(results.clusters).map(function(cluster, i) { var hue = (parseInt(cluster.id)%6)/6 return { @@ -148,7 +145,6 @@ label: cluster.title, abstract : cluster.abstract, value: parseFloat(cluster.weight), - color: "rgb(" + hsvToRgb(hue,.8,.8).join(",") + ")", annotation_count: cluster.annotations.length, image_url: cluster.url_image || false, articles: cluster.documents.filter(function(article) { @@ -202,7 +198,11 @@ }); }); - $(".actu").hover( + $(".cluster").html(data.reduce(function(mem, c) { + return mem + '
  • ' + c.label + '
    • ' + }, '')); + + $(".actu, .cluster a, .article").hover( function() { $("body").trigger("select-cluster", $(this).attr("data-cluster-id")); }, @@ -211,10 +211,10 @@ } ) $("body").on("select-cluster", function(e, clusterid) { - $(".actu[data-cluster-id='" + clusterid + "']").addClass("selected"); + $(".actu[data-cluster-id='" + clusterid + "'], .cluster a[data-cluster-id='" + clusterid + "'], .article[data-cluster-id='" + clusterid + "']").addClass("selected"); }); $("body").on("unselect-cluster", function(e, clusterid) { - $(".actu[data-cluster-id='" + clusterid + "']").removeClass("selected"); + $(".actu[data-cluster-id='" + clusterid + "'], .cluster a[data-cluster-id='" + clusterid + "'], .article[data-cluster-id='" + clusterid + "']").removeClass("selected"); }); } @@ -222,20 +222,7 @@ $.getJSON(url, showResults); } - renderJson("data/requete.json"); - - $(".header-menu a").click(function() { - if ($(this).text() == "INTERNATIONAL") { - renderJson("data/requete_filtre_international.json"); - } - if ($(this).text() == "FRANCE") { - renderJson("data/requete_filtre_france.json"); - } - if ($(this).hasClass("home")) { - renderJson("data/requete.json") - } - return false; - }); + renderJson("data/requete_filtre_2008.json"); $("#liste").hide(); diff -r 8ca7f2cea729 -r 10a958322a62 integration/liste-article.html --- a/integration/liste-article.html Thu Jan 24 16:58:55 2013 +0100 +++ b/integration/liste-article.html Tue Jan 29 13:29:21 2013 +0100 @@ -31,7 +31,7 @@

    - +

    @@ -48,7 +48,7 @@
    -

    CONNECTER VOUS

    +

    SE CONNECTER

    @@ -143,18 +143,16 @@

    @@ -165,7 +163,7 @@
    -

    Affaire Bettencourt »

    +

    PS »

    @@ -179,16 +177,6 @@
    -
    -

    CLASSER

    -
    -
    -

    -

    -

    -
    -
    -

    FILTRES

    @@ -204,20 +192,21 @@

    Catégories :

    -

    -

    -

    +

    +

    +

    +

    -

    DOSSIER ASSOCIES

    +

    DOSSIERS ASSOCIES

      +
    @@ -226,8 +215,8 @@
    @@ -241,46 +230,14 @@
    -

    Affaire Lorem »

    +

    François Rebsamen: «Quand on n’a pas de leader, pas de stratégie et pas d’organisation, il ne reste plus que le travail» »

    - 23 JANVIER 2024
    - by Jean Dujardin + 08 juin 2009
    + by Stéphane Alliès

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - -

    - -
    -
    -
    -
    -
    -

    Affaire Lorem »

    -

    - 23 JANVIER 2024
    - by Jean Dujardin -

    -
    -
    - -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing -

    -
    -
    -
    -
    -
    -

    Affaire Lorem »

    -

    - 23 JANVIER 2024
    - by Jean Dujardin -

    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - +

    + Proche de Ségolène Royal, François Rebsamen a un temps envisagé de faire le trait-d'union avec les amis de François Hollande pour renverser Martine Aubry de la direction du PS.

    @@ -288,30 +245,28 @@
    -

    Affaire Lorem »

    +

    Ségolène Royal veut rester sur le côté des polémiques socialistes »

    - 23 JANVIER 2024
    - by Jean Dujardin + 22 juillet 2009
    + by Stéphane Alliès

    -
    - -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing +

    + L'échange épistolaire entre Martine Aubry et Manuel Valls a ouvert la compétition des égos au PS. Mais la présidente de la région Poitou-Charentes affiche ses distances avec ces polémiques.

    -

    Affaire Lorem »

    +

    Face aux députés PS, Martine Aubry soigne sa gauche »

    - 23 JANVIER 2024
    - by Jean Dujardin + 02 décembre 2008
    + by Mathilde Mathieu

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - +

    + Mardi 2 décembre, dans un sous-sol de l'Assemblée nationale, Martine Aubry a délivré une feuille de route toute fraîche aux députés socialistes. «On redémarre, on est en marche», a déclaré la première secrétaire du PS, pressé de marquer le nouvel «ancrage à gauche» du parti.

    @@ -319,77 +274,14 @@
    -

    Affaire Lorem »

    +

    Razzy Hammadi: «La sincérité du scrutin est mise en cause» »

    - 23 JANVIER 2024
    - by Jean Dujardin -

    -
    -
    - -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing -

    -
    -
    -
    -
    -
    -

    Affaire Lorem »

    -

    - 23 JANVIER 2024
    - by Jean Dujardin + 25 octobre 2008
    + by Stéphane Alliès

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - -

    - -
    -
    -
    -
    -
    -

    Affaire Lorem »

    -

    - 23 JANVIER 2024
    - by Jean Dujardin -

    -
    -
    - -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing -

    -
    -
    -
    -
    -
    -

    Affaire Lorem »

    -

    - 23 JANVIER 2024
    - by Jean Dujardin -

    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - -

    - -
    -
    -
    -
    -
    -

    Affaire Lorem »

    -

    - 23 JANVIER 2024
    - by Jean Dujardin -

    -
    -
    - -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing +

    + Les débats s'enchaînent au PS, sans que les équilibres internes ne paraissent évoluer. L'incertitude persiste, aucune des trois motions favorites (Royal, Aubry, Delanoë) n'émerge, et nombreux sont ceux qui craignent un démobilisation militante.