From 84d02ab74b7ba7d993d52bde8edd8f7a85fdf80d Mon Sep 17 00:00:00 2001 From: Arthur Le Meur Date: Mon, 23 Sep 2024 13:41:52 +0200 Subject: [PATCH] add checkbox in settings to display ApiappAddFormDialog --- .../assets/styles/components/settings.scss | 4 + .../library/components/settings/Settings.tsx | 80 ++++++++++++++++++- src/resources/locales/en.json | 4 +- src/typings/en.translation.d.ts | 16 +++- 4 files changed, 97 insertions(+), 7 deletions(-) diff --git a/src/renderer/assets/styles/components/settings.scss b/src/renderer/assets/styles/components/settings.scss index b849b1d6a..27ec482ec 100644 --- a/src/renderer/assets/styles/components/settings.scss +++ b/src/renderer/assets/styles/components/settings.scss @@ -336,6 +336,10 @@ $setting_color: var(--color-blue); .settings_tab { margin: 30px 25px 0!important; + .button_catalog_infos { + margin: 0; + } + &_container { margin: 35px; diff --git a/src/renderer/library/components/settings/Settings.tsx b/src/renderer/library/components/settings/Settings.tsx index ba6573599..7280ed51a 100644 --- a/src/renderer/library/components/settings/Settings.tsx +++ b/src/renderer/library/components/settings/Settings.tsx @@ -38,6 +38,10 @@ import * as BrushIcon from "readium-desktop/renderer/assets/icons/paintbrush-ico import KeyboardSettings, { AdvancedTrigger } from "readium-desktop/renderer/library/components/settings/KeyboardSettings"; import * as GearIcon from "readium-desktop/renderer/assets/icons/gear-icon.svg"; import * as CheckIcon from "readium-desktop/renderer/assets/icons/singlecheck-icon.svg"; +import * as ChevronDown from "readium-desktop/renderer/assets/icons/chevron-down.svg"; +import * as ChevronUp from "readium-desktop/renderer/assets/icons/chevron-up.svg"; +import * as FollowLinkIcon from "readium-desktop/renderer/assets/icons/followLink-icon.svg"; +import { shell } from "electron"; interface ISettingsProps {}; @@ -87,10 +91,82 @@ export const Auth = () => { const ConnectionSettings: React.FC<{}> = () => { const [__] = useTranslator(); + const [accessDilicom, setAccessDilicom] = React.useState(false); + const onChange = () => { + setAccessDilicom(!accessDilicom); + }; + const [infoOpen, setInfoOpen] = React.useState(false); + + const openInfo = (e: any) => { + e.preventDefault(); + setInfoOpen(!infoOpen); + }; + return ( -
-

{__("catalog.opds.auth.login")}

+
+

{__("catalog.opds.auth.manageAccess")}

+

{__("opds.addFormApiapp.title")}

+ {/*
+ + +
*/} +
+ + +
+
+ + { infoOpen ? + + : <>} +
); }; diff --git a/src/resources/locales/en.json b/src/resources/locales/en.json index efa2a0b81..e22dbc824 100644 --- a/src/resources/locales/en.json +++ b/src/resources/locales/en.json @@ -92,6 +92,7 @@ "auth": { "cancel": "Cancel", "login": "Login", + "manageAccess": "Manage access to catalogs", "password": "Password", "register": "Register", "username": "Username / Email Address" @@ -193,7 +194,8 @@ "urlPlaceholder": "Link" }, "addFormApiapp": { - "title": "Add library account" + "title": "Add library account", + "activeDilicom": "Activate access to Dilicom PNB API" }, "addMenu": "Add OPDS feed", "breadcrumbRoot": "Catalogs", diff --git a/src/typings/en.translation.d.ts b/src/typings/en.translation.d.ts index 1ff5452c3..21d436d49 100644 --- a/src/typings/en.translation.d.ts +++ b/src/typings/en.translation.d.ts @@ -128,8 +128,8 @@ declare namespace typed_i18n { }, readonly "export": string, readonly "exportAnnotation": string, - readonly "exportAnnotationSuccess": string, readonly "exportAnnotationFailure": string, + readonly "exportAnnotationSuccess": string, readonly "format": string, readonly "lang": string, readonly "lastRead": string, @@ -144,6 +144,7 @@ declare namespace typed_i18n { readonly "auth": { readonly "cancel": string, readonly "login": string, + readonly "manageAccess": string, readonly "password": string, readonly "register": string, readonly "username": string @@ -210,8 +211,8 @@ declare namespace typed_i18n { (_: "catalog.entry.lastAdditions", __?: {}): string; (_: "catalog.export", __?: {}): string; (_: "catalog.exportAnnotation", __?: {}): string; - (_: "catalog.exportAnnotationSuccess", __?: {}): string; (_: "catalog.exportAnnotationFailure", __?: {}): string; + (_: "catalog.exportAnnotationSuccess", __?: {}): string; (_: "catalog.format", __?: {}): string; (_: "catalog.lang", __?: {}): string; (_: "catalog.lastRead", __?: {}): string; @@ -226,6 +227,7 @@ declare namespace typed_i18n { readonly "auth": { readonly "cancel": string, readonly "login": string, + readonly "manageAccess": string, readonly "password": string, readonly "register": string, readonly "username": string @@ -252,12 +254,14 @@ declare namespace typed_i18n { (_: "catalog.opds.auth", __?: {}): { readonly "cancel": string, readonly "login": string, + readonly "manageAccess": string, readonly "password": string, readonly "register": string, readonly "username": string }; (_: "catalog.opds.auth.cancel", __?: {}): string; (_: "catalog.opds.auth.login", __?: {}): string; + (_: "catalog.opds.auth.manageAccess", __?: {}): string; (_: "catalog.opds.auth.password", __?: {}): string; (_: "catalog.opds.auth.register", __?: {}): string; (_: "catalog.opds.auth.username", __?: {}): string; @@ -431,7 +435,10 @@ declare namespace typed_i18n { readonly "url": string, readonly "urlPlaceholder": string }, - readonly "addFormApiapp": { readonly "title": string }, + readonly "addFormApiapp": { + readonly "title": string, + readonly "activeDilicom": string + }, readonly "addMenu": string, readonly "breadcrumbRoot": string, readonly "documentation": string, @@ -477,8 +484,9 @@ declare namespace typed_i18n { (_: "opds.addForm.namePlaceholder", __?: {}): string; (_: "opds.addForm.url", __?: {}): string; (_: "opds.addForm.urlPlaceholder", __?: {}): string; - (_: "opds.addFormApiapp", __?: {}): { readonly "title": string }; + (_: "opds.addFormApiapp", __?: {}): { readonly "title": string, readonly "activeDilicom": string }; (_: "opds.addFormApiapp.title", __?: {}): string; + (_: "opds.addFormApiapp.activeDilicom", __?: {}): string; (_: "opds.addMenu", __?: {}): string; (_: "opds.breadcrumbRoot", __?: {}): string; (_: "opds.documentation", __?: {}): string;