`;
} else {
// Tiles view - original style
return `
-
+
-
${item.name}
+
${gitBadge}${item.name}
`;
}
@@ -881,6 +995,17 @@
return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
}
+ function getGitBadge(status) {
+ const badges = {
+ 'M': '
M',
+ 'A': '
A',
+ 'D': '
D',
+ '??': '
+',
+ 'R': '
R',
+ };
+ return badges[status] || `
${status}`;
+ }
+
function handleClick(path, type) {
if (type === 'dir') {
loadPath(path);
@@ -905,6 +1030,10 @@
const isMarkdown = path.endsWith('.md');
document.getElementById('previewBtn').style.display = isMarkdown ? 'flex' : 'none';
+ // Always show diff button - let user check if file has changes
+ document.getElementById('diffBtn').style.display = 'flex';
+ document.getElementById('diffBtn').classList.remove('active');
+
// Auto-activate preview for markdown files
if (isMarkdown) {
const preview = document.getElementById('markdownPreview');
@@ -929,6 +1058,7 @@
function togglePreview() {
const editorBody = document.getElementById('editorBody');
const previewBtn = document.getElementById('previewBtn');
+ const diffBtn = document.getElementById('diffBtn');
const preview = document.getElementById('markdownPreview');
const content = document.getElementById('codeEditor').value;
@@ -936,16 +1066,69 @@
// Switch to edit mode
editorBody.classList.remove('preview-active');
previewBtn.classList.remove('active');
+ if (diffBtn) diffBtn.classList.remove('active');
setStatus('Edit mode', 'saved');
} else {
// Switch to preview mode
preview.innerHTML = marked.parse(content);
editorBody.classList.add('preview-active');
previewBtn.classList.add('active');
+ if (diffBtn) diffBtn.classList.remove('active');
setStatus('Preview mode', 'saved');
}
}
+ async function toggleDiff() {
+ if (!currentFile) return;
+
+ const editorBody = document.getElementById('editorBody');
+ const diffBtn = document.getElementById('diffBtn');
+ const previewBtn = document.getElementById('previewBtn');
+ const preview = document.getElementById('markdownPreview');
+
+ // If already showing diff, switch back to edit
+ if (diffBtn.classList.contains('active')) {
+ editorBody.classList.remove('preview-active');
+ diffBtn.classList.remove('active');
+ setStatus('Edit mode', 'saved');
+ return;
+ }
+
+ try {
+ setStatus('Se încarcă diff...', 'modified');
+ const response = await fetch(`${API_BASE}/api/diff?path=${encodeURIComponent(currentFile)}`);
+ const data = await response.json();
+
+ if (data.error) {
+ setStatus('Eroare: ' + data.error, 'error');
+ return;
+ }
+
+ // Format diff with colors
+ const diffHtml = data.diff
+ .split('\n')
+ .map(line => {
+ if (line.startsWith('+') && !line.startsWith('+++')) {
+ return `
${escapeHtml(line)}`;
+ } else if (line.startsWith('-') && !line.startsWith('---')) {
+ return `
${escapeHtml(line)}`;
+ } else if (line.startsWith('@@')) {
+ return `
${escapeHtml(line)}`;
+ }
+ return escapeHtml(line);
+ })
+ .join('\n');
+
+ preview.innerHTML = `
${diffHtml || 'Nicio modificare față de ultima versiune comisă.'}`;
+ editorBody.classList.add('preview-active');
+ diffBtn.classList.add('active');
+ if (previewBtn) previewBtn.classList.remove('active');
+ setStatus('Diff view', 'saved');
+ } catch (e) {
+ setStatus('Eroare: ' + e.message, 'error');
+ }
+ }
+
async function saveFile() {
if (!currentFile) return;
@@ -1028,7 +1211,68 @@
// Init
initViewMode();
- loadPath(getPathFromURL());
+
+ // Check for git mode
+ const urlParams = new URLSearchParams(window.location.search);
+ if (urlParams.get('git') === '1') {
+ gitOnlyMode = true;
+ loadGitChangedFiles();
+ } else {
+ loadPath(getPathFromURL());
+ }
+
+ function toggleGitFilter() {
+ gitOnlyMode = !gitOnlyMode;
+ const btn = document.getElementById('gitFilterBtn');
+ btn.classList.toggle('active', gitOnlyMode);
+
+ if (gitOnlyMode) {
+ loadGitChangedFiles();
+ } else {
+ // Return to normal browse
+ window.history.replaceState(null, '', 'files.html');
+ loadPath('');
+ }
+ }
+
+ async function loadGitChangedFiles() {
+ await loadGitStatus();
+ const changedPaths = Object.keys(gitStatus);
+
+ // Update button state
+ document.getElementById('gitFilterBtn').classList.add('active');
+
+ if (changedPaths.length === 0) {
+ document.getElementById('breadcrumb').innerHTML = `
+
~/clawd
+
+
✓ Git curat
+ `;
+ lucide.createIcons();
+ showError('Nicio modificare git - totul e comis!');
+ return;
+ }
+
+ // Update breadcrumb
+ document.getElementById('breadcrumb').innerHTML = `
+
~/clawd
+
+
🔸 Git Changes (${changedPaths.length})
+ `;
+ lucide.createIcons();
+
+ // Create virtual items for changed files
+ const items = changedPaths.map(path => ({
+ name: path,
+ path: path,
+ type: 'file',
+ size: null,
+ mtime: null
+ }));
+
+ currentItems = items;
+ renderFileGrid(items);
+ }