init 5S article and refacto pull system

2024-12-22 18:31:31 +01:00
parent 9bf151698f
commit 400566b849
32 changed files with 129 additions and 42 deletions
--- a/5s.css
+++ b/5s.css
@@ -0,0 +1,41 @@
+:root {
+  --color: var(--primary-color);
+}
+
+*:not(td):not(th) {
+  border-radius: 0.5rem;
+}
+
+body {
+  font-size: 28px;
+  font-family: 'Noto Serif', serif;
+  margin: 0;
+}
+
+header {
+  text-align: center;
+  color: var(--primary-color);
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0;
+  margin: 1rem 1rem 0;
+  color: var(--color);
+}
+
+.meaning {
+  color: #9f9a9a;
+  font-weight: 100;
+  font-size: 1rem;
+}
+
+.meaning::before {
+  content: '(';
+}
+
+.meaning::after {
+  content: ')';
+}
--- a/5s.html
+++ b/5s.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Interactive 5S</title>
+    <meta
+      name="description"
+      content="Author: Julien Calixte,
+    My understanding of how a 5S can help team."
+    />
+    <link rel="stylesheet" href="core.css" />
+    <link rel="stylesheet" href="5s.css" />
+    <link rel="icon" href="people-improvement.svg" />
+    <link rel="mask-icon" href="people-improvement.svg" color="#ffffff" />
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but this app doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main-5s.ts"></script>
+  </body>
+</html>
--- a/index.html
+++ b/index.html
@@ -111,7 +111,9 @@
        </section>
        <section class="stability">
          <ul class="stability-list focusable">
-            <li class="s5s focusable">5S</li>
+            <li class="s5s focusable">
+              <a href="/5s.html">5S</a>
+            </li>
            <li class="problem-solving focusable">Problem solving</li>
            <li class="tpm focusable">TPM</li>
          </ul>
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FlowArticle from '@/modules/FlowArticle.vue'
+import FlowArticle from '@/modules/pull-system/FlowArticle.vue'
 import { StarportCarrier } from 'vue-starport'
 </script>

--- a/src/App5S.vue
+++ b/src/App5S.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <main id="main-app">5S!!!</main>
+</template>
+
+<style scoped lang="scss">
+main {
+  min-height: calc(100vh - 2 * 1rem);
+}
+</style>
--- a/src/main-5s.ts
+++ b/src/main-5s.ts
@@ -0,0 +1,5 @@
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import App from './App5S.vue'
+
+createApp(App).use(createPinia()).mount('#app')
--- a/src/modules/pull-system/FlowArticle.vue
+++ b/src/modules/pull-system/FlowArticle.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import SeparatorIcon from '@/icons/SeparatorIcon.vue'
-import FlowConclusion from '@/modules/article/FlowConclusion.vue'
-import FlowHypothesis from '@/modules/article/FlowHypothesis.vue'
-import FlowIntro from '@/modules/article/FlowIntro.vue'
-import FlowMultipleSimulation from '@/modules/article/FlowMultipleSimulation.vue'
-import FlowSetup from '@/modules/article/FlowSetup.vue'
-import FlowSingleSimulation from '@/modules/article/FlowSingleSimulation.vue'
-import FeatureSteps from '@/modules/feature/FeatureSteps.vue'
-import FlowDashboard from '@/modules/feature/FlowDashboard.vue'
-import SimulationControls from '@/modules/simulation/SimulationControls.vue'
-import SimulationDashboard from '@/modules/simulation/SimulationDashboard.vue'
+import FlowConclusion from '@/modules/pull-system/article/FlowConclusion.vue'
+import FlowHypothesis from '@/modules/pull-system/article/FlowHypothesis.vue'
+import FlowIntro from '@/modules/pull-system/article/FlowIntro.vue'
+import FlowMultipleSimulation from '@/modules/pull-system/article/FlowMultipleSimulation.vue'
+import FlowSetup from '@/modules/pull-system/article/FlowSetup.vue'
+import FlowSingleSimulation from '@/modules/pull-system/article/FlowSingleSimulation.vue'
+import FeatureSteps from '@/modules/pull-system/feature/FeatureSteps.vue'
+import FlowDashboard from '@/modules/pull-system/feature/FlowDashboard.vue'
+import SimulationControls from '@/modules/pull-system/simulation/SimulationControls.vue'
+import SimulationDashboard from '@/modules/pull-system/simulation/SimulationDashboard.vue'
 </script>

 <template>
--- a/src/modules/pull-system/article/FlowConclusion.vue
+++ b/src/modules/pull-system/article/FlowConclusion.vue
--- a/src/modules/pull-system/article/FlowHypothesis.vue
+++ b/src/modules/pull-system/article/FlowHypothesis.vue
--- a/src/modules/pull-system/article/FlowIntro.vue
+++ b/src/modules/pull-system/article/FlowIntro.vue
--- a/src/modules/pull-system/article/FlowMultipleSimulation.vue
+++ b/src/modules/pull-system/article/FlowMultipleSimulation.vue
--- a/src/modules/pull-system/article/FlowSetup.vue
+++ b/src/modules/pull-system/article/FlowSetup.vue
@@ -2,10 +2,10 @@
 import ProblemSolvingIcon from '@/icons/ProblemSolvingIcon.vue'
 import PullSystemIcon from '@/icons/PullSystemIcon.vue'
 import PushSystemIcon from '@/icons/PushSystemIcon.vue'
-import FeatureItem from '@/modules/feature/FeatureItem.vue'
-import FlowControls from '@/modules/feature/FlowControls.vue'
-import QualityIssue from '@/modules/feature/QualityIssue.vue'
-import { Feature } from '@/modules/feature/feature'
+import FeatureItem from '@/modules/pull-system/feature/FeatureItem.vue'
+import FlowControls from '@/modules/pull-system/feature/FlowControls.vue'
+import QualityIssue from '@/modules/pull-system/feature/QualityIssue.vue'
+import { Feature } from '@/modules/pull-system/feature/feature'

 const feature: Feature = {
  name: 'As a user, in the homepage, I can login',
--- a/src/modules/pull-system/article/FlowSingleSimulation.vue
+++ b/src/modules/pull-system/article/FlowSingleSimulation.vue
--- a/src/modules/pull-system/feature/FeatureItem.vue
+++ b/src/modules/pull-system/feature/FeatureItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import QualityIssue from '@/modules/feature/QualityIssue.vue'
-import { Feature } from '@/modules/feature/feature'
+import QualityIssue from '@/modules/pull-system/feature/QualityIssue.vue'
+import { Feature } from '@/modules/pull-system/feature/feature'
 import { computed } from 'vue'

 const props = withDefaults(
--- a/src/modules/pull-system/feature/FeatureStep.vue
+++ b/src/modules/pull-system/feature/FeatureStep.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import FeatureItem from '@/modules/feature/FeatureItem.vue'
-import { Feature } from '@/modules/feature/feature'
-import { FeatureStep } from '@/modules/feature/feature-steps'
+import FeatureItem from '@/modules/pull-system/feature/FeatureItem.vue'
+import { Feature } from '@/modules/pull-system/feature/feature'
+import { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
 import { useElementSize } from '@vueuse/core'
 import { computed, ref } from 'vue'
 import { Starport } from 'vue-starport'
--- a/src/modules/pull-system/feature/FeatureSteps.vue
+++ b/src/modules/pull-system/feature/FeatureSteps.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import FeatureStep from '@/modules/feature/FeatureStep.vue'
-import { featureSteps } from '@/modules/feature/feature-steps'
-import { useFeatureStore } from '@/modules/feature/feature-store'
+import FeatureStep from '@/modules/pull-system/feature/FeatureStep.vue'
+import { featureSteps } from '@/modules/pull-system/feature/feature-steps'
+import { useFeatureStore } from '@/modules/pull-system/feature/feature-store'
 import { onMounted } from 'vue'

 const NUMBER_OF_FEATURES = 20
--- a/src/modules/pull-system/feature/FlowControls.vue
+++ b/src/modules/pull-system/feature/FlowControls.vue
@@ -3,7 +3,7 @@ import EraserIcon from '@/icons/EraserIcon.vue'
 import ProblemSolvingIcon from '@/icons/ProblemSolvingIcon.vue'
 import PullSystemIcon from '@/icons/PullSystemIcon.vue'
 import PushSystemIcon from '@/icons/PushSystemIcon.vue'
-import { useFeatureStore } from '@/modules/feature/feature-store'
+import { useFeatureStore } from '@/modules/pull-system/feature/feature-store'

 const NUMBER_OF_FEATURES = 20

--- a/src/modules/pull-system/feature/FlowDashboard.vue
+++ b/src/modules/pull-system/feature/FlowDashboard.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import SeparatorIcon from '@/icons/SeparatorIcon.vue'
-import FlowControls from '@/modules/feature/FlowControls.vue'
-import { useFeatureStore } from '@/modules/feature/feature-store'
+import FlowControls from '@/modules/pull-system/feature/FlowControls.vue'
+import { useFeatureStore } from '@/modules/pull-system/feature/feature-store'

 const featureStore = useFeatureStore()
 </script>
--- a/src/modules/pull-system/feature/QualityIssue.vue
+++ b/src/modules/pull-system/feature/QualityIssue.vue
--- a/src/modules/pull-system/feature/feature-board.ts
+++ b/src/modules/pull-system/feature/feature-board.ts
@@ -1,6 +1,6 @@
-import { Feature, FeatureStatus } from '@/modules/feature/feature'
-import { FeatureStep } from '@/modules/feature/feature-steps'
-import { features as initialFeatures } from '@/modules/feature/feature.fixture'
+import { Feature, FeatureStatus } from '@/modules/pull-system/feature/feature'
+import { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
+import { features as initialFeatures } from '@/modules/pull-system/feature/feature.fixture'
 import { Strategy } from '@/modules/lean/strategy'
 import { FeatureState } from '@/store-type'
 import {
--- a/src/modules/pull-system/feature/feature-steps.ts
+++ b/src/modules/pull-system/feature/feature-steps.ts
--- a/src/modules/pull-system/feature/feature-store.ts
+++ b/src/modules/pull-system/feature/feature-store.ts
@@ -1,4 +1,4 @@
-import { Feature } from '@/modules/feature/feature'
+import { Feature } from '@/modules/pull-system/feature/feature'
 import {
  getMeanComplexity,
  getMeanLeadTime,
@@ -8,8 +8,8 @@ import {
  isProjectFinished,
  newBacklog,
  nextDay
-} from '@/modules/feature/feature-board'
-import { featureSteps } from '@/modules/feature/feature-steps'
+} from '@/modules/pull-system/feature/feature-board'
+import { featureSteps } from '@/modules/pull-system/feature/feature-steps'
 import { Strategy } from '@/modules/lean/strategy'
 import { FeatureState, Meta } from '@/store-type'
 import { defineStore } from 'pinia'
--- a/src/modules/pull-system/feature/feature.fixture.test.ts
+++ b/src/modules/pull-system/feature/feature.fixture.test.ts
--- a/src/modules/pull-system/feature/feature.fixture.ts
+++ b/src/modules/pull-system/feature/feature.fixture.ts
@@ -1,5 +1,5 @@
 import { birds } from '@/data/bird'
-import { Feature } from '@/modules/feature/feature'
+import { Feature } from '@/modules/pull-system/feature/feature'
 import { randomInteger } from '@/utils'

 export const features: Feature[] = birds.map((name) => ({
--- a/src/modules/pull-system/feature/feature.ts
+++ b/src/modules/pull-system/feature/feature.ts
--- a/src/modules/pull-system/lean/strategy.ts
+++ b/src/modules/pull-system/lean/strategy.ts
--- a/src/modules/pull-system/simulation/SimulationChart.vue
+++ b/src/modules/pull-system/simulation/SimulationChart.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useSimulationStore } from '@/modules/simulation/simulation-store'
+import { useSimulationStore } from '@/modules/pull-system/simulation/simulation-store'
 import { popNElement } from '@/utils'
 import chartXkcd from 'chart.xkcd'
 import { onMounted, ref, watch } from 'vue'
--- a/src/modules/pull-system/simulation/SimulationControls.vue
+++ b/src/modules/pull-system/simulation/SimulationControls.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Strategy } from '@/modules/lean/strategy'
-import { useSimulationStore } from '@/modules/simulation/simulation-store'
+import { useSimulationStore } from '@/modules/pull-system/simulation/simulation-store'

 defineProps<{
  type: 'single' | 'multiple'
--- a/src/modules/pull-system/simulation/SimulationDashboard.vue
+++ b/src/modules/pull-system/simulation/SimulationDashboard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Strategy } from '@/modules/lean/strategy'
-import { useSimulationStore } from '@/modules/simulation/simulation-store'
+import { useSimulationStore } from '@/modules/pull-system/simulation/simulation-store'

 const simulationStore = useSimulationStore()

--- a/src/modules/pull-system/simulation/simulation-store.ts
+++ b/src/modules/pull-system/simulation/simulation-store.ts
@@ -1,4 +1,4 @@
-import { featureSteps } from '@/modules/feature/feature-steps'
+import { featureSteps } from '@/modules/pull-system/feature/feature-steps'
 import { Strategy } from '@/modules/lean/strategy'
 import { Dashboard, Meta } from '@/store-type'
 import { getRound } from '@/utils'
--- a/src/store-type.ts
+++ b/src/store-type.ts
@@ -1,5 +1,5 @@
-import { Feature } from '@/modules/feature/feature'
-import { FeatureStep } from '@/modules/feature/feature-steps'
+import { Feature } from '@/modules/pull-system/feature/feature'
+import { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
 import { Strategy } from '@/modules/lean/strategy'

 export type Meta = {
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,7 +9,8 @@ export default defineConfig({
    rollupOptions: {
      input: {
        index: 'index.html',
-        'pull-system': 'pull-system.html'
+        'pull-system': 'pull-system.html',
+        '5s': '5s.html'
      }
    }
  },
@@ -20,6 +21,6 @@ export default defineConfig({
    }
  },
  worker: {
-    plugins: [comlink()]
+    plugins: () => [comlink()]
  }
 })