Skip to content
This repository has been archived by the owner on Jun 19, 2024. It is now read-only.

front/solstice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Solstice

A simple Solr wrapper for AngularJS (1.x) apps

Solstice is an AngularJS module, developed by Frontkom, that enables simple querying of Solr indexes. Solstice provides a search service and a companion directive that can be used in any Angularjs project.

Solstice is inspired by Restangular - an Angularjs service to handle Rest API resources.

Installation

Solstice can be installed using Bower or manually.

Using bower

bower install solstice

Manually

Clone or download this repository and add the dist/solstice.js or dist/solstice.min.js file to your html.

  <script type="text/javascript" src=".../dist/solstice.js"></script>

Configuration

To use Solstice, just add it as a dependency to your app and set the default Solr index url in the config function.

var app = angular.module('my-app', ['solstice']);

app.config(function(SolsticeProvider) {
  SolsticeProvider.setEndpoint('url-to-your-index');
});

###Using Solstice

As service:

To use Solstice, you just need to add it as a dependency to the controller function.

app.controller('MyController', function($scope, Solstice) {
  Solstice.search({
      q: 'bundle:article AND status:true',
      fl: 'title, teaser, published',
      sort: 'published desc',
      rows: 10
  })
  .then(function (_){
    var data = _.data.response;
    $scope.results = data.docs;
    console.log(data.docs);
  });
});
Using a Diferent endpoint

For some queries you may need to use a different index than the global one. In that case, you need to create a new service that extends Solstice.

In the following example, we create a new service called Equinox that uses a different Solr index.

app.provider('Equinox', function(Solstice) {
  return Solstice.withEndpoint('a-diferent-solr-index-url');
});

app.controller('AnotherController', function($scope, Equinox) {
  Equinox.search({
      q: '*',
      fl: 'title, teaser, published'
      rows: 2
  })
  .then(function (_){
    var data = _.data.response;
    $scope.results = data.docs;
    console.log(data.docs);
  });
});

####Usage as directive: Solstice can also be used directly as a directive, if the use of the service is not required. This can be particularly usefull if the Solr querying is just a small part of a larger project.

To use it, just add the directive solr-search to any element in the html. This directive provides the following options:

  • index-url: The Solr index to be used. Only required if it wasn't set in the config.
  • q: The query string. See the Apache solr documentation for details.
  • rows: The number of results to retrieve.
  • start: The number of results to skip.
  • sort: The sort params.
  • fl: The field list to be retrieved.
<any-tag solr-search index-url="your-index-url" start="0" rows="20"  >
  <header>
    <p>Found {{ solr.found }} results.</p>
  </header>
  <ul>
    <li ng-repeat="item in solr.results">{{ item.title }}</li>
  </ul>
</any-tag>

The module provides the $scope with a solr object. It has the following properties:

  • results: the list of results
  • found: the total number of results found.

##Future Features

  • Full caching with Angularjs cacheFactory
  • Support more SOLR features
  • Querystring parsing
  • Query language support