Merge f3651e7 into cb51af8

res/strings/renderer.en.yml

@@ -134,6 +134,8 @@ en:
           skip: Skip duplicate photos
           import: Accept duplicate photos
           prompt: Ask me every time
+      density:
+        label: DPI
       export:
         label: Export
         note:

src/components/input.js

@@ -208,6 +208,8 @@ class Input extends React.PureComponent {
             required={this.props.isRequired}
             tabIndex={this.props.tabIndex}
             type={this.props.type}
+            max={this.props.max}
+            min={this.props.min}
             value={this.state.value}
             onBlur={this.handleBlur}
             onChange={this.handleChange}
@@ -241,6 +243,8 @@ class Input extends React.PureComponent {
     isReadOnly: bool,
     isRequired: bool,
     match: func.isRequired,
+    max: number,
+    min: number,
     placeholder: string,
     resize: bool,
     tabIndex: number,

src/components/prefs/app.js

@@ -3,8 +3,9 @@
 const React = require('react')
 const { TemplateSelect } = require('../template/select')
 const { ResourceSelect } = require('../resource/select')
+const { Input } = require('../input')
 const { ipcRenderer: ipc } = require('electron')
-const { ESPER, ITEM } = require('../../constants')
+const { ESPER, ITEM, IMPORTS } = require('../../constants')
 const { darwin } = require('../../common/os')
 
 const {
@@ -14,7 +15,7 @@ const {
 } = require('../icons')
 
 const {
-  array, arrayOf, bool, func, object, shape, string
+  array, arrayOf, bool, func, object, shape, string, number
 } = require('prop-types')
 
 const {
@@ -43,6 +44,10 @@ class AppPrefs extends React.PureComponent {
     this.props.onSettingsUpdate({ localtime })
   }
 
+  handleDPIChange = dpi => {
+    this.props.onSettingsUpdate({ dpi: Number(dpi) })
+  }
+
   handleTemplateChange = (values, hasChanged) => {
     if (hasChanged) {
       let [type, template] = Object.entries(values)[0]
@@ -142,6 +147,18 @@ class AppPrefs extends React.PureComponent {
             name="force"
             value={this.props.settings.title.force}
             onChange={this.handleTitleChange}/>
+          <FormElement
+            id="prefs.app.density.label"
+            isCompact>
+            <Input
+              id="dpi"
+              min={this.props.importMin}
+              max={this.props.importMax}
+              value={this.props.settings.dpi}
+              onChange={this.handleDPIChange}
+              className="form-control"
+              type="number" />
+          </FormElement>
           <hr/>
           <FormSelect
             id="prefs.app.style.theme"
@@ -268,6 +285,8 @@ class AppPrefs extends React.PureComponent {
     }).isRequired,
     layouts: arrayOf(string).isRequired,
     locales: arrayOf(string).isRequired,
+    importMin: number.isRequired,
+    importMax: number.isRequired,
     themes: arrayOf(string).isRequired,
     dupOptions: arrayOf(string).isRequired,
     zoomModes: arrayOf(string).isRequired,
@@ -281,7 +300,9 @@ class AppPrefs extends React.PureComponent {
     locales: ['de', 'en', 'es', 'fr', 'it', 'ja'],
     dupOptions: ['skip', 'import', 'prompt'],
     zoomModes: [ESPER.MODE.FIT, ESPER.MODE.FILL],
-    printModes: ['item', 'photo', 'selection']
+    printModes: ['item', 'photo', 'selection'],
+    importMin: IMPORTS.DPIMIN,
+    importMax: IMPORTS.DPIMAX
   }
 }
 

src/constants/import.js

@@ -1,5 +1,7 @@
 'use strict'
 
 module.exports = {
-  RESTORE: 'imports.restore'
+  RESTORE: 'imports.restore',
+  DPIMAX: 300,
+  DPIMIN: 72
 }

src/reducers/settings.js

@@ -7,6 +7,7 @@ const { darwin } = require('../common/os')
 const defaults = {
   debug: ARGS.debug,
   dup: 'prompt',
+  dpi: 300,
   export: {
     note: {
       format: {