|
|
|
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>TradingView Widgets</title> |
|
|
<style> |
|
|
body { |
|
|
background-color: #0f0f0f; |
|
|
color: white; |
|
|
font-family: sans-serif; |
|
|
text-align: center; |
|
|
} |
|
|
.section { |
|
|
margin: 30px auto; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<h1>TradingView Dashboard</h1> |
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<h2>Market Events</h2> |
|
|
<div class="tradingview-widget-container"> |
|
|
<div class="tradingview-widget-container__widget"></div> |
|
|
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async> |
|
|
{ |
|
|
"colorTheme": "dark", |
|
|
"isTransparent": false, |
|
|
"width": "400", |
|
|
"height": "550", |
|
|
"locale": "en", |
|
|
"importanceFilter": "-1,0,1", |
|
|
"countryFilter": "us" |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<h2>Market Overview</h2> |
|
|
<div class="tradingview-widget-container"> |
|
|
<div class="tradingview-widget-container__widget"></div> |
|
|
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async> |
|
|
{ |
|
|
"colorTheme": "dark", |
|
|
"dateRange": "1D", |
|
|
"showChart": true, |
|
|
"locale": "en", |
|
|
"largeChartUrl": "", |
|
|
"isTransparent": false, |
|
|
"showSymbolLogo": true, |
|
|
"showFloatingTooltip": false, |
|
|
"width": "400", |
|
|
"height": "550", |
|
|
"plotLineColorGrowing": "rgba(41, 98, 255, 1)", |
|
|
"plotLineColorFalling": "rgba(41, 98, 255, 1)", |
|
|
"gridLineColor": "rgba(152, 152, 152, 0)", |
|
|
"scaleFontColor": "rgba(219, 219, 219, 1)", |
|
|
"belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)", |
|
|
"belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)", |
|
|
"belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)", |
|
|
"belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)", |
|
|
"symbolActiveColor": "rgba(41, 98, 255, 0.12)", |
|
|
"tabs": [ |
|
|
{ |
|
|
"title": "Indices", |
|
|
"symbols": [ |
|
|
{ "s": "CBOT_MINI:MYM1!", "d": "MYM1!" }, |
|
|
{ "s": "CME_MINI:ESM2025" } |
|
|
], |
|
|
"originalTitle": "Indices" |
|
|
}, |
|
|
{ |
|
|
"title": "Forex", |
|
|
"symbols": [ |
|
|
{ "s": "FX:EURUSD", "d": "EUR to USD" }, |
|
|
{ "s": "FX:GBPUSD", "d": "GBP to USD" }, |
|
|
{ "s": "FX:USDJPY", "d": "USD to JPY" }, |
|
|
{ "s": "FX:USDCHF", "d": "USD to CHF" }, |
|
|
{ "s": "FX:AUDUSD", "d": "AUD to USD" }, |
|
|
{ "s": "FX:USDCAD", "d": "USD to CAD" } |
|
|
], |
|
|
"originalTitle": "Forex" |
|
|
}, |
|
|
{ |
|
|
"title": "Futures", |
|
|
"symbols": [ |
|
|
{ "s": "CME_MINI:ES1!", "d": "S&P 500 Futures (Front)" }, |
|
|
{ "s": "CME_MINI:NQ1!", "d": "Nasdaq 100 Futures (Front)" }, |
|
|
{ "s": "CME_MINI:YM1!", "d": "Dow Futures (Front)" } |
|
|
], |
|
|
"originalTitle": "Futures" |
|
|
}, |
|
|
{ |
|
|
"title": "Bonds", |
|
|
"symbols": [ |
|
|
{ "s": "EUREX:FGBL1!", "d": "Euro Bund" }, |
|
|
{ "s": "EUREX:FBTP1!", "d": "Euro BTP" }, |
|
|
{ "s": "EUREX:FGBM1!", "d": "Euro BOBL" } |
|
|
], |
|
|
"originalTitle": "Bonds" |
|
|
} |
|
|
] |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<h2>News</h2> |
|
|
<iframe style="border: none; width:330px; height: 990px;" data-widget-name="NewsWidget" src="https://widget.darqube.com/news-widget?token=67f8a24b26dbae65032400b7" id="NewsWidget-n50sg30"></iframe> |
|
|
<script> |
|
|
window.top.addEventListener("message", function(msg) { |
|
|
const widget = document.getElementById('NewsWidget-n50sg30'); |
|
|
|
|
|
if (!widget) return; |
|
|
|
|
|
const styles = msg.data?.styles; |
|
|
const token = msg.data?.token; |
|
|
const urlToken = new URL(widget.src)?.searchParams?.get?.('token'); |
|
|
if (styles && token === urlToken) { |
|
|
Object.keys(styles).forEach(key => widget.style.setProperty(key, styles[key])) |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
