This app is an example Angular app for embedding ThoughtSpot elements using the Visual Embed SDK. It is designed to work with the Sample Retail Apparel dataset included with the ThoughtSpot Free Trial account. It contains example code for: * basic authentication * embedding a search component * embedding a liveboard component
You will need a ThoughtSpot Free Trial account here.
git clone https://github.com/hannsta/thoughtspot-angular.git
Change directories to thoughtspot-angular
npm install -g @angular/cli
npm install
Once you have activated your free trial, you will want to adjust the TS_URL
variable in app.component.ts
to reflect the URL of your free trial environment.
Each embedded component requires a unique identifier to tell the Visual Embed SDK which ThoughtSpot component to render. The best way to retrieve the specific id is via the Developer Playground. Depending on which component you are using (Search, Liveboard), the id may be called something slightly different. Refer to the code samples in this project to see the specific names, then, within the Playground, retrieve the required value. For example, when using a Search component, the Visual Embed SDK requires a dataSource id, which can be retrieved by changing the data source here.
Ng serve
Once the app is running, you can navigate to http://localhost:4200 to check it out. Try navigating to one of the subpages via the hamburger menu. The first time you access a page with an embedded component you will be prompted to log into your Free Trial account.
This project was generated with Angular CLI version 14.0.0.