From 0322d162d02d3d33e11f75618822c17db3d3bcba Mon Sep 17 00:00:00 2001
From: Dmitriy Pleshevskiy <dmitriy@pleshevski.ru>
Date: Thu, 25 Jul 2024 15:23:02 +0300
Subject: [PATCH] change chronology table

---
 docs/.vuepress/config.ts                      |  8 ++--
 .../ChronologicalWorksTable.vue               | 45 ++++++++++++-------
 .../ChronologicalWorksTable/TechnologyList.ts |  7 ---
 3 files changed, 34 insertions(+), 26 deletions(-)
 delete mode 100644 docs/.vuepress/modules/work/ChronologicalWorksTable/TechnologyList.ts

diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts
index 454fe19..21737b3 100644
--- a/docs/.vuepress/config.ts
+++ b/docs/.vuepress/config.ts
@@ -43,8 +43,8 @@ export default defineUserConfig({
           description: "Описание",
           role: "Роль",
           technologies: "Технологии",
-          start: "Начало",
-          statusOrEnd: "Статус/Окончание",
+          status: "Статус",
+          dates: "Даты",
         },
       },
       "/eng/": {
@@ -64,8 +64,8 @@ export default defineUserConfig({
           description: "Description",
           role: "Role",
           technologies: "Technologies",
-          start: "Start",
-          statusOrEnd: "Status/End",
+          status: "Status",
+          dates: "Dates",
         },
       },
     },
diff --git a/docs/.vuepress/modules/work/ChronologicalWorksTable/ChronologicalWorksTable.vue b/docs/.vuepress/modules/work/ChronologicalWorksTable/ChronologicalWorksTable.vue
index 67c92a9..c82a6c6 100644
--- a/docs/.vuepress/modules/work/ChronologicalWorksTable/ChronologicalWorksTable.vue
+++ b/docs/.vuepress/modules/work/ChronologicalWorksTable/ChronologicalWorksTable.vue
@@ -1,21 +1,20 @@
 <script lang="ts">
 export default {
-  name: 'WorksPage',
+  name: "WorksPage",
   computed: {
     tableTheme() {
       return this.$themeLocale.worksTable ?? {};
     },
   },
-}
+};
 </script>
 
 <script lang="ts" setup>
-import { CHRONOLOGICAL_WORKS } from '../data.ts'
-import { renderDate } from '../../../global.ts'
-import { work as w } from '../domain'
+import { CHRONOLOGICAL_WORKS } from "../data.ts";
+import { renderDate } from "../../../global.ts";
+import { work as w } from "../domain";
 </script>
 
-
 <template>
   <table>
     <thead>
@@ -24,21 +23,37 @@ import { work as w } from '../domain'
         <th>{{ tableTheme.description }}</th>
         <th>{{ tableTheme.role }}</th>
         <th>{{ tableTheme.technologies }}</th>
-        <th>{{ tableTheme.start }}</th>
-        <th>{{ tableTheme.statusOrEnd }}</th>
+        <th>{{ tableTheme.status }}</th>
+        <th>{{ tableTheme.dates }}</th>
       </tr>
-
     </thead>
     <tbody>
       <tr v-for="work in CHRONOLOGICAL_WORKS">
-          <td><a rel="nofollow noopener" :href="w.getExternalLink(work)">{{ work.name }}</a></td>
-          <td>{{ work.description }}</td>
-          <td v-html="work.roles.join(', ')"></td>
-          <td>{{ work.technologies.join(', ') }}</td>
-          <td>{{ renderDate(work.startDate) }}</td>
-          <td>{{ work.endDate ? renderDate(work.endDate) : work.status }}</td>
+        <td>
+          <a rel="nofollow noopener" :href="w.getExternalLink(work)">{{
+            work.name
+          }}</a>
+        </td>
+        <td>{{ work.description }}</td>
+        <td v-html="work.roles.join(', ')"></td>
+        <td>{{ work.technologies.join(", ") }}</td>
+        <td>{{ work.status }}</td>
+        <td>
+          <div>
+            <small :class="{ grey: work.endDate }">{{ renderDate(work.startDate) }}</small>
+          </div>
+          <div v-if="work.endDate">
+            <small>{{ renderDate(work.endDate) }}</small>
+          </div>
+        </td>
       </tr>
     </tbody>
   </table>
 </template>
 
+<style lang="css">
+.grey {
+  color: rgba(0,0,0,0.4);
+}
+
+</style>
diff --git a/docs/.vuepress/modules/work/ChronologicalWorksTable/TechnologyList.ts b/docs/.vuepress/modules/work/ChronologicalWorksTable/TechnologyList.ts
deleted file mode 100644
index e0c625c..0000000
--- a/docs/.vuepress/modules/work/ChronologicalWorksTable/TechnologyList.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { NonEmptyArray } from "../../../global.ts";
-import { Technology } from "../domain/mod.ts";
-import { AnyNode, TextNode } from "ren/node.ts";
-
-export const TechnologyList: (techs: NonEmptyArray<Technology>) => AnyNode = (
-  techs,
-) => new TextNode(techs.join(", "));