کتابخانه دانشنامه کتاب مقدس: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۲۴: | خط ۲۴: | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | ||
<style> | <style> | ||
خط ۴۱۵: | خط ۳۰۹: | ||
.breadcrumb a:hover { | .breadcrumb a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
.admin-panel { | |||
background: #f8f9fa; | |||
padding: 15px; | |||
margin: 0 15px 15px; | |||
border: 1px solid #dee2e6; | |||
border-radius: 8px; | |||
} | |||
.admin-panel h3 { | |||
color: #3e6f73; | |||
margin-bottom: 15px; | |||
font-size: 16px; | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
} | |||
.admin-panel h3 i { | |||
color: #4a7c59; | |||
} | |||
.admin-controls { | |||
display: flex; | |||
gap: 10px; | |||
} | |||
.admin-btn { | |||
background: #4a7c59; | |||
color: white; | |||
border: none; | |||
border-radius: 4px; | |||
padding: 8px 15px; | |||
cursor: pointer; | |||
font-size: 13px; | |||
display: flex; | |||
align-items: center; | |||
gap: 6px; | |||
transition: all 0.3s ease; | |||
} | |||
.admin-btn:hover { | |||
background: #3e6f73; | |||
} | |||
.admin-btn.secondary { | |||
background: #6c757d; | |||
} | |||
.admin-btn.secondary:hover { | |||
background: #5a6268; | |||
} | |||
.login-form { | |||
background: white; | |||
padding: 20px; | |||
border-radius: 8px; | |||
border: 1px solid #dee2e6; | |||
margin: 20px auto; | |||
max-width: 400px; | |||
box-shadow: 0 2px 10px rgba(0,0,0,0.1); | |||
} | |||
.login-form h3 { | |||
color: #3e6f73; | |||
margin-bottom: 15px; | |||
text-align: center; | |||
} | |||
.login-form input { | |||
margin-bottom: 15px; | |||
} | |||
.login-btn { | |||
width: 100%; | |||
background: #4a7c59; | |||
color: white; | |||
border: none; | |||
border-radius: 4px; | |||
padding: 10px; | |||
cursor: pointer; | |||
font-size: 14px; | |||
font-weight: 600; | |||
transition: all 0.3s ease; | |||
} | |||
.login-btn:hover { | |||
background: #3e6f73; | |||
} | |||
.notification { | |||
position: fixed; | |||
top: 20px; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
background: #4a7c59; | |||
color: white; | |||
padding: 12px 20px; | |||
border-radius: 4px; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.15); | |||
z-index: 1000; | |||
display: none; | |||
} | |||
.notification.error { | |||
background: #dc3545; | |||
} | } | ||
خط ۴۶۰: | خط ۴۶۱: | ||
.content-list { | .content-list { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | |||
.admin-controls { | |||
flex-direction: column; | |||
} | } | ||
} | } | ||
خط ۴۶۵: | خط ۴۷۰: | ||
</head> | </head> | ||
<body> | <body> | ||
< | <div class="notification" id="notification"></div> | ||
<div class="container"> | <div class="container"> | ||
خط ۴۸۶: | خط ۴۹۱: | ||
<h3>مقالات تخصصی</h3> | <h3>مقالات تخصصی</h3> | ||
<p>مقالات متعدد درباره موضوعات مذهبی مانند مسیح، تثلیث، نجات، روح القدس و دیگر مفاهیم دینی</p> | <p>مقالات متعدد درباره موضوعات مذهبی مانند مسیح، تثلیث، نجات، روح القدس و دیگر مفاهیم دینی</p> | ||
</div> | </div> | ||
</div> | </div> | ||
</section> | |||
<!-- پنل مدیریت (فقط برای مدیران قابل مشاهده است) --> | |||
<section class="admin-panel" id="adminPanel" style="display: none;"> | |||
<h3><i class="fas fa-user-shield"></i> پنل مدیریت</h3> | |||
<div class="admin-controls"> | |||
<button class="admin-btn" id="addContentBtn"> | |||
<i class="fas fa-plus"></i> افزودن محتوای جدید | |||
</button> | |||
<button class="admin-btn secondary" id="manageContentBtn"> | |||
<i class="fas fa-cog"></i> مدیریت محتواها | |||
</button> | |||
<button class="admin-btn secondary" id="logoutBtn"> | |||
<i class="fas fa-sign-out-alt"></i> خروج از حساب | |||
</button> | |||
</div> | |||
</section> | |||
<!-- فرم ورود مدیران --> | |||
<section class="login-form" id="loginForm"> | |||
<h3>ورود مدیران</h3> | |||
<input type="text" id="adminUsername" placeholder="نام کاربری"> | |||
<input type="password" id="adminPassword" placeholder="رمز عبور"> | |||
<button class="login-btn" id="loginBtn">ورود به سیستم</button> | |||
</section> | </section> | ||
خط ۴۹۹: | خط ۵۲۷: | ||
<option value="کتاب">کتاب</option> | <option value="کتاب">کتاب</option> | ||
<option value="مقاله">مقاله</option> | <option value="مقاله">مقاله</option> | ||
</select> | </select> | ||
</div> | </div> | ||
خط ۵۰۸: | خط ۵۳۵: | ||
<option value="">ابتدا دستهبندی را انتخاب کنید</option> | <option value="">ابتدا دستهبندی را انتخاب کنید</option> | ||
</select> | </select> | ||
</div> | </div> | ||
</div> | </div> | ||
خط ۵۶۴: | خط ۵۷۸: | ||
// دادههای ساده | // دادههای ساده | ||
const booksData = { | const booksData = { | ||
'کتاب': [ | |||
{ value: 'عیسی', text: 'عیسی' }, | |||
{ value: 'انجیل_متی', text: 'انجیل متی' }, | |||
{ value: 'مزامیر', text: 'مزامیر' }, | |||
{ value: 'پیدایش', text: 'پیدایش' } | |||
], | |||
'مقاله': [ | |||
{ value: 'مقاله_۸_تفاوت_کلیدی_بین_کاتولیکها_و_پروتستانها_نویسنده', text: '۸ تفاوت کلیدی بین کاتولیکها و پروتستانها' }, | |||
{ value: 'مقاله_برادران،_ما_تحلیل%E2%80%8Cگران_سیاسی_نیستیم', text: 'برادران، ما تحلیلگران سیاسی نیستیم' }, | |||
{ value: 'مقاله_گناه_آدمی_را_نادان_میکند', text: 'گناه آدمی را نادان میکند' }, | |||
{ value: 'مقاله_۴_دلیل_که_چرا_کتاب_مقدس_از_تراجنسیتی_بودن_حمایت_نمی%E2%80%8Cکند', text: '۴ دلیل که چرا کتاب مقدس از تراجنسیتی بودن حمایت نمیکند' }, | |||
{ value: '۱۰_معنای_یهوه', text: '۱۰ معنای یهوه' }, | |||
{ value: 'تدریس،_آموزش_و_مطالعه', text: 'تدریس، آموزش و مطالعه' }, | |||
{ value: 'خدمت_به_خدا_یعنی_چه', text: 'خدمت به خدا یعنی چه' } | |||
] | |||
}; | }; | ||
// عناصر | // عناصر | ||
const categorySelect = document.getElementById('categorySelect'); | const categorySelect = document.getElementById('categorySelect'); | ||
const contentSelect = document.getElementById('contentSelect'); | const contentSelect = document.getElementById('contentSelect'); | ||
const contentFrame = document.getElementById('contentFrame'); | const contentFrame = document.getElementById('contentFrame'); | ||
const iframePlaceholder = document.getElementById('iframePlaceholder'); | const iframePlaceholder = document.getElementById('iframePlaceholder'); | ||
خط ۵۹۷: | خط ۶۰۸: | ||
const directView = document.getElementById('directView'); | const directView = document.getElementById('directView'); | ||
const loadingBar = document.getElementById('loadingBar'); | const loadingBar = document.getElementById('loadingBar'); | ||
const adminPanel = document.getElementById('adminPanel'); | |||
const loginForm = document.getElementById('loginForm'); | |||
const adminUsername = document.getElementById('adminUsername'); | |||
const adminPassword = document.getElementById('adminPassword'); | |||
const loginBtn = document.getElementById('loginBtn'); | |||
const addContentBtn = document.getElementById('addContentBtn'); | |||
const manageContentBtn = document.getElementById('manageContentBtn'); | |||
const logoutBtn = document.getElementById('logoutBtn'); | |||
const notification = document.getElementById('notification'); | |||
let currentZoom = 100; | let currentZoom = 100; | ||
let currentContent = ''; | let currentContent = ''; | ||
let isAdmin = false; | |||
// بررسی وضعیت ورود مدیر | |||
function checkAdminStatus() { | |||
const adminStatus = localStorage.getItem('adminLoggedIn'); | |||
if (adminStatus === 'true') { | |||
isAdmin = true; | |||
adminPanel.style.display = 'block'; | |||
loginForm.style.display = 'none'; | |||
} else { | |||
isAdmin = false; | |||
adminPanel.style.display = 'none'; | |||
loginForm.style.display = 'block'; | |||
} | |||
} | |||
// نمایش اعلان | |||
function showNotification(message, isError = false) { | |||
notification.textContent = message; | |||
notification.className = 'notification' + (isError ? ' error' : ''); | |||
notification.style.display = 'block'; | |||
setTimeout(() => { | |||
notification.style.display = 'none'; | |||
}, 3000); | |||
} | |||
// | // ورود مدیر | ||
loginBtn.addEventListener('click', function() { | |||
const | const username = adminUsername.value.trim(); | ||
const password = adminPassword.value.trim(); | |||
if ( | // در حالت واقعی، این اطلاعات باید از سرور دریافت شوند | ||
if (username === 'admin' && password === 'admin123') { | |||
localStorage.setItem('adminLoggedIn', 'true'); | |||
checkAdminStatus(); | |||
showNotification('ورود موفقیتآمیز بود'); | |||
} else { | |||
showNotification('نام کاربری یا رمز عبور اشتباه است', true); | |||
} | |||
}); | |||
// خروج مدیر | |||
logoutBtn.addEventListener('click', function() { | |||
localStorage.removeItem('adminLoggedIn'); | |||
checkAdminStatus(); | |||
showNotification('با موفقیت از حساب خارج شدید'); | |||
}); | |||
// افزودن محتوای جدید (فقط برای مدیران) | |||
addContentBtn.addEventListener('click', function() { | |||
if (!isAdmin) { | |||
showNotification('شما دسترسی لازم برای این عمل را ندارید', true); | |||
return; | return; | ||
} | } | ||
const title = prompt('لطفاً عنوان محتوای جدید را وارد کنید:'); | |||
if ( | if (!title) return; | ||
const category = prompt('لطفاً دستهبندی را انتخاب کنید (کتاب/مقاله):'); | |||
if (!category || (category !== 'کتاب' && category !== 'مقاله')) { | |||
showNotification('دستهبندی معتبر نیست', true); | |||
return; | return; | ||
} | } | ||
const urlValue = convertToUrlFormat(title); | |||
// | // اضافه کردن به لیست محتواها | ||
if (!booksData[category]) { | |||
booksData[category] = []; | |||
} | |||
booksData[category].push({ | |||
value: urlValue, | |||
text: title | |||
}); | |||
showNotification(`محتوای "${title}" با موفقیت اضافه شد`); | |||
// بهروزرسانی لیست در صورت انتخاب دستهبندی مربوطه | |||
if (categorySelect.value === category) { | |||
updateContentList(category); | |||
} | |||
}); | |||
// مدیریت محتواها (فقط برای مدیران) | |||
manageContentBtn.addEventListener('click', function() { | |||
if (!isAdmin) { | |||
showNotification('شما دسترسی لازم برای این عمل را ندارید', true); | |||
return; | |||
} | |||
showNotification('این قابلیت در نسخه بعدی اضافه خواهد شد'); | |||
}); | |||
// تابع تبدیل عنوان به فرمت URL | |||
function convertToUrlFormat(title) { | |||
let url = title.trim(); | |||
url = url.replace(/\s+/g, '_'); | |||
url = url.replace(/[^\w\u0600-\u06FF_]/g, ''); | |||
return url; | |||
} | |||
// بهروزرسانی لیست محتواها | |||
function updateContentList(category) { | |||
contentSelect.innerHTML = '<option value="">لطفاً محتوا انتخاب کنید</option>'; | contentSelect.innerHTML = '<option value="">لطفاً محتوا انتخاب کنید</option>'; | ||
booksData[ | booksData[category].forEach(item => { | ||
const option = document.createElement('option'); | const option = document.createElement('option'); | ||
option.value = item.value; | option.value = item.value; | ||
خط ۶۳۵: | خط ۷۳۳: | ||
contentSelect.appendChild(option); | contentSelect.appendChild(option); | ||
}); | }); | ||
} | |||
// وقتی دستهبندی تغییر کرد | |||
categorySelect.addEventListener('change', function() { | |||
const selectedCategory = this.value; | |||
if (!selectedCategory) { | |||
contentSelect.disabled = true; | |||
contentSelect.innerHTML = '<option value="">ابتدا دستهبندی را انتخاب کنید</option>'; | |||
resetContent(); | |||
return; | |||
} | |||
// پر کردن لیست محتواها | |||
contentSelect.disabled = false; | |||
updateContentList(selectedCategory); | |||
resetContent(); | resetContent(); | ||
خط ۶۵۲: | خط ۷۶۶: | ||
showContent(selectedValue, selectedText); | showContent(selectedValue, selectedText); | ||
}); | }); | ||
// نمایش محتوا | // نمایش محتوا | ||
خط ۷۹۱: | خط ۸۷۶: | ||
loadingBar.style.width = '0%'; | loadingBar.style.width = '0%'; | ||
} | } | ||
// بررسی وضعیت ورود در هنگام بارگذاری صفحه | |||
document.addEventListener('DOMContentLoaded', function() { | |||
checkAdminStatus(); | |||
}); | |||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
نسخهٔ ۱۳ اکتبر ۲۰۲۵، ساعت ۰۰:۳۹
کتابخانه پدیا بایبل
مطالعه آنلاین کتابها و مقالات مذهبی شامل کتابهای مقدس و مقالات تخصصی
کتابخانه جامع منابع مذهبی
کتابخانه پدیا بایبل مرجع کامل و تخصصی برای مطالعه آنلاین کتابهای مقدس و مقالات مذهبی است. در این کتابخانه میتوانید به منابع معتبر و جامعی از متون دینی دسترسی داشته باشید.
کتابهای مقدس
مطالعه کتابهای مقدس از جمله عیسی، انجیل متی، مزامیر، پیدایش و دیگر متون مذهبی با ترجمههای معتبر
مقالات تخصصی
مقالات متعدد درباره موضوعات مذهبی مانند مسیح، تثلیث، نجات، روح القدس و دیگر مفاهیم دینی
ورود مدیران
هیچ محتوایی انتخاب نشده است
لطفاً یک کتاب یا مقاله از لیست انتخاب کنید