|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>TradingView Widgets + News</title> |
|
|
<style> |
|
|
body { |
|
|
background-color: #0f0f0f; |
|
|
color: white; |
|
|
font-family: sans-serif; |
|
|
text-align: center; |
|
|
} |
|
|
.section { |
|
|
margin: 30px auto; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<h1>NhatTranView Dashboard</h1> |
|
|
|
|
|
<div class="section"> |
|
|
<h2>Market Overview</h2> |
|
|
|
|
|
<div class="tradingview-widget-container"> |
|
|
<div class="tradingview-widget-container__widget"></div> |
|
|
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div> |
|
|
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async> |
|
|
{ |
|
|
"symbols": [ |
|
|
{ |
|
|
"proName": "FOREXCOM:SPXUSD", |
|
|
"title": "S&P 500 Index" |
|
|
}, |
|
|
{ |
|
|
"description": "DJI", |
|
|
"proName": "FOREXCOM:DJI" |
|
|
}, |
|
|
{ |
|
|
"description": "NASDAQ", |
|
|
"proName": "FOREXCOM:NSXUSD" |
|
|
}, |
|
|
{ |
|
|
"description": "BITCOIN", |
|
|
"proName": "INDEX:BTCUSD" |
|
|
}, |
|
|
{ |
|
|
"description": "GOLD", |
|
|
"proName": "CAPITALCOM:GOLD" |
|
|
}, |
|
|
{ |
|
|
"description": "VIX", |
|
|
"proName": "FXOPEN:VIX" |
|
|
} |
|
|
], |
|
|
"showSymbolLogo": true, |
|
|
"isTransparent": false, |
|
|
"displayMode": "compact", |
|
|
"colorTheme": "dark", |
|
|
"locale": "en" |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<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": "420", |
|
|
"height": "550", |
|
|
"locale": "en", |
|
|
"importanceFilter": "-1,0,1", |
|
|
"countryFilter": "us" |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<h2>Market News</h2> |
|
|
|
|
|
|
|
|
<iframe style="border: none; width:420px; height: 550px;" data-widget-name="NewsWidget" src="https://widget.darqube.com/news-widget?token=67f9155f6d8e66cee1884145" id="NewsWidget-aeeb7xn"></iframe> |
|
|
<script> |
|
|
window.top.addEventListener("message", function(msg) { |
|
|
const widget = document.getElementById('NewsWidget-aeeb7xn'); |
|
|
|
|
|
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> |
|
|
|
|
|
</body> |
|
|
</html> |
