nodebb-plugin-niki-loyalty 1.3.10 → 1.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-niki-loyalty",
-  "version": "1.3.10",
+  "version": "1.3.12",
   "description": "Niki The Cat Coffee Loyalty System - Earn points while studying on IEU Forum.",
   "main": "library.js",
   "nbbpm": {

package/static/lib/client.js

@@ -89,14 +89,43 @@ $(document).ready(function () {
     window.showNikiToast = showNikiToast;
 
     // -------------------------------------------------------------
-    // 🐱 FLOATING WIDGET - DEVRE DIŞI
-    // Kullanıcı kendi custom widget'ını (duyuru baloncuklu) kullanıyor
-    // Bu nedenle client.js widget'ı oluşturmuyor
+    // 🐱 FLOATING WIDGET - AKTİF
+    // Widget doğrudan client.js'ten oluşturuluyor (NodeBB widget sistemi bypass)
     // -------------------------------------------------------------
 
-    // Sadece puan güncelleme fonksiyonu (custom widget için)
+    function createFloatingWidget() {
+        // Zaten varsa oluşturma
+        if ($('#niki-floating-widget').length > 0) return;
+
+        // Giriş yapmamış kullanıcılara gösterme
+        if (!app.user || !app.user.uid) return;
+
+        // Chat sayfasında gösterme
+        if (window.location.pathname.includes('/chats')) return;
+
+        var widgetHtml = `
+            <div id="niki-floating-widget">
+                <a href="javascript:void(0);" class="niki-widget-content" onclick="ajaxify.go('niki-wallet'); return false;">
+                    <img src="${config.relative_path}/plugins/nodebb-plugin-niki-loyalty/static/logo.png" alt="Niki" class="niki-widget-logo">
+                    <span class="niki-widget-text">
+                        <span class="niki-lbl">PUAN</span>
+                        <span class="niki-val" id="widget-user-points">0</span>
+                    </span>
+                </a>
+            </div>
+        `;
+
+        $('body').append(widgetHtml);
+        console.log('[Niki-Loyalty] Floating widget oluşturuldu.');
+    }
+
     function updateFloatingWidget() {
-        // Custom widget'ta puan gösterimi varsa güncelle
+        // Widget yoksa oluştur
+        if ($('#niki-floating-widget').length === 0) {
+            createFloatingWidget();
+        }
+
+        // Puan gösterimi yoksa çık
         if ($('#widget-user-points').length === 0) return;
 
         // Kullanıcı giriş yapmamışsa API çağrısı yapma
@@ -113,6 +142,18 @@ $(document).ready(function () {
         });
     }
 
+    // Chat sayfasında widget'ı gizle/göster
+    function checkWidgetVisibility() {
+        var $widget = $('#niki-floating-widget');
+        if ($widget.length === 0) return;
+
+        if (window.location.pathname.includes('/chats')) {
+            $widget.hide();
+        } else {
+            $widget.show();
+        }
+    }
+
     // Fonksiyonu global yap
     window.updateFloatingWidget = updateFloatingWidget;
 
@@ -123,10 +164,11 @@ $(document).ready(function () {
         }
     }, 1000);
 
-    // Her sayfa değişiminde widget puanını güncelle
+    // Her sayfa değişiminde widget puanını güncelle ve chat kontrolü yap
     $(window).on('action:ajaxify.end', function () {
         if (app.user && app.user.uid) {
             updateFloatingWidget();
+            checkWidgetVisibility();
         }
     });
 

package/static/widget-niki-floating.html

@@ -1,132 +0,0 @@
-<!--
-  NİKİ FLOATING WIDGET - NodeBB Widget Alanına Ekleyin
-  
-  KULLANIM:
-  1. NodeBB Admin Panel → Widgets
-  2. "HTML Widget" veya "Text/HTML" widget'ını seçin
-  3. Bu kodu yapıştırın
-  4. İstediğiniz alana sürükleyin (Footer, Global, vb.)
--->
-
-<!-- Niki Floating Widget Container -->
-<div id="niki-floating-widget" class="niki-floating-widget">
-    <a href="/niki-wallet" class="niki-widget-content">
-        <img src="/plugins/nodebb-plugin-niki-loyalty/static/logo.png" alt="Niki" class="niki-widget-logo">
-        <span class="niki-widget-points">
-            <span id="widget-user-points">0</span>
-            <small>Puan</small>
-        </span>
-    </a>
-</div>
-
-<style>
-    /* Niki Floating Widget Stilleri */
-    .niki-floating-widget {
-        position: fixed !important;
-        bottom: 25px;
-        left: 25px;
-        z-index: 9998;
-        animation: nikiFloat 3s ease-in-out infinite;
-    }
-
-    .niki-widget-content {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        background: linear-gradient(135deg, #4E342E 0%, #3E2723 100%);
-        padding: 10px 16px 10px 12px;
-        border-radius: 50px;
-        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
-        text-decoration: none !important;
-        color: #fff !important;
-        transition: all 0.3s ease;
-        border: 2px solid rgba(255, 255, 255, 0.1);
-    }
-
-    .niki-widget-content:hover {
-        transform: scale(1.05);
-        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
-        text-decoration: none !important;
-    }
-
-    .niki-widget-logo {
-        width: 40px;
-        height: 40px;
-        border-radius: 50%;
-        object-fit: cover;
-        border: 2px solid rgba(255, 255, 255, 0.3);
-    }
-
-    .niki-widget-points {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        line-height: 1.2;
-    }
-
-    .niki-widget-points #widget-user-points {
-        font-size: 18px;
-        font-weight: 700;
-        color: #ffd700;
-    }
-
-    .niki-widget-points small {
-        font-size: 11px;
-        opacity: 0.8;
-        color: #fff;
-    }
-
-    /* Floating Animasyonu */
-    @keyframes nikiFloat {
-
-        0%,
-        100% {
-            transform: translateY(0);
-        }
-
-        50% {
-            transform: translateY(-5px);
-        }
-    }
-
-    /* Mobilde Küçült */
-    @media (max-width: 768px) {
-        .niki-floating-widget {
-            bottom: 15px;
-            left: 15px;
-        }
-
-        .niki-widget-content {
-            padding: 8px 12px 8px 8px;
-            gap: 8px;
-        }
-
-        .niki-widget-logo {
-            width: 32px;
-            height: 32px;
-        }
-
-        .niki-widget-points #widget-user-points {
-            font-size: 16px;
-        }
-    }
-
-    /* Giriş yapmamış kullanıcılar için gizle */
-    body:not(.loggedIn) .niki-floating-widget {
-        display: none !important;
-    }
-</style>
-
-<script>
-    // Widget puanını güncelle (client.js zaten bunu yapıyor)
-    (function () {
-        // client.js'deki updateFloatingWidget fonksiyonu widget-user-points'i güncelleyecek
-        // Ekstra bir işlem gerekmez, sadece ID'nin doğru olduğundan emin olun
-
-        // Giriş yapmamış kullanıcılar için widget'ı gizle
-        if (typeof app !== 'undefined' && (!app.user || !app.user.uid)) {
-            var widget = document.getElementById('niki-floating-widget');
-            if (widget) widget.style.display = 'none';
-        }
-    })();
-</script>