Okulumuz İçin Dinamik Bir Dijital Pano Arıyorum

// ==UserScript==
// @name         LCDPano Hava Durumu + WeatherAPI + Güncelleme Saati
// @namespace    http://tampermonkey.net/
// @version      1.7
// @description  WeatherAPI ile hava durumu modülünü ekler, derece tam sayı, emoji korunur, güncellenme saati gösterilir
// @match        https://app.lcdpano.net/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const district = "BURAYA BÖLGE YAZILACAK";
    const apiKey = "BURAYA weatherapi.com'dan alınacak API yazılacak";
    const refreshInterval = 30 * 60 * 1000; // 30 dakika

    // Arka planı kaldır
    const style = document.createElement("style");
    style.textContent = `
      .weather .card-body .currents {
        background-image: none !important;
        background: none !important;
      }
      .weather .last-update {
        font-size: 0.8em;
        text-align: center;
        margin-top: 2px;
        color: #444;
      }
    `;
    document.head.appendChild(style);

    const weatherHTML = (tempText = "Yükleniyor...", icon = "⛅") => `
<div class="weather module d-flex card">
  <div class="d-flex align-items-center p-1 p-md-2 blue card-header">
    <img class="me-2" alt="Weather" src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3e%3cpath%20fill='%23FFAC33'%20d='M16%202s0-2%202-2%202%202%202%202v2s0%202-2%202-2-2-2-2V2zm18%2014s2%200%202%202-2%202-2%202h-2s-2%200-2-2%202-2%202-2h2zM4%2016s2%200%202%202-2%202-2%202H2s-2%200-2-2%202-2%202-2h2zm5.121-8.707s1.414%201.414%200%202.828-2.828%200-2.828%200L4.878%208.708s-1.414-1.414%200-2.829c1.415-1.414%202.829%200%202.829%200l1.414%201.414zm20.587%202.828s-1.414%201.414-2.828%200%200-2.828%200-2.828l1.414-1.414s1.414-1.414%202.828%200%200%202.828%200%202.828l-1.414%201.414zm-21%2021s-1.414%201.414-2.828%200%200-2.828%200-2.828l1.414-1.414s1.414-1.414%202.828%200%200%202.828%200%202.828l-1.414%201.414z'/%3e%3ccircle%20fill='%23FFAC33'%20cx='18'%20cy='18'%20r='10'/%3e%3cpath%20fill='%23E1E8ED'%20d='M29.777%2023.2c-.642%200-1.26.1-1.843.285-.688-2.028-2.56-3.485-4.767-3.485-2.368%200-4.35%201.678-4.899%203.937-.586-.456-1.309-.736-2.101-.736-1.933%200-3.5%201.611-3.5%203.6%200%20.483.096.941.264%201.363-.334-.097-.679-.164-1.042-.164C9.741%2028%208%2029.791%208%2032s1.741%204%203.889%204h17.889C33.214%2036%2036%2033.136%2036%2029.6c0-3.535-2.786-6.4-6.223-6.4z'/%3e%3c/svg%3e">
    Hava Durumu
  </div>
  <div class="p-0 d-flex justify-content-center align-items-center card-body">
    <div class="currents my-1 mx-2 my-lg-2 mx-lg-3 flex-fill d-flex flex-column align-items-center">
      <span class="district">${district}</span>
      <span class="temperature">${icon} ${tempText}</span>
      <span class="last-update">--:--</span>
    </div>
  </div>
</div>
`;

    const observer = new MutationObserver(() => {
        const target = document.querySelector("div.flip.to-left.reverse div.front.face");
        if (target && !target.querySelector(".weather.module")) {
            target.insertAdjacentHTML("beforeend", weatherHTML());
            updateWeather(target);
            setInterval(() => updateWeather(target), refreshInterval);
            observer.disconnect();
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });

    async function updateWeather(target) {
        try {
            const res = await fetch(`https://api.weatherapi.com/v1/current.json?key=${apiKey}&q=${encodeURIComponent(district)}&aqi=no`);
            const data = await res.json();
            let temp = data.current?.temp_c;
            temp = temp !== undefined ? Math.round(temp) : "--";

            const desc = data.current?.condition?.text?.toLowerCase() || "";
            const icon = getIcon(desc);

            const el = target.querySelector(".temperature");
            if (el) el.textContent = `${icon} ${temp}°C`;

            const now = new Date();
            const timeStr = now.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
            const updateEl = target.querySelector(".last-update");
            if (updateEl) updateEl.textContent = `Son güncelleme: ${timeStr}`;
        } catch(e) {
            console.error("Hava durumu alınamadı:", e);
            const el = target.querySelector(".temperature");
            if (el) el.textContent = "⚠️ Veri yok";
        }
    }

    function getIcon(desc) {
        if (desc.includes("sun") || desc.includes("clear")) return "☀️";
        if (desc.includes("partly") || desc.includes("cloud")) return "⛅";
        if (desc.includes("cloud")) return "☁️";
        if (desc.includes("rain") || desc.includes("drizzle")) return "🌧️";
        if (desc.includes("snow")) return "❄️";
        if (desc.includes("storm") || desc.includes("thunder")) return "🌩️";
        if (desc.includes("fog") || desc.includes("mist")) return "🌫️";
        return "⛅";
    }

})();