chore: Update version

Closes #77

.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.8
 
 # 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.22.0"
 
 dependencies:
   - alias: postgresql

charts/planka/templates/deployment.yaml

@@ -11,6 +11,10 @@ spec:
   selector:
     matchLabels:
       {{- include "planka.selectorLabels" . | nindent 6 }}
+  {{- if .Values.persistence.enabled }}
+  strategy:
+    type: Recreate
+  {{- end }}
   template:
     metadata:
       {{- with .Values.podAnnotations }}

client/.env

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

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.15.1",
     "i18next-browser-languagedetector": "^8.0.0",
     "initials": "^3.1.2",
     "js-cookie": "^3.0.5",
@@ -77,18 +77,18 @@
     "node-sass": "^9.0.0",
     "photoswipe": "^5.4.4",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
+    "react": "18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-datepicker": "^4.25.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-i18next": "^14.1.2",
+    "react-i18next": "^15.0.2",
     "react-input-mask": "^2.0.4",
     "react-markdown": "^8.0.7",
     "react-photoswipe-gallery": "^2.2.7",
     "react-redux": "^8.1.3",
-    "react-router-dom": "^6.23.1",
+    "react-router-dom": "^6.26.2",
     "react-scripts": "5.0.1",
     "react-simplemde-editor": "^5.2.0",
     "react-textarea-autosize": "^8.5.3",
@@ -107,17 +107,18 @@
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.4.5",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
     "babel-preset-airbnb": "^5.0.0",
-    "chai": "^4.4.1",
+    "chai": "^4.5.0",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-import": "^2.30.0",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react": "^7.36.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "react-test-renderer": "^18.2.0"
+    "react-test-renderer": "18.2.0"
   }
 }

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/api/access-tokens.js

@@ -1,15 +1,14 @@
 import http from './http';
-import socket from './socket';
 
 /* Actions */
 
-const createAccessToken = (data, headers) => http.post('/access-tokens', data, headers);
+const createAccessToken = (data, headers) =>
+  http.post('/access-tokens?withHttpOnlyToken=true', data, headers);
 
 const exchangeForAccessTokenUsingOidc = (data, headers) =>
-  http.post('/access-tokens/exchange-using-oidc', data, headers);
+  http.post('/access-tokens/exchange-using-oidc?withHttpOnlyToken=true', data, headers);
 
-const deleteCurrentAccessToken = (headers) =>
+const deleteCurrentAccessToken = (headers) => http.delete('/access-tokens/me', undefined, headers);
-  socket.delete('/access-tokens/me', undefined, headers);
 
 export default {
   createAccessToken,

client/src/api/http.js

@@ -5,7 +5,7 @@ import Config from '../constants/Config';
 const http = {};
 
 // TODO: add all methods
-['GET', 'POST'].forEach((method) => {
+['GET', 'POST', 'DELETE'].forEach((method) => {
   http[method.toLowerCase()] = (url, data, headers) => {
     const formData =
       data &&
@@ -19,6 +19,7 @@ const http = {};
       method,
       headers,
       body: formData,
+      credentials: 'include',
     })
       .then((response) =>
         response.json().then((body) => ({

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/AttachmentAddZone/AttachmentAddZone.module.scss

@@ -2,7 +2,7 @@
   .dropzone {
     background: white;
     font-size: 20px;
-    font-weight: 700;
+    font-weight: bold;
     height: 100%;
     line-height: 30px;
     opacity: 0.7;

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

@@ -16,7 +16,7 @@
   .contentError {
     color: #fff;
     font-size: 20px;
-    font-weight: 700;
+    font-weight: bold;
     height: 20px;
     width: 470px;
   }

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

@@ -35,7 +35,7 @@
     color: #5e6c84;
     display: block;
     font-size: 18px;
-    font-weight: 700;
+    font-weight: bold;
     height: 100%;
     line-height: 80px;
     overflow: hidden;
@@ -50,7 +50,7 @@
   .name {
     color: #17394d;
     font-size: 14px;
-    font-weight: 700;
+    font-weight: bold;
     line-height: 20px;
     word-wrap: break-word;
   }

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 ? (
-                        <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
+                        <>
-                          <DueDate value={dueDate} />
+                          <Checkbox
-                        </DueDateEditPopup>
+                            checked={isDueDateCompleted}
+                            disabled={!canEdit}
+                            onChange={handleDueDateCompletionChange}
+                          />
+                          <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
+                            <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>
-                <Button fluid className={styles.actionButton} onClick={handleCopyLinkClick}>
+                {window.isSecureContext && (
-                  <Icon name={isLinkCopied ? 'linkify' : 'unlink'} className={styles.actionIcon} />
+                  <Button fluid className={styles.actionButton} onClick={handleCopyLinkClick}>
-                  {isLinkCopied
+                    <Icon
-                    ? t('common.linkIsCopied')
+                      name={isLinkCopied ? 'linkify' : 'unlink'}
-                    : t('action.copyLink', {
+                      className={styles.actionIcon}
-                        context: 'title',
+                    />
-                      })}
+                    {isLinkCopied
-                </Button>
+                      ? 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,12 +25,21 @@
 
   .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 {
     color: #8c8c8c;
     font-size: 12px;
-    font-weight: 500;
+    font-weight: normal;
     letter-spacing: 0.04em;
     margin-top: 16px;
     text-transform: uppercase;
@@ -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 {
@@ -138,7 +158,7 @@
   .headerTitle {
     color: #17394d;
     font-size: 20px;
-    font-weight: 700;
+    font-weight: bold;
     line-height: 24px;
   }
 
@@ -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/CardModal/NameField.module.scss

@@ -6,7 +6,7 @@
     box-shadow: none;
     color: #17394d;
     font-size: 20px;
-    font-weight: 700;
+    font-weight: bold;
     line-height: 24px;
     margin: -5px;
     overflow: hidden;

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;
-    font-weight: 400;
+    display: inline-block;
-    outline: none;
+    font-weight: normal;
     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,15 @@
       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/Login/Login.jsx

@@ -18,6 +18,11 @@ const createMessage = (error) => {
   }
 
   switch (error.message) {
+    case 'Invalid credentials':
+      return {
+        type: 'error',
+        content: 'common.invalidCredentials',
+      };
     case 'Invalid email or username':
       return {
         type: 'error',
@@ -116,6 +121,7 @@ const Login = React.memo(
     useEffect(() => {
       if (wasSubmitting && !isSubmitting && error) {
         switch (error.message) {
+          case 'Invalid credentials':
           case 'Invalid email or username':
             emailOrUsernameField.current.select();
 

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;
   }
@@ -32,7 +30,6 @@
 
   .wrapperTiny {
     font-size: 10px;
-    font-weight: 400;
     height: 24px;
     line-height: 20px;
     padding: 2px 0;
@@ -41,7 +38,6 @@
 
   .wrapperSmall {
     font-size: 12px;
-    font-weight: 400;
     height: 28px;
     padding: 8px 0;
     width: 28px;
@@ -49,7 +45,6 @@
 
   .wrapperMedium {
     font-size: 14px;
-    font-weight: 500;
     height: 32px;
     padding: 10px 0;
     width: 32px;
@@ -57,7 +52,6 @@
 
   .wrapperLarge {
     font-size: 14px;
-    font-weight: 500;
     height: 36px;
     padding: 12px 0 10px;
     width: 36px;
@@ -65,7 +59,6 @@
 
   .wrapperMassive {
     font-size: 36px;
-    font-weight: 500;
     height: 100px;
     padding: 32px 0 10px;
     width: 100px;

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,13 +1,12 @@
-const VERSION = process.env.REACT_APP_VERSION;
-
 const { BASE_URL } = window;
+
 const BASE_PATH = BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
 
 const SERVER_BASE_URL =
   process.env.REACT_APP_SERVER_BASE_URL ||
   (process.env.NODE_ENV === 'production' ? BASE_URL : 'http://localhost:1337');
-const SERVER_BASE_PATH = SERVER_BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
 
+const SERVER_BASE_PATH = SERVER_BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
 const SERVER_HOST_NAME = SERVER_BASE_URL.replace(/^(.*\/\/[^/?#]*).*$/, '$1');
 
 const ACCESS_TOKEN_KEY = 'accessToken';
@@ -18,7 +17,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/lib/custom-ui/components/Markdown/Markdown.module.scss

@@ -64,7 +64,7 @@
 
   .markdown-body b,
   .markdown-body strong {
-    font-weight: 600;
+    font-weight: bold; // 600
   }
 
   .markdown-body dfn {
@@ -73,7 +73,7 @@
 
   .markdown-body h1 {
     margin: .67em 0;
-    font-weight: 600;
+    font-weight: bold; // 600
     padding-bottom: .3em;
     font-size: 2em;
     border-bottom: 1px solid hsla(210, 18%, 87%, 1);
@@ -253,34 +253,34 @@
   .markdown-body h6 {
     margin-top: 24px;
     margin-bottom: 16px;
-    font-weight: 600;
+    font-weight: bold; // 600
     line-height: 1.25;
   }
 
   .markdown-body h2 {
-    font-weight: 600;
+    font-weight: bold; // 600
     padding-bottom: .3em;
     font-size: 1.5em;
     border-bottom: 1px solid hsla(210, 18%, 87%, 1);
   }
 
   .markdown-body h3 {
-    font-weight: 600;
+    font-weight: bold; // 600
     font-size: 1.25em;
   }
 
   .markdown-body h4 {
-    font-weight: 600;
+    font-weight: bold; // 600
     font-size: 1em;
   }
 
   .markdown-body h5 {
-    font-weight: 600;
+    font-weight: bold; // 600
     font-size: .875em;
   }
 
   .markdown-body h6 {
-    font-weight: 600;
+    font-weight: bold; // 600
     font-size: .85em;
     color: #57606a;
   }
@@ -481,7 +481,7 @@
     font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-size: 1em;
     font-style: normal !important;
-    font-weight: 400;
+    font-weight: normal; // 400
     line-height: 1;
     vertical-align: -0.075em;
   }
@@ -650,7 +650,7 @@
     margin-top: 16px;
     font-size: 1em;
     font-style: italic;
-    font-weight: 600;
+    font-weight: bold; // 600
   }
 
   .markdown-body dl dd {
@@ -659,7 +659,7 @@
   }
 
   .markdown-body table th {
-    font-weight: 600;
+    font-weight: bold; // 600
   }
 
   .markdown-body table th,
@@ -868,7 +868,7 @@
   }
 
   .markdown-body .csv-data th {
-    font-weight: 600;
+    font-weight: bold; // 600
     background: #f6f8fa;
     border-top: 0;
   }
@@ -912,7 +912,7 @@
   }
 
   .markdown-body .task-list-item label {
-    font-weight: 400;
+    font-weight: normal;
   }
 
   .markdown-body .task-list-item.enabled label {

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/en-US/login.js

@@ -3,6 +3,7 @@ export default {
     common: {
       emailOrUsername: 'E-mail or username',
       invalidEmailOrUsername: 'Invalid e-mail or username',
+      invalidCredentials: 'Invalid credentials',
       invalidPassword: 'Invalid password',
       logInToPlanka: 'Log in to Planka',
       noInternetConnection: 'No internet connection',

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

@@ -43,7 +43,7 @@ export default {
       boardNotFound_title: 'Tablero no encontrado',
       cardActions_title: 'Acciones de las tarjetas',
       cardNotFound_title: 'tarjeta no encontrada',
-      cardOrActionAreDeleted: 'La tarjeta o la acción está eliminada.',
+      cardOrActionAreDeleted: 'La tarjeta o la acción está borrada.',
       color: 'Color',
       createBoard_title: 'Crear Tablero',
       createLabel_title: 'Crear Etiqueta',
@@ -53,7 +53,7 @@ export default {
       currentPassword: 'Contraseña Actual',
       date: 'Fecha',
       dueDate_title: 'Fecha de Vencimiento',
-      deleteAttachment_title: 'Eliminar Adjunto',
+      deleteAttachment_title: 'Borrar Adjunto',
       deleteBoard_title: 'Borrar Tablero',
       deleteCard_title: 'Borrar tarjeta',
       deleteComment_title: 'Borrar Comentario',
@@ -72,7 +72,7 @@ export default {
       editLabel_title: 'Editar Etiqueta',
       editPassword_title: 'Editar Contraseña',
       editStopwatch_title: 'Editar Temporizador',
-      editUsername_title: 'Edit nombre de usuario',
+      editUsername_title: 'Editar nombre de usuario',
       email: 'Correo',
       emailAlreadyInUse: 'El correo ya está en uso',
       enterCardTitle: 'Escribe el título de la tarjeta...',
@@ -85,8 +85,8 @@ export default {
       filterByMembers_title: 'Filtrar por Miembros',
       fromComputer_title: 'Desde Computador',
       hours: 'Horas',
-      invalidCurrentPassword: 'Contraseña actual invalida',
+      invalidCurrentPassword: 'Contraseña actual inválida',
-      labels: 'Etíquetas',
+      labels: 'Etiquetas',
       list: 'Lista',
       listActions_title: 'Acciónes de Lista',
       members: 'Miembros',
@@ -168,14 +168,14 @@ export default {
       deleteProject_title: 'Borrar Proyecto',
       deleteTask: 'Borrar tarea',
       deleteTask_title: 'Borrar Tarea',
-      deleteUser: 'Delete usuario',
+      deleteUser: 'Borrar usuario',
       edit: 'Editar',
       editDueDate_title: 'Editar Fecha de Vencimiento',
       editDescription_title: 'Editar Descripción',
       editEmail_title: 'Editar Correo',
       editPassword_title: 'Editar Contraseña',
-      editStopwatch_title: 'Edit Temporizador',
+      editStopwatch_title: 'Editar Temporizador',
-      editTitle_title: 'Edit Título',
+      editTitle_title: 'Editar Título',
       editUsername_title: 'Editar Nombre de Usuario',
       logOut_title: 'Cerrar Sesión',
       makeCover_title: 'Hacer Cubierta',

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,