Stack Overflow
Stack Overflow

Questions tagged [elasticui]

ElasticUI is a set of AngularJS directives for Elasticsearch.

Overview

Copied from EslaticUI homepage
ElasticUI is a set of AngularJS directives enabling developers to rapidly build a frontend on top of Elasticsearch. It builds upon the elastic.js implementation of the Elasticsearch DSL.

The concept of ElasticUI is to have one "view" of your index to which you can add aggregations, sorting, paging, filters by adding directives in your html.

Related tags

Links

Project homepage
GitHub project

18 questions
4
votes
0 answers

Can't perform a React state update on an unmounted component with full calendar using elastic ui datepicker

I am trying to build a calendar app with Full Calendar and Elastic Ui, I use state to manage data/event input, using form to add event to the calendar, and selecting the date on calendar also update the form value. The app is partly working now, I…
Nigel
  • 161
  • 12
3
votes
1 answer

Unable to toggle a component for a second time using event listeners

You can find the codesandbox here. I have a component that does the following: Display an icon If the icon is clicked, then, in its place, show a search input. If the user clicks anywhere outside of the search input while it is showing, hide the…
Jimmy
  • 3,090
  • 12
  • 42
  • 99
2
votes
0 answers

Visual Studio Code doesn't autoimport from the library root

I'm working on a React app that uses the Elastic UI component library. I started a new project with create-react-app and installed the needed eui dependencies. When I try to add a new component, VSC does pick it up in the autocomplete and fills up…
metichi
  • 183
  • 7
2
votes
0 answers

How to add a module to Angular in Pencilblue?

So I'm building this Pencilblue website. Pencilblue is based on the MEAN stack. I'm trying to get a search function going. I need to declare a module. Pencilblue does it like this: ClientJs.getAngularController = function(objects, modules,…
user19882
  • 113
  • 7
1
vote
0 answers

Vite, Elastic UI: Failing to dynamically import icons for EuiIcon

https://github.com/rorymcd98/spot-the-image-gen Here's my repo. To install simply do: yarn install yarn dev The issue that I'm having is with Elastic UI's EuiIcon in the ./src/components/Counters.tsx. I'm trying to import shard and bullseye type…
Rory McDonald
  • 253
  • 2
  • 8
1
vote
0 answers

How to create a search field with elastic ui and react?

I have 4 number fields, and a search field above them. My goal is to show only the searched fields, like someone type in the search field "green"...then only display NumberField2 with the label "green". Any ideas what is the easiest way to make it…
randomcode
  • 45
  • 6
1
vote
1 answer

Elasticsearch search-ui with React

I have a React site with aside and main content. I want to use search-ui for searching on the site. The search bar should be on the aside, and when the user searches for something, results should be displayed on the main content. Aside and main…
KiKo
  • 1,668
  • 7
  • 27
  • 56
1
vote
0 answers

How can I replace symbols from the query prop on Elastic UI search bar?

I have searched all through the documentation and I can’t seem to find how I can replace any symbols in the query prop string passed by the EUI search bar to an on change prop. Here’s the…
aallen92
  • 11
  • 1
1
vote
0 answers

Elastic UI DatePicker with React Hook Form and Yup Schema Validation

I am trying to integrate elastic ui datepicker with react hook form and Yup schema validation. I know that by default Yup date schema is looking for a regular js Date or a string that can be parsed as such whereas elastic ui datepicker accepts and…
Kerry Money
  • 11
  • 1
1
vote
1 answer

Decorating a directive by adding a function that will call the directive's controller

I use a directive that is declared like this : (function (directives) { var FilterDirective = (function () { function FilterDirective() { var directive = {}; directive.restrict = 'A'; …
Master Mind
  • 3,014
  • 4
  • 32
  • 63
1
vote
2 answers

How to highlight search results with elasticui?

I made a simple interface to display application logs using elasticui, I'd like to highlight the results to show what was matching I tried to add this in my controller: $scope.$watch('ejs', function(ejs) { if (ejs !== undefined) { …
Mathieu
  • 5,495
  • 2
  • 31
  • 48
0
votes
0 answers

Category page in elastic ui and nextjs (typescript)

I'm integrating Elasticsearh UI with nextjs as per the tutorial codesandbox, the search and autocomplete page works fine. However I am having problems in the category page. When using default data everything works fine, But when using data from…
datnguyen
  • 61
  • 3
0
votes
1 answer

I have a problem when following the docs to customize the theme on react using elastic ui

When I want to custom the theme, this fails show up. Does anyone know how to fix that? My project Github link is here. Failed to compile. ./src/themes/light/index.scss…
林健安
  • 1
  • 2
0
votes
1 answer

Window is not defined with NextJS when using Elastic UI

Just trying to add a button from the Elastic UI library but just getting a window is not defined when adding in the button. The API call and everything else works fine until I add the button component or as soon as I add in the import on line 3…
StackUnderFlow
  • 339
  • 1
  • 11
  • 36
0
votes
1 answer

AngualrJS ElasticUI Slider filter

I'm using ElasticUI: https://github.com/YousefED/ElasticUI
1
2