پرش به محتوا

تست: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۴۸: خط ۴۸:
             font-size: 14px;
             font-size: 14px;
             margin-top: 8px;
             margin-top: 8px;
        }
       
        .stats-bar {
            display: flex;
            justify-content: space-between;
            background: #f8f9fa;
            padding: 10px 15px;
            border-radius: 6px;
            margin-bottom: 15px;
            border: 1px solid #dee2e6;
            font-size: 13px;
        }
       
        .stat-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }
       
        .stat-value {
            font-weight: bold;
            color: #3e6f73;
         }
         }
          
          
خط ۱۵۳: خط ۱۷۵:
         .wiki-link:hover {
         .wiki-link:hover {
             background-color: #2d5257;
             background-color: #2d5257;
        }
        /* استایل بخش تاریخچه */
        .recent-section {
            margin-top: 20px;
            background: #f8f9fa;
            padding: 15px;
            border-radius: 8px;
            border: 1px solid #dee2e6;
        }
       
        .section-title {
            font-size: 16px;
            font-weight: 600;
            color: #3e6f73;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
       
        .recent-items {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            padding: 5px;
        }
       
        .recent-item {
            background: white;
            border-radius: 6px;
            padding: 12px;
            min-width: 150px;
            border: 1px solid #dee2e6;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
        }
       
        .recent-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
       
        .recent-title {
            font-weight: 600;
            font-size: 13px;
            color: #343a40;
        }
       
        .recent-category {
            font-size: 11px;
            color: #6c757d;
            margin-top: 4px;
        }
       
        .empty-recent {
            text-align: center;
            color: #6c757d;
            padding: 15px;
            font-style: italic;
            width: 100%;
         }
         }
          
          
خط ۱۷۰: خط ۲۵۴:
             .wiki-link, .site-link {
             .wiki-link, .site-link {
                 width: 100%;
                 width: 100%;
            }
           
            .stats-bar {
                flex-direction: column;
                gap: 8px;
            }
           
            .recent-items {
                flex-direction: column;
            }
           
            .recent-item {
                min-width: auto;
             }
             }
         }
         }
خط ۱۸۱: خط ۲۷۸:
                 در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید.  
                 در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید.  
                 برای شروع، دسته‌بندی و سپس مورد مورد نظر خود را انتخاب نمایید.
                 برای شروع، دسته‌بندی و سپس مورد مورد نظر خود را انتخاب نمایید.
            </div>
        </div>
       
        <!-- نوار آمار -->
        <div class="stats-bar">
            <div class="stat-item">
                <i class="fas fa-book"></i>
                <span>تعداد کتاب‌ها: <span class="stat-value" id="booksCount">4</span></span>
            </div>
            <div class="stat-item">
                <i class="fas fa-file-alt"></i>
                <span>تعداد مقالات: <span class="stat-value" id="articlesCount">4</span></span>
            </div>
            <div class="stat-item">
                <i class="fas fa-history"></i>
                <span>مطالب مطالعه شده: <span class="stat-value" id="readCount">0</span></span>
             </div>
             </div>
         </div>
         </div>
خط ۲۲۱: خط ۳۳۴:
                     مشاهده صفحه کامل در ویکی
                     مشاهده صفحه کامل در ویکی
                 </a>
                 </a>
            </div>
        </div>
       
        <!-- بخش تاریخچه مطالعات -->
        <div class="recent-section">
            <div class="section-title">
                <i class="fas fa-history"></i>
                مطالب مطالعه شده اخیر
            </div>
            <div class="recent-items" id="recentItems">
                <div class="empty-recent">هیچ مطلبی اخیراً مطالعه نشده است</div>
             </div>
             </div>
         </div>
         </div>
خط ۲۴۹: خط ۳۷۳:
         const wikiLink = document.getElementById('wikiLink');
         const wikiLink = document.getElementById('wikiLink');
         const siteLink = document.getElementById('siteLink');
         const siteLink = document.getElementById('siteLink');
        const booksCount = document.getElementById('booksCount');
        const articlesCount = document.getElementById('articlesCount');
        const readCount = document.getElementById('readCount');
        const recentItems = document.getElementById('recentItems');
        // تاریخچه مطالعات
        let readItems = JSON.parse(localStorage.getItem('readItems')) || [];
        // به روزرسانی آمار
        function updateStats() {
            booksCount.textContent = booksData['کتاب'].length;
            articlesCount.textContent = booksData['مقاله'].length;
            readCount.textContent = readItems.length;
        }
        // به روزرسانی تاریخچه
        function updateRecentItems() {
            if (readItems.length === 0) {
                recentItems.innerHTML = '<div class="empty-recent">هیچ مطلبی اخیراً مطالعه نشده است</div>';
                return;
            }
           
            recentItems.innerHTML = '';
            const recentToShow = readItems.slice(-5).reverse();
           
            recentToShow.forEach(item => {
                const recentItem = document.createElement('div');
                recentItem.className = 'recent-item';
                recentItem.innerHTML = `
                    <div class="recent-title">${item.text}</div>
                    <div class="recent-category">${item.category}</div>
                `;
               
                recentItem.addEventListener('click', function() {
                    categorySelect.value = item.category;
                   
                    // پر کردن لیست محتواها
                    contentSelect.disabled = false;
                    contentSelect.innerHTML = '<option value="">لطفاً محتوا انتخاب کنید</option>';
                   
                    booksData[item.category].forEach(book => {
                        const option = document.createElement('option');
                        option.value = book.value;
                        option.textContent = book.text;
                        if (book.value === item.value) option.selected = true;
                        contentSelect.appendChild(option);
                    });
                   
                    showContent(item.value, item.text);
                });
               
                recentItems.appendChild(recentItem);
            });
        }


         // وقتی دسته‌بندی تغییر کرد
         // وقتی دسته‌بندی تغییر کرد
خط ۲۹۰: خط ۴۶۸:
         // نمایش محتوا
         // نمایش محتوا
         function showContent(bookValue, bookText) {
         function showContent(bookValue, bookText) {
            const selectedCategory = categorySelect.value;
           
            // افزودن به تاریخچه
            const newItem = {
                value: bookValue,
                text: bookText,
                category: selectedCategory,
                timestamp: new Date().toISOString()
            };
           
            // جلوگیری از تکرار
            if (!readItems.some(item => item.value === bookValue && item.category === selectedCategory)) {
                readItems.push(newItem);
                localStorage.setItem('readItems', JSON.stringify(readItems));
                updateStats();
                updateRecentItems();
            }
           
             const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
             const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
             const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
             const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
خط ۳۴۴: خط ۵۴۰:
             contentFrame.src = 'about:blank';
             contentFrame.src = 'about:blank';
         }
         }
        // مقداردهی اولیه
        updateStats();
        updateRecentItems();
     </script>
     </script>
</body>
</body>
</html>
</html>

نسخهٔ ‏۱۲ اکتبر ۲۰۲۵، ساعت ۲۲:۳۱

<!DOCTYPE html> کتابخانه پدیا بایبل

کتابخانه پدیا بایبل

در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید. برای شروع، دسته‌بندی و سپس مورد مورد نظر خود را انتخاب نمایید.
تعداد کتاب‌ها: 4
تعداد مقالات: 4
مطالب مطالعه شده: 0

لطفاً یک کتاب یا مقاله از لیست انتخاب کنید

مطالب مطالعه شده اخیر
هیچ مطلبی اخیراً مطالعه نشده است

برگرفته از «https://www.pediabible.com/index.php?title=تست&oldid=4428»