mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 10:00:17 +05:30
Release v1.4.0: Advanced Export Options and Batch Conversion
Major Features: • Fixed file association loading issue with proper timing • Advanced export options dialog with templates and metadata support • Batch file conversion system with progress tracking • Enhanced UI with professional modal dialogs Technical Improvements: • Fixed renderer initialization timing for file association • Added comprehensive Pandoc options support (templates, metadata, variables) • Implemented recursive folder processing for batch operations • Enhanced error handling and user feedback systems • Theme-aware styling for all new components 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude
@@ -4,9 +4,9 @@
|
||||
|
||||
**PanConverter** is a cross-platform Markdown editor and converter powered by Pandoc, built with Electron. It provides professional-grade editing capabilities with comprehensive export options.
|
||||
|
||||
**Current Version**: v1.3.3
|
||||
**Author**: Amit Haridas (amit.wh@gmail.com)
|
||||
**License**: MIT
|
||||
**Current Version**: v1.4.0
|
||||
**Author**: Amit Haridas (amit.wh@gmail.com)
|
||||
**License**: MIT
|
||||
**Repository**: https://github.com/amitwh/pan-converter
|
||||
|
||||
## Architecture & Technology Stack
|
||||
@@ -109,6 +109,42 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||
|
||||
## Feature Implementation Guide
|
||||
|
||||
### v1.4.0 Advanced Export & Batch Processing (Latest)
|
||||
|
||||
#### 🔧 Fixed File Association Support
|
||||
**File Loading Fix** (`src/main.js:385-390`, `src/renderer.js:485-486`)
|
||||
- Fixed timing issue with file association loading
|
||||
- Added proper `renderer-ready` event to ensure TabManager is initialized
|
||||
- Files now open correctly when double-clicked or opened via right-click menu
|
||||
- Command-line file arguments are properly handled on startup
|
||||
|
||||
#### 🎛️ Advanced Export Options Dialog
|
||||
**Template & Metadata Support** (`src/main.js:247-357`, `src/index.html:117-212`)
|
||||
- Comprehensive export options dialog with professional UI
|
||||
- Template selection (default or custom template files)
|
||||
- Metadata fields (title, author, date, subject) with dynamic field addition
|
||||
- Document options: Table of Contents, section numbering, citations
|
||||
- PDF-specific options: Engine selection (XeLaTeX, PDFLaTeX, LuaLaTeX), custom margins
|
||||
- Bibliography support: .bib, .yaml, .json files with CSL styling
|
||||
- All export formats now use enhanced options dialog
|
||||
|
||||
#### 📁 Batch File Conversion System
|
||||
**Multi-File Processing** (`src/main.js:179-186`, `src/main.js:559-690`)
|
||||
- New "Batch" menu for converting entire folders
|
||||
- Recursive folder processing with progress tracking
|
||||
- Support for all export formats with advanced options
|
||||
- Real-time progress bar and file-by-file status updates
|
||||
- Maintains folder structure in output directory
|
||||
- Error handling with completion statistics
|
||||
|
||||
#### 🎨 Enhanced UI Components
|
||||
**Dialog System** (`src/styles.css:838-1361`)
|
||||
- Professional modal dialogs with backdrop and animations
|
||||
- Theme-aware styling for all new components
|
||||
- Responsive layouts with proper accessibility
|
||||
- Form validation and user feedback systems
|
||||
- Progress indicators for long-running operations
|
||||
|
||||
### v1.3.x Tabbed Interface & Enhanced Features
|
||||
|
||||
#### 🗂️ Tabbed Multi-File Support (v1.3.0)
|
||||
@@ -220,19 +256,24 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||
## File Structure & Key Components
|
||||
|
||||
### Main Process (`src/main.js`)
|
||||
- **Menu System**: Comprehensive menu with file operations, editing, conversion, view options
|
||||
- **Menu System**: Comprehensive menu with file operations, editing, conversion, view options, batch processing
|
||||
- **IPC Handlers**: Communication between main and renderer processes
|
||||
- **File Operations**: Open, save, import/export functionality
|
||||
- **File Operations**: Open, save, import/export functionality with file association support
|
||||
- **Export System**: Advanced export with templates, metadata, and Pandoc integration
|
||||
- **Batch Processing**: Multi-file conversion with progress tracking and error handling
|
||||
- **Theme Management**: Persistent theme storage and application
|
||||
- **Spreadsheet Export**: Table extraction and XLSX generation
|
||||
- **About Dialog**: Application information and feature list
|
||||
|
||||
### Renderer Process (`src/renderer.js`)
|
||||
- **Editor Initialization**: CodeMirror-like functionality with custom implementation
|
||||
- **TabManager System**: Multi-file editing with state management
|
||||
- **Find & Replace Engine**: Search algorithms with regex support
|
||||
- **Undo/Redo Manager**: History stack management
|
||||
- **Auto-indentation Logic**: Smart list continuation
|
||||
- **Live Preview**: Real-time markdown rendering with DOMPurify
|
||||
- **Export Dialog Management**: Advanced options collection and validation
|
||||
- **Batch Conversion Interface**: Folder selection, progress tracking, and user feedback
|
||||
- **Event Handling**: Keyboard shortcuts and UI interactions
|
||||
- **Statistics Tracking**: Word/character counting
|
||||
|
||||
@@ -245,8 +286,11 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||
|
||||
### HTML Structure (`src/index.html`)
|
||||
- **Toolbar**: Feature buttons with SVG icons
|
||||
- **Tab Bar**: Multi-file navigation with close buttons
|
||||
- **Find Dialog**: Search and replace interface
|
||||
- **Editor Container**: Line numbers and text editor
|
||||
- **Export Options Dialog**: Advanced export configuration with templates and metadata
|
||||
- **Batch Conversion Dialog**: Folder selection and conversion progress
|
||||
- **Editor Container**: Line numbers and text editor with tab content management
|
||||
- **Preview Pane**: Rendered markdown display
|
||||
- **Status Bar**: Statistics and application status
|
||||
|
||||
@@ -258,6 +302,9 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||
- [ ] Line numbers sync correctly with content
|
||||
- [ ] Undo/redo preserves cursor position
|
||||
- [ ] Auto-indentation works with various list types
|
||||
- [ ] File association loading (double-click .md files)
|
||||
- [ ] Export options dialog with templates and metadata
|
||||
- [ ] Batch conversion with progress tracking
|
||||
- [ ] All themes render correctly for new components
|
||||
- [ ] Export functions work with various document formats
|
||||
- [ ] Table creation and export functionality
|
||||
@@ -330,5 +377,5 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||
|
||||
---
|
||||
|
||||
**Last Updated**: September 1, 2025
|
||||
**Claude Assistant**: Development completed for v1.3.3 with tabbed interface, enhanced PDF export, file associations, and improved typography
|
||||
**Last Updated**: September 14, 2025
|
||||
**Claude Assistant**: Development completed for v1.4.0 with fixed file associations, advanced export options with templates and metadata, batch file conversion system, and enhanced UI components.
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "pan-converter",
|
||||
"version": "1.3.7",
|
||||
"version": "1.4.0",
|
||||
"description": "Cross-platform Markdown editor and converter using Pandoc",
|
||||
"main": "src/main.js",
|
||||
"scripts": {
|
||||
|
||||
+165
-1
@@ -113,7 +113,171 @@
|
||||
<span id="find-count">0 matches</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Export Options Dialog -->
|
||||
<div id="export-dialog" class="export-dialog hidden">
|
||||
<div class="export-dialog-content">
|
||||
<div class="export-dialog-header">
|
||||
<h3 id="export-dialog-title">Export Options</h3>
|
||||
<button id="export-dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="export-dialog-body">
|
||||
<div class="export-section">
|
||||
<label for="export-template">Template:</label>
|
||||
<select id="export-template">
|
||||
<option value="default">Default</option>
|
||||
<option value="custom">Custom (Browse...)</option>
|
||||
</select>
|
||||
<input type="file" id="template-file-input" accept=".tex,.html,.docx,.odt" style="display: none;">
|
||||
<input type="text" id="custom-template-path" placeholder="Template file path..." style="display: none;">
|
||||
</div>
|
||||
|
||||
<div class="export-section">
|
||||
<label>Metadata:</label>
|
||||
<div class="metadata-container">
|
||||
<div class="metadata-field">
|
||||
<input type="text" placeholder="title" class="metadata-key">
|
||||
<input type="text" placeholder="Document title" class="metadata-value">
|
||||
</div>
|
||||
<div class="metadata-field">
|
||||
<input type="text" placeholder="author" class="metadata-key">
|
||||
<input type="text" placeholder="Author name" class="metadata-value">
|
||||
</div>
|
||||
<div class="metadata-field">
|
||||
<input type="text" placeholder="date" class="metadata-key">
|
||||
<input type="text" placeholder="Date" class="metadata-value">
|
||||
</div>
|
||||
<div class="metadata-field">
|
||||
<input type="text" placeholder="subject" class="metadata-key">
|
||||
<input type="text" placeholder="Subject" class="metadata-value">
|
||||
</div>
|
||||
</div>
|
||||
<button id="add-metadata-field" type="button">+ Add Field</button>
|
||||
</div>
|
||||
|
||||
<div class="export-section">
|
||||
<label>Document Options:</label>
|
||||
<div class="checkbox-group">
|
||||
<label><input type="checkbox" id="export-toc"> Table of Contents</label>
|
||||
<label><input type="checkbox" id="export-number-sections"> Number Sections</label>
|
||||
<label><input type="checkbox" id="export-citeproc"> Process Citations</label>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="export-toc-depth">TOC Depth:</label>
|
||||
<input type="number" id="export-toc-depth" min="1" max="6" value="3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="export-section pdf-only">
|
||||
<label>PDF Options:</label>
|
||||
<div class="form-row">
|
||||
<label for="pdf-engine">PDF Engine:</label>
|
||||
<select id="pdf-engine">
|
||||
<option value="xelatex">XeLaTeX (Recommended)</option>
|
||||
<option value="pdflatex">PDFLaTeX</option>
|
||||
<option value="lualatex">LuaLaTeX</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="pdf-geometry">Page Margins:</label>
|
||||
<select id="pdf-geometry">
|
||||
<option value="margin=1in">1 inch (Default)</option>
|
||||
<option value="margin=0.75in">0.75 inch</option>
|
||||
<option value="margin=1.25in">1.25 inch</option>
|
||||
<option value="margin=2cm">2 cm</option>
|
||||
<option value="margin=2.5cm">2.5 cm</option>
|
||||
<option value="custom">Custom...</option>
|
||||
</select>
|
||||
<input type="text" id="custom-geometry" placeholder="e.g., margin=1.5in" style="display: none;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="export-section">
|
||||
<label>Bibliography:</label>
|
||||
<div class="form-row">
|
||||
<input type="text" id="bibliography-file" placeholder="Bibliography file (.bib, .yaml, .json)">
|
||||
<button id="browse-bibliography">Browse</button>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<input type="text" id="csl-file" placeholder="Citation style file (.csl)">
|
||||
<button id="browse-csl">Browse</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="export-dialog-footer">
|
||||
<button id="export-cancel">Cancel</button>
|
||||
<button id="export-confirm" class="primary">Export</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Batch Conversion Dialog -->
|
||||
<div id="batch-dialog" class="batch-dialog hidden">
|
||||
<div class="batch-dialog-content">
|
||||
<div class="batch-dialog-header">
|
||||
<h3>Batch File Conversion</h3>
|
||||
<button id="batch-dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="batch-dialog-body">
|
||||
<div class="batch-section">
|
||||
<label>Input Folder:</label>
|
||||
<div class="folder-input-group">
|
||||
<input type="text" id="batch-input-folder" placeholder="Select folder containing markdown files..." readonly>
|
||||
<button id="browse-input-folder">Browse</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="batch-section">
|
||||
<label>Output Folder:</label>
|
||||
<div class="folder-input-group">
|
||||
<input type="text" id="batch-output-folder" placeholder="Select output folder..." readonly>
|
||||
<button id="browse-output-folder">Browse</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="batch-section">
|
||||
<label for="batch-format">Output Format:</label>
|
||||
<select id="batch-format">
|
||||
<option value="html">HTML</option>
|
||||
<option value="pdf">PDF</option>
|
||||
<option value="docx">DOCX</option>
|
||||
<option value="latex">LaTeX</option>
|
||||
<option value="rtf">RTF</option>
|
||||
<option value="odt">ODT</option>
|
||||
<option value="epub">EPUB</option>
|
||||
<option value="pptx">PowerPoint (PPTX)</option>
|
||||
<option value="odp">OpenDocument Presentation (ODP)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="batch-section">
|
||||
<label>
|
||||
<input type="checkbox" id="batch-include-subfolders" checked>
|
||||
Include subfolders (recursive)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="batch-section">
|
||||
<button id="batch-show-options" type="button">Advanced Export Options...</button>
|
||||
</div>
|
||||
|
||||
<div id="batch-progress" class="batch-progress hidden">
|
||||
<div class="progress-bar">
|
||||
<div class="progress-fill" id="batch-progress-fill"></div>
|
||||
</div>
|
||||
<div class="progress-text">
|
||||
<span id="batch-progress-text">Processing...</span>
|
||||
<span id="batch-progress-count">0 / 0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="batch-dialog-footer">
|
||||
<button id="batch-cancel">Cancel</button>
|
||||
<button id="batch-start" class="primary" disabled>Start Conversion</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="editor-container">
|
||||
<div class="tab-content active" id="tab-content-1" data-tab-id="1">
|
||||
<div id="editor-pane-1" class="pane">
|
||||
|
||||
+264
-34
@@ -49,13 +49,7 @@ function createWindow() {
|
||||
mainWindow = null;
|
||||
});
|
||||
|
||||
// Handle pending file from file association
|
||||
if (app.pendingFile) {
|
||||
mainWindow.webContents.once('dom-ready', () => {
|
||||
openFileFromPath(app.pendingFile);
|
||||
app.pendingFile = null;
|
||||
});
|
||||
}
|
||||
// Handle pending file from file association will be handled by renderer-ready event
|
||||
}
|
||||
|
||||
function createMenu() {
|
||||
@@ -182,6 +176,15 @@ function createMenu() {
|
||||
{ label: 'Reset Zoom', accelerator: 'CmdOrCtrl+0', role: 'resetZoom' }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: 'Batch',
|
||||
submenu: [
|
||||
{
|
||||
label: 'Convert Folder...',
|
||||
click: () => showBatchConversionDialog()
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: 'Help',
|
||||
submenu: [
|
||||
@@ -192,7 +195,7 @@ function createMenu() {
|
||||
type: 'info',
|
||||
title: 'About PanConverter',
|
||||
message: 'PanConverter',
|
||||
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.3.7\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Enhanced PDF export with LaTeX engines\n• File association support for .md files\n• Improved preview typography and spacing\n• Adjustable font sizes via menu (Ctrl+Shift+Plus/Minus)\n• Complete theme support including Monokai fixes\n• Find & replace with match highlighting\n• Line numbers and auto-indentation\n• Export to multiple formats via Pandoc\n• PowerPoint & presentation export\n• Export tables to Excel/ODS spreadsheets\n• Document import & conversion\n• Table creation helper\n• Multiple themes support\n• Undo/redo functionality',
|
||||
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.4.0\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Enhanced PDF export with LaTeX engines\n• File association support for .md files (Fixed in v1.4.0)\n• Advanced export options with templates and metadata\n• Batch file conversion with progress tracking\n• Improved preview typography and spacing\n• Adjustable font sizes via menu (Ctrl+Shift+Plus/Minus)\n• Complete theme support including Monokai fixes\n• Find & replace with match highlighting\n• Line numbers and auto-indentation\n• Export to multiple formats via Pandoc\n• PowerPoint & presentation export\n• Export tables to Excel/ODS spreadsheets\n• Document import & conversion\n• Table creation helper\n• Multiple themes support\n• Undo/redo functionality',
|
||||
buttons: ['OK']
|
||||
});
|
||||
}
|
||||
@@ -246,6 +249,19 @@ function exportFile(format) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Show export options dialog
|
||||
showExportOptionsDialog(format);
|
||||
}
|
||||
|
||||
function showExportOptionsDialog(format) {
|
||||
mainWindow.webContents.send('show-export-dialog', format);
|
||||
}
|
||||
|
||||
function showBatchConversionDialog() {
|
||||
mainWindow.webContents.send('show-batch-dialog');
|
||||
}
|
||||
|
||||
function performExportWithOptions(format, options) {
|
||||
const outputFile = dialog.showSaveDialogSync(mainWindow, {
|
||||
defaultPath: currentFile.replace(/\.[^/.]+$/, `.${format}`),
|
||||
filters: [
|
||||
@@ -255,36 +271,50 @@ function exportFile(format) {
|
||||
|
||||
if (outputFile) {
|
||||
let pandocCmd = `pandoc "${currentFile}" -o "${outputFile}"`;
|
||||
|
||||
|
||||
// Add template if specified
|
||||
if (options.template && options.template !== 'default') {
|
||||
pandocCmd += ` --template="${options.template}"`;
|
||||
}
|
||||
|
||||
// Add metadata
|
||||
if (options.metadata) {
|
||||
for (const [key, value] of Object.entries(options.metadata)) {
|
||||
if (value.trim()) {
|
||||
pandocCmd += ` -M ${key}="${value.replace(/"/g, '\\"')}"`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add variables
|
||||
if (options.variables) {
|
||||
for (const [key, value] of Object.entries(options.variables)) {
|
||||
if (value.trim()) {
|
||||
pandocCmd += ` -V ${key}="${value.replace(/"/g, '\\"')}"`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add other options
|
||||
if (options.toc) pandocCmd += ' --toc';
|
||||
if (options.tocDepth) pandocCmd += ` --toc-depth=${options.tocDepth}`;
|
||||
if (options.numberSections) pandocCmd += ' --number-sections';
|
||||
if (options.citeproc) pandocCmd += ' --citeproc';
|
||||
if (options.bibliography) pandocCmd += ` --bibliography="${options.bibliography}"`;
|
||||
if (options.csl) pandocCmd += ` --csl="${options.csl}"`;
|
||||
|
||||
// Add specific options for PDF export to ensure proper generation
|
||||
if (format === 'pdf') {
|
||||
pandocCmd = `pandoc "${currentFile}" --pdf-engine=xelatex -V geometry:margin=1in -o "${outputFile}"`;
|
||||
// Try with different PDF engines if xelatex fails
|
||||
const pdfEngine = options.pdfEngine || 'xelatex';
|
||||
const geometry = options.geometry || 'margin=1in';
|
||||
pandocCmd += ` --pdf-engine=${pdfEngine} -V geometry:${geometry}`;
|
||||
|
||||
// Try with specified PDF engine
|
||||
exec(pandocCmd, (error, stdout, stderr) => {
|
||||
if (error) {
|
||||
// Fallback to pdflatex
|
||||
const fallbackCmd = `pandoc "${currentFile}" --pdf-engine=pdflatex -V geometry:margin=1in -o "${outputFile}"`;
|
||||
exec(fallbackCmd, (fallbackError, fallbackStdout, fallbackStderr) => {
|
||||
if (fallbackError) {
|
||||
// Final fallback to wkhtmltopdf
|
||||
const htmlToPdfCmd = `pandoc "${currentFile}" -t html5 | wkhtmltopdf - "${outputFile}"`;
|
||||
exec(htmlToPdfCmd, (finalError) => {
|
||||
if (finalError) {
|
||||
dialog.showErrorBox('PDF Export Error',
|
||||
`Failed to export PDF. Please ensure you have one of the following installed:\n` +
|
||||
`• XeLaTeX (recommended): sudo apt-get install texlive-xetex\n` +
|
||||
`• PDFLaTeX: sudo apt-get install texlive-latex-base\n` +
|
||||
`• wkhtmltopdf: sudo apt-get install wkhtmltopdf\n\n` +
|
||||
`Error: ${finalError.message}`
|
||||
);
|
||||
} else {
|
||||
showExportSuccess(outputFile);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
showExportSuccess(outputFile);
|
||||
}
|
||||
});
|
||||
// Try fallback engines if the specified one fails
|
||||
const fallbackEngines = ['pdflatex', 'lualatex'];
|
||||
tryPdfFallback(currentFile, outputFile, fallbackEngines, 0, options, error);
|
||||
} else {
|
||||
showExportSuccess(outputFile);
|
||||
}
|
||||
@@ -301,6 +331,44 @@ function exportFile(format) {
|
||||
}
|
||||
}
|
||||
|
||||
function tryPdfFallback(inputFile, outputFile, engines, index, options, lastError) {
|
||||
if (index >= engines.length) {
|
||||
dialog.showErrorBox('PDF Export Error',
|
||||
`Failed to export PDF with all available engines. Please ensure you have one of the following installed:\n` +
|
||||
`• XeLaTeX (recommended): sudo apt-get install texlive-xetex\n` +
|
||||
`• PDFLaTeX: sudo apt-get install texlive-latex-base\n` +
|
||||
`• LuaLaTeX: sudo apt-get install texlive-luatex\n\n` +
|
||||
`Last error: ${lastError.message}`
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
const engine = engines[index];
|
||||
const geometry = options.geometry || 'margin=1in';
|
||||
let pandocCmd = `pandoc "${inputFile}" --pdf-engine=${engine} -V geometry:${geometry} -o "${outputFile}"`;
|
||||
|
||||
// Add all other options
|
||||
if (options.template && options.template !== 'default') {
|
||||
pandocCmd += ` --template="${options.template}"`;
|
||||
}
|
||||
|
||||
if (options.metadata) {
|
||||
for (const [key, value] of Object.entries(options.metadata)) {
|
||||
if (value.trim()) {
|
||||
pandocCmd += ` -M ${key}="${value.replace(/"/g, '\\"')}"`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
exec(pandocCmd, (error, stdout, stderr) => {
|
||||
if (error) {
|
||||
tryPdfFallback(inputFile, outputFile, engines, index + 1, options, error);
|
||||
} else {
|
||||
showExportSuccess(outputFile);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function showExportSuccess(outputFile) {
|
||||
dialog.showMessageBox(mainWindow, {
|
||||
type: 'info',
|
||||
@@ -387,6 +455,35 @@ ipcMain.on('set-current-file', (event, filePath) => {
|
||||
currentFile = filePath;
|
||||
});
|
||||
|
||||
// Handle renderer ready for file association
|
||||
ipcMain.on('renderer-ready', (event) => {
|
||||
if (app.pendingFile) {
|
||||
openFileFromPath(app.pendingFile);
|
||||
app.pendingFile = null;
|
||||
}
|
||||
});
|
||||
|
||||
// Handle export with options
|
||||
ipcMain.on('export-with-options', (event, { format, options }) => {
|
||||
performExportWithOptions(format, options);
|
||||
});
|
||||
|
||||
// Handle batch conversion
|
||||
ipcMain.on('batch-convert', (event, { inputFolder, outputFolder, format, options }) => {
|
||||
performBatchConversion(inputFolder, outputFolder, format, options);
|
||||
});
|
||||
|
||||
// Handle folder selection for batch conversion
|
||||
ipcMain.on('select-folder', (event, type) => {
|
||||
const folder = dialog.showOpenDialogSync(mainWindow, {
|
||||
properties: ['openDirectory']
|
||||
});
|
||||
|
||||
if (folder && folder[0]) {
|
||||
event.reply('folder-selected', { type, path: folder[0] });
|
||||
}
|
||||
});
|
||||
|
||||
ipcMain.on('export-spreadsheet', (event, { content, format }) => {
|
||||
const outputFile = dialog.showSaveDialogSync(mainWindow, {
|
||||
defaultPath: currentFile.replace(/\.[^/.]+$/, `.${format}`),
|
||||
@@ -470,6 +567,139 @@ function extractTablesFromMarkdown(markdown) {
|
||||
return tables;
|
||||
}
|
||||
|
||||
function performBatchConversion(inputFolder, outputFolder, format, options) {
|
||||
if (!fs.existsSync(inputFolder)) {
|
||||
dialog.showErrorBox('Error', 'Input folder does not exist');
|
||||
return;
|
||||
}
|
||||
|
||||
// Create output folder if it doesn't exist
|
||||
if (!fs.existsSync(outputFolder)) {
|
||||
try {
|
||||
fs.mkdirSync(outputFolder, { recursive: true });
|
||||
} catch (error) {
|
||||
dialog.showErrorBox('Error', `Failed to create output folder: ${error.message}`);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// Find all markdown files in input folder
|
||||
const markdownFiles = [];
|
||||
|
||||
function findMarkdownFiles(dir) {
|
||||
const files = fs.readdirSync(dir);
|
||||
|
||||
for (const file of files) {
|
||||
const fullPath = path.join(dir, file);
|
||||
const stat = fs.statSync(fullPath);
|
||||
|
||||
if (stat.isDirectory()) {
|
||||
findMarkdownFiles(fullPath); // Recursive search
|
||||
} else if (file.match(/\.(md|markdown)$/i)) {
|
||||
markdownFiles.push(fullPath);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
findMarkdownFiles(inputFolder);
|
||||
|
||||
if (markdownFiles.length === 0) {
|
||||
dialog.showErrorBox('No Files Found', 'No markdown files found in the selected folder');
|
||||
return;
|
||||
}
|
||||
|
||||
// Show progress dialog
|
||||
let completedCount = 0;
|
||||
const totalCount = markdownFiles.length;
|
||||
|
||||
// Process each file
|
||||
const processNextFile = (index) => {
|
||||
if (index >= markdownFiles.length) {
|
||||
// All files processed
|
||||
dialog.showMessageBox(mainWindow, {
|
||||
type: 'info',
|
||||
title: 'Batch Conversion Complete',
|
||||
message: `Successfully converted ${completedCount} out of ${totalCount} files to ${format.toUpperCase()}.`,
|
||||
buttons: ['OK']
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
const inputFile = markdownFiles[index];
|
||||
const relativePath = path.relative(inputFolder, inputFile);
|
||||
const baseName = path.basename(relativePath, path.extname(relativePath));
|
||||
const outputFile = path.join(outputFolder, relativePath.replace(/\.(md|markdown)$/i, `.${format}`));
|
||||
|
||||
// Create subdirectories in output folder if needed
|
||||
const outputDir = path.dirname(outputFile);
|
||||
if (!fs.existsSync(outputDir)) {
|
||||
fs.mkdirSync(outputDir, { recursive: true });
|
||||
}
|
||||
|
||||
// Build pandoc command
|
||||
let pandocCmd = `pandoc "${inputFile}" -o "${outputFile}"`;
|
||||
|
||||
// Add template if specified
|
||||
if (options.template && options.template !== 'default') {
|
||||
pandocCmd += ` --template="${options.template}"`;
|
||||
}
|
||||
|
||||
// Add metadata
|
||||
if (options.metadata) {
|
||||
for (const [key, value] of Object.entries(options.metadata)) {
|
||||
if (value.trim()) {
|
||||
pandocCmd += ` -M ${key}="${value.replace(/"/g, '\\"')}"`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add variables
|
||||
if (options.variables) {
|
||||
for (const [key, value] of Object.entries(options.variables)) {
|
||||
if (value.trim()) {
|
||||
pandocCmd += ` -V ${key}="${value.replace(/"/g, '\\"')}"`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add other options
|
||||
if (options.toc) pandocCmd += ' --toc';
|
||||
if (options.tocDepth) pandocCmd += ` --toc-depth=${options.tocDepth}`;
|
||||
if (options.numberSections) pandocCmd += ' --number-sections';
|
||||
if (options.citeproc) pandocCmd += ' --citeproc';
|
||||
if (options.bibliography) pandocCmd += ` --bibliography="${options.bibliography}"`;
|
||||
if (options.csl) pandocCmd += ` --csl="${options.csl}"`;
|
||||
|
||||
// Add PDF-specific options
|
||||
if (format === 'pdf') {
|
||||
const pdfEngine = options.pdfEngine || 'xelatex';
|
||||
const geometry = options.geometry || 'margin=1in';
|
||||
pandocCmd += ` --pdf-engine=${pdfEngine} -V geometry:${geometry}`;
|
||||
}
|
||||
|
||||
// Execute conversion
|
||||
exec(pandocCmd, (error, stdout, stderr) => {
|
||||
if (!error) {
|
||||
completedCount++;
|
||||
}
|
||||
|
||||
// Update progress (you could send this to renderer for a progress bar)
|
||||
mainWindow.webContents.send('batch-progress', {
|
||||
completed: index + 1,
|
||||
total: totalCount,
|
||||
currentFile: path.basename(inputFile),
|
||||
success: !error
|
||||
});
|
||||
|
||||
// Process next file
|
||||
processNextFile(index + 1);
|
||||
});
|
||||
};
|
||||
|
||||
// Start processing
|
||||
processNextFile(0);
|
||||
}
|
||||
|
||||
app.whenReady().then(() => {
|
||||
createWindow();
|
||||
|
||||
|
||||
+374
-2
@@ -478,9 +478,12 @@ let tabManager;
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
tabManager = new TabManager();
|
||||
|
||||
|
||||
// Request current theme
|
||||
ipcRenderer.send('get-theme');
|
||||
|
||||
// Signal that renderer is ready for file operations
|
||||
ipcRenderer.send('renderer-ready');
|
||||
|
||||
// Set up auto-save interval
|
||||
setInterval(() => {
|
||||
@@ -569,4 +572,373 @@ ipcRenderer.on('adjust-font-size', (event, action) => {
|
||||
currentFontSize = 15;
|
||||
}
|
||||
updateFontSizes(currentFontSize);
|
||||
});
|
||||
});
|
||||
|
||||
// Export Dialog functionality
|
||||
let currentExportFormat = null;
|
||||
|
||||
ipcRenderer.on('show-export-dialog', (event, format) => {
|
||||
currentExportFormat = format;
|
||||
showExportDialog(format);
|
||||
});
|
||||
|
||||
function showExportDialog(format) {
|
||||
const dialog = document.getElementById('export-dialog');
|
||||
const title = document.getElementById('export-dialog-title');
|
||||
|
||||
title.textContent = `Export as ${format.toUpperCase()}`;
|
||||
dialog.setAttribute('data-format', format);
|
||||
dialog.classList.remove('hidden');
|
||||
|
||||
// Initialize form values
|
||||
initializeExportForm(format);
|
||||
}
|
||||
|
||||
function hideExportDialog() {
|
||||
const dialog = document.getElementById('export-dialog');
|
||||
dialog.classList.add('hidden');
|
||||
currentExportFormat = null;
|
||||
}
|
||||
|
||||
function initializeExportForm(format) {
|
||||
// Reset form to defaults
|
||||
document.getElementById('export-template').value = 'default';
|
||||
document.getElementById('custom-template-path').style.display = 'none';
|
||||
|
||||
// Clear metadata fields
|
||||
const metadataFields = document.querySelectorAll('.metadata-field');
|
||||
metadataFields.forEach((field, index) => {
|
||||
if (index < 4) { // Keep first 4 default fields
|
||||
field.querySelector('.metadata-key').value = ['title', 'author', 'date', 'subject'][index] || '';
|
||||
field.querySelector('.metadata-value').value = '';
|
||||
} else {
|
||||
field.remove(); // Remove additional fields
|
||||
}
|
||||
});
|
||||
|
||||
// Reset checkboxes and other fields
|
||||
document.getElementById('export-toc').checked = false;
|
||||
document.getElementById('export-number-sections').checked = false;
|
||||
document.getElementById('export-citeproc').checked = false;
|
||||
document.getElementById('export-toc-depth').value = 3;
|
||||
|
||||
// PDF-specific fields
|
||||
if (format === 'pdf') {
|
||||
document.getElementById('pdf-engine').value = 'xelatex';
|
||||
document.getElementById('pdf-geometry').value = 'margin=1in';
|
||||
document.getElementById('custom-geometry').style.display = 'none';
|
||||
}
|
||||
|
||||
// Clear bibliography fields
|
||||
document.getElementById('bibliography-file').value = '';
|
||||
document.getElementById('csl-file').value = '';
|
||||
}
|
||||
|
||||
function collectExportOptions() {
|
||||
const options = {
|
||||
template: document.getElementById('export-template').value,
|
||||
metadata: {},
|
||||
variables: {},
|
||||
toc: document.getElementById('export-toc').checked,
|
||||
tocDepth: document.getElementById('export-toc-depth').value,
|
||||
numberSections: document.getElementById('export-number-sections').checked,
|
||||
citeproc: document.getElementById('export-citeproc').checked
|
||||
};
|
||||
|
||||
// Collect custom template path
|
||||
if (options.template === 'custom') {
|
||||
options.template = document.getElementById('custom-template-path').value.trim();
|
||||
}
|
||||
|
||||
// Collect metadata
|
||||
const metadataFields = document.querySelectorAll('.metadata-field');
|
||||
metadataFields.forEach(field => {
|
||||
const key = field.querySelector('.metadata-key').value.trim();
|
||||
const value = field.querySelector('.metadata-value').value.trim();
|
||||
if (key && value) {
|
||||
options.metadata[key] = value;
|
||||
}
|
||||
});
|
||||
|
||||
// PDF-specific options
|
||||
if (currentExportFormat === 'pdf') {
|
||||
options.pdfEngine = document.getElementById('pdf-engine').value;
|
||||
const geometrySelect = document.getElementById('pdf-geometry');
|
||||
if (geometrySelect.value === 'custom') {
|
||||
options.geometry = document.getElementById('custom-geometry').value.trim() || 'margin=1in';
|
||||
} else {
|
||||
options.geometry = geometrySelect.value;
|
||||
}
|
||||
}
|
||||
|
||||
// Bibliography
|
||||
const bibFile = document.getElementById('bibliography-file').value.trim();
|
||||
const cslFile = document.getElementById('csl-file').value.trim();
|
||||
if (bibFile) options.bibliography = bibFile;
|
||||
if (cslFile) options.csl = cslFile;
|
||||
|
||||
return options;
|
||||
}
|
||||
|
||||
// Event listeners for export dialog
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Template selection
|
||||
document.getElementById('export-template').addEventListener('change', (e) => {
|
||||
const customPath = document.getElementById('custom-template-path');
|
||||
const fileInput = document.getElementById('template-file-input');
|
||||
|
||||
if (e.target.value === 'custom') {
|
||||
customPath.style.display = 'block';
|
||||
fileInput.style.display = 'block';
|
||||
} else {
|
||||
customPath.style.display = 'none';
|
||||
fileInput.style.display = 'none';
|
||||
customPath.value = '';
|
||||
}
|
||||
});
|
||||
|
||||
// Template file input
|
||||
document.getElementById('template-file-input').addEventListener('change', (e) => {
|
||||
const file = e.target.files[0];
|
||||
if (file) {
|
||||
document.getElementById('custom-template-path').value = file.path;
|
||||
}
|
||||
});
|
||||
|
||||
// PDF geometry selection
|
||||
document.getElementById('pdf-geometry').addEventListener('change', (e) => {
|
||||
const customGeometry = document.getElementById('custom-geometry');
|
||||
if (e.target.value === 'custom') {
|
||||
customGeometry.style.display = 'block';
|
||||
} else {
|
||||
customGeometry.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Add metadata field
|
||||
document.getElementById('add-metadata-field').addEventListener('click', () => {
|
||||
const container = document.querySelector('.metadata-container');
|
||||
const newField = document.createElement('div');
|
||||
newField.className = 'metadata-field';
|
||||
newField.innerHTML = `
|
||||
<input type="text" placeholder="key" class="metadata-key">
|
||||
<input type="text" placeholder="value" class="metadata-value">
|
||||
`;
|
||||
container.appendChild(newField);
|
||||
});
|
||||
|
||||
// Browse bibliography
|
||||
document.getElementById('browse-bibliography').addEventListener('click', () => {
|
||||
const input = document.createElement('input');
|
||||
input.type = 'file';
|
||||
input.accept = '.bib,.yaml,.yml,.json';
|
||||
input.onchange = (e) => {
|
||||
const file = e.target.files[0];
|
||||
if (file) {
|
||||
document.getElementById('bibliography-file').value = file.path;
|
||||
}
|
||||
};
|
||||
input.click();
|
||||
});
|
||||
|
||||
// Browse CSL
|
||||
document.getElementById('browse-csl').addEventListener('click', () => {
|
||||
const input = document.createElement('input');
|
||||
input.type = 'file';
|
||||
input.accept = '.csl';
|
||||
input.onchange = (e) => {
|
||||
const file = e.target.files[0];
|
||||
if (file) {
|
||||
document.getElementById('csl-file').value = file.path;
|
||||
}
|
||||
};
|
||||
input.click();
|
||||
});
|
||||
|
||||
// Dialog close buttons
|
||||
document.getElementById('export-dialog-close').addEventListener('click', hideExportDialog);
|
||||
document.getElementById('export-cancel').addEventListener('click', hideExportDialog);
|
||||
|
||||
// Export confirm
|
||||
document.getElementById('export-confirm').addEventListener('click', () => {
|
||||
const options = collectExportOptions();
|
||||
ipcRenderer.send('export-with-options', {
|
||||
format: currentExportFormat,
|
||||
options: options
|
||||
});
|
||||
hideExportDialog();
|
||||
});
|
||||
|
||||
// Close on backdrop click
|
||||
document.getElementById('export-dialog').addEventListener('click', (e) => {
|
||||
if (e.target === document.getElementById('export-dialog')) {
|
||||
hideExportDialog();
|
||||
}
|
||||
});
|
||||
|
||||
// Close on Escape key
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape' && !document.getElementById('export-dialog').classList.contains('hidden')) {
|
||||
hideExportDialog();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Batch Conversion Dialog functionality
|
||||
let currentBatchOptions = {};
|
||||
|
||||
ipcRenderer.on('show-batch-dialog', () => {
|
||||
showBatchDialog();
|
||||
});
|
||||
|
||||
ipcRenderer.on('batch-progress', (event, progress) => {
|
||||
updateBatchProgress(progress);
|
||||
});
|
||||
|
||||
ipcRenderer.on('folder-selected', (event, { type, path }) => {
|
||||
if (type === 'input') {
|
||||
document.getElementById('batch-input-folder').value = path;
|
||||
} else if (type === 'output') {
|
||||
document.getElementById('batch-output-folder').value = path;
|
||||
}
|
||||
validateBatchForm();
|
||||
});
|
||||
|
||||
function showBatchDialog() {
|
||||
const dialog = document.getElementById('batch-dialog');
|
||||
dialog.classList.remove('hidden');
|
||||
|
||||
// Reset form
|
||||
document.getElementById('batch-input-folder').value = '';
|
||||
document.getElementById('batch-output-folder').value = '';
|
||||
document.getElementById('batch-format').value = 'html';
|
||||
document.getElementById('batch-include-subfolders').checked = true;
|
||||
document.getElementById('batch-progress').classList.add('hidden');
|
||||
document.getElementById('batch-start').disabled = true;
|
||||
|
||||
currentBatchOptions = {
|
||||
template: 'default',
|
||||
metadata: {},
|
||||
variables: {},
|
||||
toc: false,
|
||||
tocDepth: 3,
|
||||
numberSections: false,
|
||||
citeproc: false
|
||||
};
|
||||
}
|
||||
|
||||
function hideBatchDialog() {
|
||||
const dialog = document.getElementById('batch-dialog');
|
||||
dialog.classList.add('hidden');
|
||||
}
|
||||
|
||||
function updateBatchProgress(progress) {
|
||||
const progressSection = document.getElementById('batch-progress');
|
||||
const progressFill = document.getElementById('batch-progress-fill');
|
||||
const progressText = document.getElementById('batch-progress-text');
|
||||
const progressCount = document.getElementById('batch-progress-count');
|
||||
|
||||
progressSection.classList.remove('hidden');
|
||||
|
||||
const percentage = Math.round((progress.completed / progress.total) * 100);
|
||||
progressFill.style.width = `${percentage}%`;
|
||||
|
||||
if (progress.completed === progress.total) {
|
||||
progressText.textContent = 'Conversion complete!';
|
||||
} else {
|
||||
progressText.textContent = `Processing: ${progress.currentFile}`;
|
||||
}
|
||||
|
||||
progressCount.textContent = `${progress.completed} / ${progress.total}`;
|
||||
}
|
||||
|
||||
function validateBatchForm() {
|
||||
const inputFolder = document.getElementById('batch-input-folder').value.trim();
|
||||
const outputFolder = document.getElementById('batch-output-folder').value.trim();
|
||||
const startButton = document.getElementById('batch-start');
|
||||
|
||||
startButton.disabled = !inputFolder || !outputFolder;
|
||||
}
|
||||
|
||||
// Event listeners for batch dialog
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Browse input folder
|
||||
document.getElementById('browse-input-folder').addEventListener('click', () => {
|
||||
ipcRenderer.send('select-folder', 'input');
|
||||
});
|
||||
|
||||
// Browse output folder
|
||||
document.getElementById('browse-output-folder').addEventListener('click', () => {
|
||||
ipcRenderer.send('select-folder', 'output');
|
||||
});
|
||||
|
||||
// Show advanced options
|
||||
document.getElementById('batch-show-options').addEventListener('click', () => {
|
||||
const format = document.getElementById('batch-format').value;
|
||||
currentExportFormat = format;
|
||||
showExportDialog(format);
|
||||
});
|
||||
|
||||
// Dialog close buttons
|
||||
document.getElementById('batch-dialog-close').addEventListener('click', hideBatchDialog);
|
||||
document.getElementById('batch-cancel').addEventListener('click', hideBatchDialog);
|
||||
|
||||
// Start batch conversion
|
||||
document.getElementById('batch-start').addEventListener('click', () => {
|
||||
const inputFolder = document.getElementById('batch-input-folder').value.trim();
|
||||
const outputFolder = document.getElementById('batch-output-folder').value.trim();
|
||||
const format = document.getElementById('batch-format').value;
|
||||
|
||||
if (!inputFolder || !outputFolder) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Use current export options from advanced dialog if they were set
|
||||
const options = currentBatchOptions;
|
||||
|
||||
// Start batch conversion
|
||||
ipcRenderer.send('batch-convert', {
|
||||
inputFolder,
|
||||
outputFolder,
|
||||
format,
|
||||
options
|
||||
});
|
||||
|
||||
// Show progress
|
||||
document.getElementById('batch-progress').classList.remove('hidden');
|
||||
document.getElementById('batch-start').disabled = true;
|
||||
});
|
||||
|
||||
// Close on backdrop click
|
||||
document.getElementById('batch-dialog').addEventListener('click', (e) => {
|
||||
if (e.target === document.getElementById('batch-dialog')) {
|
||||
hideBatchDialog();
|
||||
}
|
||||
});
|
||||
|
||||
// Close on Escape key (modified to handle both dialogs)
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape') {
|
||||
if (!document.getElementById('export-dialog').classList.contains('hidden')) {
|
||||
hideExportDialog();
|
||||
} else if (!document.getElementById('batch-dialog').classList.contains('hidden')) {
|
||||
hideBatchDialog();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Input validation
|
||||
document.getElementById('batch-input-folder').addEventListener('input', validateBatchForm);
|
||||
document.getElementById('batch-output-folder').addEventListener('input', validateBatchForm);
|
||||
});
|
||||
|
||||
// Override the export dialog confirm to also save batch options
|
||||
const originalExportConfirm = document.getElementById('export-confirm');
|
||||
if (originalExportConfirm) {
|
||||
originalExportConfirm.addEventListener('click', () => {
|
||||
// If batch dialog is open, save options for batch conversion
|
||||
if (!document.getElementById('batch-dialog').classList.contains('hidden')) {
|
||||
currentBatchOptions = collectExportOptions();
|
||||
}
|
||||
});
|
||||
}
|
||||
+525
@@ -835,6 +835,531 @@ body.theme-github .status-bar {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Export Options Dialog */
|
||||
.export-dialog {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.export-dialog.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.export-dialog-content {
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
|
||||
width: 90%;
|
||||
max-width: 600px;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.export-dialog-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.export-dialog-header h3 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.export-dialog-body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.export-section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.export-section label {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.export-section select,
|
||||
.export-section input[type="text"],
|
||||
.export-section input[type="number"] {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.export-section select:focus,
|
||||
.export-section input:focus {
|
||||
outline: none;
|
||||
border-color: #007acc;
|
||||
box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.1);
|
||||
}
|
||||
|
||||
.metadata-container {
|
||||
border: 1px solid #eee;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.metadata-field {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.metadata-field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.metadata-key {
|
||||
flex: 0 0 120px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.metadata-value {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.checkbox-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.checkbox-group label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.checkbox-group input[type="checkbox"] {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.form-row label {
|
||||
flex: 0 0 120px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.form-row input,
|
||||
.form-row select {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.form-row button {
|
||||
flex: 0 0 auto;
|
||||
padding: 8px 16px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-row button:hover {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
.pdf-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.export-dialog[data-format="pdf"] .pdf-only {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.export-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
padding: 16px 20px;
|
||||
border-top: 1px solid #eee;
|
||||
background: #f8f9fa;
|
||||
border-radius: 0 0 8px 8px;
|
||||
}
|
||||
|
||||
.export-dialog-footer button {
|
||||
padding: 10px 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.export-dialog-footer button.primary {
|
||||
background: #007acc;
|
||||
color: white;
|
||||
border-color: #007acc;
|
||||
}
|
||||
|
||||
.export-dialog-footer button.primary:hover {
|
||||
background: #005fa3;
|
||||
border-color: #005fa3;
|
||||
}
|
||||
|
||||
.export-dialog-footer button:not(.primary) {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.export-dialog-footer button:not(.primary):hover {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
#export-dialog-close {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#export-dialog-close:hover {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
#add-metadata-field {
|
||||
padding: 6px 12px;
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#add-metadata-field:hover {
|
||||
background: #e9ecef;
|
||||
}
|
||||
|
||||
/* Theme support for export dialog */
|
||||
body.theme-dark .export-dialog-content {
|
||||
background: #2d2d2d;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .export-dialog-header {
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
body.theme-dark .export-dialog-footer {
|
||||
background: #333;
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
body.theme-dark .export-section label {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .export-section select,
|
||||
body.theme-dark .export-section input {
|
||||
background: #1a1a1a;
|
||||
border-color: #555;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .metadata-container {
|
||||
border-color: #444;
|
||||
background: #1a1a1a;
|
||||
}
|
||||
|
||||
body.theme-dark .form-row button,
|
||||
body.theme-dark #add-metadata-field {
|
||||
background: #1a1a1a;
|
||||
border-color: #555;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .form-row button:hover,
|
||||
body.theme-dark #add-metadata-field:hover {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
body.theme-dark #export-dialog-close:hover {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
/* Batch Conversion Dialog */
|
||||
.batch-dialog {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.batch-dialog.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.batch-dialog-content {
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.batch-dialog-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.batch-dialog-header h3 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.batch-dialog-body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.batch-section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.batch-section label {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.batch-section select,
|
||||
.batch-section input[type="text"] {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.folder-input-group {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.folder-input-group input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.folder-input-group button {
|
||||
padding: 8px 16px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.folder-input-group button:hover {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
.batch-section label input[type="checkbox"] {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#batch-show-options {
|
||||
padding: 8px 16px;
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#batch-show-options:hover {
|
||||
background: #e9ecef;
|
||||
}
|
||||
|
||||
.batch-progress {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
padding: 16px;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
background: #e0e0e0;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background: #007acc;
|
||||
transition: width 0.3s ease;
|
||||
width: 0%;
|
||||
}
|
||||
|
||||
.progress-text {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.batch-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
padding: 16px 20px;
|
||||
border-top: 1px solid #eee;
|
||||
background: #f8f9fa;
|
||||
border-radius: 0 0 8px 8px;
|
||||
}
|
||||
|
||||
.batch-dialog-footer button {
|
||||
padding: 10px 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.batch-dialog-footer button.primary {
|
||||
background: #007acc;
|
||||
color: white;
|
||||
border-color: #007acc;
|
||||
}
|
||||
|
||||
.batch-dialog-footer button.primary:hover:not(:disabled) {
|
||||
background: #005fa3;
|
||||
border-color: #005fa3;
|
||||
}
|
||||
|
||||
.batch-dialog-footer button.primary:disabled {
|
||||
background: #ccc;
|
||||
border-color: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.batch-dialog-footer button:not(.primary) {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.batch-dialog-footer button:not(.primary):hover {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
#batch-dialog-close {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#batch-dialog-close:hover {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Theme support for batch dialog */
|
||||
body.theme-dark .batch-dialog-content {
|
||||
background: #2d2d2d;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .batch-dialog-header {
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
body.theme-dark .batch-dialog-footer {
|
||||
background: #333;
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
body.theme-dark .batch-section label {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .batch-section select,
|
||||
body.theme-dark .batch-section input {
|
||||
background: #1a1a1a;
|
||||
border-color: #555;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .folder-input-group button,
|
||||
body.theme-dark #batch-show-options {
|
||||
background: #1a1a1a;
|
||||
border-color: #555;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .folder-input-group button:hover,
|
||||
body.theme-dark #batch-show-options:hover {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
body.theme-dark .batch-progress {
|
||||
background: #1a1a1a;
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
body.theme-dark .progress-text {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
body.theme-dark #batch-dialog-close:hover {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
/* Theme support for find dialog */
|
||||
body.theme-dark .find-dialog {
|
||||
background: #2d2d2d;
|
||||
|
||||
Reference in New Issue
Block a user