File size: 2,899 Bytes
a38a635 fbffbd6 a38a635 0e11540 a38a635 9c0d831 ece1448 9c0d831 75ec1f0 9c0d831 ece1448 75ec1f0 28f0fb1 ece1448 9c0d831 75ec1f0 28f0fb1 9c0d831 75ec1f0 9c0d831 75ec1f0 9c0d831 ece1448 75ec1f0 9c0d831 75ec1f0 3b94ff4 dbef9b4 3b94ff4 9c0d831 a38a635 ece1448 fbffbd6 a38a635 fbffbd6 7b31539 dbef9b4 7b31539 dbef9b4 7b31539 32646d4 fbffbd6 a38a635 fbffbd6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 |
<!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>
<!-- Widget 2: Market Overview -->
<div class="section">
<h2>Market Overview</h2>
<!-- TradingView Widget BEGIN -->
<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>
<!-- TradingView Widget END -->
<!-- Widget 1: Market Events -->
<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": "410",
"height": "550",
"locale": "en",
"importanceFilter": "-1,0,1",
"countryFilter": "us"
}
</script>
</div>
</div>
<!-- Widget 3: News (Darqube) -->
<div class="section">
<h2>Market News</h2>
<iframe style="border: none; width:410px; 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> |