From 189f7116d118f585c311e946d9477983627ce07e Mon Sep 17 00:00:00 2001
From: Suguru Inatomi <suguru.inatomi@gmail.com>
Date: Sat, 10 Aug 2024 10:16:00 +0900
Subject: [PATCH] fix: translate toc component

---
 .../table-of-contents.component.en.html       | 31 +++++++++++++++++++
 .../table-of-contents.component.html          | 31 +++++++++++++++++++
 tools/update-origin.ts                        |  1 +
 3 files changed, 63 insertions(+)
 create mode 100644 adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.en.html
 create mode 100644 adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.html

diff --git a/adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.en.html b/adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.en.html
new file mode 100644
index 0000000000..f5b514649f
--- /dev/null
+++ b/adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.en.html
@@ -0,0 +1,31 @@
+<aside>
+  <nav>
+    <header>
+      <h2 class="docs-title">On this page</h2>
+    </header>
+    <ul class="docs-faceted-list">
+      <!-- TODO: Hide li elements with class docs-toc-item-h3 for laptop, table and phone screen resolutions  -->
+      @for (item of tableOfContentItems(); track item.id) {
+      <li
+        class="docs-faceted-list-item"
+        [class.docs-toc-item-h2]="item.level === TableOfContentsLevel.H2"
+        [class.docs-toc-item-h3]="item.level === TableOfContentsLevel.H3"
+      >
+        <a
+          routerLink="."
+          [fragment]="item.id"
+          [class.docs-faceted-list-item-active]="item.id === activeItemId()"
+        >
+          {{ item.title }}
+        </a>
+      </li>
+      }
+    </ul>
+  </nav>
+  @if (shouldDisplayScrollToTop()) {
+  <button type="button" (click)="scrollToTop()">
+    <docs-icon role="presentation">arrow_upward_alt</docs-icon>
+    Back to the top
+  </button>
+  }
+</aside>
diff --git a/adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.html b/adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.html
new file mode 100644
index 0000000000..fb66abbd5e
--- /dev/null
+++ b/adev-ja/shared-docs/components/table-of-contents/table-of-contents.component.html
@@ -0,0 +1,31 @@
+<aside>
+  <nav>
+    <header>
+      <h2 class="docs-title">目次</h2>
+    </header>
+    <ul class="docs-faceted-list">
+      <!-- TODO: Hide li elements with class docs-toc-item-h3 for laptop, table and phone screen resolutions  -->
+      @for (item of tableOfContentItems(); track item.id) {
+      <li
+        class="docs-faceted-list-item"
+        [class.docs-toc-item-h2]="item.level === TableOfContentsLevel.H2"
+        [class.docs-toc-item-h3]="item.level === TableOfContentsLevel.H3"
+      >
+        <a
+          routerLink="."
+          [fragment]="item.id"
+          [class.docs-faceted-list-item-active]="item.id === activeItemId()"
+        >
+          {{ item.title }}
+        </a>
+      </li>
+      }
+    </ul>
+  </nav>
+  @if (shouldDisplayScrollToTop()) {
+  <button type="button" (click)="scrollToTop()">
+    <docs-icon role="presentation">arrow_upward_alt</docs-icon>
+    トップに戻る
+  </button>
+  }
+</aside>
diff --git a/tools/update-origin.ts b/tools/update-origin.ts
index 4ce2b06c60..8205b66907 100644
--- a/tools/update-origin.ts
+++ b/tools/update-origin.ts
@@ -14,6 +14,7 @@ const localizedFilePatterns = [
   'src/content/tutorials/**/config.json',
   // Application files
   'src/app/sub-navigation-data.ts',
+  'shared-docs/components/table-of-contents/table-of-contents.component.html',
 ];
 
 async function main() {