Coder Social home page Coder Social logo

calaca's Introduction

Calaca

Calaca is a beautiful, easy to use, search UI for Elasticsearch. It's made for you if you need to do quick searches for your documents and don't need anything hard to setup, use.

  • Quick, easy and instant search
  • Looks good
  • Simple configs
  • Query metrics(hits counts, time took)
  • Pagination
  • Lucene queries(boolean, range, etc)
  • Plugin install or stand-alone

Demo

calaca-demo

Dependencies(Already included)

  • angular.js
  • angular-animate.js
  • elasticsearch.angular.js

Get Started

In config.js change the configs to match your Elasticsearch cluster.

/* Configs */
url: "http://localhost:9200" //Cluster http url
index_name: "twitter" //Index name or comma-separated list
type: "tweet" //Type
size: 10 //Number of results displayed at a time
search_delay: 500 //Delay between actual search request in ms

In index.html append to result. the field name you want to show from your es document. Using dot notation, you can access nested fields like such result.transactions.time .

<h2>{{result.name}}</h2>
<p>{{result.description}}</p>

Plugin

You can also install as an elasticsearch plugin from elasticsearch home directory. Same config updates are required to config.js and index.html.

Here it supports ElasticSearch version 2.x

bin/plugin install romansanchez/calaca

Should now be accessible by visiting url: http://your-host:9200/_plugin/calaca/

Styling

You can easily change the look and feel of Calaca by implementing the below CSS classes.

.title
.search-box
.no-results
.results
.result

Common Issues

  • No 'Access-Control-Allow-Origin' header is present on the requested resource.
  • Add http.cors.enabled: true and http.cors.allow-origin: "*" to your elasticsearch.yml

Version

1.2.1

Author

@rooomansanchez

Contributors

xros

License

MIT

calaca's People

Contributors

gaving avatar marvel80 avatar romansanchez avatar trentniemeyer avatar xros avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.