matrix-dimension/web/app/widget-wrappers/tradingview/tradingview.component.ts
2018-10-22 00:47:42 -06:00

44 lines
1.3 KiB
TypeScript

import { Component, OnInit } from "@angular/core";
import { ActivatedRoute } from "@angular/router";
import * as $ from "jquery";
declare var TradingView: any;
@Component({
selector: "my-tradingview-widget-wrapper",
templateUrl: "tradingview.component.html",
styleUrls: ["tradingview.component.scss"],
})
export class TradingViewWidgetWrapperComponent implements OnInit {
private symbol: string;
private interval: string;
constructor(activatedRoute: ActivatedRoute) {
let params: any = activatedRoute.snapshot.queryParams;
this.symbol = params.pair;
this.interval = params.interval;
}
public ngOnInit() {
$.getScript("https://s3.tradingview.com/tv.js", () => {
const widget = new TradingView.widget({
"autosize": true,
"symbol": this.symbol,
"interval": this.interval,
"timezone": "Etc/UTC",
"theme": "Light",
"style": "1",
"locale": "en",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"hide_top_toolbar": true,
"hide_legend": true,
"container_id": "tradingviewContainer",
});
console.log("Created widget: " + widget);
});
}
}