chore: Update version

Closes #848

.husky/pre-commit

@@ -1 +1,2 @@
+#!/bin/sh
 npx lint-staged

README.md

@@ -1,7 +1,7 @@
 # Planka
 #### Elegant open source project tracking.
 
-![David (path)](https://img.shields.io/github/package-json/v/plankanban/planka) ![Docker Pulls](https://img.shields.io/docker/pulls/meltyshev/planka) ![GitHub](https://img.shields.io/github/license/plankanban/planka)
+![David (path)](https://img.shields.io/github/package-json/v/plankanban/planka) ![Docker Pulls](https://img.shields.io/badge/docker_pulls-4M%2B-%23066da5) ![GitHub](https://img.shields.io/github/license/plankanban/planka)
 
 ![](https://raw.githubusercontent.com/plankanban/planka/master/demo.gif)
 

charts/planka/Chart.yaml

@@ -15,13 +15,13 @@ type: application
 # This is the chart version. This version number should be incremented each time you make changes
 # to the chart and its templates, including the app version.
 # Versions are expected to follow Semantic Versioning (https://semver.org/)
-version: 0.2.3
+version: 0.2.7
 
 # This is the version number of the application being deployed. This version number should be
 # incremented each time you make changes to the application. Versions are not expected to
 # follow Semantic Versioning. They should reflect the version the application is using.
 # It is recommended to use it with quotes.
-appVersion: "1.19.2"
+appVersion: "1.21.1"
 
 dependencies:
   - alias: postgresql

client/.env

@@ -1 +0,0 @@
-REACT_APP_VERSION=1.19.2

client/package-lock.json

@@ -12,7 +12,7 @@
         "dequal": "^2.0.3",
         "easymde": "^2.18.0",
         "history": "^5.3.0",
-        "i18next": "^23.11.5",
+        "i18next": "^23.12.2",
         "i18next-browser-languagedetector": "^8.0.0",
         "initials": "^3.1.2",
         "js-cookie": "^3.0.5",
@@ -30,7 +30,7 @@
         "react-datepicker": "^4.25.0",
         "react-dom": "^18.2.0",
         "react-dropzone": "^14.2.3",
-        "react-i18next": "^14.1.2",
+        "react-i18next": "^15.0.0",
         "react-input-mask": "^2.0.4",
         "react-markdown": "^8.0.7",
         "react-photoswipe-gallery": "^2.2.7",
@@ -2007,9 +2007,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.6",
+      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz",
-      "integrity": "sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==",
+      "integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -11975,9 +11975,9 @@
       }
     },
     "node_modules/i18next": {
-      "version": "23.11.5",
+      "version": "23.12.2",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.11.5.tgz",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.12.2.tgz",
-      "integrity": "sha512-41pvpVbW9rhZPk5xjCX2TPJi2861LEig/YRhUkY+1FQ2IQPS0bKUDYnEqY8XPPbB48h1uIwLnP9iiEfuSl20CA==",
+      "integrity": "sha512-XIeh5V+bi8SJSWGL3jqbTEBW5oD6rbP5L+E7dVQh1MNTxxYef0x15rhJVcRb7oiuq4jLtgy2SD8eFlf6P2cmqg==",
       "funding": [
         {
           "type": "individual",
@@ -22084,11 +22084,11 @@
       "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
     },
     "node_modules/react-i18next": {
-      "version": "14.1.2",
+      "version": "15.0.0",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-14.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-15.0.0.tgz",
-      "integrity": "sha512-FSIcJy6oauJbGEXfhUgVeLzvWBhIBIS+/9c6Lj4niwKZyGaGb4V4vUbATXSlsHJDXXB+ociNxqFNiFuV1gmoqg==",
+      "integrity": "sha512-2O3IgF4zivg57Q6p6i+ChDgJ371IDcEWbuWC6gvoh5NbkDMs0Q+O7RPr4v61+Se32E0V+LmtwePAeqWZW0bi6g==",
       "dependencies": {
-        "@babel/runtime": "^7.23.9",
+        "@babel/runtime": "^7.24.8",
         "html-parse-stringify": "^3.0.1"
       },
       "peerDependencies": {
@@ -24943,9 +24943,9 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
     "node_modules/socket.io-parser": {
-      "version": "3.3.3",
+      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.4.tgz",
-      "integrity": "sha512-qOg87q1PMWWTeO01768Yh9ogn7chB9zkKtQnya41Y355S0UmpXgpcrFwAgjYJxu9BdKug5r5e9YtVSeWhKBUZg==",
+      "integrity": "sha512-z/pFQB3x+EZldRRzORYW1vwVO8m/3ILkswtnpoeU6Ve3cbMWkmHEWDAVJn4QJtchiiFTo5j7UG2QvwxvaA9vow==",
       "dependencies": {
         "component-emitter": "~1.3.0",
         "debug": "~3.1.0",

client/package.json

@@ -65,7 +65,7 @@
     "dequal": "^2.0.3",
     "easymde": "^2.18.0",
     "history": "^5.3.0",
-    "i18next": "^23.11.5",
+    "i18next": "^23.12.2",
     "i18next-browser-languagedetector": "^8.0.0",
     "initials": "^3.1.2",
     "js-cookie": "^3.0.5",
@@ -83,7 +83,7 @@
     "react-datepicker": "^4.25.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-i18next": "^14.1.2",
+    "react-i18next": "^15.0.0",
     "react-input-mask": "^2.0.4",
     "react-markdown": "^8.0.7",
     "react-photoswipe-gallery": "^2.2.7",

client/public/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"

client/src/components/Background/Background.module.scss

@@ -1,6 +1,8 @@
 :global(#app) {
   .wrapper {
     height: 100%;
+    max-height: 100vh;
+    max-width: 100vw;
     position: fixed;
     width: 100%;
     z-index: -1;

client/src/components/Board/Board.module.scss

@@ -48,16 +48,6 @@
     min-width: 100%;
   }
 
-  .panel {
-    align-items: center;
-    display: flex;
-    margin-bottom: 20px;
-  }
-
-  .panelItem {
-    margin-right: 20px;
-  }
-
   .wrapper {
     margin: 0 20px;
   }

client/src/components/BoardActions/BoardActions.module.scss

@@ -3,12 +3,13 @@
     align-items: center;
     display: flex;
     flex: 0 0 auto;
-    margin-right: 20px;
   }
 
   .actions {
     align-items: center;
     display: flex;
+    gap: 20px;
+    justify-content: flex-start;
     margin: 20px 20px;
   }
 

client/src/components/BoardActions/Filters.module.scss

@@ -50,6 +50,10 @@
     transition: width 0.2s ease;
     width: 280px;
 
+    @media only screen and (max-width: 797px) {
+      width: 220px;
+    }
+
     input {
       font-size: 13px;
     }

client/src/components/Card/Card.jsx

@@ -24,6 +24,7 @@ const Card = React.memo(
     index,
     name,
     dueDate,
+    isDueDateCompleted,
     stopwatch,
     coverUrl,
     boardId,
@@ -120,7 +121,7 @@ const Card = React.memo(
               )}
               {dueDate && (
                 <span className={classNames(styles.attachment, styles.attachmentLeft)}>
-                  <DueDate value={dueDate} size="tiny" />
+                  <DueDate value={dueDate} isCompleted={isDueDateCompleted} size="tiny" />
                 </span>
               )}
               {stopwatch && (
@@ -221,6 +222,7 @@ Card.propTypes = {
   index: PropTypes.number.isRequired,
   name: PropTypes.string.isRequired,
   dueDate: PropTypes.instanceOf(Date),
+  isDueDateCompleted: PropTypes.bool,
   stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
   coverUrl: PropTypes.string,
   boardId: PropTypes.string.isRequired,
@@ -255,6 +257,7 @@ Card.propTypes = {
 
 Card.defaultProps = {
   dueDate: undefined,
+  isDueDateCompleted: undefined,
   stopwatch: undefined,
   coverUrl: undefined,
 };

client/src/components/Card/Card.module.scss

@@ -21,6 +21,14 @@
       background: #ebeef0;
       color: #516b7a;
     }
+
+    @media only screen and (max-width: 797px) {
+      &:focus,
+      &:active {
+        background: #ebeef0;
+        color: #516b7a;
+      }
+    }
   }
 
   .attachment {
@@ -55,6 +63,12 @@
     box-shadow: 0 1px 0 #ccc;
     position: relative;
 
+    @media only screen and (max-width: 797px) {
+      .target {
+        opacity: 1;
+      }
+    }
+
     &:hover {
       background: #f5f6f7;
       border-bottom-color: rgba(9, 30, 66, 0.25);

client/src/components/CardModal/CardModal.jsx

@@ -2,7 +2,7 @@ import React, { useCallback, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
-import { Button, Grid, Icon, Modal } from 'semantic-ui-react';
+import { Button, Checkbox, Grid, Icon, Modal } from 'semantic-ui-react';
 import { usePopup } from '../../lib/popup';
 import { Markdown } from '../../lib/custom-ui';
 
@@ -32,6 +32,7 @@ const CardModal = React.memo(
     name,
     description,
     dueDate,
+    isDueDateCompleted,
     stopwatch,
     isSubscribed,
     isActivitiesFetching,
@@ -118,6 +119,12 @@ const CardModal = React.memo(
       [onUpdate],
     );
 
+    const handleDueDateCompletionChange = useCallback(() => {
+      onUpdate({
+        isDueDateCompleted: !isDueDateCompleted,
+      });
+    }, [isDueDateCompleted, onUpdate]);
+
     const handleStopwatchUpdate = useCallback(
       (newStopwatch) => {
         onUpdate({
@@ -300,13 +307,24 @@ const CardModal = React.memo(
                         context: 'title',
                       })}
                     </div>
-                    <span className={styles.attachment}>
+                    <span className={classNames(styles.attachment, styles.attachmentDueDate)}>
                       {canEdit ? (
+                        <>
+                          <Checkbox
+                            checked={isDueDateCompleted}
+                            disabled={!canEdit}
+                            onChange={handleDueDateCompletionChange}
+                          />
                           <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
-                          <DueDate value={dueDate} />
+                            <DueDate
+                              withStatusIcon
+                              value={dueDate}
+                              isCompleted={isDueDateCompleted}
+                            />
                           </DueDateEditPopup>
+                        </>
                       ) : (
-                        <DueDate value={dueDate} />
+                        <DueDate withStatusIcon value={dueDate} isCompleted={isDueDateCompleted} />
                       )}
                     </span>
                   </div>
@@ -515,14 +533,19 @@ const CardModal = React.memo(
                   <Icon name="copy outline" className={styles.actionIcon} />
                   {t('action.duplicate')}
                 </Button>
+                {window.isSecureContext && (
                   <Button fluid className={styles.actionButton} onClick={handleCopyLinkClick}>
-                  <Icon name={isLinkCopied ? 'linkify' : 'unlink'} className={styles.actionIcon} />
+                    <Icon
+                      name={isLinkCopied ? 'linkify' : 'unlink'}
+                      className={styles.actionIcon}
+                    />
                     {isLinkCopied
                       ? t('common.linkIsCopied')
                       : t('action.copyLink', {
                           context: 'title',
                         })}
                   </Button>
+                )}
                 <DeletePopup
                   title="common.deleteCard"
                   content="common.areYouSureYouWantToDeleteThisCard"
@@ -557,6 +580,7 @@ CardModal.propTypes = {
   name: PropTypes.string.isRequired,
   description: PropTypes.string,
   dueDate: PropTypes.instanceOf(Date),
+  isDueDateCompleted: PropTypes.bool,
   stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
   isSubscribed: PropTypes.bool.isRequired,
   isActivitiesFetching: PropTypes.bool.isRequired,
@@ -611,6 +635,7 @@ CardModal.propTypes = {
 CardModal.defaultProps = {
   description: undefined,
   dueDate: undefined,
+  isDueDateCompleted: false,
   stopwatch: undefined,
 };
 

client/src/components/CardModal/CardModal.module.scss

@@ -25,6 +25,15 @@
 
   .actions {
     margin-bottom: 24px;
+
+    @media only screen and (max-width: 797px) {
+      flex: 1;
+    }
+
+    @media only screen and (max-width: 425px) {
+      padding: 0;
+      width: 100%;
+    }
   }
 
   .actionsTitle {
@@ -49,6 +58,12 @@
     max-width: 100%;
   }
 
+  .attachmentDueDate {
+    align-items: center;
+    display: flex;
+    gap: 4px;
+  }
+
   .attachments {
     display: inline-block;
     margin: 0 8px 8px 0;
@@ -62,6 +77,11 @@
 
   .contentPadding {
     padding: 8px 8px 0 16px;
+
+    @media only screen and (max-width: 797px) {
+      padding-right: 16px;
+      width: 100% !important;
+    }
   }
 
   .cursorPointer {
@@ -154,6 +174,11 @@
 
   .modalPadding {
     padding: 0px;
+
+    @media only screen and (max-width: 797px) {
+      display: flex;
+      flex-flow: column nowrap;
+    }
   }
 
   .moduleHeader {
@@ -184,6 +209,15 @@
 
   .sidebarPadding {
     padding: 8px 16px 0 8px;
+
+    @media only screen and (max-width: 797px) {
+      align-items: flex-start;
+      display: flex;
+      flex-flow: row wrap;
+      gap: 10px;
+      padding-left: 16px;
+      width: 100% !important;
+    }
   }
 
   .text {

client/src/components/Core/Core.module.scss

@@ -4,6 +4,7 @@
     border-radius: 4px;
     bottom: 20px;
     box-shadow: #b04632 0 1px 0;
+    max-width: calc(100% - 40px);
     padding: 12px 18px;
     position: fixed;
     right: 20px;

client/src/components/DueDate/DueDate.jsx

@@ -1,8 +1,10 @@
 import upperFirst from 'lodash/upperFirst';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
+import { Icon } from 'semantic-ui-react';
+import { useForceUpdate } from '../../lib/hooks';
 
 import getDateFormat from '../../utils/get-date-format';
 
@@ -14,6 +16,12 @@ const SIZES = {
   MEDIUM: 'medium',
 };
 
+const STATUSES = {
+  DUE_SOON: 'dueSoon',
+  OVERDUE: 'overdue',
+  COMPLETED: 'completed',
+};
+
 const LONG_DATE_FORMAT_BY_SIZE = {
   tiny: 'longDate',
   small: 'longDate',
@@ -26,8 +34,47 @@ const FULL_DATE_FORMAT_BY_SIZE = {
   medium: 'fullDateTime',
 };
 
-const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
+const STATUS_ICON_PROPS_BY_STATUS = {
+  [STATUSES.DUE_SOON]: {
+    name: 'hourglass half',
+    color: 'orange',
+  },
+  [STATUSES.OVERDUE]: {
+    name: 'hourglass end',
+    color: 'red',
+  },
+  [STATUSES.COMPLETED]: {
+    name: 'checkmark',
+    color: 'green',
+  },
+};
+
+const getStatus = (dateTime, isCompleted) => {
+  if (isCompleted) {
+    return STATUSES.COMPLETED;
+  }
+
+  const secondsLeft = Math.floor((dateTime.getTime() - new Date().getTime()) / 1000);
+
+  if (secondsLeft <= 0) {
+    return STATUSES.OVERDUE;
+  }
+
+  if (secondsLeft <= 24 * 60 * 60) {
+    return STATUSES.DUE_SOON;
+  }
+
+  return null;
+};
+
+const DueDate = React.memo(({ value, size, isCompleted, isDisabled, withStatusIcon, onClick }) => {
   const [t] = useTranslation();
+  const forceUpdate = useForceUpdate();
+
+  const statusRef = useRef(null);
+  statusRef.current = getStatus(value, isCompleted);
+
+  const intervalRef = useRef(null);
 
   const dateFormat = getDateFormat(
     value,
@@ -35,11 +82,34 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
     FULL_DATE_FORMAT_BY_SIZE[size],
   );
 
+  useEffect(() => {
+    if ([null, STATUSES.DUE_SOON].includes(statusRef.current)) {
+      intervalRef.current = setInterval(() => {
+        const status = getStatus(value, isCompleted);
+
+        if (status !== statusRef.current) {
+          forceUpdate();
+        }
+
+        if (status === STATUSES.OVERDUE) {
+          clearInterval(intervalRef.current);
+        }
+      }, 1000);
+    }
+
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+      }
+    };
+  }, [value, isCompleted, forceUpdate]);
+
   const contentNode = (
     <span
       className={classNames(
         styles.wrapper,
         styles[`wrapper${upperFirst(size)}`],
+        !withStatusIcon && statusRef.current && styles[`wrapper${upperFirst(statusRef.current)}`],
         onClick && styles.wrapperHoverable,
       )}
     >
@@ -47,6 +117,10 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
         value,
         postProcess: 'formatDate',
       })}
+      {withStatusIcon && statusRef.current && (
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        <Icon {...STATUS_ICON_PROPS_BY_STATUS[statusRef.current]} className={styles.statusIcon} />
+      )}
     </span>
   );
 
@@ -62,14 +136,19 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
 DueDate.propTypes = {
   value: PropTypes.instanceOf(Date).isRequired,
   size: PropTypes.oneOf(Object.values(SIZES)),
+  isCompleted: PropTypes.bool.isRequired,
   isDisabled: PropTypes.bool,
+  withStatusIcon: PropTypes.bool,
   onClick: PropTypes.func,
+  onCompletionToggle: PropTypes.func,
 };
 
 DueDate.defaultProps = {
   size: SIZES.MEDIUM,
   isDisabled: false,
+  withStatusIcon: false,
   onClick: undefined,
+  onCompletionToggle: undefined,
 };
 
 export default DueDate;

client/src/components/DueDate/DueDate.module.scss

@@ -8,16 +8,17 @@
     padding: 0;
   }
 
+  .statusIcon {
+    line-height: 1;
+    margin: 0 0 0 8px;
+  }
+
   .wrapper {
     background: #dce0e4;
-    border: none;
     border-radius: 3px;
     color: #6a808b;
     display: inline-block;
-    outline: none;
-    text-align: left;
     transition: background 0.3s ease;
-    vertical-align: top;
   }
 
   .wrapperHoverable:hover {
@@ -43,4 +44,21 @@
     line-height: 20px;
     padding: 6px 12px;
   }
+
+  /* Statuses */
+
+  .wrapperDueSoon {
+    background: #f2711c;
+    color: #fff;
+  }
+
+  .wrapperOverdue {
+    background: #db2828;
+    color: #fff;
+  }
+
+  .wrapperCompleted {
+    background: #21ba45;
+    color: #fff;
+  }
 }

client/src/components/Fixed/Fixed.module.scss

@@ -1,5 +1,6 @@
 :global(#app) {
   .wrapper {
+    max-width: 100vw;
     position: fixed;
     width: 100%;
     z-index: 1;

client/src/components/Header/Header.module.scss

@@ -87,7 +87,12 @@
   }
 
   .userName {
+    display: none;
     margin-right: 10px;
+
+    @media only screen and (min-width: 797px) {
+      display: block;
+    }
   }
 
   .wrapper {

client/src/components/Label/Label.jsx

@@ -17,7 +17,7 @@ const SIZES = {
 
 const Label = React.memo(({ name, color, size, isDisabled, onClick }) => {
   const contentNode = (
-    <div
+    <span
       title={name}
       className={classNames(
         styles.wrapper,
@@ -28,7 +28,7 @@ const Label = React.memo(({ name, color, size, isDisabled, onClick }) => {
       )}
     >
       {name || '\u00A0'}
-    </div>
+    </span>
   );
 
   return onClick ? (

client/src/components/Label/Label.module.scss

@@ -11,17 +11,17 @@
 
   .wrapper {
     border-radius: 3px;
-    box-sizing: border-box;
     color: #fff;
+    display: inline-block;
     font-weight: 400;
-    outline: none;
     overflow: hidden;
     text-overflow: ellipsis;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+    vertical-align: top;
     white-space: nowrap;
   }
 
-  .wrapperNameless{
+  .wrapperNameless {
     width: 40px;
   }
 

client/src/components/List/List.module.scss

@@ -80,6 +80,12 @@
     &:hover .target {
       opacity: 1;
     }
+
+    @media only screen and (max-width: 797px) {
+      .target {
+        opacity: 1;
+      }
+    }
   }
 
   .headerEditable {
@@ -103,6 +109,14 @@
       background: rgba(9, 30, 66, 0.13);
       color: #516b7a;
     }
+
+    @media only screen and (max-width: 797px) {
+      &:focus,
+      &:active {
+        background: rgba(9, 30, 66, 0.13);
+        color: #516b7a;
+      }
+    }
   }
 
   .headerName {

client/src/components/Memberships/Memberships.module.scss

@@ -11,6 +11,10 @@
     vertical-align: top;
     width: 36px;
 
+    @media only screen and (max-width: 797px) {
+      margin-left: 10px;
+    }
+
     &:hover {
       background: rgba(0, 0, 0, 0.32);
     }

client/src/components/Stopwatch/Stopwatch.module.scss

@@ -10,13 +10,10 @@
 
   .wrapper {
     background: #dce0e4;
-    border: none;
     border-radius: 3px;
     color: #6a808b;
     display: inline-block;
     font-variant-numeric: tabular-nums;
-    outline: none;
-    text-align: left;
     transition: background 0.3s ease;
     vertical-align: top;
   }

client/src/components/User/User.module.scss

@@ -14,12 +14,10 @@
   }
 
   .wrapper {
-    border: none;
     border-radius: 50%;
     color: #fff;
     display: inline-block;
     line-height: 1;
-    outline: none;
     text-align: center;
     vertical-align: top;
   }

client/src/components/UserSettingsModal/AboutPane.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Image, Tab } from 'semantic-ui-react';
 
-import Config from '../../constants/Config';
+import version from '../../version';
 
 import logo from '../../assets/images/logo.png';
 
@@ -15,7 +15,7 @@ const AboutPane = React.memo(() => {
     <Tab.Pane attached={false} className={styles.wrapper}>
       <Image centered src={logo} size="large" />
       <div className={styles.version}>
-        {t('common.version')} {Config.VERSION}
+        {t('common.version')} {version}
       </div>
     </Tab.Pane>
   );

client/src/constants/Config.js

@@ -1,5 +1,3 @@
-const VERSION = process.env.REACT_APP_VERSION;
-
 const { BASE_URL } = window;
 const BASE_PATH = BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
 
@@ -18,7 +16,6 @@ const POSITION_GAP = 65535;
 const ACTIVITIES_LIMIT = 50;
 
 export default {
-  VERSION,
   BASE_PATH,
   SERVER_BASE_URL,
   SERVER_BASE_PATH,

client/src/containers/CardContainer.js

@@ -20,10 +20,8 @@ const makeMapStateToProps = () => {
     const allLabels = selectors.selectLabelsForCurrentBoard(state);
     const currentUserMembership = selectors.selectCurrentUserMembershipForCurrentBoard(state);
 
-    const { name, dueDate, stopwatch, coverUrl, boardId, listId, isPersisted } = selectCardById(
+    const { name, dueDate, isDueDateCompleted, stopwatch, coverUrl, boardId, listId, isPersisted } =
-      state,
+      selectCardById(state, id);
-      id,
-    );
 
     const users = selectUsersByCardId(state, id);
     const labels = selectLabelsByCardId(state, id);
@@ -38,6 +36,7 @@ const makeMapStateToProps = () => {
       index,
       name,
       dueDate,
+      isDueDateCompleted,
       stopwatch,
       coverUrl,
       boardId,

client/src/containers/CardModalContainer.js

@@ -21,6 +21,7 @@ const mapStateToProps = (state) => {
     name,
     description,
     dueDate,
+    isDueDateCompleted,
     stopwatch,
     isSubscribed,
     isActivitiesFetching,
@@ -49,6 +50,7 @@ const mapStateToProps = (state) => {
     name,
     description,
     dueDate,
+    isDueDateCompleted,
     stopwatch,
     isSubscribed,
     isActivitiesFetching,

client/src/i18n.js

@@ -58,9 +58,9 @@ i18n
   .use(initReactI18next)
   .init({
     resources: embeddedLocales,
-    fallbackLng: 'en',
+    fallbackLng: 'en-US',
     supportedLngs: languages,
-    load: 'languageOnly',
+    load: 'currentOnly',
     interpolation: {
       escapeValue: false,
       format(value, format, language) {
@@ -80,7 +80,7 @@ i18n
   });
 
 i18n.loadCoreLocale = async (language = i18n.resolvedLanguage) => {
-  if (language === 'en') {
+  if (language === i18n.options.fallbackLng[0]) {
     return;
   }
 

client/src/locales/bg-BG/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'bg',
+  language: 'bg-BG',
   country: 'bg',
   name: 'Български',
   embeddedLocale: login,

client/src/locales/cs-CZ/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'cs',
+  language: 'cs-CZ',
   country: 'cz',
   name: 'Čeština',
   embeddedLocale: login,

client/src/locales/da-DK/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'da',
+  language: 'da-DK',
   country: 'dk',
   name: 'Dansk',
   embeddedLocale: login,

client/src/locales/de-DE/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'de',
+  language: 'de-DE',
   country: 'de',
   name: 'Deutsch',
   embeddedLocale: login,

client/src/locales/en-US/index.js

@@ -4,8 +4,8 @@ import login from './login';
 import core from './core';
 
 export default {
-  language: 'en',
+  language: 'en-US',
-  country: 'gb',
+  country: 'us',
   name: 'English',
   embeddedLocale: merge(login, core),
 };

client/src/locales/es-ES/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'es',
+  language: 'es-ES',
   country: 'es',
   name: 'Español',
   embeddedLocale: login,

client/src/locales/fa-IR/core.js

@@ -0,0 +1,254 @@
+import dateFns from 'date-fns/locale/fa-IR';
+
+export default {
+  dateFns,
+
+  format: {
+    date: 'M/d/yyyy',
+    time: 'p',
+    dateTime: '$t(format:date) $t(format:time)',
+    longDate: 'MMM d',
+    longDateTime: "MMMM d 'at' p",
+    fullDate: 'MMM d, y',
+    fullDateTime: "MMMM d, y 'at' p",
+  },
+
+  translation: {
+    common: {
+      aboutPlanka: 'درباره Planka',
+      account: 'حساب کاربری',
+      actions: 'اقدامات',
+      addAttachment_title: 'اضافه کردن پیوست',
+      addComment: 'اضافه کردن نظر',
+      addManager_title: 'اضافه کردن مدیر',
+      addMember_title: 'اضافه کردن عضو',
+      addUser_title: 'اضافه کردن کاربر',
+      administrator: 'مدیر سیستم',
+      all: 'همه',
+      allChangesWillBeAutomaticallySavedAfterConnectionRestored:
+        'تمام تغییرات به صورت خودکار ذخیره می‌شوند<br />بعد از بازیابی ارتباط.',
+      areYouSureYouWantToDeleteThisAttachment:
+        'آیا مطمئن هستید که می‌خواهید این پیوست را حذف کنید؟',
+      areYouSureYouWantToDeleteThisBoard: 'آیا مطمئن هستید که می‌خواهید این برد را حذف کنید؟',
+      areYouSureYouWantToDeleteThisCard: 'آیا مطمئن هستید که می‌خواهید این کارت را حذف کنید؟',
+      areYouSureYouWantToDeleteThisComment: 'آیا مطمئن هستید که می‌خواهید این نظر را حذف کنید؟',
+      areYouSureYouWantToDeleteThisLabel: 'آیا مطمئن هستید که می‌خواهید این برچسب را حذف کنید؟',
+      areYouSureYouWantToDeleteThisList: 'آیا مطمئن هستید که می‌خواهید این لیست را حذف کنید؟',
+      areYouSureYouWantToDeleteThisProject: 'آیا مطمئن هستید که می‌خواهید این پروژه را حذف کنید؟',
+      areYouSureYouWantToDeleteThisTask: 'آیا مطمئن هستید که می‌خواهید این وظیفه را حذف کنید؟',
+      areYouSureYouWantToDeleteThisUser: 'آیا مطمئن هستید که می‌خواهید این کاربر را حذف کنید؟',
+      areYouSureYouWantToLeaveBoard: 'آیا مطمئن هستید که می‌خواهید از برد خارج شوید؟',
+      areYouSureYouWantToLeaveProject: 'آیا مطمئن هستید که می‌خواهید از پروژه خارج شوید؟',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        'آیا مطمئن هستید که می‌خواهید این مدیر را از پروژه حذف کنید؟',
+      areYouSureYouWantToRemoveThisMemberFromBoard:
+        'آیا مطمئن هستید که می‌خواهید این عضو را از برد حذف کنید؟',
+      attachment: 'پیوست',
+      attachments: 'پیوست‌ها',
+      authentication: 'احراز هویت',
+      background: 'پس‌زمینه',
+      board: 'برد',
+      boardNotFound_title: 'برد یافت نشد',
+      canComment: 'می‌تواند نظر بدهد',
+      canEditContentOfBoard: 'می‌تواند محتوای برد را ویرایش کند.',
+      canOnlyViewBoard: 'فقط می‌تواند برد را مشاهده کند.',
+      cardActions_title: 'اقدامات کارت',
+      cardNotFound_title: 'کارت یافت نشد',
+      cardOrActionAreDeleted: 'کارت یا اقدام حذف شده‌اند.',
+      color: 'رنگ',
+      copy_inline: 'کپی',
+      createBoard_title: 'ایجاد برد',
+      createLabel_title: 'ایجاد برچسب',
+      createNewOneOrSelectExistingOne: 'یک جدید ایجاد کنید یا<br />یکی موجود را انتخاب کنید.',
+      createProject_title: 'ایجاد پروژه',
+      createTextFile_title: 'ایجاد فایل متنی',
+      currentPassword: 'رمز عبور فعلی',
+      dangerZone_title: 'منطقه خطر',
+      date: 'تاریخ',
+      dueDate: 'تاریخ سررسید',
+      dueDate_title: 'تاریخ سررسید',
+      deleteAttachment_title: 'حذف پیوست',
+      deleteBoard_title: 'حذف برد',
+      deleteCard_title: 'حذف کارت',
+      deleteComment_title: 'حذف نظر',
+      deleteLabel_title: 'حذف برچسب',
+      deleteList_title: 'حذف لیست',
+      deleteProject_title: 'حذف پروژه',
+      deleteTask_title: 'حذف وظیفه',
+      deleteUser_title: 'حذف کاربر',
+      description: 'توضیحات',
+      detectAutomatically: 'تشخیص خودکار',
+      dropFileToUpload: 'فایل را برای آپلود بکشید',
+      editor: 'ویرایشگر',
+      editAttachment_title: 'ویرایش پیوست',
+      editAvatar_title: 'ویرایش آواتار',
+      editBoard_title: 'ویرایش برد',
+      editDueDate_title: 'ویرایش تاریخ سررسید',
+      editEmail_title: 'ویرایش ایمیل',
+      editInformation_title: 'ویرایش اطلاعات',
+      editLabel_title: 'ویرایش برچسب',
+      editPassword_title: 'ویرایش رمز عبور',
+      editPermissions_title: 'ویرایش دسترسی‌ها',
+      editStopwatch_title: 'ویرایش کرنومتر',
+      editUsername_title: 'ویرایش نام کاربری',
+      email: 'ایمیل',
+      emailAlreadyInUse: 'ایمیل قبلا استفاده شده است',
+      enterCardTitle: 'عنوان کارت را وارد کنید... [Ctrl+Enter] برای باز شدن خودکار.',
+      enterDescription: 'توضیحات را وارد کنید...',
+      enterFilename: 'نام فایل را وارد کنید',
+      enterListTitle: 'عنوان لیست را وارد کنید...',
+      enterProjectTitle: 'عنوان پروژه را وارد کنید',
+      enterTaskDescription: 'توضیحات وظیفه را وارد کنید...',
+      filterByLabels_title: 'فیلتر بر اساس برچسب‌ها',
+      filterByMembers_title: 'فیلتر بر اساس اعضا',
+      fromComputer_title: 'از کامپیوتر',
+      fromTrello: 'از Trello',
+      general: 'عمومی',
+      hours: 'ساعت‌ها',
+      importBoard_title: 'وارد کردن برد',
+      invalidCurrentPassword: 'رمز عبور فعلی نامعتبر است',
+      labels: 'برچسب‌ها',
+      language: 'زبان',
+      leaveBoard_title: 'ترک برد',
+      leaveProject_title: 'ترک پروژه',
+      linkIsCopied: 'لینک کپی شد',
+      list: 'لیست',
+      listActions_title: 'اقدامات لیست',
+      managers: 'مدیران',
+      managerActions_title: 'اقدامات مدیر',
+      members: 'اعضا',
+      memberActions_title: 'اقدامات عضو',
+      minutes: 'دقیقه‌ها',
+      moveCard_title: 'انتقال کارت',
+      name: 'نام',
+      newestFirst: 'جدیدترین اول',
+      newEmail: 'ایمیل جدید',
+      newPassword: 'رمز عبور جدید',
+      newUsername: 'نام کاربری جدید',
+      noConnectionToServer: 'ارتباط با سرور قطع است',
+      noBoards: 'بردی وجود ندارد',
+      noLists: 'لیستی وجود ندارد',
+      noProjects: 'پروژه‌ای وجود ندارد',
+      notifications: 'اعلان‌ها',
+      noUnreadNotifications: 'اعلان خوانده نشده‌ای وجود ندارد.',
+      oldestFirst: 'قدیمی‌ترین اول',
+      openBoard_title: 'باز کردن برد',
+      optional_inline: 'اختیاری',
+      organization: 'سازمان',
+      phone: 'تلفن',
+      preferences: 'ترجیحات',
+      pressPasteShortcutToAddAttachmentFromClipboard:
+        'نکته: با فشردن Ctrl-V (Cmd-V در مک) می‌توانید پیوست را از کلیپ بورد اضافه کنید.',
+      project: 'پروژه',
+      projectNotFound_title: 'پروژه یافت نشد',
+      removeManager_title: 'حذف مدیر',
+      removeMember_title: 'حذف عضو',
+      searchLabels: 'جستجوی برچسب‌ها...',
+      searchMembers: 'جستجوی اعضا...',
+      searchUsers: 'جستجوی کاربران...',
+      searchCards: 'جستجوی کارت‌ها...',
+      seconds: 'ثانیه‌ها',
+      selectBoard: 'انتخاب برد',
+      selectList: 'انتخاب لیست',
+      selectPermissions_title: 'انتخاب دسترسی‌ها',
+      selectProject: 'انتخاب پروژه',
+      settings: 'تنظیمات',
+      sortList_title: 'مرتب‌سازی لیست',
+      stopwatch: 'کرنومتر',
+      subscribeToMyOwnCardsByDefault: 'به طور پیش‌فرض به کارت‌های خودم مشترک شوم',
+      taskActions_title: 'اقدامات وظیفه',
+      tasks: 'وظایف',
+      thereIsNoPreviewAvailableForThisAttachment: 'پیش نمایشی برای این پیوست موجود نیست.',
+      time: 'زمان',
+      title: 'عنوان',
+      userActions_title: 'اقدامات کاربر',
+      userAddedThisCardToList: '<0>{{user}}</0><1> این کارت را به {{list}} اضافه کرد</1>',
+      userLeftNewCommentToCard: '{{user}} نظر جدید «{{comment}}» را به <2>{{card}}</2> اضافه کرد',
+      userMovedCardFromListToList:
+        '{{user}} <2>{{card}}</2> را از {{fromList}} به {{toList}} منتقل کرد',
+      userMovedThisCardFromListToList:
+        '<0>{{user}}</0><1> این کارت را از {{fromList}} به {{toList}} منتقل کرد</1>',
+      username: 'نام کاربری',
+      usernameAlreadyInUse: 'نام کاربری قبلا استفاده شده است',
+      users: 'کاربران',
+      version: 'نسخه',
+      viewer: 'بیننده',
+      writeComment: 'نظر بنویسید...',
+    },
+
+    action: {
+      addAnotherCard: 'اضافه کردن کارت دیگر',
+      addAnotherList: 'اضافه کردن لیست دیگر',
+      addAnotherTask: 'اضافه کردن وظیفه دیگر',
+      addCard: 'اضافه کردن کارت',
+      addCard_title: 'اضافه کردن کارت',
+      addComment: 'اضافه کردن نظر',
+      addList: 'اضافه کردن لیست',
+      addMember: 'اضافه کردن عضو',
+      addMoreDetailedDescription: 'اضافه کردن توضیحات بیشتر',
+      addTask: 'اضافه کردن وظیفه',
+      addToCard: 'اضافه کردن به کارت',
+      addUser: 'اضافه کردن کاربر',
+      copyLink_title: 'کپی لینک',
+      createBoard: 'ایجاد برد',
+      createFile: 'ایجاد فایل',
+      createLabel: 'ایجاد برچسب',
+      createNewLabel: 'ایجاد برچسب جدید',
+      createProject: 'ایجاد پروژه',
+      delete: 'حذف',
+      deleteAttachment: 'حذف پیوست',
+      deleteAvatar: 'حذف آواتار',
+      deleteBoard: 'حذف برد',
+      deleteCard: 'حذف کارت',
+      deleteCard_title: 'حذف کارت',
+      deleteComment: 'حذف نظر',
+      deleteImage: 'حذف تصویر',
+      deleteLabel: 'حذف برچسب',
+      deleteList: 'حذف لیست',
+      deleteList_title: 'حذف لیست',
+      deleteProject: 'حذف پروژه',
+      deleteProject_title: 'حذف پروژه',
+      deleteTask: 'حذف وظیفه',
+      deleteTask_title: 'حذف وظیفه',
+      deleteUser: 'حذف کاربر',
+      duplicate: 'تکرار',
+      duplicateCard_title: 'تکرار کارت',
+      edit: 'ویرایش',
+      editDueDate_title: 'ویرایش تاریخ سررسید',
+      editDescription_title: 'ویرایش توضیحات',
+      editEmail_title: 'ویرایش ایمیل',
+      editInformation_title: 'ویرایش اطلاعات',
+      editPassword_title: 'ویرایش رمز عبور',
+      editPermissions: 'ویرایش دسترسی‌ها',
+      editStopwatch_title: 'ویرایش کرنومتر',
+      editTitle_title: 'ویرایش عنوان',
+      editUsername_title: 'ویرایش نام کاربری',
+      hideDetails: 'پنهان کردن جزئیات',
+      import: 'وارد کردن',
+      leaveBoard: 'ترک برد',
+      leaveProject: 'ترک پروژه',
+      logOut_title: 'خروج',
+      makeCover_title: 'ایجاد کاور',
+      move: 'انتقال',
+      moveCard_title: 'انتقال کارت',
+      remove: 'حذف',
+      removeBackground: 'حذف پس‌زمینه',
+      removeCover_title: 'حذف کاور',
+      removeFromBoard: 'حذف از برد',
+      removeFromProject: 'حذف از پروژه',
+      removeManager: 'حذف مدیر',
+      removeMember: 'حذف عضو',
+      save: 'ذخیره',
+      showAllAttachments: 'نمایش همه پیوست‌ها ({{hidden}} مخفی)',
+      showDetails: 'نمایش جزئیات',
+      showFewerAttachments: 'نمایش کمتر پیوست‌ها',
+      sortList_title: 'مرتب‌سازی لیست',
+      start: 'شروع',
+      stop: 'توقف',
+      subscribe: 'مشترک شدن',
+      unsubscribe: 'لغو اشتراک',
+      uploadNewAvatar: 'آپلود آواتار جدید',
+      uploadNewImage: 'آپلود تصویر جدید',
+    },
+  },
+};

client/src/locales/fa-IR/index.js

@@ -0,0 +1,8 @@
+import login from './login';
+
+export default {
+  language: 'fa-IR',
+  country: 'ir',
+  name: 'فارسی',
+  embeddedLocale: login,
+};

client/src/locales/fa-IR/login.js

@@ -0,0 +1,22 @@
+export default {
+  translation: {
+    common: {
+      emailOrUsername: 'ایمیل یا نام کاربری',
+      invalidEmailOrUsername: 'ایمیل یا نام کاربری نامعتبر است',
+      invalidPassword: 'رمز عبور نامعتبر است',
+      logInToPlanka: 'ورود به Planka',
+      noInternetConnection: 'بدون اتصال به اینترنت',
+      pageNotFound_title: 'صفحه یافت نشد',
+      password: 'رمز عبور',
+      projectManagement: 'مدیریت پروژه',
+      serverConnectionFailed: 'اتصال به سرور ناموفق بود',
+      unknownError: 'خطای ناشناخته، بعداً دوباره تلاش کنید',
+      useSingleSignOn: 'استفاده از ورود یکپارچه',
+    },
+
+    action: {
+      logIn: 'ورود',
+      logInWithSSO: 'ورود با SSO',
+    },
+  },
+};

client/src/locales/fr-FR/core.js

@@ -15,10 +15,12 @@ export default {
 
   translation: {
     common: {
+      aboutPlanka: 'À propos de Planka',
       account: 'Compte',
       actions: 'Actions',
       addAttachment_title: 'Ajouter une pièce jointe',
       addComment: 'Ajouter un commentaire',
+      addManager_title: 'Ajouter un manager',
       addMember_title: 'Ajouter un membre',
       addUser_title: 'Ajouter un utilisateur',
       administrator: 'Administrateur',
@@ -26,32 +28,43 @@ export default {
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
         'Toutes les modifications seront automatiquement enregistrées<br />une fois la connexion rétablie.',
       areYouSureYouWantToDeleteThisAttachment: 'Voulez-vous vraiment supprimer cette pièce jointe?',
-      areYouSureYouWantToDeleteThisBoard: 'Êtes-vous sûr de vouloir supprimer ce forum?',
+      areYouSureYouWantToDeleteThisBoard: 'Êtes-vous sûr de vouloir supprimer ce tableau?',
       areYouSureYouWantToDeleteThisCard: 'Voulez-vous vraiment supprimer cette carte?',
       areYouSureYouWantToDeleteThisComment: 'Êtes-vous sûr de vouloir supprimer ce commentaire?',
-      areYouSureYouWantToDeleteThisLabel: 'Voulez-vous vraiment supprimer ce libellé?',
+      areYouSureYouWantToDeleteThisLabel: 'Voulez-vous vraiment supprimer cette étiquette?',
       areYouSureYouWantToDeleteThisList: 'Êtes-vous sûr de vouloir supprimer cette liste?',
       areYouSureYouWantToDeleteThisProject: 'Êtes-vous sûr de vouloir supprimer ce projet?',
       areYouSureYouWantToDeleteThisTask: 'Êtes-vous sûr de vouloir supprimer cette tâche?',
       areYouSureYouWantToDeleteThisUser: 'Êtes-vous sûr de vouloir supprimer cet utilisateur?',
+      areYouSureYouWantToLeaveBoard: 'Êtes-vous sûr de vouloir quitter ce tableau ?',
+      areYouSureYouWantToLeaveProject: 'Êtes-vous sûr de vouloir quitter ce projet ?',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        'Êtes-vous sûr de vouloir supprimer ce manager du projet ?',
       areYouSureYouWantToRemoveThisMemberFromProject:
         'Êtes-vous sûr de vouloir supprimer ce membre du projet?',
-      attachment: 'Attachement',
+      attachment: 'Pièce jointe',
       attachments: 'Pièces jointes',
       authentication: 'Authentification',
+      background: 'Arrière-plan',
       board: 'Tableau',
       boardNotFound_title: 'Carte non trouvée',
+      canComment: 'Peut commenter',
+      canEditContentOfBoard: 'Peut éditer le contenu du tableau.',
+      canOnlyViewBoard: 'Peut uniquement voir le tableau.',
       cardActions_title: 'Actions sur la carte',
       cardNotFound_title: 'Carte non trouvée',
       cardOrActionAreDeleted: "La carte ou l'action sont supprimées.",
       color: 'Couleur',
+      copy_inline: 'copie',
       createBoard_title: 'Créer un tableau',
       createLabel_title: 'Créer une étiquette',
       createNewOneOrSelectExistingOne: 'Créez-en un nouveau ou sélectionnez<br />un existant.',
       createProject_title: 'Créer un projet',
       createTextFile_title: 'Créer un fichier texte',
       currentPassword: 'Mot de passe actuel',
+      dangerZone_title: 'Zone dangereuse',
       date: 'Date',
+      dueDate: "Date d'échéance",
       dueDate_title: "Date d'échéance",
       deleteAttachment_title: 'Supprimer la pièce jointe',
       deleteBoard_title: 'Supprimer le tableau',
@@ -63,67 +76,89 @@ export default {
       deleteTask_title: 'Supprimer la tâche',
       deleteUser_title: "Supprimer l'utilisateur",
       description: 'Description',
+      detectAutomatically: 'Détecter automatiquement',
       dropFileToUpload: 'Déposer le fichier à télécharger',
+      editor: 'Éditeur',
       editAttachment_title: 'Modifier la pièce jointe',
       editAvatar_title: 'Modifier Avatar',
       editBoard_title: 'Modifier le tableau',
       editDueDate_title: "Modifier la date d'échéance",
-      editEmail_title: "Modifier l'e-mail",
+      editEmail_title: "Modifier l'email",
+      editInformation_title: 'Modifier les informations',
       editLabel_title: "Modifier l'étiquette",
       editPassword_title: 'Modifier le mot de passe',
+      editPermissions_title: 'Modifier les permissions',
       editStopwatch_title: 'Modifier la minuterie',
       editUsername_title: "Modifier le nom d'utilisateur",
       email: 'E-mail',
       emailAlreadyInUse: 'Email déjà utilisé',
-      enterCardTitle: 'Entrer le titre de la carte...',
+      enterCardTitle: 'Saisir le titre de la carte... [Ctrl+Enter] pour ouvrir automatiquement',
-      enterDescription: 'Entrez la description...',
+      enterDescription: 'Saisir la description...',
-      enterFilename: 'Entrez le nom du fichier',
+      enterFilename: 'Saisir le nom du fichier',
-      enterListTitle: 'Entrer le titre de la liste...',
+      enterListTitle: 'Saisie le titre de la liste...',
       enterProjectTitle: 'Saisir le titre du projet',
       enterTaskDescription: 'Saisir la description de la tâche...',
-      filterByLabels_title: 'Filtrer par libellés',
+      filterByLabels_title: 'Filtrer par étiquettes',
       filterByMembers_title: 'Filtrer par membres',
       fromComputer_title: "Depuis l'ordinateur",
-      hours: 'Les heures',
+      fromTrello: 'Depuis Trello',
+      general: 'Général',
+      hours: 'Heures',
+      importBoard_title: 'Importer un tableau',
       invalidCurrentPassword: 'Mot de passe actuel invalide',
       labels: 'Étiquettes',
+      language: 'Langue',
+      leaveBoard_title: 'Quitter le tableau',
+      leaveProject_title: 'Quitter le projet',
+      linkIsCopied: 'Le lien est copié',
       list: 'Lister',
       listActions_title: 'Liste des actions',
+      managers: 'Managers',
+      managerActions_title: 'Actions des managers',
       members: 'Membres',
+      memberActions_title: 'Actions des membres',
       minutes: 'Minutes',
       moveCard_title: 'Déplacer la carte',
       name: 'Nom',
-      newEmail: 'Nouveau courriel',
+      newestFirst: 'Le plus récent en premier',
+      newEmail: 'Nouveau email',
       newPassword: 'Nouveau mot de passe',
       newUsername: "Nouveau nom d'utilisateur",
       noConnectionToServer: 'Pas de connexion au serveur',
-      noBoards: 'Pas de planches',
+      noBoards: 'Pas de tableau',
       noLists: 'Pas de listes',
       noProjects: 'Pas de projets',
       notifications: 'Notifications',
       noUnreadNotifications: 'Aucune notification non lue.',
-      openBoard_title: 'Open Board',
+      oldestFirst: 'Le plus ancien en premier',
+      openBoard_title: 'Ouvrir le tableau',
       optional_inline: 'optionnel',
       organization: 'Organisation',
       phone: 'Téléphone',
       preferences: 'Préférences',
-      pressPasteShortcutToAddAttachmentFromClipboard: 'Conseil',
+      pressPasteShortcutToAddAttachmentFromClipboard:
+        'Conseil: appuyer sur Ctrl-V (Cmd-V sur Mac) pour ajouter une pièce jointe depuis le presse-papiers',
       project: 'Projet',
       projectNotFound_title: 'Projet introuvable',
+      removeManager_title: 'Supprimer le manager',
       removeMember_title: 'Supprimer le membre',
       searchLabels: 'Chercher une étiquette...',
       searchMembers: 'Chercher un membre...',
       searchUsers: 'Chercher un utilisateur...',
       searchCards: 'Chercher une carte...',
       seconds: 'Secondes',
-      selectBoard: 'Sélectionner une carte',
+      selectBoard: 'Sélectionner un tableau',
       selectList: 'Sélectionner une liste',
+      selectPermissions_title: 'Sélectionner les permissions',
       selectProject: 'Sélectionner un projet',
       settings: 'Réglages',
+      sortList_title: 'Trier la liste',
       stopwatch: 'Minuteur',
       subscribeToMyOwnCardsByDefault: 'Abonnez-vous à mes propres cartes par défaut',
       taskActions_title: 'Actions de tâche',
       tasks: 'Tâches',
+      thereIsNoPreviewAvailableForThisAttachment:
+        "Il n'y a pas de prévisualisation de disponible pour cette pièce jointe.",
       time: 'Temps',
       title: 'Titre',
       userActions_title: "Actions de l'utilisateur",
@@ -137,6 +172,8 @@ export default {
       username: "Nom d'utilisateur",
       usernameAlreadyInUse: "Nom d'utilisateur déjà utilisé",
       users: 'Utilisateurs',
+      version: 'Version',
+      viewer: 'Spectateur',
       writeComment: 'Écrire un commentaire...',
     },
 
@@ -148,10 +185,12 @@ export default {
       addCard_title: 'Ajouter une carte',
       addComment: 'Ajouter un commentaire',
       addList: 'Ajouter la liste',
+      addMember: 'Ajouter un membre',
       addMoreDetailedDescription: 'Ajouter une description plus détaillée',
       addTask: 'Ajouter une tâche',
       addToCard: 'Ajouter à la carte',
       addUser: 'Ajouter un utilisateur',
+      copyLink_title: 'Copier le lien',
       createBoard: 'Créer un tableau',
       createFile: 'Créer un fichier',
       createLabel: 'Créer une étiquette',
@@ -174,14 +213,21 @@ export default {
       deleteTask_title: 'Supprimer la tâche',
       deleteUser: "Supprimer l'utilisateur",
       duplicate: 'Dupliquer',
+      duplicateCard_title: 'Dupliquer la carte',
       edit: 'Modifier',
       editDueDate_title: "Modifier la date d'échéance",
-      editDescription_title: 'Éditer la description',
+      editDescription_title: 'Modifier la description',
-      editEmail_title: "Modifier l'e-mail",
+      editEmail_title: "Modifier l'email",
+      editInformation_title: 'Modifier les informations',
       editPassword_title: 'Modifier le mot de passe',
+      editPermissions: 'Modifier les permissions',
       editStopwatch_title: 'Modifier la minuterie',
       editTitle_title: 'Modifier le titre',
       editUsername_title: "Modifier le nom d'utilisateur",
+      hideDetails: 'Cacher les détails',
+      import: 'Importer',
+      leaveBoard: 'Quitter le tableau',
+      leaveProject: 'Quitter le projet',
       logOut_title: 'Se déconnecter',
       makeCover_title: 'Faire la jaquette',
       move: 'Déplacer',
@@ -189,11 +235,15 @@ export default {
       remove: 'Supprimer',
       removeBackground: "Supprimer l'arrière-plan",
       removeCover_title: 'Supprimer la jaquette',
+      removeFromBoard: 'Supprimer le tableau',
       removeFromProject: 'Supprimer du projet',
+      removeManager: 'Supprimer le manager',
       removeMember: 'Supprimer le membre',
       save: 'Sauvegarder',
       showAllAttachments: 'Afficher toutes les pièces jointes ({{hidden}} masquées)',
+      showDetails: 'Afficher les détails',
       showFewerAttachments: 'Afficher moins de pièces jointes',
+      sortList_title: 'Trier la liste',
       start: 'Début',
       stop: 'Arrêter',
       subscribe: "S'abonner",

client/src/locales/fr-FR/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'fr',
+  language: 'fr-FR',
   country: 'fr',
   name: 'Français',
   embeddedLocale: login,

client/src/locales/fr-FR/login.js

@@ -11,10 +11,12 @@ export default {
       projectManagement: 'Gestion de projet',
       serverConnectionFailed: 'Connection au serveur échouée',
       unknownError: 'Erreur inconnue, réessayez plus tard',
+      useSingleSignOn: "Utiliser l'authentification unique",
     },
 
     action: {
       logIn: 'Se connecter',
+      logInWithSSO: "Se connecter avec l'authentification unique",
     },
   },
 };

client/src/locales/hu-HU/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'hu',
+  language: 'hu-HU',
   country: 'hu',
   name: 'Magyar',
   embeddedLocale: login,

client/src/locales/id-ID/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'id',
+  language: 'id-ID',
   country: 'id',
   name: 'Bahasa Indonesia',
   embeddedLocale: login,

client/src/locales/index.js

@@ -1,51 +1,55 @@
-import bg from './bg';
+import bgBG from './bg-BG';
-import cs from './cs';
+import csCZ from './cs-CZ';
-import da from './da';
+import daDK from './da-DK';
-import de from './de';
+import deDE from './de-DE';
-import en from './en';
+import enUS from './en-US';
-import es from './es';
+import esES from './es-ES';
-import fr from './fr';
+import faIR from './fa-IR';
-import hu from './hu';
+import frFR from './fr-FR';
-import id from './id';
+import huHU from './hu-HU';
-import it from './it';
+import idID from './id-ID';
-import ja from './ja';
+import itIT from './it-IT';
-import ko from './ko';
+import jaJP from './ja-JP';
-import nl from './nl';
+import koKR from './ko-KR';
-import pl from './pl';
+import nlNL from './nl-NL';
-import pt from './pt';
+import plPL from './pl-PL';
-import ro from './ro';
+import ptBR from './pt-BR';
-import ru from './ru';
+import roRO from './ro-RO';
-import sk from './sk';
+import ruRU from './ru-RU';
-import sv from './sv';
+import skSK from './sk-SK';
-import tr from './tr';
+import svSE from './sv-SE';
-import ua from './ua';
+import trTR from './tr-TR';
-import uz from './uz';
+import ukUA from './uk-UA';
-import zh from './zh';
+import uzUZ from './uz-UZ';
+import zhCN from './zh-CN';
+import zhTW from './zh-TW';
 
 const locales = [
-  bg,
+  bgBG,
-  cs,
+  csCZ,
-  da,
+  daDK,
-  de,
+  deDE,
-  en,
+  enUS,
-  es,
+  esES,
-  fr,
+  faIR,
-  hu,
+  frFR,
-  id,
+  huHU,
-  it,
+  idID,
-  ja,
+  itIT,
-  ko,
+  jaJP,
-  nl,
+  koKR,
-  pl,
+  nlNL,
-  pt,
+  plPL,
-  ro,
+  ptBR,
-  ru,
+  roRO,
-  sk,
+  ruRU,
-  sv,
+  skSK,
-  tr,
+  svSE,
-  ua,
+  trTR,
-  uz,
+  ukUA,
-  zh,
+  uzUZ,
+  zhCN,
+  zhTW,
 ];
 
 export default locales;

client/src/locales/it-IT/core.js

@@ -1,4 +1,8 @@
+import dateFns from 'date-fns/locale/it';
+
 export default {
+  dateFns,
+
   format: {
     date: 'd/M/yyyy',
     time: 'p',

client/src/locales/it-IT/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'it',
+  language: 'it-IT',
   country: 'it',
   name: 'Italiano',
   embeddedLocale: login,

client/src/locales/ja-JP/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'ja',
+  language: 'ja-JP',
   country: 'jp',
   name: '日本語',
   embeddedLocale: login,

client/src/locales/ko-KR/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'ko',
+  language: 'ko-KR',
   country: 'kr',
   name: '한국어',
   embeddedLocale: login,

client/src/locales/nl-NL/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'nl',
+  language: 'nl-NL',
   country: 'nl',
   name: 'Nederlands',
   embeddedLocale: login,

client/src/locales/pl-PL/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'pl',
+  language: 'pl-PL',
   country: 'pl',
   name: 'Polski',
   embeddedLocale: login,

client/src/locales/pt-BR/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'pt',
+  language: 'pt-BR',
   country: 'br',
   name: 'Português',
   embeddedLocale: login,

client/src/locales/ro-RO/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'ro',
+  language: 'ro-RO',
   country: 'ro',
   name: 'Română',
   embeddedLocale: login,

client/src/locales/ru-RU/core.js

@@ -55,7 +55,7 @@ export default {
       cardNotFound: 'Карточка не найдена',
       cardOrActionAreDeleted: 'Карточка или действие удалены.',
       color: 'Цвет',
-      connectionRestored: 'Соединение восстановлено',
+      copy_inline: 'копировать',
       createBoard: 'Создание доски',
       createLabel: 'Создание метки',
       createNewOneOrSelectExistingOne: 'Создайте новую или выберите<br />уже существующую.',
@@ -65,6 +65,7 @@ export default {
       dangerZone_title: 'Опасная зона',
       date: 'Дата',
       dueDate: 'Срок',
+      dueDate_title: 'Срок исполнения',
       deleteAttachment: 'Удаление вложения',
       deleteBoard: 'Удаление доски',
       deleteCard: 'Удаление карточки',
@@ -80,9 +81,8 @@ export default {
       editor: 'Редактор',
       editAttachment: 'Изменение вложения',
       editAvatar: 'Изменение аватара',
-      editBoard: 'Изменение доски',
+      editBoard_title: 'Изменение доски',
-      editBackground: 'Изменение фона',
+      editDueDate_title: 'Изменить срок выполнения',
-      editDueDate: 'Изменение срока',
       editEmail: 'Изменение e-mail',
       editInformation: 'Изменение информации',
       editLabel: 'Изменение метки',
@@ -90,10 +90,10 @@ export default {
       editPermissions: 'Редактирование разрешений',
       editStopwatch: 'Изменение секундомера',
       editTitle: 'Изменение названия',
-      editUsername: 'Изменение имени пользователя',
+      editUsername_title: 'Изменение имени пользователя',
       email: 'E-mail',
       emailAlreadyInUse: 'E-mail уже занят',
-      enterCardTitle: 'Введите заголовок для этой карточки...',
+      enterCardTitle: 'Введите заголовок для этой карточки...  [Ctrl+Enter] для применения',
       enterDescription: 'Введите описание...',
       enterFilename: 'Введите название файла',
       enterListTitle: 'Введите заголовок списка...',
@@ -110,14 +110,18 @@ export default {
       labels: 'Метки',
       language: 'Язык',
       leaveBoard: 'Покинуть доску',
-      leaveProject: 'Покинуть проект',
+      leaveProject_title: 'Покинуть проект',
+      linkIsCopied: 'Ссылка скопирована',
       list: 'Список',
-      listActions: 'Действия со списком',
+      listActions_title: 'Действия со списком',
       managers: 'Менеджеры',
+      managerActions_title: 'Действия Менеджера',
       members: 'Участники',
+      memberActions_title: 'Действия участников',
       minutes: 'Минуты',
-      moveCard: 'Перемещение карточки',
+      moveCard_title: 'Перемещение карточки',
       name: 'Имя',
+      newestFirst: 'Новые первые',
       newEmail: 'Новый e-mail',
       newPassword: 'Новый пароль',
       newUsername: 'Новое имя пользователя',
@@ -127,7 +131,8 @@ export default {
       noProjects: 'Проектов нет',
       notifications: 'Уведомления',
       noUnreadNotifications: 'Уведомлений нет.',
-      openBoard: 'Откройте доску',
+      oldestFirst: 'Старые первые',
+      openBoard_title: 'Откройте доску',
       optional_inline: 'необязательно',
       organization: 'Организация',
       phone: 'Телефон',
@@ -135,10 +140,9 @@ export default {
       pressPasteShortcutToAddAttachmentFromClipboard:
         'Совет: нажмите Ctrl-V (Cmd-V на Mac), чтобы добавить вложение из буфера обмена.',
       project: 'Проект',
-      projectActions: 'Действия с проектом',
+      projectNotFound_title: 'Проект не найден',
-      projectNotFound: 'Проект не найден',
+      removeManager_title: 'Удалить менеджера',
-      removeManager: 'Удалить менеджера',
+      removeMember_title: 'Удаление участника',
-      removeMember: 'Удаление участника',
       searchLabels: 'Поиск меток...',
       searchMembers: 'Поиск участников...',
       searchUsers: 'Поиск пользователей...',
@@ -149,14 +153,15 @@ export default {
       selectPermissions: 'Выбор разрешений',
       selectProject: 'Выберите проект',
       settings: 'Настройки',
+      sortList_title: 'Сортировка списка',
       stopwatch: 'Секундомер',
       subscribeToMyOwnCardsByDefault: 'По умолчанию подписываться на мои собственные карточки',
-      taskActions: 'Действия с задачей',
+      taskActions_title: 'Действия по задаче',
       tasks: 'Задачи',
       thereIsNoPreviewAvailableForThisAttachment: 'Предпросмотр для этого вложения недоступен.',
       time: 'Время',
       title: 'Название',
-      userActions: 'Действия с пользователем',
+      userActions_title: 'Действия с пользователем',
       userAddedThisCardToList: '<0>{{user}}</0><1> добавил(а) эту карточку в {{list}}</1>',
       userLeftNewCommentToCard: '{{user}} оставил(а) комментарий «{{comment}}» к <2>{{card}}</2>',
       userMovedCardFromListToList:
@@ -175,7 +180,7 @@ export default {
       addAnotherCard: 'Добавить еще одну карточку',
       addAnotherList: 'Добавить еще один список',
       addAnotherTask: 'Добавить еще одну задачу',
-      addCard: 'Добавить карточку',
+      addCard_title: 'Добавить карточку',
       addComment: 'Добавить комментарий',
       addList: 'Добавить список',
       addMember: 'Добавить участника',
@@ -183,6 +188,7 @@ export default {
       addTask: 'Добавить задачу',
       addToCard: 'Добавить на карточку',
       addUser: 'Добавить пользователя',
+      copyLink_title: 'Копировать ссылку',
       createBoard: 'Создать доску',
       createFile: 'Создать файл',
       createLabel: 'Создать метку',
@@ -193,38 +199,41 @@ export default {
       deleteAvatar: 'Удалить аватар',
       deleteBoard: 'Удалить доску',
       deleteCard: 'Удалить карточку',
+      deleteCard_title: 'Удалить карточку',
       deleteComment: 'Удалить комментарий',
       deleteImage: 'Удалить изображение',
       deleteLabel: 'Удалить метку',
       deleteList: 'Удалить список',
+      deleteList_title: 'Удалить список',
       deleteProject: 'Удалить проект',
+      deleteProject_title: 'Удалить проект',
       deleteTask: 'Удалить задачу',
+      deleteTask_title: 'Удалить задачу',
       deleteUser: 'Удалить пользователя',
       duplicate: 'Дублировать',
       duplicateCard_title: 'Дублировать карточку',
       edit: 'Изменить',
       editBackground: 'Изменить фон',
-      editDueDate: 'Изменить срок',
+      editDueDate_title: 'Изменить срок',
-      editDescription: 'Изменить описание',
+      editDescription_title: 'Изменить описание',
-      editEmail: 'Изменить e-mail',
+      editEmail_title: 'Изменить e-mail',
-      editInformation: 'Изменить информацию',
+      editInformation_title: 'Изменить информацию',
-      editPassword: 'Изменить пароль',
+      editPassword_title: 'Изменить пароль',
       editPermissions: 'Изменить разрешения',
-      editStopwatch: 'Изменить секундомер',
+      editStopwatch_title: 'Изменить секундомер',
-      editTask: 'Изменить задачу',
+      editTitle_title: 'Изменить название',
-      editTitle: 'Изменить название',
+      editUsername_title: 'Изменить имя пользователя',
-      editUsername: 'Изменить имя пользователя',
       hideDetails: 'Скрыть подробности',
       import: 'Импорт',
       leaveBoard: 'Покинуть доску',
       leaveProject: 'Покинуть проект',
-      logOut: 'Выйти',
+      logOut_title: 'Выйти',
-      makeCover: 'Сделать обложкой',
+      makeCover_title: 'Сделать обложкой',
       move: 'Переместить',
-      moveCard: 'Переместить карточку',
+      moveCard_title: 'Переместить карточку',
       remove: 'Убрать',
       removeBackground: 'Убрать фон',
-      removeCover: 'Убрать обложку',
+      removeCover_title: 'Убрать обложку',
       removeFromBoard: 'Удалить из доски',
       removeFromProject: 'Удалить из проекта',
       removeManager: 'Удалить менеджера',

client/src/locales/ru-RU/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'ru',
+  language: 'ru-RU',
   country: 'ru',
   name: 'Русский',
   embeddedLocale: login,

client/src/locales/ru-RU/login.js

@@ -6,15 +6,17 @@ export default {
       invalidPassword: 'Неверный пароль',
       logInToPlanka: 'Вход в Planka',
       noInternetConnection: 'Нет соединения',
-      pageNotFound: 'Страница не найдена',
+      pageNotFound_title: 'Страница не найдена',
       password: 'Пароль',
       projectManagement: 'Управление проектами',
       serverConnectionFailed: 'Не могу подключиться к серверу',
       unknownError: 'Что-то пошло не так, попробуйте позже',
+      useSingleSignOn: 'Используйте единый вход',
     },
 
     action: {
       logIn: 'Войти',
+      logInWithSSO: 'Войти с помощью единого входа',
     },
   },
 };

client/src/locales/sk-SK/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'sk',
+  language: 'sk-SK',
   country: 'sk',
   name: 'Slovenčina',
   embeddedLocale: login,

client/src/locales/sv-SE/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'sv',
+  language: 'sv-SE',
   country: 'se',
   name: 'Svenska',
   embeddedLocale: login,

client/src/locales/tr-TR/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'tr',
+  language: 'tr-TR',
   country: 'tr',
   name: 'Türkçe',
   embeddedLocale: login,

client/src/locales/uk-UA/core.js

@@ -1,4 +1,8 @@
+import dateFns from 'date-fns/locale/uk';
+
 export default {
+  dateFns,
+
   format: {
     date: 'd/M/yyyy',
     time: 'p',

client/src/locales/uk-UA/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'ua',
+  language: 'uk-UA',
   country: 'ua',
   name: 'Українська',
   embeddedLocale: login,

client/src/locales/uz-UZ/core.js

@@ -1,4 +1,8 @@
+import dateFns from 'date-fns/locale/uz';
+
 export default {
+  dateFns,
+
   format: {
     date: 'M/d/yyyy',
     time: 'p',

client/src/locales/uz-UZ/index.js

@@ -1,7 +1,7 @@
 import login from './login';
 
 export default {
-  language: 'uz',
+  language: 'uz-UZ',
   country: 'uz',
   name: "O'zbek",
   embeddedLocale: login,