<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script type="text/javascript" src=".../dist/solstice.js"></script> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="input-group" id="adv-search"> <input type="text" class="form-control" ng-model="srcStr" placeholder="Cerca risorse nel sito Web del dipartimento DiSCo" /> <div class="input-group-btn"> <div class="btn-group" role="group"> <div class="dropdown dropdown-lg"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button> <div class="dropdown-menu dropdown-menu-right" role="menu"> <form class="form-horizontal" role="form"> <div class="form-group"> <label for="filter">Filtri</label> <select class="form-control"> <option value="0" selected>Tutte le risorse</option> <option value="1">Laboratori di ricerca</option> <option value="2">Membri dello staff</option> <option value="3">Area di ricerca</option> <option value="4">Corsi erogati</option> <option value="5">News</option> <option value="6">Eventi</option> </select> </div> <div class="form-group"> <label for="contain">Contiene la parola</label> <input class="form-control" type="text" /> </div> <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> </form> </div> </div> <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> <any-tag solr-search start="0" rows="10" > <header> <p>Found {{ solr.found }} results.</p> </header> <ul> <li ng-repeat="item in solr.results">{{ item.nomeDocente }}</li> </ul> </any-tag> </div> </div> </div> </div> </div> </div> </div>

body { padding-top: 50px; } .dropdown.dropdown-lg .dropdown-menu { margin-top: -1px; padding: 6px 20px; } .input-group-btn .btn-group { display: flex !important; } .btn-group .btn { border-radius: 0; margin-left: -1px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .form-horizontal .btn[type="submit"] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-horizontal .form-group { margin-left: 0; margin-right: 0; } .form-group .form-control:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media screen and (min-width: 768px) { #adv-search { width: 500px; margin: 0 auto; } .dropdown.dropdown-lg { position: static !important; } .dropdown.dropdown-lg .dropdown-menu { min-width: 500px; } }

var app = angular.module('my-app', ['solstice']); app.config(function(SolsticeProvider) { SolsticeProvider.setEndpoint('http://localhost:8983/solr/#/ProgettoIR-indice'); }); app.controller('MyController', function($scope, Solstice) { Solstice.search({ q: 'nomeDocente:Matteo', rows: 10 }) .then(function (_){ var data = _.data.response; $scope.results = data.docs; console.log(data.docs); }); }); /*$(function () { $(document).on('click', 'button[type="submit"]', function(event) { event.preventDefault(); var request = allDocuments(); get(request); }); allDocuments = function(){ return { method:'GET', params: { wt: 'json', q: nomeDocente:'Matteo', rows: 100 } } }; get = function(request){ $http.get('http://localhost:8983/solr/ProgettoIR-indice/select', request).success(function(results){ $scope.documentiRisultato = results.response.docs; }); }; })*/