tolmanam / kibana-carousel-plugin

Carousel Visualization for Kibana

kibana-carousel-plugin

This isn't working yet...

I am trying to model it after the Pure CSS Netflix Video Carousel found here.

• https://codepen.io/joshhunt/pen/LVQZRa

My carousel project includes a branch that uses the Bootstrap carousel to show just one slide at a time as well as an attempt to use the Slick carousel (http://kenwheeler.github.io/slick/). I had trouble getting that to build into Kibana properly and abandoned Slick in favor of the pure CSS version. It might be possible for a knowledgeable Kibana developer to salvage the Slick branch with little effort. I was just out of my depth.

---

Full disclosure, the skeleton for my work comes from Nathan Reese's time plugin

• https://github.com/nreese/kibana-time-plugin

---

kibana-carousel-plugin's Issues

Images take up too much horizontal space

Need to figure out the CSS tricks to prevent images from taking up so much horizontal space. HTML5 video and audio widgets resize nicely but the tags are not.

Blocked loading resource from url not allowed by $sceDelegate policy.

Can't get video files to load.

Error: [$interpolate:interr] Can't interpolate: {{row.content}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.  URL: https://youtu.be/b-mJBr4kGSs
http://errors.angularjs.org/1.4.7/$sce/insecurl?p0=https%3A%2F%2Fyoutu.be%2Fb-mJBr4kGSs
http://errors.angularjs.org/1.4.7/$interpolate/interr?p0=%7B%7Brow.content%….7%2F%24sce%2Finsecurl%3Fp0%3Dhttps%253A%252F%252Fyoutu.be%252Fb-mJBr4kGSs
    at angular.js:68
    at Function.$interpolateMinErr.interr (angular.js:10795)
    at parseStringifyInterceptor (angular.js:11095)
    at Array.regularInterceptedExpression (angular.js:14403)
    at interpolationFn (angular.js:11065)
    at attrInterpolatePreLinkFn (angular.js:8672)
    at invokeLinkFn (angular.js:8789)
    at nodeLinkFn (angular.js:8268)
    at compositeLinkFn (angular.js:7680)
    at compositeLinkFn (angular.js:7684)

Looks like there may be an "easy" fix, if I only know AngularJS...