dbeach

At times it might be useful to separate the facets block from the search input and results. Here is how you can do that:

1. We will need to add two container elements to index.html so that we can use them as rootElements for the two applications.
2. Define both of our new apps at the top of spyglass-app.js. The facets app does not need to monitor the url, it just needs to observe the primary spyglass app.
3. Remove the current facets from the search.hbs template
4. Add a new sidebarApp.hbs and sidebarFacets.hbs templates to render the faets app.

---

Spyglass UI for Solr

dbeach

[
  {
    "_position": 0,
    "name": "Big Data",
    "type": "topic",
    "connections": [3]
  },
  {
    "_position": 1,
    "name": "Search UI",

dbeach

@mixin grid($columns, $gutter: 0, $span: 1, $last: false, $nth: false, $prepend: 0, $append: 0, $padding-allowance: 0) 
  // Single column minus gutters

  $column-width: (100 - ($columns - 1) * $gutter) / $columns
  // Column width times # of columns + inner gutters
  width: $column-width * $span + $gutter * ($span - 1) - $padding-allowance + 0%
  @if $last
    margin-right: 0
  @else
    margin-right: $gutter + 0%

dbeach

/* 
Install these custom styles,
Your eye sockets will thank you.
*/

.dashboard {float: right;}
.content-main {float: left;}
.trends, [data-component-term=user_recommendations], .site-footer {display: none;}