راهنمایی شروع کار با وردپرس و طراحی سایت بدون کد نویسی

(function($) { $(document).ready(function() { // Clean ChatGPT-style AI Chat functionality var aiChat = { input: $('#messageInput'), sendButton: $('#sendButton'), messagesArea: $('#chatMessages'), welcomeMessage: $('#welcomeMessage'), conversationStarted: false, init: function() { this.bindEvents(); this.updateSendButton(); }, bindEvents: function() { var self = this; // Input event for send button state this.input.on('input', function() { self.updateSendButton(); self.autoResize(); }); // Send button click this.sendButton.on('click', function(e) { e.preventDefault(); self.sendMessage(); }); // Keyboard events - Enter to send, Shift+Enter for new line this.input.on('keydown', function(e) { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); self.sendMessage(); } }); }, updateSendButton: function() { var message = this.input.val().trim(); if (message.length > 0) { this.sendButton.prop('disabled', false); } else { this.sendButton.prop('disabled', true); } }, autoResize: function() { this.input.css('height', 'auto'); this.input.css('height', this.input[0].scrollHeight + 'px'); }, sendMessage: function() { var message = this.input.val().trim(); if (!message) return; // Start conversation if first message if (!this.conversationStarted) { this.startConversation(); } // Add user message this.addUserMessage(message); // Clear input this.input.val(''); this.updateSendButton(); // Send to API this.sendToAPI(message); }, startConversation: function() { this.conversationStarted = true; this.welcomeMessage.hide(); // Messages area is now visible and ready }, addUserMessage: function(message) { var userMessageHtml = ` `; this.messagesArea.append(userMessageHtml); this.scrollToBottom(); }, sendToAPI: function(message) { var self = this; // Show typing indicator var typingHtml = ` `; this.messagesArea.append(typingHtml); this.scrollToBottom(); $.ajax({ url: ai_chat_ajax.ajax_url, type: 'POST', data: { action: 'ai_chat_send_message', message: message, nonce: ai_chat_ajax.nonce }, success: function(response) { // Remove typing indicator $('.typing-indicator').remove(); if (response.success) { var aiMessage = response.data.message; self.addAIMessage(aiMessage); } else { // Use fallback responses if API fails self.showFallbackResponse(); } }, error: function() { // Remove typing indicator $('.typing-indicator').remove(); // Use fallback responses if API fails self.showFallbackResponse(); } }); }, addAIMessage: function(message) { var aiMessageHtml = ` `; this.messagesArea.append(aiMessageHtml); this.scrollToBottom(); }, showFallbackResponse: function() { // Fallback responses when API is not available var fallbackResponses = [ 'متشکرم از سوال شما! بهترین راه حل را براتون پیدا می‌کنم.', 'بله، من در خدمتم! چطور می‌تونم کمک کنم؟', 'سوال خوبی پرسیدید! ارزیابی گزینه‌های مختلف...', 'برای پاسخ دقیق، لطفاً جزئیات بیشتری بگید.', 'در حال پردازش درخواست شما... پاسخ کوتاه: حتماً کمک خواهم کرد!' ]; var randomFallback = fallbackResponses[Math.floor(Math.random() * fallbackResponses.length)]; this.addAIMessage(randomFallback); }, getCurrentTime: function() { return new Date().toLocaleTimeString('fa-IR', { hour: '2-digit', minute: '2-digit', hour12: false }); }, escapeHtml: function(text) { var map = { '&': '&', '<': '': '>', '"': '"', "'": ''' }; return text.replace(/[&"']/g, function(m) { return map[m]; }); }, scrollToBottom: function() { setTimeout(() => { this.messagesArea.scrollTop(this.messagesArea[0].scrollHeight); }, 100); } }; // Initialize chat aiChat.init(); }); })(jQuery);