rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: Added "Page size" option when exporting Super notes as PDF

Browse Source
This commit is contained in:
Aman Harwara
2024-01-27 16:04:20 +05:30
parent ff3c45ba35
commit 853fab53ab
10 changed files with 82 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx
View File

@@ -499,7 +499,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
</>
)}
<ModalOverlay isOpen={showExportSuperModal} close={closeSuperExportModal}>
<ModalOverlay isOpen={showExportSuperModal} close={closeSuperExportModal} className="md:max-w-[25vw]">
<SuperExportModal notes={notes} exportNotes={downloadSelectedItems} close={closeSuperExportModal} />
</ModalOverlay>
</>

65
packages/web/src/javascripts/Components/NotesOptions/SuperExportModal.tsx
View File

@@ -6,6 +6,7 @@ import RadioButtonGroup from '../RadioButtonGroup/RadioButtonGroup'
import { useEffect } from 'react'
import Switch from '../Switch/Switch'
import { noteHasEmbeddedFiles } from '@/Utils/NoteExportUtils'
import Dropdown from '../Dropdown/Dropdown'
type Props = {
notes: SNNote[]
@@ -19,6 +20,7 @@ const SuperExportModal = ({ notes, exportNotes, close }: Props) => {
const superNoteExportFormat = usePreference(PrefKey.SuperNoteExportFormat)
const superNoteExportEmbedBehavior = usePreference(PrefKey.SuperNoteExportEmbedBehavior)
const superNoteExportUseMDFrontmatter = usePreference(PrefKey.SuperNoteExportUseMDFrontmatter)
const superNoteExportPDFPageSize = usePreference(PrefKey.SuperNoteExportPDFPageSize)
useEffect(() => {
if (superNoteExportFormat === 'json' && superNoteExportEmbedBehavior === 'separate') {
@@ -60,23 +62,25 @@ const SuperExportModal = ({ notes, exportNotes, close }: Props) => {
]}
>
<div className="mb-2">
<div className="mb-3 text-base">We detected your selection includes Super notes.</div>
<div className="mb-1">What format do you want to export them in?</div>
<RadioButtonGroup
items={[
{ label: 'Super (.json)', value: 'json' },
{ label: 'Markdown (.md)', value: 'md' },
{ label: 'HTML', value: 'html' },
{ label: 'PDF', value: 'pdf' },
]}
value={superNoteExportFormat}
onChange={(value) => {
void application.setPreference(
PrefKey.SuperNoteExportFormat,
value as PrefValue[PrefKey.SuperNoteExportFormat],
)
}}
/>
<div className="mb-2 flex items-center justify-between">
<div className="text-base">Choose export format {notes.length > 1 ? 'for Super notes' : ''}</div>
<Dropdown
label="Export format"
items={[
{ label: 'Super (.json)', value: 'json' },
{ label: 'Markdown (.md)', value: 'md' },
{ label: 'HTML', value: 'html' },
{ label: 'PDF', value: 'pdf' },
]}
value={superNoteExportFormat}
onChange={(value) => {
void application.setPreference(
PrefKey.SuperNoteExportFormat,
value as PrefValue[PrefKey.SuperNoteExportFormat],
)
}}
/>
</div>
{superNoteExportFormat === 'md' && (
<div className="mt-2 text-xs text-passive-0">
Note that conversion to Markdown is not lossless. Some features like collapsible blocks and formatting like
@@ -84,6 +88,33 @@ const SuperExportModal = ({ notes, exportNotes, close }: Props) => {
</div>
)}
</div>
{superNoteExportFormat === 'pdf' && (
<div className="mt-4 flex items-center justify-between">
<div className="text-base">Page size</div>
<Dropdown
label="Page size"
items={
[
{ label: 'A3', value: 'A3' },
{ label: 'A4', value: 'A4' },
{ label: 'Letter', value: 'LETTER' },
{ label: 'Legal', value: 'LEGAL' },
{ label: 'Tabloid', value: 'TABLOID' },
] satisfies {
label: string
value: PrefValue[PrefKey.SuperNoteExportPDFPageSize]
}[]
}
value={superNoteExportPDFPageSize}
onChange={(value) => {
void application.setPreference(
PrefKey.SuperNoteExportPDFPageSize,
value as PrefValue[PrefKey.SuperNoteExportPDFPageSize],
)
}}
/>
</div>
)}
{superNoteExportFormat === 'md' && (
<div className="mt-4">
<Switch