Write some Software

Paginated overview page for publications ( starts with all publications ) with filters: - "field" - "province" - "worklevel" - "sector" - "function" - Standard all filters except "sector" and "function" are shown - When a "field" is selected "sector" and "function" are shown with the relevant options - Tags shown at the top of the page when you select a filter - Filters are additive ( when you select 2 filters of the same type both will be shown ) - Filters should be on the left side ( feedback from customer ) - Filters without results are disabled - BackboneRouter/Bookmarking - Url partial matching - "/vacatures#/bouw/gelderland/hbo" shows everything inside "field" bouw, "province" gelderland and "worklevel" hbo - "/vacatures#/bouw/gelderland" shows everything inside "field" bouw and "province" gelderland Webpage for review available upon request. json format: { "worklevel": [ {"id": 0, "name": "MBO"}, {"id": 1, "name": "HBO"} ] } { "province": [ {"id": 0, "name": "Utrecht"}, {"id": 1, "name": "Gelderland"}, {"id": 2, "name": "Holland"} ] } { "city": [ {"id": 0, "name": "Utrecht", "province_id": 0} ... ] } { "field": [ {"id": 0, "name": "Bouw"}, {"id": 1, "name": "Techniek & Industrie"}, {"id": 2, "name": "Infra"} {"id": 3, "name": "Installatietechniek"} ] } // sector and function will be dependant on the field selection, // so these need to be called again whenever the selection of field changes { "sector": [ {"id": 0, "name": "Techniek Ingenieurs- en adviesbureau", "field_id": 1}, {"id": 1, "name": "Techniek Installatiebedrijf", "field_id": 1}, {"id": 2, "name": "Techniek & Industrie", "field_id": 1} ] } { "function": [ {"id": 0, "name": "Engineering", "field_id": 0}, {"id": 1, "name": "Toezicht en Directievoering", "field_id": 0}, {"id": 2, "name": "Projectmanagement", "field_id": 1} ] } { "publications": [ { "title": "Engineer Werktuigbouwkundige Installaties Utrecht", "description": "Jij bent een ambitieuze en gemotiveerde Engineer ...etc", "worklevel_id": 1, "province_id": 0, "sector_id": 1, "function_id": 1, "city_id": 0, "field_id": 1, "url": "url as we discussed" } ] }