Add reference link to OIDC documentation (#1376)

booklore-ui/src/app/core/security/oauth2-management/authentication-settings.component.html

@@ -41,6 +41,7 @@
         <h3 class="section-title">
           <i class="pi pi-key"></i>
           OIDC Authentication (Experimental)
+          <app-external-doc-link docType="authentication"></app-external-doc-link>
         </h3>
         <p class="section-description">
           Configure external authentication providers using OpenID Connect (OIDC) protocol for seamless single sign-on integration.

booklore-ui/src/app/core/security/oauth2-management/authentication-settings.component.ts

@@ -13,6 +13,7 @@ import {filter, take} from 'rxjs/operators';
 import {MultiSelect} from 'primeng/multiselect';
 import {Library} from '../../../features/book/model/library.model';
 import {LibraryService} from '../../../features/book/service/library.service';
+import {ExternalDocLinkComponent} from '../../../shared/components/external-doc-link/external-doc-link.component';
 
 @Component({
   selector: 'app-authentication-settings',
@@ -25,7 +26,8 @@ import {LibraryService} from '../../../features/book/service/library.service';
     ToggleSwitch,
     Button,
     MultiSelect,
-    ReactiveFormsModule
+    ReactiveFormsModule,
+    ExternalDocLinkComponent
   ],
   styleUrls: ['./authentication-settings.component.scss']
 })

booklore-ui/src/app/shared/components/external-doc-link/external-doc-link.component.ts

@@ -2,7 +2,8 @@ import {Component, Input} from '@angular/core';
 import {Tooltip} from 'primeng/tooltip';
 
 export type DocType = 'kobo' | 'opds' | 'metadataManager' | 'koReader' | 'email'
-  | 'amazonCookie' | 'fetchConfig' | 'hardcover' | 'taskManagement' | 'fileNamePatterns';
+  | 'amazonCookie' | 'fetchConfig' | 'hardcover' | 'taskManagement' | 'fileNamePatterns'
+  | 'authentication';
 
 @Component({
   selector: 'app-external-doc-link',
@@ -37,6 +38,7 @@ export class ExternalDocLinkComponent {
     fetchConfig: `${this.BASE_URL}/metadata/metadata-fetch-configuration`,
     taskManagement: `${this.BASE_URL}/tools/task-manager`,
     fileNamePatterns: `${this.BASE_URL}/metadata/file-naming-patterns`,
+    authentication: `${this.BASE_URL}/authentication/overview#setting-up-oidc`,
   };
 
   @Input() docType!: DocType;