nodebb-plugin-niki-loyalty 1.3.2 → 1.3.3

package/library.js

@@ -319,37 +319,112 @@ Plugin.init = async function (params) {
     }
   });
 
-  // 3) KASA HISTORY - BASİT VERSİYON
+  // 3) KASA HISTORY - GELİŞMİŞ VERSİYON (Filtre + İstatistik)
   router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (req, res) => {
     try {
       const isAdmin = await user.isAdministrator(req.uid);
       const isMod = await user.isGlobalModerator(req.uid);
-      if (!isAdmin && !isMod) return res.status(403).json([]);
+      if (!isAdmin && !isMod) return res.status(403).json({ error: 'Yetkisiz' });
+
+      // Query parametreleri
+      const { startDate, endDate, search, rewardType, exportAll } = req.query;
 
       const raw = await db.getListRange('niki:kasa:history', 0, -1);
-      const rows = (raw || []).map(safeParseMaybeJson).filter(Boolean).reverse();
+      let rows = (raw || []).map(safeParseMaybeJson).filter(Boolean).reverse();
+
+      // Personel bilgilerini de al
+      const staffUids = [...new Set(rows.map(r => parseInt(r.staff, 10)).filter(n => Number.isFinite(n) && n > 0))];
+      const custUids = rows.map(r => parseInt(r.cuid, 10)).filter(n => Number.isFinite(n) && n > 0);
+      const allUids = [...new Set([...staffUids, ...custUids])];
 
-      const uids = rows.map(r => parseInt(r.cuid, 10)).filter(n => Number.isFinite(n) && n > 0);
-      const users = await user.getUsersFields(uids, ['uid', 'username', 'userslug', 'picture', 'icon:bgColor']);
+      const usersData = await user.getUsersFields(allUids, ['uid', 'username', 'userslug', 'picture', 'icon:bgColor']);
       const userMap = {};
-      (users || []).forEach(u => userMap[u.uid] = u);
+      (usersData || []).forEach(u => userMap[u.uid] = u);
 
       const rp = nconf.get('relative_path') || '';
-      const enriched = rows.map(r => {
-        const u = userMap[r.cuid] || {};
+
+      // Zenginleştir
+      let enriched = rows.map(r => {
+        const custUser = userMap[r.cuid] || {};
+        const staffUser = userMap[r.staff] || {};
         return {
           ...r,
-          cust: u.username || r.cust || 'Bilinmeyen',
-          picture: u.picture || '',
-          iconBg: u['icon:bgColor'] || '#4b5563',
-          profileUrl: u.userslug ? `${rp}/user/${u.userslug}` : '',
-          reward: r.reward || 'İşlem'
+          cust: custUser.username || r.cust || 'Bilinmeyen',
+          picture: custUser.picture || '',
+          iconBg: custUser['icon:bgColor'] || '#4b5563',
+          profileUrl: custUser.userslug ? `${rp}/user/${custUser.userslug}` : '',
+          reward: r.reward || 'İşlem',
+          staffName: staffUser.username || 'Personel',
+          staffPicture: staffUser.picture || '',
+          date: new Date(r.ts).toISOString().slice(0, 10) // YYYY-MM-DD
         };
       });
-      return res.json(enriched);
+
+      // FİLTRELEME
+      // 1. Tarih aralığı
+      if (startDate) {
+        const start = new Date(startDate).getTime();
+        enriched = enriched.filter(r => r.ts >= start);
+      }
+      if (endDate) {
+        const end = new Date(endDate).getTime() + 86400000; // gün sonu
+        enriched = enriched.filter(r => r.ts < end);
+      }
+
+      // 2. Arama (kullanıcı adı)
+      if (search && search.trim()) {
+        const q = search.toLowerCase().trim();
+        enriched = enriched.filter(r =>
+          (r.cust && r.cust.toLowerCase().includes(q)) ||
+          (r.staffName && r.staffName.toLowerCase().includes(q))
+        );
+      }
+
+      // 3. Ödül tipi
+      if (rewardType && rewardType !== 'all') {
+        enriched = enriched.filter(r => r.reward === rewardType);
+      }
+
+      // İSTATİSTİKLER
+      const stats = {
+        totalTransactions: enriched.length,
+        totalPoints: enriched.reduce((sum, r) => sum + (parseFloat(r.amt) || 0), 0),
+        byReward: {},
+        byStaff: {},
+        byDate: {}
+      };
+
+      enriched.forEach(r => {
+        // Ödül bazında
+        stats.byReward[r.reward] = (stats.byReward[r.reward] || 0) + 1;
+        // Personel bazında
+        stats.byStaff[r.staffName] = (stats.byStaff[r.staffName] || 0) + 1;
+        // Gün bazında (son 7 gün için chart)
+        stats.byDate[r.date] = (stats.byDate[r.date] || 0) + 1;
+      });
+
+      // Benzersiz ödül tipleri (filter dropdown için)
+      const rewardTypes = [...new Set(rows.map(r => r.reward || 'İşlem'))];
+
+      // Export all için sayfalama yok
+      if (exportAll === 'true') {
+        return res.json({
+          data: enriched,
+          stats,
+          rewardTypes
+        });
+      }
+
+      // Normal görünüm (son 100 işlem)
+      return res.json({
+        data: enriched.slice(0, 100),
+        stats,
+        rewardTypes,
+        hasMore: enriched.length > 100
+      });
     } catch (e) {
       console.error('[Niki-Loyalty] Kasa history error:', e);
-      return res.status(500).json([]);
+      return res.status(500).json({ error: 'Sunucu hatası' });
     }
   });
 

package/package.json

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

package/static/lib/client.js

@@ -487,5 +487,5 @@ $(document).ready(function () {
             });
         });
     }
-
 });
+

package/static/widgets/niki-admin.tpl

@@ -0,0 +1,686 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/locale/tr.min.js"></script>
+
+<div class="niki-dashboard">
+  <!-- Yükleniyor -->
+  <div id="niki-loader" class="niki-loader">
+    <div class="spinner"></div>
+    <div class="loading-text">Veriler Yükleniyor...</div>
+  </div>
+
+  <!-- Ana İçerik -->
+  <div id="niki-content" style="display:none;">
+    
+    <!-- Header -->
+    <div class="nk-header">
+      <div class="nk-header-icon"><i class="fa fa-shield"></i></div>
+      <div class="nk-header-text">
+        <h1>Yönetici Paneli</h1>
+        <p>Niki Loyalty Puan & Kullanıcı Yönetimi</p>
+      </div>
+      <div class="nk-header-refresh">
+        <button id="btn-refresh" onclick="location.reload()" title="Yenile"><i class="fa fa-refresh"></i></button>
+      </div>
+    </div>
+
+    <!-- İstatistik Kartları -->
+    <div class="nk-stats">
+      <div class="nk-card">
+        <div class="nk-card-val" id="val-users">0</div>
+        <div class="nk-card-lbl">KULLANICI SAYISI</div>
+      </div>
+      <div class="nk-card primary">
+        <div class="nk-card-val" id="val-points">0</div>
+        <div class="nk-card-lbl">DAĞITILAN PUAN</div>
+      </div>
+      <div class="nk-card">
+        <div class="nk-card-val" id="val-avg">0</div>
+        <div class="nk-card-lbl">ORTALAMA PUAN</div>
+      </div>
+      <div class="nk-card accent">
+        <div class="nk-card-val" id="val-redeemed">0</div>
+        <div class="nk-card-lbl">HARCANAN PUAN</div>
+      </div>
+      <div class="nk-card">
+        <div class="nk-card-val" id="val-transactions">0</div>
+        <div class="nk-card-lbl">TOPLAM İŞLEM</div>
+      </div>
+      <div class="nk-card highlight">
+        <div class="nk-card-val" id="val-today">0</div>
+        <div class="nk-card-lbl">BUGÜN İŞLEM</div>
+      </div>
+    </div>
+
+    <!-- Liste Bölümü -->
+    <div class="nk-list-container">
+      <div class="nk-toolbar">
+        <div class="nk-tb-title">Kullanıcı Sıralaması</div>
+        <div class="nk-search-wrapper">
+          <i class="fa fa-search"></i>
+          <input type="text" id="nk-search-input" placeholder="Kullanıcı ara...">
+        </div>
+      </div>
+
+      <div class="nk-table-header">
+        <div style="width: 50px; text-align: center;">#</div>
+        <div style="flex:1; padding-left: 15px;">KULLANICI</div>
+        <div style="width: 120px; text-align: right; padding-right:10px;">PUAN</div>
+        <div style="width: 100px; text-align: center;">İŞLEMLER</div>
+      </div>
+
+      <div id="nk-list-body" class="nk-list-body"></div>
+    </div>
+  </div>
+
+  <!-- PUAN YÖNETİM MODALI -->
+  <div id="modal-manage" class="nk-modal-overlay" style="display:none;">
+    <div class="nk-modal">
+      <div class="nk-modal-head">
+        <h3>Puan Yönetimi</h3>
+        <button class="nk-close" onclick="closeManageModal()"><i class="fa fa-times"></i></button>
+      </div>
+      <div class="nk-modal-body">
+        <div class="nk-user-preview">
+          <span id="manage-uname" style="font-weight:700; color:#C5A065;">Kullanıcı</span> düzenleniyor
+        </div>
+        
+        <label class="nk-label">İşlem Türü</label>
+        <div class="nk-switch-group">
+          <label class="nk-radio-box">
+            <input type="radio" name="manage_action" value="add" checked>
+            <span class="nk-radio-tile"><i class="fa fa-plus-circle"></i> EKLE</span>
+          </label>
+          <label class="nk-radio-box">
+            <input type="radio" name="manage_action" value="remove">
+            <span class="nk-radio-tile remove"><i class="fa fa-minus-circle"></i> ÇIKAR</span>
+          </label>
+        </div>
+
+        <label class="nk-label">Miktar</label>
+        <input type="number" id="manage-amount" class="nk-input" placeholder="0">
+
+        <label class="nk-label">Sebep (Loglama İçin)</label>
+        <input type="text" id="manage-reason" class="nk-input" placeholder="Örn: Manuel Telafi, Yarışma Ödülü...">
+        
+        <div id="manage-error" style="color:#e53935; font-size:13px; margin-top:10px; display:none;"></div>
+
+        <button class="nk-btn-save" onclick="submitManagePoints()">KAYDET VE UYGULA</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- KULLANICI DETAY MODALI -->
+  <div id="modal-detail" class="nk-modal-overlay" style="display:none;">
+    <div class="nk-modal nk-modal-large">
+      <div class="nk-modal-head">
+        <h3><i class="fa fa-user-circle"></i> Kullanıcı Detayı</h3>
+        <button class="nk-close" onclick="closeDetailModal()"><i class="fa fa-times"></i></button>
+      </div>
+      <div class="nk-modal-body" id="detail-body">
+        <div class="niki-loader" style="padding:40px;">
+          <div class="spinner"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  /* --- DARK PREMIUM THEME (POS STİLİ) --- */
+  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
+
+  /* Scope */
+  .niki-dashboard {
+    font-family: 'Poppins', sans-serif;
+    color: #fff;
+    background: #111;
+    min-height: 600px;
+    padding: 30px;
+    border-radius: 20px;
+    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+    max-width: 1200px;
+    margin: 20px auto;
+    position: relative;
+  }
+  .niki-dashboard * { box-sizing: border-box; }
+
+  /* Loader */
+  .niki-loader { text-align: center; padding: 100px 0; }
+  .niki-loader .spinner {
+    width: 50px; height: 50px; border: 4px solid #333;
+    border-top: 4px solid #C5A065; border-radius: 50%;
+    margin: 0 auto 20px; animation: spin 1s linear infinite;
+  }
+  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+  .loading-text { color: #888; font-size: 14px; letter-spacing: 1px; }
+
+  /* Header */
+  .nk-header {
+    display: flex; align-items: center; margin-bottom: 35px;
+    padding-bottom: 25px; border-bottom: 1px solid #222;
+  }
+  .nk-header-icon {
+    width: 60px; height: 60px;
+    background: linear-gradient(135deg, #C5A065, #8D6E63);
+    color: #000; border-radius: 16px;
+    display: flex; align-items: center; justify-content: center;
+    font-size: 28px; box-shadow: 0 5px 20px rgba(197, 160, 101, 0.3);
+    margin-right: 20px;
+  }
+  .nk-header-text h1 { margin: 0; font-size: 24px; font-weight: 700; color: #fff; }
+  .nk-header-text p { margin: 5px 0 0; font-size: 13px; color: #888; }
+  .nk-header-refresh { margin-left: auto; }
+  #btn-refresh {
+    background: #222; border: 1px solid #333; color: #fff;
+    width: 40px; height: 40px; border-radius: 10px; cursor: pointer;
+    transition: 0.2s;
+  }
+  #btn-refresh:hover { background: #333; color: #C5A065; }
+
+  /* İstatistikler */
+  .nk-stats {
+    display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px;
+    margin-bottom: 35px;
+  }
+  .nk-card {
+    background: #1a1a1a; border: 1px solid #2a2a2a;
+    padding: 20px 15px; border-radius: 16px; text-align: center;
+    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+    transition: transform 0.2s, border-color 0.2s;
+  }
+  .nk-card:hover { transform: translateY(-3px); border-color: #333; }
+  .nk-card.primary {
+    background: linear-gradient(135deg, #2a2a2a, #1f1f1f);
+    border-color: #C5A065;
+  }
+  .nk-card.accent {
+    background: linear-gradient(135deg, rgba(198,40,40,0.15), #1a1a1a);
+    border-color: rgba(198,40,40,0.4);
+  }
+  .nk-card.highlight {
+    background: linear-gradient(135deg, rgba(46,125,50,0.15), #1a1a1a);
+    border-color: rgba(46,125,50,0.4);
+  }
+  .nk-card-val { font-size: 26px; font-weight: 700; color: #fff; margin-bottom: 5px; }
+  .nk-card.primary .nk-card-val { color: #C5A065; }
+  .nk-card.accent .nk-card-val { color: #ef5350; }
+  .nk-card.highlight .nk-card-val { color: #66bb6a; }
+  .nk-card-lbl { font-size: 10px; font-weight: 600; color: #666; letter-spacing: 0.8px; text-transform: uppercase; }
+
+  /* Liste Alanı */
+  .nk-list-container {
+    background: #1a1a1a; border-radius: 20px; overflow: hidden;
+    border: 1px solid #2a2a2a;
+  }
+  .nk-toolbar {
+    padding: 20px; border-bottom: 1px solid #2a2a2a;
+    display: flex; justify-content: space-between; align-items: center;
+  }
+  .nk-tb-title { font-size: 16px; font-weight: 600; color: #eee; }
+
+  .nk-search-wrapper { position: relative; }
+  .nk-search-wrapper i {
+    position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
+    color: #666; font-size: 14px;
+  }
+  #nk-search-input {
+    background: #111; border: 1px solid #333; color: #fff;
+    padding: 10px 15px 10px 35px; border-radius: 10px; font-size: 13px;
+    width: 240px; outline: none; transition: 0.2s;
+  }
+  #nk-search-input:focus { border-color: #C5A065; }
+
+  /* Tablo Başlık */
+  .nk-table-header {
+    display: flex; padding: 15px 20px; background: #151515;
+    font-size: 12px; font-weight: 700; color: #555;
+    text-transform: uppercase; letter-spacing: 0.5px;
+  }
+
+  /* Liste Gövde */
+  .nk-list-body { max-height: 500px; overflow-y: auto; padding-bottom: 10px; }
+  
+  /* Liste Satırı */
+  .nk-row {
+    display: flex; align-items: center; padding: 15px 20px;
+    border-bottom: 1px solid #222; transition: 0.2s;
+  }
+  .nk-row:hover { background: #222; }
+  
+  .nk-idx { width: 50px; text-align: center; color: #444; font-weight: 700; font-size: 14px; }
+  
+  .nk-user-info { flex: 1; display: flex; align-items: center; padding-left: 15px; }
+  .nk-avatar { 
+    width: 40px; height: 40px; border-radius: 50%; 
+    object-fit: cover; margin-right: 15px; border: 2px solid #333; 
+  }
+  .nk-letter-avatar {
+    width: 40px; height: 40px; border-radius: 50%; display: flex;
+    align-items: center; justify-content: center; font-weight: 700;
+    color: #fff; margin-right: 15px; font-size: 16px; border: 2px solid #333;
+  }
+  .nk-username { font-weight: 600; color: #ddd; font-size: 14px; text-decoration: none; }
+  .nk-username:hover { text-decoration: underline; color: #C5A065; }
+
+  .nk-points { 
+    width: 120px; text-align: right; padding-right: 10px;
+    font-size: 16px; font-weight: 700; color: #C5A065;
+  }
+  .nk-actions { width: 100px; text-align: center; display: flex; justify-content: center; gap: 6px; }
+  .nk-btn-action {
+    background: #2a2a2a; border: 1px solid #333; color: #888;
+    width: 32px; height: 32px; border-radius: 8px; cursor: pointer; transition: 0.2s;
+  }
+  .nk-btn-action:hover { background: #C5A065; color: #000; border-color: #C5A065; }
+  .nk-btn-action.info:hover { background: #1976D2; border-color: #1976D2; color: #fff; }
+
+  /* Scrollbar */
+  .nk-list-body::-webkit-scrollbar { width: 6px; }
+  .nk-list-body::-webkit-scrollbar-track { background: #111; }
+  .nk-list-body::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
+  .nk-list-body::-webkit-scrollbar-thumb:hover { background: #555; }
+
+  /* MODAL */
+  .nk-modal-overlay {
+    position: fixed; top:0; left:0; width:100%; height:100%;
+    background: rgba(0,0,0,0.85); backdrop-filter: blur(8px);
+    z-index: 9999; display: flex; align-items: center; justify-content: center;
+    padding: 20px;
+  }
+  .nk-modal {
+    background: #1a1a1a; width: 380px; max-width: 100%; border-radius: 20px;
+    border: 1px solid #333; box-shadow: 0 20px 50px rgba(0,0,0,0.8);
+    overflow: hidden; max-height: 90vh; display: flex; flex-direction: column;
+  }
+  .nk-modal-large { width: 700px; }
+  .nk-modal-head {
+    background: #222; padding: 16px 20px; border-bottom: 1px solid #333;
+    display: flex; justify-content: space-between; align-items: center;
+    flex-shrink: 0;
+  }
+  .nk-modal-head h3 { margin: 0; font-size: 16px; color: #fff; display: flex; align-items: center; gap: 10px; }
+  .nk-close { background: none; border: none; color: #666; font-size: 18px; cursor: pointer; padding: 5px; }
+  .nk-close:hover { color: #fff; }
+  
+  .nk-modal-body { padding: 25px; overflow-y: auto; flex: 1; }
+  .nk-user-preview { background: #222; padding: 12px 16px; border-radius: 10px; margin-bottom: 20px; font-size: 14px; color: #888; }
+  .nk-label { display: block; font-size: 11px; color: #888; text-transform: uppercase; margin-bottom: 8px; font-weight: 600; letter-spacing: 0.5px; }
+  .nk-input {
+    width: 100%; background: #111; border: 1px solid #333; padding: 12px;
+    border-radius: 10px; color: #fff; margin-bottom: 20px; font-size: 14px;
+  }
+  .nk-input:focus { outline: none; border-color: #C5A065; }
+  
+  .nk-switch-group { display: flex; gap: 10px; margin-bottom: 20px; }
+  .nk-radio-box { flex: 1; cursor: pointer; }
+  .nk-radio-box input { display: none; }
+  .nk-radio-tile {
+    display: flex; flex-direction: column; align-items: center; justify-content: center;
+    gap: 5px; height: 60px; background: #222; border: 2px solid #333;
+    border-radius: 10px; color: #666; font-size: 11px; font-weight: 700;
+  }
+  .nk-radio-box input:checked + .nk-radio-tile {
+    background: rgba(46, 125, 50, 0.2); border-color: #2E7D32; color: #2E7D32;
+  }
+  .nk-radio-box input:checked + .nk-radio-tile.remove {
+    background: rgba(198, 40, 40, 0.2); border-color: #C62828; color: #C62828;
+  }
+  
+  .nk-btn-save {
+    width: 100%; background: #C5A065; color: #000; border: none;
+    padding: 15px; border-radius: 12px; font-weight: 700; font-size: 14px;
+    cursor: pointer; transition: 0.2s;
+  }
+  .nk-btn-save:hover { background: #d4ac6e; transform: translateY(-2px); }
+
+  /* DETAY MODAL İÇERİĞİ */
+  .detail-header { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #2a2a2a; }
+  .detail-avatar { width: 70px; height: 70px; border-radius: 50%; border: 3px solid #C5A065; object-fit: cover; }
+  .detail-letter-avatar { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: #fff; border: 3px solid #C5A065; }
+  .detail-info h2 { margin: 0 0 5px; font-size: 20px; color: #fff; }
+  .detail-info p { margin: 0; font-size: 13px; color: #888; }
+  .detail-points-badge { margin-left: auto; background: linear-gradient(135deg, #C5A065, #8D6E63); padding: 15px 25px; border-radius: 14px; text-align: center; }
+  .detail-points-val { font-size: 28px; font-weight: 700; color: #000; }
+  .detail-points-lbl { font-size: 10px; color: rgba(0,0,0,0.6); text-transform: uppercase; letter-spacing: 0.5px; }
+
+  .detail-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 25px; }
+  .detail-stat { background: #222; border-radius: 12px; padding: 15px; text-align: center; border: 1px solid #2a2a2a; }
+  .detail-stat-val { font-size: 20px; font-weight: 700; color: #fff; }
+  .detail-stat-val.green { color: #66bb6a; }
+  .detail-stat-val.red { color: #ef5350; }
+  .detail-stat-lbl { font-size: 10px; color: #666; text-transform: uppercase; margin-top: 4px; }
+
+  .detail-section { margin-bottom: 25px; }
+  .detail-section-title { font-size: 13px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
+  .detail-section-title i { color: #C5A065; }
+
+  .detail-tabs { display: flex; gap: 8px; margin-bottom: 15px; }
+  .detail-tab { background: #222; border: 1px solid #333; padding: 10px 16px; border-radius: 10px; font-size: 12px; font-weight: 600; color: #888; cursor: pointer; transition: 0.2s; }
+  .detail-tab:hover { border-color: #444; color: #fff; }
+  .detail-tab.active { background: #C5A065; border-color: #C5A065; color: #000; }
+
+  .detail-history { max-height: 250px; overflow-y: auto; background: #151515; border-radius: 12px; border: 1px solid #2a2a2a; }
+  .detail-history-item { display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid #222; }
+  .detail-history-item:last-child { border-bottom: none; }
+  .detail-history-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 14px; }
+  .detail-history-icon.earn { background: rgba(46,125,50,0.2); color: #66bb6a; }
+  .detail-history-icon.spend { background: rgba(198,40,40,0.2); color: #ef5350; }
+  .detail-history-text { flex: 1; }
+  .detail-history-desc { font-size: 13px; color: #ddd; }
+  .detail-history-time { font-size: 11px; color: #666; margin-top: 2px; }
+  .detail-history-val { font-weight: 700; font-size: 14px; }
+  .detail-history-val.earn { color: #66bb6a; }
+  .detail-history-val.spend { color: #ef5350; }
+
+  .detail-empty { text-align: center; padding: 30px; color: #555; font-size: 13px; }
+  .detail-empty i { font-size: 32px; display: block; margin-bottom: 10px; opacity: 0.5; }
+
+  /* Günlük Limit Çubuğu */
+  .daily-progress { margin-top: 10px; }
+  .daily-progress-bar { height: 8px; background: #333; border-radius: 4px; overflow: hidden; }
+  .daily-progress-fill { height: 100%; background: linear-gradient(90deg, #C5A065, #8D6E63); border-radius: 4px; transition: width 0.3s; }
+  .daily-progress-label { display: flex; justify-content: space-between; font-size: 11px; color: #666; margin-top: 5px; }
+
+  @media(max-width: 900px) {
+    .nk-stats { grid-template-columns: repeat(3, 1fr); }
+    .detail-stats { grid-template-columns: repeat(2, 1fr); }
+  }
+  @media(max-width: 600px) {
+    .niki-dashboard { padding: 15px; }
+    .nk-stats { grid-template-columns: repeat(2, 1fr); }
+    .nk-toolbar { flex-direction: column; gap: 15px; align-items: stretch; }
+    #nk-search-input { width: 100%; }
+    .nk-modal-large { width: 100%; }
+    .detail-header { flex-direction: column; text-align: center; }
+    .detail-points-badge { margin-left: 0; margin-top: 15px; }
+    .detail-stats { grid-template-columns: repeat(2, 1fr); }
+  }
+</style>
+
+<script>
+(function() {
+  let g_users = [];
+  let g_targetUid = 0;
+  moment.locale('tr');
+
+  // Global functions
+  window.closeManageModal = function() { $('#modal-manage').fadeOut(200); };
+  window.closeDetailModal = function() { $('#modal-detail').fadeOut(200); };
+
+  window.openManageModal = function(uid, uname) {
+    g_targetUid = uid;
+    $('#manage-uname').text(uname);
+    $('#manage-amount').val('');
+    $('#manage-reason').val('');
+    $('#manage-error').hide();
+    $('#modal-manage').fadeIn(200).css('display', 'flex');
+  };
+
+  window.openDetailModal = function(uid) {
+    $('#modal-detail').fadeIn(200).css('display', 'flex');
+    $('#detail-body').html('<div class="niki-loader" style="padding:40px;"><div class="spinner"></div></div>');
+    
+    socket.emit('plugins.niki.getUserDetail', { uid: uid }, function(err, data) {
+      if (err) {
+        $('#detail-body').html('<div class="detail-empty"><i class="fa fa-exclamation-circle"></i>Hata: ' + (err.message || 'Bilinmeyen hata') + '</div>');
+        return;
+      }
+      renderDetailModal(data);
+    });
+  };
+
+  function renderDetailModal(data) {
+    const u = data.user;
+    const stats = data.stats;
+    const rp = config.relative_path || '';
+    
+    let avatarHtml = '';
+    if (u.picture) {
+      avatarHtml = '<img src="' + u.picture + '" class="detail-avatar">';
+    } else {
+      const letter = u.username ? u.username[0].toUpperCase() : '?';
+      avatarHtml = '<div class="detail-letter-avatar" style="background:' + u.iconBg + '">' + letter + '</div>';
+    }
+    
+    const dailyPercent = Math.min(100, (stats.todayScore / 35) * 100);
+    
+    let html = `
+      <div class="detail-header">
+        ${avatarHtml}
+        <div class="detail-info">
+          <h2>${escapeHtml(u.username)}</h2>
+          <p><i class="fa fa-envelope"></i> ${escapeHtml(u.email) || 'E-posta yok'}</p>
+          <p><i class="fa fa-clock-o"></i> Son görülme: ${u.lastonline ? moment(u.lastonline).fromNow() : 'Bilinmiyor'}</p>
+        </div>
+        <div class="detail-points-badge">
+          <div class="detail-points-val">${Math.floor(u.points).toLocaleString('tr-TR')}</div>
+          <div class="detail-points-lbl">Mevcut Puan</div>
+        </div>
+      </div>
+
+      <div class="detail-stats">
+        <div class="detail-stat">
+          <div class="detail-stat-val green">+${Math.floor(stats.totalEarned).toLocaleString('tr-TR')}</div>
+          <div class="detail-stat-lbl">Kazanılan</div>
+        </div>
+        <div class="detail-stat">
+          <div class="detail-stat-val red">-${Math.floor(stats.totalSpent).toLocaleString('tr-TR')}</div>
+          <div class="detail-stat-lbl">Harcanan</div>
+        </div>
+        <div class="detail-stat">
+          <div class="detail-stat-val">${stats.todayScore}</div>
+          <div class="detail-stat-lbl">Bugün</div>
+        </div>
+        <div class="detail-stat">
+          <div class="detail-stat-val">${data.kasaHistory.length}</div>
+          <div class="detail-stat-lbl">Ödül Kullanımı</div>
+        </div>
+      </div>
+
+      <div class="detail-section">
+        <div class="detail-section-title"><i class="fa fa-line-chart"></i> Günlük İlerleme</div>
+        <div class="daily-progress">
+          <div class="daily-progress-bar">
+            <div class="daily-progress-fill" style="width: ${dailyPercent}%"></div>
+          </div>
+          <div class="daily-progress-label">
+            <span>${stats.todayScore} / 35 puan</span>
+            <span>${dailyPercent.toFixed(0)}%</span>
+          </div>
+        </div>
+      </div>
+
+      <div class="detail-section">
+        <div class="detail-section-title"><i class="fa fa-history"></i> Aktivite Geçmişi</div>
+        <div class="detail-tabs">
+          <div class="detail-tab active" onclick="switchHistoryTab('earn', this)">Kazanılan</div>
+          <div class="detail-tab" onclick="switchHistoryTab('spend', this)">Harcanan</div>
+          <div class="detail-tab" onclick="switchHistoryTab('kasa', this)">Ödül Kullanımı</div>
+        </div>
+        <div class="detail-history" id="history-container"></div>
+      </div>
+    `;
+    
+    $('#detail-body').html(html);
+    
+    // İlk sekmeyi göster
+    window.currentDetailData = data;
+    switchHistoryTab('earn');
+  }
+
+  window.switchHistoryTab = function(type, el) {
+    $('.detail-tab').removeClass('active');
+    if (el) $(el).addClass('active');
+    else $('.detail-tab').first().addClass('active');
+    
+    const data = window.currentDetailData;
+    if (!data) return;
+    
+    const container = $('#history-container');
+    let items = [];
+    
+    if (type === 'earn') {
+      items = data.earnHistory || [];
+    } else if (type === 'spend') {
+      items = data.spendHistory || [];
+    } else if (type === 'kasa') {
+      items = (data.kasaHistory || []).map(k => ({
+        type: 'spend',
+        ts: k.ts,
+        amt: k.amt,
+        txt: k.reward || 'Ödül Kullanımı'
+      }));
+    }
+    
+    if (items.length === 0) {
+      container.html('<div class="detail-empty"><i class="fa fa-inbox"></i>Kayıt bulunamadı</div>');
+      return;
+    }
+    
+    let html = '';
+    items.forEach(item => {
+      const isEarn = item.type === 'earn' || item.type === 'admin_adjust';
+      const iconClass = isEarn ? 'earn' : 'spend';
+      const icon = isEarn ? 'fa-arrow-up' : 'fa-arrow-down';
+      const valClass = isEarn ? 'earn' : 'spend';
+      const sign = isEarn ? '+' : '-';
+      
+      html += `
+        <div class="detail-history-item">
+          <div class="detail-history-icon ${iconClass}"><i class="fa ${icon}"></i></div>
+          <div class="detail-history-text">
+            <div class="detail-history-desc">${escapeHtml(item.txt || 'İşlem')}</div>
+            <div class="detail-history-time">${moment(item.ts).format('DD MMM YYYY, HH:mm')}</div>
+          </div>
+          <div class="detail-history-val ${valClass}">${sign}${item.amt}</div>
+        </div>
+      `;
+    });
+    
+    container.html(html);
+  };
+
+  window.submitManagePoints = function() {
+    const amt = parseFloat($('#manage-amount').val());
+    const reason = $('#manage-reason').val().trim();
+    const action = $('input[name="manage_action"]:checked').val();
+    const $err = $('#manage-error');
+
+    if (!amt || amt <= 0) { $err.text('Geçerli bir miktar giriniz.').show(); return; }
+    if (!reason) { $err.text('Sebep girmek zorunludur.').show(); return; }
+
+    socket.emit('plugins.niki.managePoints', {
+      targetUid: g_targetUid,
+      amount: amt,
+      action: action,
+      reason: reason
+    }, function(err, result) {
+      if (err) {
+        $err.text(err.message || 'Hata oluştu.').show();
+      } else {
+        closeManageModal();
+        app.alertSuccess('İşlem Başarılı! Yeni Puan: ' + result.newPoints);
+        initNikiAdmin();
+      }
+    });
+  };
+
+  function initNikiAdmin() {
+    if (typeof socket === 'undefined') return;
+    const $loader = $('#niki-loader');
+    const $content = $('#niki-content');
+    $loader.show(); $content.hide();
+
+    // Önce istatistikleri al
+    socket.emit('plugins.niki.getStats', {}, function(err, stats) {
+      if (!err && stats) {
+        $('#val-users').text(stats.usersWithPoints || 0);
+        $('#val-points').text(Number(stats.totalPoints || 0).toLocaleString('tr-TR'));
+        $('#val-avg').text(Number(stats.avgPoints || 0).toLocaleString('tr-TR'));
+        $('#val-redeemed').text(Number(stats.totalRedeemed || 0).toLocaleString('tr-TR'));
+        $('#val-transactions').text(stats.totalTransactions || 0);
+        $('#val-today').text(stats.todayTransactions || 0);
+      }
+    });
+
+    socket.emit('plugins.niki.getUsers', {}, function(err, users) {
+      $loader.hide();
+      if (err) {
+        console.error(err);
+        $('.niki-dashboard').html('<div style="color:#d32f2f; text-align:center; padding:40px;">HATA: ' + (err.message || 'Yetkisiz') + '</div>');
+        return;
+      }
+      if (!users) users = [];
+      g_users = users;
+      $content.fadeIn(300);
+      renderList(users);
+      
+      $('#nk-search-input').off('keyup').on('keyup', function() {
+        const val = $(this).val().toLowerCase();
+        const filtered = users.filter(function(u) {
+          return u.username.toLowerCase().indexOf(val) > -1;
+        });
+        renderList(filtered);
+      });
+    });
+  }
+
+  function renderList(list) {
+    const $container = $('#nk-list-body');
+    $container.empty();
+    if (list.length === 0) {
+      $container.html('<div style="text-align:center; padding:30px; color:#444;">Sonuç bulunamadı.</div>'); return;
+    }
+    const rp = config.relative_path || '';
+
+    $.each(list, function(i, u) {
+      const row = $('<div class="nk-row"></div>');
+      row.append('<div class="nk-idx">' + (i + 1) + '</div>');
+      
+      const info = $('<div class="nk-user-info"></div>');
+      if (u.picture) { info.append('<img src="' + u.picture + '" class="nk-avatar">'); }
+      else {
+        const letter = (u.username && u.username[0]) ? u.username[0].toUpperCase() : '?';
+        const bg = u.iconBg || '#555';
+        info.append('<div class="nk-letter-avatar" style="background:' + bg + '">' + letter + '</div>');
+      }
+      const link = $('<a class="nk-username" target="_blank"></a>').attr('href', rp + '/user/' + u.userslug).text(u.username);
+      info.append(link);
+      row.append(info);
+      
+      const pText = Math.floor(u.points || 0).toLocaleString('tr-TR');
+      row.append('<div class="nk-points">' + pText + '</div>');
+
+      // Butonlar
+      const btnCol = $('<div class="nk-actions"></div>');
+      
+      // Detay Butonu
+      const btnDetail = $('<button class="nk-btn-action info" title="Detay"><i class="fa fa-eye"></i></button>');
+      btnDetail.click(function() { openDetailModal(u.uid); });
+      btnCol.append(btnDetail);
+      
+      // Düzenle Butonu
+      const btnManage = $('<button class="nk-btn-action" title="Puan Düzenle"><i class="fa fa-cog"></i></button>');
+      btnManage.click(function() { openManageModal(u.uid, u.username); });
+      btnCol.append(btnManage);
+      
+      row.append(btnCol);
+      $container.append(row);
+    });
+  }
+
+  function escapeHtml(text) {
+    if (!text) return '';
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }
+
+  $(document).ready(function() {
+    if ($('.niki-dashboard').length) setTimeout(initNikiAdmin, 200);
+  });
+  $(window).on('action:ajaxify.end', function() {
+    if ($('.niki-dashboard').length) initNikiAdmin();
+  });
+})();
+</script>