Function startInlineRenameForFolderRow

public/js/fileListView.js:911–1019

(row, folderPath)

}

function startInlineRenameForFolderRow(row, folderPath) {
  if (!row || !folderPath) return false;
  if (window.viewMode !== 'table') return false;

  const wrap = row.querySelector('.folder-row-inner');
  const nameSpan = row.querySelector('.folder-row-name');
  if (!wrap || !nameSpan) return false;

  clearInlineRenameState();
  hideHoverPreview();

  const oldName = nameSpan.textContent || (String(folderPath).split('/').pop() || '');
  const originalName = oldName;

  const input = document.createElement('input');
  input.type = 'text';
  input.value = oldName;
  input.className = 'inline-rename-input form-control';
  input.setAttribute('aria-label', t('rename_folder') || 'Rename folder');
  input.style.width = '100%';
  input.style.maxWidth = '100%';
  input.style.fontSize = 'inherit';
  input.style.padding = '2px 6px';
  input.style.height = 'auto';
  input.style.boxSizing = 'border-box';

  const metaSpan = wrap.querySelector('.folder-row-meta');
  nameSpan.style.display = 'none';
  if (metaSpan) {
    wrap.insertBefore(input, metaSpan);
  } else {
    wrap.appendChild(input);
  }

  const state = {
    type: 'folder',
    row,
    input,
    nameSpan,
    originalName,
    folderPath,
    submitting: false,
    prevDraggable: row.getAttribute('draggable')
  };
  inlineRenameState = state;
  row.setAttribute('draggable', 'false');
  row.classList.add('inline-rename-active');

  const commit = async () => {
    if (!inlineRenameState || inlineRenameState !== state || state.submitting) return;
    const newName = String(input.value || '').trim();
    if (!newName || newName === oldName) {
      clearInlineRenameState();
      return;
    }

    state.submitting = true;
    input.disabled = true;