Difference between revisions of "MediaWiki:Infografics EUProjects"

From Culture.si
Line 13: Line 13:
 
.graph {
 
.graph {
 
display: block;
 
display: block;
float: left;
+
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 0px 0;
+
margin: 0 1px 2px 0;
 
/*clear: left;*/
 
/*clear: left;*/
 
         width: 3.2em;
 
         width: 3.2em;
Line 47: Line 54:
 
}
 
}
  
.kultura-content {
+
.kultura-legend li.hidden {
display: table-cell;
+
  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>
 
}}
 
}}

Revision as of 20:37, 20 January 2016