<button id="show-filters" type="button" class="button button--borderless"><svg class="icon icon--filter" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
<use href="/images/filter.svg#filter" />
</svg>
<span class="button__label">Filter</span></button>
<div class="filters">
<button id="hide-filters" type="button" class="button button--borderless button--inverse"><span class="button__label">Close</span><svg class="icon icon--close" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
<use href="/images/close.svg#close" />
</svg>
</button>
<form class="form" action="/">
<h2 class="h1 screen-reader-text">Filters</h2>
<div class="accordion accordion--filter-list">
<div class="accordion__pane">
<p class="accordion__heading">Topics</p>
<div class="accordion__content">
<button id="deselect-topics" type="button" class="button button--borderless"><span class="button__label">Deselect All<span class="screen-reader-text"> Topics</span></span></button>
<ul id="topics" class="input-group input-group__parent topics">
<li>
<label for="bangladesh">
<input id="bangladesh" type="checkbox" name="bangladesh" value="bangladesh" />Bangladesh
</label>
</li>
<li>
<label for="brazil">
<input id="brazil" type="checkbox" name="brazil" value="brazil" />Brazil
</label>
</li>
<li>
<label for="canada">
<input id="canada" type="checkbox" name="canada" value="canada" />Canada
</label>
</li>
<li>
<label for="france">
<input id="france" type="checkbox" name="france" value="france" />France
</label>
</li>
<li>
<label for="cooperative-essentials">
<input class="input--parent" id="cooperative-essentials" type="checkbox" name="cooperative-essentials" value="cooperative-essentials" />Cooperative essentials
</label>
<span class="filter-disclosure-label" hidden>show 5 subtopics for "Cooperative essentials"</span>
<span class="supplementary-label" hidden> (and 5 subtopics)</span>
<ul class="input-group checkbox input-group__descendant">
<li>
<label for="governance">
<input id="governance" type="checkbox" name="cooperative-essentials" value="governance" />Governance
</label>
</li>
<li>
<label for="ownership">
<input id="ownership" type="checkbox" name="cooperative-essentials" value="ownership" />Ownership
</label>
</li>
<li>
<label for="cooperative-best-practices">
<input id="cooperative-best-practices" type="checkbox" name="cooperative-essentials" value="cooperative-best-practices" />Cooperative best practices
</label>
</li>
<li>
<label for="diversity-and-inclusion">
<input id="diversity-and-inclusion" type="checkbox" name="cooperative-essentials" value="diversity-and-inclusion" />Diversity and inclusion
</label>
</li>
<li>
<label for="bylaws">
<input id="bylaws" type="checkbox" name="cooperative-essentials" value="bylaws" />Bylaws
</label>
</li>
</ul>
</li>
<li>
<label for="business-operations">
<input class="input--parent" id="business-operations" type="checkbox" name="business-operations" value="business-operations" />Business operations
</label>
<span class="filter-disclosure-label" hidden>show 6 subtopics for "Business operations"</span>
<span class="supplementary-label" hidden> (and 6 subtopics)</span>
<ul class="input-group checkbox input-group__descendant">
<li>
<label for="human-resources">
<input id="human-resources" type="checkbox" name="business-operations" value="human-resources" />Human resources
</label>
</li>
<li>
<label for="marketing">
<input id="marketing" type="checkbox" name="business-operations" value="marketing" />Marketing
</label>
</li>
<li>
<label for="social-media">
<input id="social-media" type="checkbox" name="business-operations" value="social-media" />Social media
</label>
</li>
<li>
<label for="incorporation">
<input id="incorporation" type="checkbox" name="business-operations" value="incorporation" />Incorporation
</label>
</li>
<li>
<label for="business-model">
<input id="business-model" type="checkbox" name="business-operations" value="business-model" />Business model
</label>
</li>
<li>
<label for="income-benefits-and-compensation">
<input id="income-benefits-and-compensation" type="checkbox" name="business-operations" value="income-benefits-and-compensation" />Income, benefits, and compensation
</label>
</li>
</ul>
</li>
<li>
<label for="technology-and-platforms">
<input class="input--parent" id="technology-and-platforms" type="checkbox" name="technology-and-platforms" value="technology-and-platforms" />Technology & Platforms
</label>
<span class="filter-disclosure-label" hidden>show 9 subtopics for "Technology & Platforms"</span>
<span class="supplementary-label" hidden> (and 9 subtopics)</span>
<ul class="input-group checkbox input-group__descendant">
<li>
<label for="software-development">
<input id="software-development" type="checkbox" name="technology-and-platforms" value="software-development" />Software development
</label>
</li>
<li>
<label for="platforms">
<input id="platforms" type="checkbox" name="technology-and-platforms" value="platforms" />Platforms
</label>
</li>
<li>
<label for="design">
<input id="design" type="checkbox" name="technology-and-platforms" value="design" />Design
</label>
</li>
<li>
<label for="free-software">
<input id="free-software" type="checkbox" name="technology-and-platforms" value="free-software" />Free software
</label>
</li>
<li>
<label for="data">
<input id="data" type="checkbox" name="technology-and-platforms" value="data" />Data
</label>
</li>
<li>
<label for="algorithms">
<input id="algorithms" type="checkbox" name="technology-and-platforms" value="algorithms" />Algorithms
</label>
</li>
<li>
<label for="automation">
<input id="automation" type="checkbox" name="technology-and-platforms" value="automation" />Automation
</label>
</li>
<li>
<label for="blockchain">
<input id="blockchain" type="checkbox" name="technology-and-platforms" value="blockchain" />Blockchain
</label>
</li>
<li>
<label for="search-engines">
<input id="search-engines" type="checkbox" name="technology-and-platforms" value="search-engines" />Search engines
</label>
</li>
</ul>
</li>
<li>
<label for="law-and-policy">
<input class="input--parent" id="law-and-policy" type="checkbox" name="law-and-policy" value="law-and-policy" />Law & Policy
</label>
<span class="filter-disclosure-label" hidden>show 4 subtopics for "Law & Policy"</span>
<span class="supplementary-label" hidden> (and 4 subtopics)</span>
<ul class="input-group checkbox input-group__descendant">
<li>
<label for="anti-trust">
<input id="anti-trust" type="checkbox" name="law-and-policy" value="anti-trust" />Anti-trust
</label>
</li>
<li>
<label for="labor-law">
<input id="labor-law" type="checkbox" name="law-and-policy" value="labor-law" />Labor law
</label>
</li>
<li>
<label for="policy">
<input id="policy" type="checkbox" name="law-and-policy" value="policy" />Policy
</label>
</li>
<li>
<label for="co-op-law">
<input id="co-op-law" type="checkbox" name="law-and-policy" value="co-op-law" />Co-op law
</label>
</li>
</ul>
</li>
<li>
<label for="fair-labour">
<input class="input--parent" id="fair-labour" type="checkbox" name="fair-labour" value="fair-labour" />Fair labour
</label>
<span class="filter-disclosure-label" hidden>show 3 subtopics for "Fair labour"</span>
<span class="supplementary-label" hidden> (and 3 subtopics)</span>
<ul class="input-group checkbox input-group__descendant">
<li>
<label for="unions">
<input id="unions" type="checkbox" name="fair-labour" value="unions" />Unions
</label>
</li>
<li>
<label for="workplace-safety">
<input id="workplace-safety" type="checkbox" name="fair-labour" value="workplace-safety" />Workplace safety
</label>
</li>
<li>
<label for="social-security">
<input id="social-security" type="checkbox" name="fair-labour" value="social-security" />Social security
</label>
</li>
</ul>
</li>
<li>
<label for="platform-co-op-theory">
<input class="input--parent" id="platform-co-op-theory" type="checkbox" name="platform-co-op-theory" value="platform-co-op-theory" />Platform co-op theory
</label>
<span class="filter-disclosure-label" hidden>show 7 subtopics for "Platform co-op theory"</span>
<span class="supplementary-label" hidden> (and 7 subtopics)</span>
<ul class="input-group checkbox input-group__descendant">
<li>
<label for="platform-cooperativism">
<input id="platform-cooperativism" type="checkbox" name="platform-co-op-theory" value="platform-cooperativism" />Platform cooperativism
</label>
</li>
<li>
<label for="platform-capitalism">
<input id="platform-capitalism" type="checkbox" name="platform-co-op-theory" value="platform-capitalism" />Platform capitalism
</label>
</li>
<li>
<label for="gig-economy">
<input id="gig-economy" type="checkbox" name="platform-co-op-theory" value="gig-economy" />Gig economy
</label>
</li>
<li>
<label for="sharing-economy">
<input id="sharing-economy" type="checkbox" name="platform-co-op-theory" value="sharing-economy" />Sharing economy
</label>
</li>
<li>
<label for="solidarity-economy">
<input id="solidarity-economy" type="checkbox" name="platform-co-op-theory" value="solidarity-economy" />Solidarity economy
</label>
</li>
<li>
<label for="information-economy">
<input id="information-economy" type="checkbox" name="platform-co-op-theory" value="information-economy" />Information economy
</label>
</li>
<li>
<label for="peer-to-peer">
<input id="peer-to-peer" type="checkbox" name="platform-co-op-theory" value="peer-to-peer" />Peer-to-peer
</label>
</li>
</ul>
</li>
</ul>
</div>
</div>
</form>
</div>
</div>
{% if not standAlone %}
{% render '@button--borderless', {standAlone: true, id: 'show-filters'}, true %}
<div class="filters">
{% render '@button--borderless-inverse', {standAlone: true, id: 'hide-filters', label: 'Close', iconPosition: 'end', icon: 'close'}, true %}
<form class="form" action="/">
<h2 class="h1 screen-reader-text">Filters</h2>
<div class="accordion accordion--filter-list">
{% endif %}
<div class="accordion__pane">
<p class="accordion__heading">{{ label }}</p>
<div class="accordion__content">
{% render '@button--borderless', {label: 'Deselect All<span class="screen-reader-text"> '+label+'</span>', id: 'deselect-'+ label | slugify, icon: false, standAlone: true, buttons:[{name: 'default' }]}, true %}
<ul id="{{ label | slugify }}" class="input-group input-group__parent {{ label | slugify }}">
{% for term in terms %}
<li>
{% if term.children %}
{% set count = term.children.length %}
{% render '@checkbox', {label: term.label, value: term.label | slugify, name: term.label | slugify, standAlone: false, inverse: true, className: 'input--parent'}, true %}
<span class="filter-disclosure-label" hidden>show {{ count }} subtopics for "{{ term.label }}"</span>
<span class="supplementary-label" hidden> (and {{ count }} subtopics)</span>
{% render '@checkboxes', {checkboxes: term.children, className: 'input-group__descendant'}, true %}
{% else %}
{% render '@checkbox', {label: term.label, value: term.label | slugify, name: term.label | slugify, standAlone: false}, true %}
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
{% if not standAlone %}
</form>
</div>
</div>
{% endif %}
{
"label": "Topics",
"terms": [
{
"label": "Bangladesh"
},
{
"label": "Brazil"
},
{
"label": "Canada"
},
{
"label": "France"
},
{
"label": "Cooperative essentials",
"children": [
{
"value": "governance",
"label": "Governance",
"name": "cooperative-essentials"
},
{
"value": "ownership",
"label": "Ownership",
"name": "cooperative-essentials"
},
{
"value": "cooperative-best-practices",
"label": "Cooperative best practices",
"name": "cooperative-essentials"
},
{
"value": "diversity-and-inclusion",
"label": "Diversity and inclusion",
"name": "cooperative-essentials"
},
{
"value": "bylaws",
"label": "Bylaws",
"name": "cooperative-essentials"
}
]
},
{
"label": "Business operations",
"children": [
{
"value": "human-resources",
"label": "Human resources",
"name": "business-operations"
},
{
"value": "marketing",
"label": "Marketing",
"name": "business-operations"
},
{
"value": "social-media",
"label": "Social media",
"name": "business-operations"
},
{
"value": "incorporation",
"label": "Incorporation",
"name": "business-operations"
},
{
"value": "business-model",
"label": "Business model",
"name": "business-operations"
},
{
"value": "income-benefits-and-compensation",
"label": "Income, benefits, and compensation",
"name": "business-operations"
}
]
},
{
"label": "Technology & Platforms",
"children": [
{
"value": "software-development",
"label": "Software development",
"name": "technology-and-platforms"
},
{
"value": "platforms",
"label": "Platforms",
"name": "technology-and-platforms"
},
{
"value": "design",
"label": "Design",
"name": "technology-and-platforms"
},
{
"value": "free-software",
"label": "Free software",
"name": "technology-and-platforms"
},
{
"value": "data",
"label": "Data",
"name": "technology-and-platforms"
},
{
"value": "algorithms",
"label": "Algorithms",
"name": "technology-and-platforms"
},
{
"value": "automation",
"label": "Automation",
"name": "technology-and-platforms"
},
{
"value": "blockchain",
"label": "Blockchain",
"name": "technology-and-platforms"
},
{
"value": "search-engines",
"label": "Search engines",
"name": "technology-and-platforms"
}
]
},
{
"label": "Law & Policy",
"children": [
{
"value": "anti-trust",
"label": "Anti-trust",
"name": "law-and-policy"
},
{
"value": "labor-law",
"label": "Labor law",
"name": "law-and-policy"
},
{
"value": "policy",
"label": "Policy",
"name": "law-and-policy"
},
{
"value": "co-op-law",
"label": "Co-op law",
"name": "law-and-policy"
}
]
},
{
"label": "Fair labour",
"children": [
{
"value": "unions",
"label": "Unions",
"name": "fair-labour"
},
{
"value": "workplace-safety",
"label": "Workplace safety",
"name": "fair-labour"
},
{
"value": "social-security",
"label": "Social security",
"name": "fair-labour"
}
]
},
{
"label": "Platform co-op theory",
"children": [
{
"value": "platform-cooperativism",
"label": "Platform cooperativism",
"name": "platform-co-op-theory"
},
{
"value": "platform-capitalism",
"label": "Platform capitalism",
"name": "platform-co-op-theory"
},
{
"value": "gig-economy",
"label": "Gig economy",
"name": "platform-co-op-theory"
},
{
"value": "sharing-economy",
"label": "Sharing economy",
"name": "platform-co-op-theory"
},
{
"value": "solidarity-economy",
"label": "Solidarity economy",
"name": "platform-co-op-theory"
},
{
"value": "information-economy",
"label": "Information economy",
"name": "platform-co-op-theory"
},
{
"value": "peer-to-peer",
"label": "Peer-to-peer",
"name": "platform-co-op-theory"
}
]
}
],
"standAlone": false
}
There are no notes for this item.