feat(addon-doc): support remote url for code source

taiga-family · Aug 25, 2023 · b0440d1 · b0440d1
1 parent f059252
commit b0440d1
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 2 deletions.
diff --git a/projects/addon-doc/components/internal/source-code/source-code.component.ts b/projects/addon-doc/components/internal/source-code/source-code.component.ts
@@ -27,6 +27,9 @@ export class TuiDocSourceCodeComponent {
     @Input()
     path = '';
 
+    @Input()
+    remoteCodeUrl = '';
+
     constructor(
         @Inject(TUI_DOC_ICONS) readonly icons: TuiDocIcons,
         @Inject(TUI_DOC_SOURCE_CODE)

diff --git a/projects/addon-doc/components/internal/source-code/source-code.template.html b/projects/addon-doc/components/internal/source-code/source-code.template.html
@@ -1,5 +1,5 @@
 <a
-    *polymorpheusOutlet="sourceCode as link; context: pathOptions"
+    *polymorpheusOutlet="remoteCodeUrl || sourceCode as link; context: pathOptions"
     appearance="icon"
     size="s"
     target="_blank"

diff --git a/projects/addon-doc/components/page/page.component.ts b/projects/addon-doc/components/page/page.component.ts
@@ -35,6 +35,9 @@ export class TuiDocPageComponent {
     @Input()
     deprecated: boolean | '' = false;
 
+    @Input()
+    remoteCodeUrl: string | '' = '';
+
     @ContentChildren(TuiDocPageTabConnectorDirective)
     readonly tabConnectors: QueryList<TuiDocPageTabConnectorDirective> = EMPTY_QUERY;
 

diff --git a/projects/addon-doc/components/page/page.template.html b/projects/addon-doc/components/page/page.template.html
@@ -39,6 +39,7 @@ <h1 class="t-title">
         [header]="header"
         [package]="package"
         [path]="path"
+        [remoteCodeUrl]="remoteCodeUrl"
         [type]="type"
     ></tui-doc-source-code>
 </header>

diff --git a/projects/demo/src/modules/icons/icons.template.html b/projects/demo/src/modules/icons/icons.template.html
@@ -1,4 +1,7 @@
-<tui-doc-page header="Icons">
+<tui-doc-page
+    header="Icons"
+    remoteCodeUrl="https://google.com"
+>
     <ng-template
         *ngFor="let key of keys"
         [pageTab]="key"