diff --git a/app/assets/javascripts/application/search.js b/app/assets/javascripts/application/search.js index ed6954101b77e8467e0340a47d99004749a9acd4..f492bad550b45d6d1d1fb7a6d8e334cdf745930c 100644 --- a/app/assets/javascripts/application/search.js +++ b/app/assets/javascripts/application/search.js @@ -17,4 +17,53 @@ $(document).ready(function () { $('.nestedAccordion .dropdown').click(function () { runDropdown(this); }); + $('.search-link').on('change', function(e) { + getSubjectFilters(); + getTypeFilters(); + getSchoolYearFilters(); + }); }); + + +function getSubjectFilters() { + var subject_filters = []; + $('.filter-subject').each(function() { + //add only non-null values + if($(this).val()) + subject_filters.push($(this).val()); + }); + //flatten the array + subject_filters=[].concat.apply([], subject_filters); + console.log(subject_filters); +} + +function getTypeFilters() { + var type_filters = []; + $('input[name="filter-type"]:checked').each(function() { + type_filters.push($(this).val()); + }); + console.log(type_filters); +} + +function getSchoolYearFilters() { + var school_year_filters = []; + $('input[name="filter-school-year"]:checked').each(function(){ + school_year_filters.push($(this).val()); + }); + console.log(school_year_filters); +} + +function getUrlVars() { + var vars = {}, hash; + var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); + console.log(hashes); + for(var i = 0; i < hashes.length; i++) + { + hash = hashes[i].split('='); + if (typeof vars[hash[0]] === 'undefined'){ + vars[hash[0]] = []; + } + vars[hash[0]].push(hash[1]); + } + return vars; +}; diff --git a/app/views/search/index.html.erb b/app/views/search/index.html.erb index c0ae04c729f86a65904dae1e74afddc70f3649af..a0ac5b9420ef26528e9b897affb1af93b8b214bc 100644 --- a/app/views/search/index.html.erb +++ b/app/views/search/index.html.erb @@ -11,43 +11,33 @@ </div> </div> --> - <div class="nestedAccordion"> + <div class="nestedAccordion search-link"> <h3 class="dropdown open">Matérias<span class="caret caret-align-right"/></h3> <div class="dropdown-element"> <h4 class="dropdown">Matemática<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> - <option value="">Todos</option> - <optgroup label="Básico"> - <option value="">Conjuntos</option> - <option value="">Soma</option> - </optgroup> - <optgroup label="Avançada"> - <option value="AL">Ãlgebra</option> - <option value="">...</option> - </optgroup> + <select class="select-tag-container filter-subject" multiple="multiple"> + <option value="Conjunto">Conjuntos</option> + <option value="Soma">Soma</option> + <option value="Ãlgebra">Ãlgebra</option> </select> </div> <h4 class="dropdown">Biologia<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> - <optgroup label="Básico"> - <option value="">Plantas</option> + <option value="Plantas">Plantas</option> <option value="">...</option> - </optgroup> - <optgroup label="Avançada"> <option value="">...</option> - </optgroup> </select> </div> <h4 class="dropdown">História<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> <optgroup label="Básico"> <option value="">História do Brasil</option> @@ -61,7 +51,7 @@ <h4 class="dropdown">LÃngua Portuguesa<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> <optgroup label="Básico"> <option value="">...</option> @@ -75,7 +65,7 @@ <h4 class="dropdown">Geografia<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> <optgroup label="Básico"> <option value="">...</option> @@ -89,7 +79,7 @@ <h4 class="dropdown">Ciências<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> <optgroup label="Básico"> <option value="">...</option> @@ -103,7 +93,7 @@ <h4 class="dropdown">Educação FÃsica<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> <optgroup label="Básico"> <option value="">...</option> @@ -117,7 +107,7 @@ <h4 class="dropdown">Inglês<span class="caret caret-align-right"/></h4> <div> - <select class="select-tag-container" multiple="multiple"> + <select class="select-tag-container filter-subject" multiple="multiple"> <option value="">Todos</option> <optgroup label="Básico"> <option value="">...</option> @@ -138,16 +128,16 @@ <td></td> </tr> <tr> - <td><input type="checkbox"> Fotos</td> - <td><input type="checkbox"> Imagens</td> + <td><input value="Fotos" name="filter-type" type="checkbox"> Fotos</td> + <td><input value="Imagens" name="filter-type" type="checkbox"> Imagens</td> </tr> <tr> - <td><input type="checkbox"> Ãudio</td> - <td><input type="checkbox"> VÃdeos</td> + <td><input value="Ãudio" name="filter-type" type="checkbox"> Ãudio</td> + <td><input value="VÃdeos" name="filter-type" type="checkbox"> VÃdeos</td> </tr> <tr> - <td><input type="checkbox"> Apresentações MultimÃdia</td> - <td><input type="checkbox"> Apps</td> + <td><input value="Apresentações MultimÃdia" name="filter-type" type="checkbox"> Apresentações MultimÃdia</td> + <td><input value="Apps" name="filter-type" type="checkbox"> Apps</td> </tr> <tr> <td></td> @@ -158,23 +148,23 @@ <td></td> </tr> <tr> - <td><input type="checkbox"> Anais</td> - <td><input type="checkbox"> Artigos Web</td> + <td><input value="Anais" name="filter-type" type="checkbox"> Anais</td> + <td><input value="Artigos Web" name="filter-type" type="checkbox"> Artigos Web</td> </tr> <tr> - <td><input type="checkbox"> CapÃtulos de Livros</td> - <td><input type="checkbox"> Dissertações</td> + <td><input value="CapÃtulos de Livros" name="filter-type" type="checkbox"> CapÃtulos de Livros</td> + <td><input value="Dissertações" name="filter-type" type="checkbox"> Dissertações</td> </tr> <tr> - <td><input type="checkbox"> Livros</td> - <td><input type="checkbox"> Monografias</td> + <td><input value="Livros" name="filter-type" type="checkbox"> Livros</td> + <td><input value="Monografias" name="filter-type" type="checkbox"> Monografias</td> </tr> <tr> - <td><input type="checkbox"> Periódicos</td> - <td><input type="checkbox"> Revistas</td> + <td><input value="Periódicos" name="filter-type" type="checkbox"> Periódicos</td> + <td><input value="Revistas" name="filter-type" type="checkbox"> Revistas</td> </tr> <tr> - <td><input type="checkbox"> Teses</td> + <td><input value="Teses" name="filter-type" type="checkbox"> Teses</td> </tr> <tr> <td></td> @@ -185,7 +175,7 @@ <td></td> </tr> <tr> - <td><input type="checkbox"> Planos de Aula</td> + <td><input value="Planos de Aula" name="filter-type" type="checkbox"> Planos de Aula</td> </tr> </table> </div> @@ -195,20 +185,20 @@ <div class="dropdown-element"> <table style="width:100%"> <tr> - <td><input type="checkbox">1º</td> - <td><input type="checkbox">5º</td> + <td><input value="1" name="filter-school-year" type="checkbox">1º</td> + <td><input value="5" name="filter-school-year" type="checkbox">5º</td> </tr> <tr> - <td><input type="checkbox">2º</td> - <td><input type="checkbox">6º</td> + <td><input value="2" name="filter-school-year" type="checkbox">2º</td> + <td><input value="6" name="filter-school-year" type="checkbox">6º</td> </tr> <tr> - <td><input type="checkbox">3º</td> - <td><input type="checkbox">7º</td> + <td><input value="3" name="filter-school-year" type="checkbox">3º</td> + <td><input value="7" name="filter-school-year" type="checkbox">7º</td> </tr> <tr> - <td><input type="checkbox">4º</td> - <td><input type="checkbox">8º</td> + <td><input value="4" name="filter-school-year" type="checkbox">4º</td> + <td><input value="8" name="filter-school-year" type="checkbox">8º</td> </tr> </table> </div>