Файловый менеджер - Редактировать - /home/gqdcvggs/go.imators.com/resources.tar
Назад
css/app.css 0000664 00000000000 15114740570 0006622 0 ustar 00 js/app.js 0000664 00000000026 15114740570 0006302 0 ustar 00 import './bootstrap'; js/bootstrap.js 0000664 00000002340 15114740570 0007540 0 ustar 00 /** * We'll load the axios HTTP library which allows us to easily issue requests * to our Laravel back-end. This library automatically handles sending the * CSRF token as a header based on the value of the "XSRF" token cookie. */ import axios from 'axios'; window.axios = axios; window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; /** * Echo exposes an expressive API for subscribing to channels and listening * for events that are broadcast by Laravel. Echo and event broadcasting * allows your team to easily build robust real-time web applications. */ // import Echo from 'laravel-echo'; // import Pusher from 'pusher-js'; // window.Pusher = Pusher; // window.Echo = new Echo({ // broadcaster: 'pusher', // key: import.meta.env.VITE_PUSHER_APP_KEY, // cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1', // wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`, // wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80, // wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443, // forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https', // enabledTransports: ['ws', 'wss'], // }); views/workspace.blade.php 0000664 00000013022 15114740570 0011462 0 ustar 00 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>IS_Engine</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.0/css/all.css"> <meta name="csrf-token" content="{{ csrf_token() }}"> <style> body { font-family: 'Urbanist', sans-serif; } </style> </head> <body class="bg-gray-50 text-black"> <header class="bg-white border-b border-gray-200 px-6 py-4 sticky top-0 z-30"> <div class="flex justify-between items-center max-w-7xl mx-auto"> <div class="flex items-center space-x-4"> <h1 class="text-xl font-medium">IS_Engine</h1> </div> <div class="flex items-center space-x-3"> <span class="text-sm text-gray-600">Welcome, {{ session('username') }}</span> </div> </div> </header> <div class="max-w-4xl mx-auto px-6 py-8"> <div class="bg-white rounded-lg shadow-sm border hover:shadow-md transition-shadow p-6 mb-8"> <div class="flex items-center mb-4"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center"> <i class="fas fa-pen-nib text-blue-600 text-xl"></i> </div> <h3 class="ml-4 text-lg font-semibold text-gray-900">Document Editor</h3> </div> <p class="text-gray-600 mb-4">Design documents with no mistakes, correct information, to present without humiliation</p> <a href="/editor" class="block w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors text-center"> Nouveau document </a> </div> <div class="bg-white rounded-lg shadow-sm border p-6"> <div class="flex justify-between items-center mb-6"> <h3 class="text-xl font-semibold text-gray-900">Mes documents</h3> <a href="/editor" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"> <i class="fas fa-plus mr-2"></i>Nouveau document </a> </div> <div id="documents-list" class="space-y-3"> <div class="text-center text-gray-500 py-8"> <i class="fas fa-file-alt text-4xl mb-4"></i> <p>Chargement des documents...</p> </div> </div> </div> </div> <div class="fixed inset-0 flex flex-col items-center justify-center bg-white text-center px-6 md:hidden"> <p class="text-lg text-gray-700">This site is not available on mobile. Please try again from a computer.</p> </div> <script> async function loadDocuments() { try { const response = await fetch('/api/documents'); const documents = await response.json(); const container = document.getElementById('documents-list'); if (documents.length === 0) { container.innerHTML = ` <div class="text-center text-gray-500 py-8"> <i class="fas fa-file-alt text-4xl mb-4"></i> <p>Aucun document créé</p> <a href="/editor" class="inline-block mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"> Créer votre premier document </a> </div> `; return; } let html = ''; documents.forEach(doc => { const date = new Date(doc.updated_at).toLocaleDateString('fr-FR'); html += ` <div class="flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50"> <div class="flex items-center space-x-3"> <i class="fas fa-file-alt text-blue-600"></i> <div> <h4 class="font-medium text-gray-900">${doc.title}</h4> <p class="text-sm text-gray-500">Modifié le ${date}</p> </div> </div> <div class="flex items-center space-x-2"> <a href="/editor/${doc.id}" class="text-blue-600 hover:text-blue-800"> <i class="fas fa-edit"></i> </a> <button onclick="deleteDocument(${doc.id})" class="text-red-600 hover:text-red-800"> <i class="fas fa-trash"></i> </button> </div> </div> `; }); container.innerHTML = html; } catch (error) { console.error('Erreur chargement documents:', error); } } async function deleteDocument(id) { if (confirm('Êtes-vous sûr de vouloir supprimer ce document ?')) { try { const response = await fetch(`/api/documents/${id}`, { method: 'DELETE', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') } }); if (response.ok) { loadDocuments(); } } catch (error) { console.error('Erreur suppression:', error); } } } document.addEventListener('DOMContentLoaded', loadDocuments); </script> </body> </html> views/editor.blade.php 0000664 00000070346 15114740570 0010766 0 ustar 00 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>IS_Engine</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.0/css/all.css"> <meta name="csrf-token" content="{{ csrf_token() }}"> <style> body { font-family: 'Urbanist', sans-serif; } .editor-content { min-height: 80vh; } .editor-content:empty:before { content: attr(data-placeholder); color: #9ca3af; } .toolbar { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.12); padding: 12px 20px; z-index: 50; max-width: 95vw; overflow-x: auto; } .results-bar { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background: url('https://ise.imators.systems/font.png'); background-size: cover; background-position: center; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.15); padding: 12px 20px; z-index: 40; opacity: 0; visibility: hidden; transition: all 0.3s ease; display: flex; align-items: center; gap: 12px; color: white; max-width: 95vw; overflow-x: auto; } .results-bar.show { opacity: 1; visibility: visible; } .results-icon { width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; flex-shrink: 0; } .btn { padding: 8px 12px; border-radius: 8px; border: 1px solid #e5e7eb; background: white; transition: all 0.2s; font-size: 14px; white-space: nowrap; cursor: pointer; } .btn:hover { background: #f3f4f6; border-color: #d1d5db; } .highlight-correct { background-color: rgba(34, 197, 94, 0.15); } .highlight-incorrect { background-color: rgba(239, 68, 68, 0.15); } .highlight-uncertain { background-color: rgba(251, 191, 36, 0.15); } .highlight-processing { background-color: rgba(59, 130, 246, 0.15); } .panel { position: fixed; background: white; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.12); padding: 20px; z-index: 45; transition: transform 0.3s ease; } .panel-save { top: 100px; right: 30px; width: 300px; transform: translateX(350px); } .panel-save.show { transform: translateX(0); } .panel-share { top: 180px; right: 30px; width: 320px; transform: translateX(370px); } .panel-share.show { transform: translateX(0); } .panel-search { top: 100px; left: 30px; width: 350px; transform: translateX(-400px); } .panel-search.show { transform: translateX(0); } .result-btn { background: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 4px 8px; border-radius: 6px; font-size: 12px; cursor: pointer; transition: all 0.2s; } .result-btn:hover { background: rgba(255, 255, 255, 0.3); } </style> </head> <body class="bg-gray-50 text-black"> <header class="bg-white border-b border-gray-200 px-6 py-4 sticky top-0 z-30"> <div class="flex justify-between items-center max-w-7xl mx-auto"> <div class="flex items-center space-x-4"> <a href="/" class="text-gray-600 hover:text-black text-lg"> <i class="fas fa-arrow-left"></i> </a> <h1 class="text-xl font-medium">IS_Engine</h1> </div> <div class="flex items-center space-x-3"> <button id="save-btn" class="px-4 py-2 bg-black text-white rounded-md hover:bg-gray-800 text-sm"> Save </button> <button id="share-btn" class="px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-50 text-sm"> Share </button> <span class="text-sm text-gray-600">Welcome, {{ session('username') }}</span> </div> </div> </header> <div class="max-w-4xl mx-auto px-6 py-8"> <input type="text" id="document-title-input" placeholder="Untitled Document" class="w-full text-3xl font-light border-none outline-none mb-8 placeholder-gray-400 bg-transparent"> <div id="editor" class="editor-content outline-none leading-relaxed text-gray-800 bg-white rounded-lg p-6 shadow-sm border border-gray-200" contenteditable="true" data-placeholder="Start writing..."> </div> </div> <div class="results-bar" id="results-bar"> <div class="flex-1" id="results-info"> <div class="text-sm font-medium" id="results-title">Ready</div> <div class="text-xs opacity-80" id="results-text"></div> </div> <div id="results-actions" class="flex gap-2"></div> </div> <div class="toolbar"> <div class="flex items-center space-x-2"> <button class="btn" data-action="bold"> <i class="fas fa-bold"></i> </button> <button class="btn" data-action="italic"> <i class="fas fa-italic"></i> </button> <button class="btn" data-action="underline"> <i class="fas fa-underline"></i> </button> <div class="w-px h-6 bg-gray-300 mx-2"></div> <button class="btn" data-action="h1">H1</button> <button class="btn" data-action="h2">H2</button> <button class="btn" data-action="h3">H3</button> <div class="w-px h-6 bg-gray-300 mx-2"></div> <button class="btn" data-action="bullet-list"> <i class="fas fa-list-ul"></i> </button> <button class="btn" data-action="number-list"> <i class="fas fa-list-ol"></i> </button> <div class="w-px h-6 bg-gray-300 mx-2"></div> <button class="btn" data-claude-action="grammar"> <i class="fas fa-spell-check"></i> </button> <button class="btn" data-claude-action="expand"> <i class="fas fa-expand-arrows-alt"></i> </button> <button class="btn" data-claude-action="rephrase"> <i class="fas fa-magic"></i> </button> <div class="w-px h-6 bg-gray-300 mx-2"></div> <button class="btn" id="fact-check-btn"> <i class="fas fa-search"></i> </button> <button class="btn" id="search-btn"> <i class="fas fa-globe"></i> </button> <div class="w-px h-6 bg-gray-300 mx-2"></div> <input type="text" id="quick-prompt" placeholder="Ask AI..." class="px-3 py-2 border border-gray-300 rounded text-sm" style="width: 150px;"> <button class="btn" id="send-prompt"> <i class="fas fa-paper-plane"></i> </button> </div> </div> <div class="panel panel-save" id="panel-save"> <div class="flex justify-between items-center mb-4"> <h3 class="text-lg font-medium">Save Document</h3> <button id="close-save" class="text-gray-400 hover:text-gray-600"> <i class="fas fa-times"></i> </button> </div> <input type="text" id="save-title" placeholder="Document name" class="w-full p-3 border rounded mb-4"> <div class="flex justify-end space-x-3"> <button id="cancel-save" class="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded">Cancel</button> <button id="confirm-save" class="px-4 py-2 bg-black text-white rounded hover:bg-gray-800">Save</button> </div> </div> <div class="panel panel-share" id="panel-share"> <div class="flex justify-between items-center mb-4"> <h3 class="text-lg font-medium">Share Document</h3> <button id="close-share" class="text-gray-400 hover:text-gray-600"> <i class="fas fa-times"></i> </button> </div> <div class="space-y-3 mb-4"> <label class="flex items-center p-2 border rounded cursor-pointer hover:bg-gray-50"> <input type="radio" name="share-type" value="view" class="mr-2" checked> <span class="text-sm">Read only</span> </label> <label class="flex items-center p-2 border rounded cursor-pointer hover:bg-gray-50"> <input type="radio" name="share-type" value="edit" class="mr-2"> <span class="text-sm">Allow editing</span> </label> <input type="text" id="share-link" readonly class="w-full p-3 border rounded bg-gray-50 text-sm" placeholder="Link will appear here"> </div> <div class="flex justify-end space-x-3"> <button id="cancel-share" class="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded">Cancel</button> <button id="generate-share" class="px-4 py-2 bg-black text-white rounded hover:bg-gray-800">Generate</button> <button id="copy-share" class="hidden px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600">Copy</button> </div> </div> <div class="panel panel-search" id="panel-search"> <div class="flex justify-between items-center mb-4"> <h3 class="text-lg font-medium">Search Information</h3> <button id="close-search" class="text-gray-400 hover:text-gray-600"> <i class="fas fa-times"></i> </button> </div> <input type="text" id="search-query" placeholder="What do you want to search..." class="w-full p-3 border rounded mb-4"> <div class="flex justify-end space-x-3"> <button id="cancel-search" class="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded">Cancel</button> <button id="submit-search" class="px-4 py-2 bg-black text-white rounded hover:bg-gray-800">Search</button> </div> </div> <div class="fixed inset-0 flex flex-col items-center justify-center bg-white text-center px-6 md:hidden"> <p class="text-lg text-gray-700">This site is not available on mobile. Please try again from a computer.</p> </div> <script> let currentDocument = {{ isset($document_id) ? $document_id : 'null' }}; let selectedText = ''; let selectedRange = null; let editor = document.getElementById('editor'); let autoSaveInterval; let currentSuggestion = ''; if (currentDocument) { loadDocument(currentDocument); } function showResults(title, text, actions = []) { const resultsBar = document.getElementById('results-bar'); const resultsTitle = document.getElementById('results-title'); const resultsText = document.getElementById('results-text'); const resultsActions = document.getElementById('results-actions'); resultsTitle.textContent = title; resultsText.textContent = text; resultsActions.innerHTML = ''; actions.forEach(action => { const btn = document.createElement('button'); btn.className = 'result-btn'; btn.textContent = action.text; btn.onclick = action.onclick; resultsActions.appendChild(btn); }); resultsBar.classList.add('show'); setTimeout(() => { resultsBar.classList.remove('show'); }, 8000); } async function loadDocument(id) { showResults('Loading...', 'Please wait while we load your document'); try { const response = await fetch(`/api/documents/${id}`); if (response.ok) { const document = await response.json(); document.getElementById('document-title-input').value = document.title; editor.innerHTML = document.content; showResults('Document loaded', 'Ready to edit your content'); } } catch (error) { console.error('Erreur chargement document:', error); showResults('Error', 'Could not load document'); } } function startAutoSave() { autoSaveInterval = setInterval(async () => { const title = document.getElementById('document-title-input').value; const content = editor.innerHTML; if (title.trim() !== '' || content.trim() !== '') { await saveDocument(false); } }, 30000); } async function saveDocument(showNotif = true) { const title = document.getElementById('document-title-input').value || 'Untitled Document'; const content = editor.innerHTML; if (showNotif) { showResults('Saving...', 'Saving your document'); } try { const response = await fetch('/api/documents/save', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') }, body: JSON.stringify({ title: title, content: content, document_id: currentDocument }) }); const result = await response.json(); if (result.success) { currentDocument = result.document_id; if (showNotif) { showResults('Saved', 'Document saved successfully'); } } } catch (error) { console.error('Erreur sauvegarde:', error); if (showNotif) { showResults('Error', 'Could not save document'); } } } editor.addEventListener('mouseup', function() { selectedText = window.getSelection().toString().trim(); if (selectedText) { selectedRange = window.getSelection().getRangeAt(0).cloneRange(); } }); document.querySelectorAll('[data-action]').forEach(button => { button.addEventListener('click', function() { const action = this.dataset.action; executeCommand(action); }); }); function executeCommand(action) { switch(action) { case 'bold': document.execCommand('bold'); break; case 'italic': document.execCommand('italic'); break; case 'underline': document.execCommand('underline'); break; case 'h1': document.execCommand('formatBlock', false, 'h1'); break; case 'h2': document.execCommand('formatBlock', false, 'h2'); break; case 'h3': document.execCommand('formatBlock', false, 'h3'); break; case 'bullet-list': document.execCommand('insertUnorderedList'); break; case 'number-list': document.execCommand('insertOrderedList'); break; } editor.focus(); } document.querySelectorAll('[data-claude-action]').forEach(button => { button.addEventListener('click', function() { const action = this.dataset.claudeAction; if (selectedText) { highlightSelectedText('processing'); showResults('Processing...', `AI is working on ${action}`, []); callClaudeAPI('', action); } else { showResults('No selection', 'Please select text first'); } }); }); document.getElementById('send-prompt').addEventListener('click', () => { const prompt = document.getElementById('quick-prompt').value; if (prompt.trim()) { if (selectedText) { highlightSelectedText('processing'); } showResults('Processing...', 'AI is thinking about your request'); callClaudeAPI(prompt, 'custom'); document.getElementById('quick-prompt').value = ''; } }); document.getElementById('quick-prompt').addEventListener('keypress', (e) => { if (e.key === 'Enter') { document.getElementById('send-prompt').click(); } }); async function callClaudeAPI(prompt, action) { try { const response = await fetch('/api/claude', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') }, body: JSON.stringify({ prompt: prompt, selected_text: selectedText, action: action }) }); const result = await response.json(); if (result.success) { let cleanContent = result.content; const introPatterns = [ /^Voici le texte corrigé :\s*/i, /^Texte corrigé :\s*/i, /^Version développée :\s*/i, /^Résumé :\s*/i, /^Reformulation :\s*/i, /^Voici une reformulation :\s*/i, /^Voici un résumé :\s*/i, /^Voici le texte développé :\s*/i ]; introPatterns.forEach(pattern => { cleanContent = cleanContent.replace(pattern, ''); }); const endPatterns = [ /\.\s*Il n'y a aucune erreur.*$/i, /\.\s*Ce texte ne contient.*$/i, /\.\s*La phrase est déjà.*$/i ]; endPatterns.forEach(pattern => { cleanContent = cleanContent.replace(pattern, '.'); }); cleanContent = cleanContent.trim(); currentSuggestion = cleanContent; if (selectedText && selectedRange) { highlightSelectedText('correct'); showResults(`${action} suggestion`, cleanContent.substring(0, 100) + '...', [ { text: 'Apply', onclick: () => applySuggestion() }, { text: 'Dismiss', onclick: () => clearHighlights() } ]); } else { showResults('AI Response', cleanContent.substring(0, 100) + '...', [ { text: 'Insert', onclick: () => insertAtCursor(cleanContent) } ]); } } else { if (selectedText) { clearHighlights(); } showResults('AI Error', 'Request failed, please try again'); } } catch (error) { if (selectedText) { clearHighlights(); } console.error('Erreur Claude API:', error); showResults('Connection Error', 'Check your internet connection'); } } function applySuggestion() { if (selectedRange && currentSuggestion) { const selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(selectedRange); if (selection.rangeCount > 0) { const range = selection.getRangeAt(0); range.deleteContents(); range.insertNode(document.createTextNode(currentSuggestion)); } clearHighlights(); selectedText = ''; selectedRange = null; currentSuggestion = ''; showResults('Applied', 'Changes applied successfully'); } } function insertAtCursor(text) { const selection = window.getSelection(); if (selection.rangeCount > 0) { const range = selection.getRangeAt(0); range.insertNode(document.createTextNode(text + ' ')); } else { editor.appendChild(document.createTextNode(text + ' ')); } editor.focus(); showResults('Inserted', 'Content added to document'); } document.getElementById('fact-check-btn').addEventListener('click', () => { const documentText = editor.textContent.trim(); if (documentText) { showResults('Fact-checking...', 'Analyzing your content for accuracy'); analyzeDocument(documentText); } else { showResults('Empty document', 'Write something first to fact-check'); } }); async function analyzeDocument(text) { try { const response = await fetch('/api/fact-check', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') }, body: JSON.stringify({ text: text }) }); const result = await response.json(); if (result.success) { highlightFactCheckResults(result.analysis); const correctCount = result.analysis.filter(item => item.status === 'correct').length; const totalCount = result.analysis.length; showResults('Fact-check complete', `${correctCount}/${totalCount} statements verified`); } else { showResults('Fact-check failed', 'Could not analyze content'); } } catch (error) { console.error('Erreur fact check:', error); showResults('Connection Error', 'Check your internet connection'); } } document.getElementById('search-btn').addEventListener('click', () => { document.getElementById('panel-search').classList.add('show'); }); document.getElementById('submit-search').addEventListener('click', () => { const query = document.getElementById('search-query').value; if (query.trim()) { showResults('Searching...', 'Looking up information on the web'); callPerplexityAPI(query); document.getElementById('panel-search').classList.remove('show'); } }); document.getElementById('cancel-search').addEventListener('click', () => { document.getElementById('panel-search').classList.remove('show'); }); document.getElementById('close-search').addEventListener('click', () => { document.getElementById('panel-search').classList.remove('show'); }); async function callPerplexityAPI(query) { try { const response = await fetch('/api/search', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') }, body: JSON.stringify({ query: query }) }); const result = await response.json(); if (result.success) { showResults('Search Results', result.summary.substring(0, 100) + '...', [ { text: 'Insert', onclick: () => insertAtCursor(result.summary) } ]); } else { showResults('Search failed', 'Could not find information'); } } catch (error) { console.error('Erreur recherche:', error); showResults('Connection Error', 'Check your internet connection'); } } function highlightSelectedText(type) { if (selectedRange) { const span = document.createElement('span'); span.className = `highlight-${type}`; try { selectedRange.surroundContents(span); } catch (e) { console.log('Cannot highlight complex selection'); } } } function highlightFactCheckResults(analysis) { clearHighlights(); const editorText = editor.textContent; analysis.forEach(item => { if (item.statement) { const regex = new RegExp(item.statement.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'gi'); editor.innerHTML = editor.innerHTML.replace(regex, `<span class="highlight-${item.status}">${item.statement}</span>`); } }); } function clearHighlights() { const highlights = editor.querySelectorAll('[class*="highlight-"]'); highlights.forEach(highlight => { const parent = highlight.parentNode; parent.replaceChild(document.createTextNode(highlight.textContent), highlight); parent.normalize(); }); } document.getElementById('save-btn').addEventListener('click', () => { document.getElementById('save-title').value = document.getElementById('document-title-input').value; document.getElementById('panel-save').classList.add('show'); }); document.getElementById('confirm-save').addEventListener('click', async () => { const title = document.getElementById('save-title').value; document.getElementById('document-title-input').value = title; document.getElementById('panel-save').classList.remove('show'); await saveDocument(true); }); document.getElementById('cancel-save').addEventListener('click', () => { document.getElementById('panel-save').classList.remove('show'); }); document.getElementById('close-save').addEventListener('click', () => { document.getElementById('panel-save').classList.remove('show'); }); document.getElementById('share-btn').addEventListener('click', () => { if (!currentDocument) { showResults('Document not saved', 'Save your document first'); return; } document.getElementById('panel-share').classList.add('show'); }); document.getElementById('generate-share').addEventListener('click', async () => { const permission = document.querySelector('input[name="share-type"]:checked').value; showResults('Generating...', 'Creating share link'); try { const response = await fetch(`/api/documents/${currentDocument}/share`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') }, body: JSON.stringify({ permission: permission }) }); const result = await response.json(); if (result.success) { document.getElementById('share-link').value = result.share_url; document.getElementById('copy-share').classList.remove('hidden'); showResults('Link generated', 'Share link is ready to copy'); } else { showResults('Generation failed', 'Could not create share link'); } } catch (error) { console.error('Erreur partage:', error); showResults('Connection Error', 'Check your internet connection'); } }); document.getElementById('copy-share').addEventListener('click', () => { const shareLink = document.getElementById('share-link'); shareLink.select(); document.execCommand('copy'); showResults('Link copied', 'Share link copied to clipboard'); }); document.getElementById('cancel-share').addEventListener('click', () => { document.getElementById('panel-share').classList.remove('show'); document.getElementById('share-link').value = ''; document.getElementById('copy-share').classList.add('hidden'); }); document.getElementById('close-share').addEventListener('click', () => { document.getElementById('panel-share').classList.remove('show'); document.getElementById('share-link').value = ''; document.getElementById('copy-share').classList.add('hidden'); }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { document.getElementById('panel-save').classList.remove('show'); document.getElementById('panel-share').classList.remove('show'); document.getElementById('panel-search').classList.remove('show'); document.getElementById('results-bar').classList.remove('show'); clearHighlights(); } }); startAutoSave(); window.addEventListener('beforeunload', () => { if (autoSaveInterval) { clearInterval(autoSaveInterval); } }); showResults('Operational', 'Start writing your document'); </script> </body> </html> views/welcome.blade.php 0000664 00000012445 15114740570 0011127 0 ustar 00 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ISE Engine</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <style> .urbanist { font-family: "Urbanist", serif; } .crypted-word { font-family: "Source Code Pro", monospace; font-optical-sizing: auto; font-weight: <weight>; font-style: normal; } .error-notification { animation: slideIn 0.3s ease-out; } @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } @media (max-width: 640px) { .container { padding: 0 1rem; } } </style> </head> <body class="urbanist bg-white min-h-screen"> <header class="w-full py-6"> <div class="container flex justify-between items-center"> <div class="text-xl font-medium">I_SE</div> <button id="menu-toggle" class="md:hidden"> <i class="fas fa-bars text-xl"></i> </button> <nav class="md:flex space-x-8"> <a href="https://idsma.imators.com/ise-login.php" class="hover:opacity-60 transition-opacity duration-200">Try the engine</a> </nav> </div> </header> <div id="mobile-nav" class="hidden md:hidden"> <div class="container py-4"> <div class="flex flex-col space-y-4"> <a href="https://idsma.imators.com/ise-login.php" class="hover:opacity-60 transition-opacity duration-200">Try the Engine</a> </div> </div> </div> @if(session('error')) <div id="error-notification" class="error-notification fixed top-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg z-50 max-w-sm"> <div class="flex items-center justify-between"> <span class="text-sm">{{ session('error') }}</span> <button onclick="closeError()" class="ml-4 text-white hover:text-gray-200"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> @endif <main class="crypted-word flex-1 flex items-center justify-center py-20"> <div class="container"> <div class="text-center max-w-4xl mx-auto"> <div class="encrypted-text text-2xl sm:text-3xl lg:text-4xl opacity-0 leading-relaxed">##11&&&&</div> </div> </div> </main> <script> document.getElementById('menu-toggle').addEventListener('click', () => { document.getElementById('mobile-nav').classList.toggle('hidden'); }); const phrase = 'Write a document with reliable information, so as not to present just anything'; const element = document.querySelector('.encrypted-text'); function decrypt(element, text) { const chars = '##1à&_&&@#$%'; let steps = 0; const maxSteps = 20; const interval = setInterval(() => { let result = ''; for (let i = 0; i < text.length; i++) { if (i < (text.length * steps / maxSteps)) { result += text[i]; } else { result += chars[Math.floor(Math.random() * chars.length)]; } } element.textContent = result; steps++; if (steps > maxSteps) { clearInterval(interval); element.textContent = text; } }, 100); } function closeError() { const errorDiv = document.getElementById('error-notification'); if (errorDiv) { errorDiv.style.animation = 'slideOut 0.3s ease-in forwards'; setTimeout(() => errorDiv.remove(), 300); } } setTimeout(() => { element.style.opacity = '1'; element.style.transition = 'opacity 0.5s'; setTimeout(() => { decrypt(element, phrase); }, 500); }, 500); setTimeout(() => { const errorDiv = document.getElementById('error-notification'); if (errorDiv) { closeError(); } }, 5000); </script> </body> </html> views/shared-document.blade.php 0000664 00000002330 15114740570 0012546 0 ustar 00 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>{{ $document->title }} - Document partagé</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <style> body { font-family: 'Urbanist', sans-serif; } </style> </head> <body class="bg-white text-black"> <header class="border-b border-gray-200 bg-white"> <div class="max-w-4xl mx-auto px-4 py-4"> <div class="flex justify-between items-center"> <h1 class="text-xl font-semibold">{{ $document->title }}</h1> <div class="text-sm text-gray-500"> {{ $permission === 'edit' ? 'Édition autorisée' : 'Lecture seule' }} </div> </div> </div> </header> <main class="max-w-4xl mx-auto px-4 py-8"> <div class="bg-white border border-gray-200 rounded-lg p-8"> <div class="prose max-w-none"> {!! $document->content !!} </div> </div> </main> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка