Localization

Author: Stigmatoz

src/_locales/de/messages.json

@@ -128,6 +128,38 @@
   "notificationsSettings": {
     "message": "Benachrichtigungen"
   },
+  "pomodoroMode": {
+    "message": "Pomodoro"
+  },
+  "pomodoro": {
+    "message": "Pomodoro",
+    "description": "Die Pomodoro-Methode ist eine Zeitmanagementtechnik, die auf dem Wechsel von konzentrierten Arbeits- und Ruhephasen basiert. Bei der klassischen Pomodoro-Methode dauert die Arbeitsphase 25 Minuten und die Ruhephase 5 Minuten."
+  },
+  "pomodoroExplanationIcon": {
+    "message": "Wenn der Pomodoro-Modus aktiviert ist und der Betriebsmodus aktiv ist, sehen Sie dieses Symbol",
+    "description": "Während der Ruhezeiten sehen Sie dieses Erweiterungssymbol"
+  },
+  "pomodoroExplanationTime": {
+    "message": "Während des Pomodoro-Modus berücksichtigt die Erweiterung weiterhin die Zeit, die Sie auf den Seiten verbracht haben, alle Grenzen und Benachrichtigungen funktionieren."
+  },
+  "pomodoroExplanationStop": {
+    "message": "Nach dem Drücken von 'Stop' werden die Betriebs- und Ruhezeiten auf Null zurückgesetzt."
+  },
+  "pomodoroWork": {
+    "message": "Zeitraum der Arbeit"
+  },
+  "pomodoroRest": {
+    "message": "Ruhezeit"
+  },
+  "pomodoroFrequency": {
+    "message": "Anzahl der Wiederholungen"
+  },
+  "start": {
+    "message": "Starten Sie"
+  },
+  "stop": {
+    "message": "Stop"
+  },
   "aboutSettings": {
     "message": "Über die Erweiterung"
   },
@@ -315,5 +347,9 @@
   "promoClearYoutube": {
     "message": "Möchten Sie Kurzfilme, Kommentare, empfohlene Videos, Abonnements und andere YouTube-Ablenkungen blockieren? Wir haben eine weitere Erweiterung erstellt, mit der Sie YouTube ohne Ablenkung ansehen können.",
     "description": "Install"
+  },
+  "completelyBlocked": {
+    "message": "Vollständig blockiert",
+    "description": "Vollständig blockieren"
   }
 }

src/_locales/en/messages.json

@@ -3,7 +3,7 @@
     "message": "Web Activity Time Tracker - Block Sites"
   },
   "extDescription": {
-    "message": "Time tracking of your web activity, limit and block distracting websites. Monitor your web usage."
+    "message": "Track time of your web activity, limit and block distracting websites. Monitor your web usage."
   },
   "settings": {
     "message": "Settings"
@@ -128,6 +128,38 @@
   "notificationsSettings": {
     "message": "Notifications"
   },
+  "pomodoroMode": {
+    "message": "Pomodoro"
+  },
+  "pomodoro": {
+    "message": "Pomodoro",
+    "description": "The Pomodoro method is a time management technique based on alternating periods of focused work and rest. According to the classics of the Pomodoro method, the work period lasts 25 minutes, the rest period is 5 minutes."
+  },
+  "pomodoroExplanationIcon": {
+    "message": "When Pomodoro mode is on and operation mode is active, you will see this icon",
+    "description": "During rest periods, you will see this extension icon"
+  },
+  "pomodoroExplanationTime": {
+    "message": "During Pomodoro mode, the extension continues to take into account the time you spent on the sites, all limits and notifications work."
+  },
+  "pomodoroExplanationStop": {
+    "message": "After clicking 'Stop', work and rest time is reset to zero."
+  },
+  "pomodoroWork": {
+    "message": "The period of work"
+  },
+  "pomodoroRest": {
+    "message": "The rest period"
+  },
+  "pomodoroFrequency": {
+    "message": "Number of repetitions"
+  },
+  "start": {
+    "message": "Run"
+  },
+  "stop": {
+    "message": "Stop"
+  },
   "aboutSettings": {
     "message": "About"
   },
@@ -315,5 +347,9 @@
   "intervalsChart": {
     "message": "Only time intervals greater than",
     "description": "are shown"
+  },
+  "completelyBlocked": {
+    "message": "Completely Blocked",
+    "description": "Completely Block"
   }
 }

src/_locales/ru/messages.json

@@ -128,6 +128,38 @@
   "notificationsSettings": {
     "message": "Уведомления"
   },
+  "pomodoroMode": {
+    "message": "Pomodoro"
+  },
+  "pomodoro": {
+    "message": "Pomodoro",
+    "description": "Метод Pomodoro — это техника тайм-менеджмента, завязанная на чередовании периодов сфокусированной работы и отдыха. По классике метода помодоро период работы длится 25 минут, период отдыха 5 минут."
+  },
+  "pomodoroExplanationIcon": {
+    "message": "Когда режим Pomodoro включен и активен режим работы, то вы будете видеть эту иконку",
+    "description": "В периоды отдыха вы будете видеть эту иконку расширения"
+  },
+  "pomodoroExplanationTime": {
+    "message": "Во время режима Pomodoro, расширение продолжает учитывать время, которые вы провели на сайтах,работают все лимиты и уведомления."
+  },
+  "pomodoroExplanationStop": {
+    "message": "После нажатия 'Остановить', время работы и отдыха обнуляется."
+  },
+  "pomodoroWork": {
+    "message": "Период работы"
+  },
+  "pomodoroRest": {
+    "message": "Период отдыха"
+  },
+  "pomodoroFrequency": {
+    "message": "Количество повторов"
+  },
+  "start": {
+    "message": "Запустить"
+  },
+  "stop": {
+    "message": "Остановить"
+  },
   "aboutSettings": {
     "message": "\u041E программе"
   },
@@ -310,11 +342,15 @@
     "message": "По часам"
   },
   "intervals": {
-    "message": "Интервальны",
+    "message": "Интервалы",
     "description": "Отображаются только временные интервалы, превышающие 5 секунд"
   },
   "intervalsChart": {
     "message": "Отображаются только временные интервалы, превышающие",
     "description": ""
+  },
+  "completelyBlocked": {
+    "message": "Полностью заблокирован",
+    "description": "Полностью заблокировать"
   }
 }

src/_locales/zh_CN/messages.json

@@ -128,6 +128,38 @@
   "notificationsSettings": {
     "message": "通知"
   },
+  "pomodoroMode": {
+    "message": "Pomodoro"
+  },
+  "pomodoro": {
+    "message": "Pomodoro",
+    "description": "Pomodoro 工作法是一种时间管理技术，以交替集中工作和休息为基础。根据经典的 Pomodoro 方法，工作时间为 25 分钟，休息时间为 5 分钟。"
+  },
+  "pomodoroExplanationIcon": {
+    "message": "启用 Pomodoro 模式并激活操作模式后，您将看到以下图标",
+    "description": "在休息时间，您会看到这个扩展图标"
+  },
+  "pomodoroExplanationTime": {
+    "message": "在 Pomodoro 模式下，扩展会继续考虑你在网站上花费的时间、所有限制和通知。"
+  },
+  "pomodoroExplanationStop": {
+    "message": "按下 '停止' 键后，运行时间和休息时间将重置为零"
+  },
+  "pomodoroWork": {
+    "message": "工作期限"
+  },
+  "pomodoroRest": {
+    "message": "休息时间"
+  },
+  "pomodoroFrequency": {
+    "message": "重复次数"
+  },
+  "start": {
+    "message": "启动"
+  },
+  "stop": {
+    "message": "停止"
+  },
   "aboutSettings": {
     "message": "关于"
   },
@@ -315,5 +347,9 @@
   "promoClearYoutube": {
     "message": "您想屏蔽短片、评论、推荐视频、订阅和其他 YouTube 干扰内容吗？ 我们创建了另一个扩展程序，可帮助您不受干扰地观看 YouTube",
     "description": "安装"
+  },
+  "completelyBlocked": {
+    "message": "完全封锁",
+    "description": "完全封锁"
   }
 }

src/assets/css/dashboard.css

@@ -21,7 +21,7 @@ body {
 }
 
 .description {
-  font-size: 13px;
+  font-size: 14px;
   color: grey;
   margin: 7px 0 15px 0;
   font-weight: normal;

src/components/Pomodoro.vue

@@ -3,6 +3,18 @@
   <p class="description">
     {{ t('pomodoro.description') }}
   </p>
+  <div class="explanation-block">
+    <p class="explanation">
+      {{ t('pomodoroExplanationIcon.message') }}
+      <span><img class="ml-5" src="../assets/icons/pomodoro.png" height="30" /></span>.
+      {{ t('pomodoroExplanationIcon.description') }}
+      <img class="ml-5" src="../assets/icons/pomodoro-rest.png" height="30" />.
+    </p>
+    <p class="explanation">
+      {{ t('pomodoroExplanationTime.message') }}
+    </p>
+    <p class="explanation">{{ t('pomodoroExplanationStop.message') }}</p>
+  </div>
   <div class="pomodoro-block mt-20">
     <p class="title">{{ t('pomodoroWork.message') }}</p>
     <VueDatePicker v-model="workTime" time-picker class="date-picker" />
@@ -26,7 +38,11 @@
   </button>
 </template>
 
-<script lang="ts"></script>
+<script lang="ts">
+export default {
+  name: 'Pomodoro',
+};
+</script>
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
@@ -160,4 +176,14 @@ button.start {
 button.stop {
   background-color: rgb(191, 59, 59) !important;
 }
+.explanation-block {
+  margin: 10px 0;
+  padding: 15px;
+  background-color: #d7d7ff;
+  border-radius: 10px;
+}
+.explanation-block .explanation {
+  font-size: 15px;
+  color: black;
+}
 </style>

src/pages/Popup.vue

@@ -141,7 +141,7 @@ function updateTab() {
 }
 .headerBlock .header {
   font-size: 16px;
-  padding: 0 10px;
+  padding: 0 0 0 5px;
   display: inline-block;
   font-weight: 600;
   color: #4a4a4a;
@@ -176,6 +176,5 @@ function updateTab() {
 }
 .headerBlock .icons-block .dark-mode-icon {
   vertical-align: middle;
-  margin-right: 10px;
 }
 </style>