Difference between revisions of "MediaWiki:Infografics EUProjects"
Line 13: | Line 13: | ||
.graph { | .graph { | ||
display: block; | display: block; | ||
− | + | xfloat: left; | |
margin-bottom: 15px; | margin-bottom: 15px; | ||
+ | width:100%; | ||
+ | } | ||
+ | .kultura-content:after, | ||
+ | .graph:after { | ||
+ | content:""; | ||
+ | display:block; | ||
+ | clear:both; | ||
} | } | ||
Line 30: | Line 37: | ||
padding: 0 6px; | padding: 0 6px; | ||
float: left; | float: left; | ||
− | margin: 0 1px | + | margin: 0 1px 2px 0; |
/*clear: left;*/ | /*clear: left;*/ | ||
width: 3.2em; | width: 3.2em; | ||
Line 47: | Line 54: | ||
} | } | ||
− | .kultura- | + | .kultura-legend li.hidden { |
− | + | text-decoration:line-through | |
} | } | ||
Line 74: | Line 81: | ||
} | } | ||
+ | |||
+ | span.circle { | ||
+ | display: none; | ||
+ | } | ||
+ | .partner .partner, | ||
+ | .vodja .vodja, | ||
+ | .javna .javna, | ||
+ | .zasebna .zasebna, | ||
+ | .vizualne_umetnosti .vizualne_umetnosti, | ||
+ | .uprizoritvene_umetnosti .uprizoritvene_umetnosti, | ||
+ | .oblikovanje_arhitektura_in_uporabne_umetnosti .oblikovanje_arhitektura_in_uporabne_umetnosti, | ||
+ | .kulturna_dediscina .kulturna_dediscina, | ||
+ | .knjiga_branje_prevajanje .knjiga_branje_prevajanje, | ||
+ | .intermedijske_umetnosti_in_nove_tehnologije .intermedijske_umetnosti_in_nove_tehnologije, | ||
+ | .interdisciplinarni_projekti .interdisciplinarni_projekti, | ||
+ | .filmski_in_avdiovizualni_projekti .filmski_in_avdiovizualni_projekti { | ||
+ | display:inline-block; | ||
+ | } | ||
.circle.filmski_in_avdiovizualni_projekti, | .circle.filmski_in_avdiovizualni_projekti, | ||
Line 226: | Line 251: | ||
} | } | ||
− | var setupDisplay = function() { | + | var setupDisplay = function(cls) { |
d3.select('.graph').html(''); | d3.select('.graph').html(''); | ||
+ | $('.graph')[0].className = 'graph '+ cls.join(' '); | ||
+ | $('li.hidden').removeClass('hidden'); | ||
d3.selectAll('.kultura-legend') | d3.selectAll('.kultura-legend') | ||
Line 253: | Line 280: | ||
function displayProjects() { | function displayProjects() { | ||
− | var years = setupDisplay(); | + | var years = setupDisplay(['filmski_in_avdiovizualni_projekti','interdisciplinarni_projekti','intermedijske_umetnosti_in_nove_tehnologije','knjiga_branje_prevajanje','kulturna_dediscina','oblikovanje_arhitektura_in_uporabne_umetnosti','uprizoritvene_umetnosti','vizualne_umetnosti']); |
d3.select('.kultura-legend.projects') | d3.select('.kultura-legend.projects') | ||
Line 277: | Line 304: | ||
function displayStatus() { | function displayStatus() { | ||
− | var years = setupDisplay(); | + | var years = setupDisplay(['javna','zasebna']); |
d3.select('.kultura-legend.status') | d3.select('.kultura-legend.status') | ||
Line 300: | Line 327: | ||
function displayRole() { | function displayRole() { | ||
− | var years = setupDisplay(); | + | var years = setupDisplay(['vodja','partner']); |
d3.select('.kultura-legend.role') | d3.select('.kultura-legend.role') | ||
Line 336: | Line 363: | ||
d3.select('.kultura-switcher a.role') | d3.select('.kultura-switcher a.role') | ||
.on('click', displayRole) | .on('click', displayRole) | ||
+ | |||
+ | $('.kultura-legend').on('click','li',function(e) { | ||
+ | $('.graph').toggleClass(e.target.className); | ||
+ | $(e.target).toggleClass('hidden'); | ||
+ | }); | ||
+ | |||
}); | }); | ||
</script> | </script> | ||
}} | }} |