Update README.md

2025-04-08 21:13:18 +00:00 · 2025-03-11 11:18:08 +01:00 · 2025-03-11 11:08:39 +01:00 · 2025-03-11 10:56:11 +01:00 · 2025-03-11 10:54:51 +01:00 · 2025-03-11 10:52:33 +01:00
10 changed files with 361 additions and 103 deletions
--- a/README.md
+++ b/README.md
@ -2,36 +2,37 @@

 A lightweight Docker-based web tool to monitor cryptocurrency prices (via Binance and OKX) with **unlimited alarms** and **unlimited crypto tracking**, outshining typical TradingView limitations. It also provides quick access to multiple RSS-based crypto news sources and a live Economic Calendar.

-
-
---
-
-
+<img src="https://github.com/user-attachments/assets/15c9227b-0683-4563-8b71-75f2f9ed475e" width="800" height="auto">

 ## Demo

 Check out the live demo here: [HodlEye Demo](https://hodleye.gerald-hasani.com/)

+
 ---

+
 ## Table of Contents

-1. [Overview](#overview)  
-2. [Features](#features)  
-   - [Unlimited Alarms & Tracking](#unlimited-alarms--tracking)  
-   - [Price Updates](#price-updates)  
-   - [Alarm Functionality](#alarm-functionality)  
-   - [Crypto News](#crypto-news)  
-   - [Economic Calendar](#economic-calendar)  
-3. [Installation & Usage](#installation--usage)  
-   - [Requirements](#requirements)  
-   - [Docker Build & Run](#docker-build--run)  
-4. [Project Structure](#project-structure)  
-   - [Frontend (`index.html` & `magic.js`)](#frontend-indexhtml--magicjs)  
-   - [News Feed Server (Node.js)](#news-feed-server-nodejs)  
-5. [Important Notes / Limitations](#important-notes--limitations)  
-6. [Privacy & Data Disclaimer](#privacy--data-disclaimer)  
-7. [License](#license)
+1. [Overview](#overview)
+2. [Features](#features)
+   - [Unlimited Alarms & Tracking](#unlimited-alarms--tracking)
+   - [Price Updates](#price-updates)
+   - [Alarm Functionality](#alarm-functionality)
+   - [Crypto News](#crypto-news)
+   - [Economic Calendar](#economic-calendar)
+   - [TradingView Chart](#tradingview-chart)  
+3. [Installation & Usage](#installation--usage)
+   - [Requirements](#requirements)
+   - [Docker Build & Run](#docker-build--run)
+4. [Windows Notification App: HodlEye_Notify](#windows-notification-app-hodleye_notify)
+5. [Project Structure](#project-structure)
+   - [Frontend (index.html & magic.js)](#frontend-indexhtml--magicjs)
+   - [News Feed Server (Node.js)](#news-feed-server-nodejs)
+6. [Important Notes / Limitations](#important-notes--limitations)
+7. [Coming Soon](#coming-soon)
+8. [Privacy & Data Disclaimer](#privacy--data-disclaimer)
+9. [License](#license)

 ---

@ -39,27 +40,38 @@ Check out the live demo here: [HodlEye Demo](https://hodleye.gerald-hasani.com/)

 **HodlEye Crypto Price Tracker** is a Dockerized application that aims to surpass typical limitations of other tracking platforms (like TradingView), offering:

- **Unlimited Alarms**: No cap on the number of alarms you can set.  
- **Unlimited Crypto Tracking**: Easily add as many coins as you want.  
- **Real-Time Price Updates (every 5 seconds)**: Uses Binance and OKX data.  
+- **Unlimited Alarms**: No cap on the number of alarms you can set.
+- **Unlimited Crypto Tracking**: Easily add as many coins as you want.
+- **Real-Time Price Updates (every 1 seconds)**: Uses Binance and OKX data.
 - **Crypto News & Economic Calendar**: Stay updated on the latest events affecting the market.
+- **TradingView Modal Integration**: Click on any crypto pair to open a TradingView modal for in-depth chart analysis.**New**

-The tool refreshes prices every **5 seconds**, which may introduce a slight delay in alarm triggers if the price quickly touches the threshold in between intervals.
+The tool refreshes prices every **1 seconds**, which may introduce a slight delay in alarm triggers if the price quickly touches the threshold in between intervals.

 ---
+&nbsp;

 ## Features

 ### Unlimited Alarms & Tracking
+
 - You can set **as many alarms as you like** — no daily or total limit.
 - Track **any number of cryptocurrencies** in the list simultaneously.

+<img src="https://github.com/user-attachments/assets/276de04d-dcf6-411a-b550-cbb5104c1579" width="auto" height="400">
+
+&nbsp;
+
 ### Price Updates
+
 - **Binance** and **OKX** are integrated as the primary data sources.
 - By default, HodlEye tries Binance first; if that fails or is forced off, it falls back to OKX.
- It automatically fetches the current price, 24h open, 1h open, and calculates the 24h and 1h percentage changes every **5 seconds**.
+- It automatically fetches the current price, 24h open, 1h open, and calculates the 24h and 1h percentage changes every **1 seconds**.
+
+&nbsp;

 ### Alarm Functionality
+
 - Set alarms for each coin (e.g., `BTC/USDT`), choosing:
  - **Alarm Price** (threshold)
  - **Direction** (Rising, Falling, or Both)
@ -67,56 +79,118 @@ The tool refreshes prices every **5 seconds**, which may introduce a slight dela
 - When triggered, a popup and sound notification appear, with optional desktop notifications.
 - **Once** alarms are marked locally in the browser (not removed from the server) so they do not trigger again unless reloaded or manually reset.

+&nbsp;
+
 ### Crypto News
+
 - News from multiple RSS sources:
-  - `https://crypto.news/feed/`  
-  - `https://cointelegraph.com/rss`  
-  - `https://thedefiant.io/api/feed`  
-  - `https://newsbtc.com/feed`  
-  - `https://news.bitcoin.com/feed` *(may be inaccessible in certain regions)*  
-  - `https://bitcoinmagazine.com/feed`  
-  - `https://cryptopanic.com/news/rss/`  
+  - `https://crypto.news/feed/`
+  - `https://cointelegraph.com/rss`
+  - `https://thedefiant.io/api/feed`
+  - `https://newsbtc.com/feed`
+  - `https://news.bitcoin.com/feed` _(may be inaccessible in certain regions)_
+  - `https://bitcoinmagazine.com/feed`
+  - `https://cryptopanic.com/news/rss/`
  - `https://decrypt.co/feed`
 - Quickly view and filter recent articles within the built-in News modal.

+<img src="https://github.com/user-attachments/assets/f0727b39-a075-4d50-9600-f53c803d4a1b" width="auto" height="400">
+
+&nbsp;
 ### Economic Calendar
+
 - The **Economic Calendar** button opens a modal with an [Investing.com](https://www.investing.com/) iframe, showing major economic events such as central bank decisions and market-impacting announcements.

---
+<img src="https://github.com/user-attachments/assets/e254301e-9aaa-48d8-84e7-6faa598ca8be" width="600" height="auto">

+
+&nbsp;
+### TradingView Chart
+- The **TradingView Chart** Crypto Box Currency click opens a modal with a Tradingview Chart Window iframe, get a better overview of the charts.
+<img src="https://github.com/user-attachments/assets/53bd1553-7679-40c1-afa8-0330cd28a71b" width="600" height="auto">
+
+---
+&nbsp;
 ## Installation & Usage

 ### Requirements
+
 - [Docker](https://www.docker.com/) installed.
 - (Optional) [Docker-Compose](https://docs.docker.com/compose/) if you want a more complex or multi-container setup.

 ### Docker Build & Run

-1. **Clone this repository**  
+1. **Clone this repository**
+
   ```bash
-   git clone https://github.com/YourGitHubName/HodlEye.git
+   git clone https://github.com/Gerald-Ha/HodlEye-Crypto-Price-Tracker.git
   cd HodlEye
   ```

-2. **Build the Docker image**  
+2. **Build the Docker image**
+
   ```bash
   docker buildx build -t hodleye-crypto-tracker .
   ```
-   *(Make sure you’re in the same directory as the Dockerfile.)*

-3. **Run the container**  
+   _(Make sure you’re in the same directory as the Dockerfile.)_
+
+3. **Run the container**
+
   ```bash
-   docker run -d -p 3099:3099 -p 5001:5001 --name hodleye-container hodleye-crypto-tracker
+   docker run -p 3099:3099 -p 5001:5001 -v hodleye_data:/app/data --name hodleye-container hodleye-crypto-tracker
   ```
-   - Port `3099` serves the main web interface.  
+
+   - Port `3099` serves the main web interface.
   - Port `5001` is used by the Node.js server that fetches news RSS feeds.

-4. **Access the application**  
-   - **Main UI**: [http://localhost:3099](http://localhost:3099)  
+4. **Access the application**
+   - **Main UI**: [http://localhost:3099](http://localhost:3099)
   - **News Feed Endpoint**: [http://localhost:5001/api/news](http://localhost:5001/api/news)

 ---
+&nbsp;
+## Windows Notification App: HodlEye_Notify

+<img src="https://github.com/user-attachments/assets/a3356708-1b3a-4fb8-9a71-d1af88f29c5f" width="auto" height="150">
+<img src="https://github.com/user-attachments/assets/cb0eb2a8-45fb-4a80-bb81-56957e838153" width="auto" height="150">
+
+If you prefer not to keep the HodlEye Crypto Price Tracker web interface open in your browser all the time, you can use a lightweight Windows application called **HodlEye_Notify**. This tool connects directly to the same endpoint as the Docker container and will display notifications on your desktop whenever an alarm is triggered.
+
+&nbsp;
+1.  **Setup**
+
+    - Enter the IP address and port of your HodlEye Docker container (for example, `http://192.168.1.112:3099/`) in the HodlEye_Notify window.
+    - Click **Connect** to establish a WebSocket connection.
+    - Once connected, you’ll see the status change to “Connected.”
+
+2.  **Autostart**
+
+    - Add HodlEye_Notify to your Windows **Startup** folder so it automatically launches when Windows starts. This way, you’ll continuously receive notifications without needing to reopen the program manually.
+
+3.  **Testing Notifications**
+
+    - From the machine running the Docker container, you can trigger a test notification using the following `curl` command:
+
+    **Ubuntu**
+    ```bash
+     curl -X POST http://192.168.1.112:3099/api/notifications \
+          -H "Content-Type: application/json" \
+          -d "{\"message\": \"⚠️ ALARM (Recurring, Both): BTC reached 92250\", \"timestamp\": \"2025-03-06T06:19:58.584Z\"}"
+	```
+
+	**Windows CMD**
+	```bash
+
+    curl -X POST http://192.168.1.112:3099/api/notifications -H "Content-Type: application/json" -d "{\"message\": \"⚠️ ALARM (Recurring, Both): BTC reached 92250\", \"timestamp\": \"2025-03-06T06:19:58.584Z\"}"
+	```
+
+- If everything is configured correctly, you should receive a desktop notification from HodlEye_Notify indicating the alarm has triggered.
+
+This application simplifies the process of staying informed about your alarms, letting you work on other tasks without leaving the HodlEye web interface open.
+
+---
+&nbsp;
 ## Project Structure

 Below is an example directory tree (based on your structure). Yours may vary slightly:
@ -124,21 +198,30 @@ Below is an example directory tree (based on your structure). Yours may vary sli
 ```
 HodlEye-Crypto-Price-Tracker
 ├── Dockerfile
+├── LICENSE.txt
+├── PRIVACY.md
+├── README.md
 ├── data
 │   └── data.json
 ├── public
 │   ├── font
 │   │   └── BreeSerif-Regular.ttf
 │   ├── images
+│   │   ├── Gitea_Logo.svg
 │   │   ├── coffee.svg
-│   │   └── favicon.png
+│   │   ├── favicon.png
+│   │   └── github-mark.svg
 │   ├── index.html
 │   ├── magic.js
 │   ├── news.js
+│   ├── tradingview.js
+│   ├── script.js
+│   ├── responsive.css
 │   ├── sound
 │   │   ├── cashing.mp3
 │   │   └── ping.mp3
-│   └── style.css
+│   ├── style.css
+│   └── update.js
 ├── server
 │   ├── newsfeed
 │   │   ├── node_modules
@ -149,29 +232,34 @@ HodlEye-Crypto-Price-Tracker
 │   ├── package-lock.json
 │   ├── package.json
 │   └── server.js
-└── sound
-    ├── cashing.mp3
-    └── ping.mp3
+├── sound
+│   ├── cashing.mp3
+│   └── ping.mp3
+└── update.json
 ```

+&nbsp;
 ### Frontend (`index.html` & `magic.js`)
- **`index.html`**  
-  - Main interface containing modals and buttons (Add Crypto, Edit List, Alarms, Options, etc.).  
+
+- **`index.html`**
+  - Main interface containing modals and buttons (Add Crypto, Edit List, Alarms, Options, etc.).
  - Includes buttons for:
-    - **Crypto News** (opens a news modal)  
-    - **Economic Calendar** (Investing.com iframe)  
-    - **Unlimited Alarms** management  
-    - **Options** (Dark mode, alarm sounds, desktop notifications)  
+    - **Crypto News** (opens a news modal)
+    - **Economic Calendar** (Investing.com iframe)
+    - **Unlimited Alarms** management
+    - **Options** (Dark mode, alarm sounds, desktop notifications)
    - **Buy me a Coffee** donation button
- **`magic.js`**  
+- **`magic.js`**
  - Core logic:
-    - Fetches cryptos (`/api/cryptos`)  
-    - Loads alarms (`/api/alarms`) and notifications (`/api/notifications`)  
-    - Pulls prices from Binance/OKX every 5 seconds  
-    - Checks and triggers alarms  
+    - Fetches cryptos (`/api/cryptos`)
+    - Loads alarms (`/api/alarms`) and notifications (`/api/notifications`)
+    - Pulls prices from Binance/OKX every 1 seconds
+    - Checks and triggers alarms
    - Handles UI rendering (prices, alarms, notifications, drag & drop reorder)

+&nbsp;
 ### News Feed Server (Node.js)
+
 - A minimal Node.js Express server (in `server.js` or similar) which:
  - Retrieves the listed RSS feeds and parses them via `xml2js`
  - Serves them in JSON format at `/api/news`
@ -184,49 +272,60 @@ HodlEye-Crypto-Price-Tracker
  ```
  - Accessible at [http://localhost:5001/api/news](http://localhost:5001/api/news).

-*(Within Docker, it’s already bundled, so just expose `5001`.)*
+_(Within Docker, it’s already bundled, so just expose `5001`.)_

 ---

+&nbsp;
 ## Important Notes / Limitations

-1. **1-second polling**  
-   - There’s a potential delay in alarms because price thresholds are only checked every 5 seconds. If a price briefly touches and moves away between polls, you might miss that exact trigger moment.
+1. **1-second polling**

-2. **API availability**  
-   - Binance/OKX may be temporarily down or might not support certain symbols.  
+   - There’s a potential delay in alarms because price thresholds are only checked every 1 seconds. If a price briefly touches and moves away between polls, you might miss that exact trigger moment.
+
+2. **API availability**
+
+   - Binance/OKX may be temporarily down or might not support certain symbols.
   - HodlEye tries Binance → fallback to OKX if needed.

-3. **Unlimited Alarms (Once vs. Recurring)**  
-   - **Once** alarms become locally “triggered” to avoid repeated alerts but are not server-side deactivated.  
+3. **Unlimited Alarms (Once vs. Recurring)**
+
+   - **Once** alarms become locally “triggered” to avoid repeated alerts but are not server-side deactivated.
   - **Recurring** triggers repeatedly every time the threshold is crossed.

-4. **RSS Feeds**  
-   - Some feeds might be inaccessible in certain regions (`bitcoin_news` in Germany, for instance).  
+4. **RSS Feeds**
+   - Some feeds might be inaccessible in certain regions (`bitcoin_news` in Germany, for instance).
   - Economic Calendar content is loaded from an `<iframe>` pointing to Investing.com.

 ---

+&nbsp;
 ## Coming Soon

 Exciting new features and improvements are on the way! Here are some planned updates:

 - **Portfolio Management**: Track your crypto holdings in real-time with easy-to-read analytics.
- **Windows Notification App**: A lightweight Windows application to receive price alerts and notifications directly on your desktop.
 - **More Integrations**: Expanding support for additional exchanges and data sources.
+- **Automatic alarm in the event of a sharp price drop of 10% within 1 hour**
+- **HodlEye Notify Alarm with various sound selections and HodlEye Alarms**


 Stay tuned for updates!

---
-


 ---

+&nbsp;
 ## Privacy & Data Disclaimer

- **No Data Collection by This Application**: HodlEye itself does not collect, store, or process any personal data or usage analytics.  
- **External Services**: Certain features (e.g., news feeds, iframes) rely on third-party websites or APIs. We do not control and are not responsible for the data-collection practices or privacy policies of these external providers. Please refer to the privacy policies of those services for details.  
+- **No Data Collection by This Application**: HodlEye itself does not collect, store, or process any personal data or usage analytics.
+- **External Services**: Certain features (e.g., news feeds, iframes) rely on third-party websites or APIs. We do not control and are not responsible for the data-collection practices or privacy policies of these external providers. Please refer to the privacy policies of those services for details.

---
+---
+
+
+
+
+
+&nbsp;
--- a/public/index.html
+++ b/public/index.html
@ -62,7 +62,7 @@
          </button>

          <div class="version-info">
-            <span id="currentVersion">Version 1.0.7</span>
+            <span id="currentVersion">Version 1.0.8</span>
            <span
              id="updateAvailable"
              style="display: none; color: red; cursor: pointer"
@ -288,8 +288,20 @@
      </div>
    </div>

+    <div id="tradingViewModal" class="modal">
+      <div class="modal-content" id="tradingViewModalContent" style="height:700px; width:100%;">
+        <!-- 
+          Tradingview Place
+        -->
+      </div>
+    </div>
+
    <script src="magic.js"></script>
    <script src="news.js"></script>
    <script src="update.js"></script>
+    <script src="tradingview.js"></script>
+    <script src="script.js"></script>
+
+
  </body>
 </html>
--- a/public/magic.js
+++ b/public/magic.js
@ -17,6 +17,10 @@ let apiPreference = JSON.parse(localStorage.getItem("apiPreference")) || {};
 let editMode = false;
 let currentApiSelectSymbol = null;

+
+let exchangeUsedMap = {};  
+
+
 async function loadCryptosFromServer() {
    try {
        const resp = await fetch("/api/cryptos");
@ -63,6 +67,7 @@ async function deleteCrypto(index) {
    }
 }

+
 async function loadAlarmsFromServer() {
    try {
        const resp = await fetch("/api/alarms");
@ -102,6 +107,7 @@ async function deleteAlarm(alarmId) {
    }
 }

+
 async function loadNotificationsFromServer() {
    try {
        const resp = await fetch("/api/notifications");
@ -134,6 +140,7 @@ async function clearNotifications() {
    }
 }

+
 async function init() {
    document.getElementById("alarmSound").src = "sound/" + userOptions.soundFile;
    updateTheme(userOptions.darkMode);
@ -151,6 +158,7 @@ async function init() {
    renderNotifications();
 }

+
 function renderCryptoGrid() {
    const grid = document.getElementById("cryptoGrid");
    grid.innerHTML = "";
@ -200,6 +208,7 @@ function renderCryptoGrid() {
        box.appendChild(apiLabel);

        if (editMode) {
+            
            box.draggable = true;
            box.setAttribute("data-index", index);

@ -217,6 +226,20 @@ function renderCryptoGrid() {
                deleteCrypto(index);
            });
            box.appendChild(deleteBtn);
+        } else {
+           
+            box.addEventListener("click", (event) => {
+                
+                if (event.target.classList.contains("api-label") || event.target.closest(".api-label")) {
+                    
+                    return;
+                }
+            
+                
+                const usedExchange = exchangeUsedMap[symbol] || "BINANCE";
+                openTradingViewModal(usedExchange, symbol);
+            });
+            
        }

        grid.appendChild(box);
@ -260,9 +283,7 @@ function renderNotifications() {
    });
 }

-/* ------------------------------------------------------------------
-   EINFACHE UI-Funktionen: Modal open/close
------------------------------------------------------------------ */
+
 function openAddCryptoModal() {
    document.getElementById("addCryptoModal").style.display = "block";
    document.getElementById("newCryptoSymbol").value = "";
@ -332,9 +353,7 @@ function closeBuyMeModal() {
    document.getElementById("buyMeModal").style.display = "none";
 }

-/* ------------------------------------------------------------------
-   NEU: Crypto News & Economic Calendar Modals
------------------------------------------------------------------ */
+
 function openCryptoNews() {
    document.getElementById("cryptoNewsModal").style.display = "block";
 }
@ -351,6 +370,7 @@ function closeEconomicCalendarModal() {
    document.getElementById("economicCalendarModal").style.display = "none";
 }

+
 function saveOptions() {
    userOptions.soundFile = document.getElementById("soundSelect").value;
    const alarmSound = document.getElementById("alarmSound");
@ -396,9 +416,7 @@ function saveApiSelection() {
    closeApiSelectModal();
 }

-/* ------------------------------------------------------------------
-   EDIT MODE (Drag & Drop)
------------------------------------------------------------------ */
+
 function toggleEditMode() {
    editMode = !editMode;
    document.getElementById("editButton").textContent = editMode ? "Done" : "Edit List";
@ -440,7 +458,6 @@ async function reorderCryptoList(fromIndex, toIndex) {
    cryptoList.splice(toIndex, 0, item);

    renderCryptoGrid();
-
    await saveCryptoList();
 }

@ -456,6 +473,7 @@ async function saveCryptoList() {
    }
 }

+
 async function fetchCryptoData(symbol, elementId) {
    const preferredApi = apiPreference[symbol] || "auto";

@ -474,6 +492,7 @@ async function fetchCryptoData(symbol, elementId) {
        }
    }

+    
    if (await isBinanceSupported(symbol)) {
        return fetchFromBinance(symbol, elementId);
    } else if (await isOkxSupported(symbol)) {
@ -519,7 +538,7 @@ async function fetchFromBinance(symbol, elementId) {
    updateCryptoBox({
        symbol,
        elementId,
-        apiUsed: "Binance",
+        apiUsed: "BINANCE",
        dailyOpen,
        hourlyOpen,
        lastPrice,
@ -545,6 +564,7 @@ async function fetchFromOkx(symbol, elementId) {
        pct24 = ((lastPrice - dailyOpen) / dailyOpen) * 100;
    }

+    
    const cUrl = `https://www.okx.com/api/v5/market/candles?instId=${instId}&bar=1H&limit=1`;
    let cResp = await fetch(cUrl);
    if (!cResp.ok) throw new Error("OKX 1h candle request failed");
@ -581,7 +601,11 @@ function formatPrice(value) {
    }
 }

+
 function updateCryptoBox({symbol, elementId, apiUsed, dailyOpen, hourlyOpen, lastPrice, change24h, change1h}) {
+    
+    exchangeUsedMap[symbol] = apiUsed;
+
    const dOpenStr = formatPrice(dailyOpen);
    const hOpenStr = formatPrice(hourlyOpen);
    const lastStr = formatPrice(lastPrice);
@ -590,9 +614,7 @@ function updateCryptoBox({symbol, elementId, apiUsed, dailyOpen, hourlyOpen, las
    const pct1hStr = isNaN(change1h) ? "-" : change1h.toFixed(2) + "%";

    document.getElementById("daily-" + elementId).innerHTML = `Daily Price:<br>${dOpenStr} USDT<br>`;
-
    document.getElementById("hourly-" + elementId).innerHTML = `Price H:<br>${hOpenStr} USDT<br>`;
-
    document.getElementById("price-" + elementId).innerHTML = `<strong>Current Price:</strong><br>${lastStr} USDT<br>`;

    const c24 = document.getElementById("change24-" + elementId);
@ -605,10 +627,12 @@ function updateCryptoBox({symbol, elementId, apiUsed, dailyOpen, hourlyOpen, las

    document.getElementById("api-" + elementId).innerHTML = `API: ${apiUsed}`;

+   
    checkAlarms(symbol, lastPrice);
    lastPrices[symbol] = lastPrice;
 }

+
 function checkAlarms(symbol, currentPrice) {
    alarms.forEach((alarm) => {
        if (alarm.symbol !== symbol) return;
@ -639,6 +663,7 @@ function checkAlarms(symbol, currentPrice) {
    });
 }

+
 function showErrorMessage(msg) {
    document.getElementById("errorMessage").textContent = msg;
    document.getElementById("errorOverlay").style.display = "block";
@ -670,17 +695,18 @@ function closeAlarmPopup() {
    document.getElementById("alarmOverlay").style.display = "none";
 }

+
 function copyToClipboard(address) {
    if (navigator.clipboard && window.isSecureContext) {
        navigator.clipboard
-        .writeText(address)
-        .then(() => {
-            alert("Address is copied to the clipboard.");
-        })
-        .catch((err) => {
-            console.error("Clipboard API Fehler:", err);
-            alert("Fehler beim Kopieren der Adresse.");
-        });
+            .writeText(address)
+            .then(() => {
+                alert("Address is copied to the clipboard.");
+            })
+            .catch((err) => {
+                console.error("Clipboard API Fehler:", err);
+                alert("Fehler beim Kopieren der Adresse.");
+            });
    } else {
        let textArea = document.createElement("textarea");
        textArea.value = address;
@ -708,6 +734,10 @@ function copyToClipboard(address) {
    }
 }

+
+window.addEventListener("DOMContentLoaded", init);
+
+
 async function isBinanceSupported(symbol) {
    const url = `https://api.binance.com/api/v3/ticker/24hr?symbol=${symbol}USDT`;
    try {
--- a/public/responsive.css
+++ b/public/responsive.css
@ -71,4 +71,14 @@
        column-gap: 10px;
        margin-bottom: 15px;
    }
-}
+}
+
+
+
+@media (max-width: 480px) {
+    #tradingViewModal .modal-content {
+        width: 95%;
+        min-width: unset;
+        max-width: 95%;
+    }
+}
--- a/public/script.js
+++ b/public/script.js
@ -0,0 +1,10 @@
+
+document.querySelectorAll('.modal').forEach(modal => {
+    modal.addEventListener('click', function(event) {
+      
+      if (event.target === modal) {
+        modal.style.display = 'none';
+      }
+    });
+  });
+  
--- a/public/style.css
+++ b/public/style.css
@ -628,7 +628,11 @@ body.light .alarm-item {
 }


-#updateModal .modal-content {}
+#updateModal .modal-content {
+    padding: 20px;
+    border-radius: 5px;
+}
+

 .version-info {
    text-align: center;
@ -650,4 +654,34 @@ body.light .alarm-item {
    padding: 8px 16px;
    cursor: pointer;
    font-weight: 700;
+}
+
+
+
+#tradingViewModal .modal-content {
+    min-width: 80%;
+    min-height: 80%;
+    text-align: center;
+    position: fixed;
+    top: 35%;
+    left: 50%;
+    transform: translate(-50%, -45%);
+    padding: 25px;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    overflow-y: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+#tradingViewModal .close {
+    position: absolute;
+    top: 1px;
+    right: 7px;
+    font-size: 24px;
+    cursor: pointer;
+    color: red;
 }
--- a/public/tradingview.js
+++ b/public/tradingview.js
@ -0,0 +1,63 @@
+function openTradingViewModal(exchange, symbol) {
+    const tradingViewSymbol = `${exchange}:${symbol}USDT`;
+    console.log("TradingView-Symbol =", tradingViewSymbol);
+
+    const modal = document.getElementById("tradingViewModal");
+    const container = document.getElementById("tradingViewModalContent");
+
+    
+    modal.style.display = "block";
+
+    
+    container.innerHTML = `
+      <span class="close" onclick="closeTradingViewModal()">&times;</span>
+      <div class="tradingview-widget-container" style="height:700px; width:100%;">
+        <div class="tradingview-widget-container__widget" style="height:calc(700px - 32px); width:100%;"></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>
+      </div>
+    `;
+
+    
+    const script = document.createElement("script");
+    script.type = "text/javascript";
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js";
+    script.async = true;
+
+    script.text = JSON.stringify({
+        "autosize": true,
+        "symbol": tradingViewSymbol,
+        "interval": "1H",
+        "timezone": "Etc/UTC",
+        "theme": "dark",
+        "hide_side_toolbar": false,
+        "style": "1",
+        "locale": "en",
+        "allow_symbol_change": true,
+        "calendar": false,
+        "support_host": "https://www.tradingview.com"
+    });
+
+    
+    const widgetContainer = container.querySelector(".tradingview-widget-container");
+    if (widgetContainer) {
+        widgetContainer.appendChild(script);
+        console.log("TradingView-Widget-Skript korrekt dem Container hinzugefügt.");
+    } else {
+        console.error("Fehler: Widget-Container nicht gefunden.");
+    }
+}
+
+
+function closeTradingViewModal() {
+    const modal = document.getElementById("tradingViewModal");
+    modal.style.display = "none";
+
+    
+    const container = document.getElementById("tradingViewModalContent");
+    container.innerHTML = "";
+    console.log("TradingView-Modal geschlossen und Inhalt bereinigt.");
+}
--- a/public/update.js
+++ b/public/update.js
@ -1,4 +1,4 @@
-const CURRENT_VERSION = "1.0.7";
+const CURRENT_VERSION = "1.0.8";

 function getUpdateUrl() {
    return "/api/update?t=" + new Date().getTime();
@ -9,7 +9,7 @@ document.addEventListener("DOMContentLoaded", () => {
    checkForUpdates();

    
-    setInterval(checkForUpdates, 259200000);
+    setInterval(checkForUpdates, 86400000);
 });

 function checkForUpdates() {
--- a/server/newsfeed/server.js
+++ b/server/newsfeed/server.js
@ -8,7 +8,7 @@ const PORT = process.env.PORT || 5001;

 /*
 * Metadata
- * Version: 1.0.4
+ * Version: 1.0.6
 * Author/Dev: Gerald Hasani
 * Name: HodlEye Crypto Price Tracker
 * Email: contact@gerald-hasani.com
--- a/update.json
+++ b/update.json
@ -1,7 +1,7 @@
 {
-  "version": "1.0.7",
+  "version": "1.0.8",
  "changelog": [
    "Bug fixes and improvements",
-    "News Feed Error Fix"
+    "Adding Tradingview chart display loaded when you click on the respective cryptocurrencies"
  ]
 }
Author	SHA1	Message	Date
Gerald-H	1be8b97407	Update README.md	2025-03-11 11:18:08 +01:00
Gerald-H	62b1c11882	Update README.md	2025-03-11 11:08:39 +01:00
Gerald-H	42c11d2e7e	Update README.md	2025-03-11 10:56:11 +01:00
Gerald-H	6a33a5c9ec	Update README.md	2025-03-11 10:54:51 +01:00
Gerald-H	509956bb6f	Update README.md	2025-03-11 10:52:33 +01:00
Gerald Hasani	a354d7a453	Update 1.0.8	2025-03-11 10:51:25 +01:00
Gerald Hasani	aed13bfcd6	Update 1.0.8 Adding Tradingview chart display loaded when you click on the respective cryptocurrencies	2025-03-11 10:48:25 +01:00
Gerald Hasani	bed31f6618	Update 1.0.8	2025-03-11 10:47:03 +01:00