diff --git a/src-ui/src/app/components/manage/settings/settings.component.ts b/src-ui/src/app/components/manage/settings/settings.component.ts
index 0933c2714..ab71b1028 100644
--- a/src-ui/src/app/components/manage/settings/settings.component.ts
+++ b/src-ui/src/app/components/manage/settings/settings.component.ts
@@ -22,6 +22,7 @@ export class SettingsComponent implements OnInit {
'darkModeUseSystem': new FormControl(this.settings.get(SETTINGS_KEYS.DARK_MODE_USE_SYSTEM)),
'darkModeEnabled': new FormControl(this.settings.get(SETTINGS_KEYS.DARK_MODE_ENABLED)),
'darkModeInvertThumbs': new FormControl(this.settings.get(SETTINGS_KEYS.DARK_MODE_THUMB_INVERTED)),
+ 'useNativePdfViewer': new FormControl(this.settings.get(SETTINGS_KEYS.USE_NATIVE_PDF_VIEWER)),
'savedViews': this.savedViewGroup,
'displayLanguage': new FormControl(this.settings.getLanguage()),
'dateLocale': new FormControl(this.settings.get(SETTINGS_KEYS.DATE_LOCALE)),
@@ -75,6 +76,7 @@ export class SettingsComponent implements OnInit {
this.settings.set(SETTINGS_KEYS.DARK_MODE_USE_SYSTEM, this.settingsForm.value.darkModeUseSystem)
this.settings.set(SETTINGS_KEYS.DARK_MODE_ENABLED, (this.settingsForm.value.darkModeEnabled == true).toString())
this.settings.set(SETTINGS_KEYS.DARK_MODE_THUMB_INVERTED, (this.settingsForm.value.darkModeInvertThumbs == true).toString())
+ this.settings.set(SETTINGS_KEYS.USE_NATIVE_PDF_VIEWER, this.settingsForm.value.useNativePdfViewer)
this.settings.set(SETTINGS_KEYS.DATE_LOCALE, this.settingsForm.value.dateLocale)
this.settings.set(SETTINGS_KEYS.DATE_FORMAT, this.settingsForm.value.dateFormat)
this.settings.set(SETTINGS_KEYS.NOTIFICATIONS_CONSUMER_NEW_DOCUMENT, this.settingsForm.value.notificationsConsumerNewDocument)
diff --git a/src-ui/src/app/services/settings.service.ts b/src-ui/src/app/services/settings.service.ts
index 01035c2bf..8810cd653 100644
--- a/src-ui/src/app/services/settings.service.ts
+++ b/src-ui/src/app/services/settings.service.ts
@@ -27,6 +27,7 @@ export const SETTINGS_KEYS = {
DARK_MODE_USE_SYSTEM: 'general-settings:dark-mode:use-system',
DARK_MODE_ENABLED: 'general-settings:dark-mode:enabled',
DARK_MODE_THUMB_INVERTED: 'general-settings:dark-mode:thumb-inverted',
+ USE_NATIVE_PDF_VIEWER: 'general-settings:document-details:native-pdf-viewer',
DATE_LOCALE: 'general-settings:date-display:date-locale',
DATE_FORMAT: 'general-settings:date-display:date-format',
NOTIFICATIONS_CONSUMER_NEW_DOCUMENT: 'general-settings:notifications:consumer-new-documents',
@@ -42,6 +43,7 @@ const SETTINGS: PaperlessSettings[] = [
{key: SETTINGS_KEYS.DARK_MODE_USE_SYSTEM, type: "boolean", default: true},
{key: SETTINGS_KEYS.DARK_MODE_ENABLED, type: "boolean", default: false},
{key: SETTINGS_KEYS.DARK_MODE_THUMB_INVERTED, type: "boolean", default: true},
+ {key: SETTINGS_KEYS.USE_NATIVE_PDF_VIEWER, type: "boolean", default: false},
{key: SETTINGS_KEYS.DATE_LOCALE, type: "string", default: ""},
{key: SETTINGS_KEYS.DATE_FORMAT, type: "string", default: "mediumDate"},
{key: SETTINGS_KEYS.NOTIFICATIONS_CONSUMER_NEW_DOCUMENT, type: "boolean", default: true},
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index f3336cc1a..0be25026b 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -1,7 +1,6 @@
$primary-dark-mode: #45973a;
$danger-dark-mode: #b71631;
$bg-dark-mode: #161618;
-$bg-dark-mode-accent: #21262d;
$bg-light-dark-mode: #1c1c1f;
$text-color-dark-mode: #abb2bf;
$text-color-dark-mode-accent: lighten($text-color-dark-mode, 10%);
@@ -385,28 +384,6 @@ $border-color-dark-mode: #47494f;
background-color: darken($primary-dark-mode, 5%) !important;
}
- .popover {
- .popover-header,
- .popover-body {
- background-color: $bg-dark-mode-accent;
- border-color: $border-color-dark-mode;
- }
- }
-
- $placements: 'top', 'right', 'bottom', 'left';
-
- @each $placement in $placements {
- .bs-popover-#{$placement} > .arrow::after,
- .bs-popover-auto[x-placement^=#{$placement}] > .arrow::after {
- border-#{$placement}-color: $bg-dark-mode-accent;
- }
- }
-
- .bs-popover-bottom .popover-header::before,
- .bs-popover-auto[x-placement^=bottom] .popover-header::before {
- border-bottom-color: $bg-dark-mode-accent;
- }
-
.ngb-dp-header,
.ngb-dp-weekdays,
.ngb-dp-month {
From 1f4d2e76d7a1ed50d7bb6f34e03ad784c9dbaa44 Mon Sep 17 00:00:00 2001
From: jonaswinkler <17569239+jonaswinkler@users.noreply.github.com>
Date: Fri, 5 Mar 2021 23:36:09 +0100
Subject: [PATCH 06/49] dark mode for color picker
---
src-ui/src/theme_dark.scss | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 0be25026b..9419974f2 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -1,6 +1,7 @@
$primary-dark-mode: #45973a;
$danger-dark-mode: #b71631;
$bg-dark-mode: #161618;
+$bg-dark-mode-accent: #21262d;
$bg-light-dark-mode: #1c1c1f;
$text-color-dark-mode: #abb2bf;
$text-color-dark-mode-accent: lighten($text-color-dark-mode, 10%);
@@ -384,6 +385,28 @@ $border-color-dark-mode: #47494f;
background-color: darken($primary-dark-mode, 5%) !important;
}
+ .popover {
+ .popover-header,
+ .popover-body {
+ background-color: $bg-dark-mode-accent;
+ border-color: $border-color-dark-mode;
+ }
+ }
+
+ $placements: 'top', 'right', 'bottom', 'left';
+
+ @each $placement in $placements {
+ .bs-popover-#{$placement} > .arrow::after,
+ .bs-popover-auto[x-placement^=#{$placement}] > .arrow::after {
+ border-#{$placement}-color: $bg-dark-mode-accent;
+ }
+ }
+
+ .bs-popover-bottom .popover-header::before,
+ .bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ border-bottom-color: $bg-dark-mode-accent;
+ }
+
.ngb-dp-header,
.ngb-dp-weekdays,
.ngb-dp-month {
From ee4a5d53ad146b5b821d30c0e187ec576fb58693 Mon Sep 17 00:00:00 2001
From: jonaswinkler <17569239+jonaswinkler@users.noreply.github.com>
Date: Sat, 6 Mar 2021 11:47:11 +0100
Subject: [PATCH 07/49] instructions on building the docker image
---
docs/extending.rst | 17 +++++++++++++++++
1 file changed, 17 insertions(+)
diff --git a/docs/extending.rst b/docs/extending.rst
index 54a0d061e..5393b941c 100644
--- a/docs/extending.rst
+++ b/docs/extending.rst
@@ -269,6 +269,23 @@ this is how you do it:
This will build the HTML documentation, and put the resulting files in the ``_build/html``
directory.
+Building the Docker image
+=========================
+
+Building the docker image from source requires the following two steps:
+
+1. Build the front end.
+
+ .. code:: shell-session
+
+ ./compile-frontend.sh
+
+2. Build the docker image.
+
+ .. code:: shell-session
+
+ docker build . -t
+
Extending Paperless
===================
From 4290f38e81f581b961768a223241ca48313b5039 Mon Sep 17 00:00:00 2001
From: jonaswinkler <17569239+jonaswinkler@users.noreply.github.com>
Date: Sat, 6 Mar 2021 12:00:58 +0100
Subject: [PATCH 08/49] fix closing all documents from sidebar
---
src-ui/src/app/components/app-frame/app-frame.component.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src-ui/src/app/components/app-frame/app-frame.component.html b/src-ui/src/app/components/app-frame/app-frame.component.html
index c59bc3e0a..e17e21e03 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.html
+++ b/src-ui/src/app/components/app-frame/app-frame.component.html
@@ -99,7 +99,7 @@
- 1">
+ = 1">