import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.5/firebase-app.js";
import { getDatabase, ref, set, get } from "https://www.gstatic.com/firebasejs/10.12.5/firebase-database.js";
import { getAuth, signInAnonymously, onAuthStateChanged } from "https://www.gstatic.com/firebasejs/10.12.5/firebase-auth.js";
// Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyClr62iAjNEM2xE7_PEkw0l9i4HNeO7nqE",
authDomain: "tbhc-66edd.firebaseapp.com",
databaseURL: "https://tbhc-66edd-default-rtdb.europe-west1.firebasedatabase.app",
projectId: "tbhc-66edd",
storageBucket: "tbhc-66edd.appspot.com",
messagingSenderId: "852632586224",
appId: "1:852632586224:web:05db18b44a04cc3719ff35"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getDatabase(app);
const auth = getAuth(app);
// Cache for liked posts
const localCache = {};
// Sign in anonymously
signInAnonymously(auth)
.then(() => {
console.log('User signed in anonymously');
})
.catch((error) => {
console.error('Error signing in anonymously:', error);
});
// Handle authentication state
onAuthStateChanged(auth, (user) => {
if (user) {
const firebaseUserId = user.uid; // The authenticated Firebase user ID
console.log('Authenticated Firebase User ID:', firebaseUserId);
// Extract forum user ID from the profile link
const forumUserId = extractForumUserId();
if (!forumUserId) {
console.error('Failed to extract forum user ID.');
return;
}
console.log('Forum User ID:', forumUserId);
const userLikesRef = ref(db, `likes/${forumUserId}`);
console.log('Firebase path:', userLikesRef.toString());
get(userLikesRef).then((snapshot) => {
localCache[forumUserId] = snapshot.val() || {};
document.querySelectorAll('div[id^="p"][data-posted][data-user-id][data-group-id]').forEach(function(post) {
const postId = post.id.replace('p', '');
const icon = post.querySelector('div.post-body > div.post-box > div.post-rating > p > a');
const postAuthorId = post.getAttribute('data-user-id'); // Assuming post author ID is stored here
// Initialize icon classes based on current state
if (icon) {
updateIconClasses(postId, icon, localCache[forumUserId]);
}
// Listen for like button clicks
if (icon) {
icon.addEventListener('click', function() {
if (postAuthorId !== forumUserId) {
if (!localCache[forumUserId][postId]) {
// Like the post (if not already liked)
localCache[forumUserId][postId] = true;
// Optimistically update UI
if (icon) {
updateIconClasses(postId, icon, localCache[forumUserId]);
}
// Save the like action to Firebase
const postRef = ref(db, `likes/${forumUserId}/${postId}`);
set(postRef, true)
.catch((error) => {
console.error('Error updating like action:', error);
});
}
} else {
console.warn('User cannot like their own post.');
}
});
// MutationObserver to detect changes in the like count
let previousLikeCount = parseInt(icon.textContent, 10);
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList') {
const newLikeCount = parseInt(icon.textContent, 10);
// Check if the like count has increased
if (newLikeCount > previousLikeCount) {
// Update the local cache to reflect the new liked state
localCache[forumUserId][postId] = true;
// Handle the like count change by updating the icon
updateIconClasses(postId, icon, localCache[forumUserId]);
// Save the like action to Firebase if it's not already there
const postRef = ref(db, `likes/${forumUserId}/${postId}`);
set(postRef, true)
.then(() => {
console.log('Like action saved to Firebase due to observed change.');
})
.catch((error) => {
console.error('Error updating like action from MutationObserver:', error);
});
}
// Update previous like count
previousLikeCount = newLikeCount;
}
});
});
// Observe the like element for changes in its child nodes (text content)
observer.observe(icon, {
childList: true, // Monitor changes in the text content
});
}
});
}).catch((error) => {
console.error('Error fetching liked posts:', error);
});
} else {
console.error('No user is signed in.');
}
});
// Function to update icon classes based on user interactions
function updateIconClasses(postId, icon, likedPosts) {
if (likedPosts[postId]) {
icon.classList.add('noNullLiked');
} else {
icon.classList.remove('noNullLiked');
}
}
// Function to extract forum user ID from profile link
function extractForumUserId() {
const profileLink = document.querySelector('#navprofile > a');
if (!profileLink) return null;
const url = profileLink.href;
const match = url.match(/id=(\d+)/);
return match ? match[1] : null;
}
кодзима гений |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » кодзима гений » ego zero » склад картинок
|
<a href="ссылка на фор" target="_blank"><img src="https://upforme.ru/uploads/001b/9d/d4/2/143691.jpg" width="88px" height="31px" title="crosses (crossover)"></a>
картинка в новости с активистами, ширина в стиль 850px
|
карты
картинка в новости без активистов, ширина в стиль 850px
награды за колоды
lawful good
фон профиль
фон личная страницаNEUTRAL GOOD
фон профиль
фон личная страницаCHAOTIC GOOD
фон профиль
фон личная страницаLAWFUL EVIL
фон профиль
фон личная страницаNEUTRAL EVIL
фон профиль
фон личная страницаCHAOTIC EVIL
фон профиль
фон личная страница
иконка форума
аватары главный акк и пиар
мини магазин
новости с активистами
новости без активистов
баннер
|
<a href="https://crossess.ru" target="_blank"><img src="https://upforme.ru/uploads/000f/b3/ce/17/750950.png" width="88px" height="31px" title="crosses (crossover)"></a>
аватарки главный акк + пиар
баннер (не забудьте заменить в теме баннерообмен)
<a href="https://crossess.ru" target="_blank"><img src="https://upforme.ru/uploads/000f/b3/ce/17/243103.png" width="88px" height="31px" title="crosses (crossover)"></a>
иконка форума (загружается через админка - настройки - значок форума)
Вы здесь » кодзима гений » ego zero » склад картинок
