Coder Social home page Coder Social logo

osbi / saiku-embed-element Goto Github PK

View Code? Open in Web Editor NEW
3.0 6.0 3.0 982 KB

A web component to embed Saiku Analytics using Polymer

Home Page: https://www.webcomponents.org/element/OSBI/saiku-embed-element

License: Apache License 2.0

HTML 100.00%
web-components polymer saiku embed

saiku-embed-element's Introduction

<saiku-embed>

A web component to embed Saiku Analytics using Polymer.

Published on webcomponents.org

Install

Install the component using Bower:

$ bower install saiku-embed --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill:

    <script src="./bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  2. Import Element:

    <link rel="import" href="./bower_components/saiku-embed/saiku-embed.html">
  3. Start using it!

    <saiku-embed url="http://localhost:8080/" username="admin" password="admin"></saiku-embed>

Here's an example of basic usage:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <title>saiku-embed demo</title>

    <!-- Polyfill Web Components support for older browsers -->
    <script src="./bower_components/webcomponentsjs/webcomponents-lite.js"></script>

    <!-- Import element -->
    <link rel="import" href="./bower_components/saiku-embed/saiku-embed.html">
  </head>
  <body>

    <!-- Use element -->
    <saiku-embed url="http://localhost:8080/" username="admin" password="admin"></saiku-embed>

  </body>
</html>

Options

Attribute Options Default Description
url String Saiku's URL (Required).
username String User name to access Saiku.
password String Password to access Saiku.
width String 800 The width attribute specifies the width of an <saiku-embed>, in pixels.
height String 600 The height attribute specifies the height of an <saiku-embed>, in pixels.
schema String Schema name. e.g: FoodMart
cube String Cube name. e.g: Sales
default_mdx_filter String Extend default_mdx_filter to add level to filter axis.
default_mdx_filter_rows String Extend default_mdx_filter_rows to add level to rows axis.
default_mdx_filter_columns String Extend default_mdx_filter_columns to add level to columns axis.
lang cn, cs, de, en, es, fi, fr, hr, hu, it, ja, ko, lt, nb, nl, pl, pt, ru Specifies the language to be used.
mode view, edit, table, chart, map Specifies the mode to use when opening a Saiku file.
path_file_saiku String The path of your Saiku file. e.g: /homes/home:admin/example.saiku
splash Boolean true Enable or disable splash screen.
plugin Boolean false Work in plugin mode.
hide_workspace_icons Boolean false Hide some icons on Saiku Toolbar.
show_help Boolean false Show help using intro.js.

Development

In order to run it locally you'll need to fetch some dependencies.

  1. Install Bower & Polymer CLI:

    $ [sudo] npm install -g bower polymer-cli
  2. Install local dependencies:

    $ bower install
  3. To test the project, start the development server and open http://localhost:8081.

    $ polymer serve

Browser Support

Chrome | Firefox | Edge | Safari | Opera --- | --- | --- | --- | --- | Chrome or Chromium version 49 or later ✔ | Firefox 51 or later ✔ | Edge 15.15063 or later ✔ | Safari or Mobile Safari 10 or later ✔ | Opera 36 or later ✔ |

Contributing

If you want to help, please read the Contributing guide.

History

For detailed changelog, see Releases.

License

Apache License Version 2 © Meteorite BI

saiku-embed-element's People

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

saiku-embed-element's Issues

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.