chore: merge master

2025-07-19 13:19:44 +02:00 · 2024-09-03 14:00:01 +02:00 · 2024-09-03 14:00:01 +02:00 · 336addbae4
commit 336addbae4
parent d92e53ef21 9699fbe76a
301 changed files with 21353 additions and 15636 deletions
--- a/.github/ISSUE_TEMPLATE/1-bug-report.yml
+++ b/.github/ISSUE_TEMPLATE/1-bug-report.yml
@ -0,0 +1,53 @@
+name: "🐛 Bug Report"
+description: Report a bug found while using Planka
+title: "[Bug]: "
+labels: ["Type: Bug", "Status: Triage"]
+body:
+  - type: dropdown
+    id: issue-type
+    attributes:
+      label: Where is the problem occurring?
+      description: Select the part of the application where you encountered the issue.
+      options:
+        - "I encountered the problem while using the application (Frontend)"
+        - "I encountered the problem while interacting with the server (Backend)"
+        - "I'm not sure"
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browsers are you seeing the problem on?
+      multiple: true
+      options:
+        - Brave
+        - Chrome
+        - Firefox
+        - Microsoft Edge
+        - Safari
+        - Other
+  - type: textarea
+    id: current-behavior
+    attributes:
+      label: Current behaviour
+      description: A description of what is currently happening, including screenshots and other useful information (**DO NOT INCLUDE PRIVATE INFORMATION**).
+      placeholder: Currently...
+    validations:
+      required: true
+  - type: textarea
+    id: desired-behavior
+    attributes:
+      label: Desired behaviour
+      description: A clear description of what you think should happen.
+      placeholder: In this situation, I expected ...
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Steps to reproduce
+      description: Clearly describe which steps or actions you have taken to arrive at the problem. If you have some experience with the code, please link to the specific pieces of code.
+      placeholder: I did X, then Y, before arriving at Z, when ERROR ...
+    validations:
+      required: true
+  - type: textarea
+    id: other
+    attributes:
+      label: Other information
+      description: Any other details?
--- a/.github/ISSUE_TEMPLATE/2-feature-request.yml
+++ b/.github/ISSUE_TEMPLATE/2-feature-request.yml
@ -0,0 +1,33 @@
+name: "✨ Feature Request"
+description: Suggest a feature or enhancement to improve Planka.
+labels: ["Type: Idea"]
+body:
+  -   type: dropdown
+      id: idea-type
+      attributes:
+        label: Is this a feature for the backend or frontend?
+        multiple: true
+        options:
+          - Backend
+          - Frontend
+      validations:
+        required: true
+  -   type: textarea
+      id: feature
+      attributes:
+        label: What would you like?
+        description: A clear description of the feature or enhancement wanted.
+        placeholder: I'd like to be able to...
+      validations:
+        required: true
+  -   type: textarea
+      id: reason
+      attributes:
+        label: Why is this needed?
+        description: A clear description of why this would be useful to have.
+        placeholder: I want this because...
+  -   type: textarea
+      id: other
+      attributes:
+        label: Other information
+        placeholder: Any other details?
--- a/.github/workflows/build-and-push-docker-base-image.yml
+++ b/.github/workflows/build-and-push-docker-base-image.yml
@ -40,5 +40,5 @@ jobs:
          build-args: ALPINE_VERSION=${{ env.ALPINE_VERSION }}
          push: true
          tags: |
-            ghcr.io/plankanban/planka:base-latest
-            ghcr.io/plankanban/planka:base-${{ env.ALPINE_VERSION }}
+            ghcr.io/${{ github.repository }}:base-latest
+            ghcr.io/${{ github.repository }}:base-${{ env.ALPINE_VERSION }}
--- a/.github/workflows/build-and-push-docker-image-dev.yml
+++ b/.github/workflows/build-and-push-docker-image-dev.yml
@ -9,99 +9,45 @@ on:
      - 'docker-*.sh'
      - '*.md'
    branches: [master]
-
+  workflow_dispatch:
 env:
-  REGISTRY_IMAGE: ghcr.io/plankanban/planka
+  REGISTRY_IMAGE: ghcr.io/${{ github.repository }}

 jobs:
  build:
-    strategy:
-      fail-fast: false
-      matrix:
-        include:
-          - os: [self-hosted, x64]
-            platform: linux/amd64
-          - os: [self-hosted, arm64]
-            platform: linux/arm64
-          - os: [self-hosted, arm64]
-            platform: linux/arm/v7
-    runs-on: ${{ matrix.os }}
+    runs-on: self-hosted
    steps:
      - name: Checkout
        uses: actions/checkout@v4
-      - name: Docker meta
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: ${{ env.REGISTRY_IMAGE }}
+
      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
+        uses: docker/setup-qemu-action@v2
+
      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
+        uses: docker/setup-buildx-action@v2
+
      - name: Login to GitHub Container Registry
-        uses: docker/login-action@v3
+        uses: docker/login-action@v2
        with:
          registry: ghcr.io
          username: ${{ github.repository_owner }}
          password: ${{ secrets.GITHUB_TOKEN }}
-      - name: Build and push by digest
-        id: build
-        uses: docker/build-push-action@v5
+
+      - name: Generate docker image tags
+        id: metadata
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.REGISTRY_IMAGE }}
+          tags: |
+            type=raw,value=dev
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
        with:
          context: .
-          platforms: ${{ matrix.platform }}
-          labels: ${{ steps.meta.outputs.labels }}
-          outputs: type=image,name=${{ env.REGISTRY_IMAGE }},push-by-digest=true,name-canonical=true,push=true
-      - name: Export digest
-        run: |
-          mkdir -p /tmp/digests
-          digest="${{ steps.build.outputs.digest }}"
-          touch "/tmp/digests/${digest#sha256:}"
-      - name: Upload digest
-        uses: actions/upload-artifact@v3
-        with:
-          name: digests
-          path: /tmp/digests/*
-          if-no-files-found: error
-          retention-days: 1
-
-  merge:
-    runs-on: [self-hosted]
-    needs:
-      - build
-    steps:
-      - name: Download digests
-        uses: actions/download-artifact@v3
-        with:
-          name: digests
-          path: /tmp/digests
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-      - name: Docker meta
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: ${{ env.REGISTRY_IMAGE }}
-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.repository_owner }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-      - name: Create manifest list and push
-        working-directory: /tmp/digests
-        run: |
-          docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
-            $(printf '${{ env.REGISTRY_IMAGE }}@sha256:%s ' *)
-      - name: Inspect image
-        run: |
-          docker buildx imagetools inspect ${{ env.REGISTRY_IMAGE }}:${{ steps.meta.outputs.version }}
-  rerun-failed-jobs:
-    runs-on: [self-hosted]
-    needs: [ build, merge]
-    if: failure()
-    steps:
-      - name: Rerun failed jobs in the current workflow
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: gh run rerun ${{ github.run_id }} --failed
+          platforms: linux/amd64,linux/arm64,linux/arm/v7
+          push: true
+          tags: ${{ steps.metadata.outputs.tags }}
+          labels: ${{ steps.metadata.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
--- a/.github/workflows/build-and-push-docker-image.yml
+++ b/.github/workflows/build-and-push-docker-image.yml
@ -31,12 +31,23 @@ jobs:
          result-encoding: string
          script: return context.payload.release.tag_name.replace('v', '')

+      - name: Generate docker image tags
+        id: metadata
+        uses: docker/metadata-action@v5
+        with:
+          images: |
+            name=ghcr.io/${{ github.repository }}
+          tags: |
+            type=raw,value=${{ steps.set-version.outputs.result }}
+            type=raw,value=latest
+
      - name: Build and push
        uses: docker/build-push-action@v4
        with:
          context: .
          platforms: linux/amd64,linux/arm64,linux/arm/v7
          push: true
-          tags: |
-            ghcr.io/plankanban/planka:latest
-            ghcr.io/plankanban/planka:${{ steps.set-version.outputs.result }}
+          tags: ${{ steps.metadata.outputs.tags }}
+          labels: ${{ steps.metadata.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@ -1,4 +1,2 @@
 #!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx lint-staged
--- a/README.md
+++ b/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)

--- a/charts/planka/Chart.yaml
+++ b/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.1.26
+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.16.4"
+appVersion: "1.21.1"

 dependencies:
  - alias: postgresql
--- a/charts/planka/README.md
+++ b/charts/planka/README.md
@ -14,11 +14,15 @@ If you want to fully uninstall this chart including the data, follow [these step

 ## Usage

+If you just want to spin up an instance using help, please see [these docs](https://docs.planka.cloud/docs/installation/kubernetes/helm_chart/). If you want to make changes to the chart locally, and deploy them, see the below section.
+
+## Local Building and Using the Chart
+
 The basic usage of the chart can be found below:

 ```bash
-git clone https://github.com/Chris-Greaves/planka-helm-chart.git
-cd planka-helm-chart
+git clone https://github.com/plankanban/planka.git
+cd planka/charts/planka
 helm dependency build
 export SECRETKEY=$(openssl rand -hex 64)
 helm install planka . --set secretkey=$SECRETKEY  \
--- a/charts/planka/templates/deployment.yaml
+++ b/charts/planka/templates/deployment.yaml
@ -64,8 +64,16 @@ spec:
            {{- toYaml .Values.resources | nindent 12 }}
          env:
          {{- if not .Values.postgresql.enabled }}
+          {{- if .Values.existingDburlSecret }}
            - name: DATABASE_URL
-              value: {{ required "If the included postgresql deployment is disabled you need to define a Database URL in 'dburl'" .Values.dburl }}
+              valueFrom:
+                secretKeyRef:
+                  name: {{ .Values.existingDburlSecret }}
+                  key: uri
+          {{- else }}
+            - name: DATABASE_URL
+              value: {{ required "If the included postgresql deployment is disabled you need to provide an existing secret in .Values.existingDburlSecret or define a Database URL in 'dburl'" .Values.dburl }}
+          {{- end }}
          {{- else }}
            - name: DATABASE_URL
              valueFrom:
@ -82,17 +90,37 @@ spec:
              value: http://localhost:3000
              {{- end }}
            - name: SECRET_KEY
+              {{- if .Values.existingSecretkeySecret }}
+              valueFrom:
+                secretKeyRef:
+                  name: {{ .Values.existingSecretkeySecret }}
+                  key: key
+              {{- else }}
              value: {{ required "A secret key needs to be generated using 'openssl rand -hex 64' and assigned to secretkey." .Values.secretkey }}
+              {{- end }}
            - name: TRUST_PROXY
              value: "0"
            - name: DEFAULT_ADMIN_EMAIL
              value: {{ .Values.admin_email }}
-            - name: DEFAULT_ADMIN_PASSWORD
-              value: {{ .Values.admin_password }}
            - name: DEFAULT_ADMIN_NAME
              value: {{ .Values.admin_name }}
+            {{- if .Values.existingAdminCredsSecret }}
+            - name: DEFAULT_ADMIN_USERNAME
+              valueFrom:
+                secretKeyRef:
+                  name: {{ .Values.existingAdminCredsSecret }}
+                  key: username
+            - name: DEFAULT_ADMIN_PASSWORD
+              valueFrom:
+                secretKeyRef:
+                  name: {{ .Values.existingAdminCredsSecret }}
+                  key: password
+            {{- else }}
            - name: DEFAULT_ADMIN_USERNAME
              value: {{ .Values.admin_username }}
+            - name: DEFAULT_ADMIN_PASSWORD
+              value: {{ .Values.admin_password }}
+            {{- end }}
          {{ range $k, $v := .Values.env }}
            - name: {{ $k | quote }}
              value: {{ $v | quote }}
--- a/charts/planka/values.yaml
+++ b/charts/planka/values.yaml
@ -17,6 +17,16 @@ fullnameOverride: ""
 # Generate a secret using openssl rand -base64 45
 secretkey: ""

+## @param existingSecretkeySecret Name of an existing secret containing the session key string
+## NOTE: Must contain key `key`
+## NOTE: When it's set, the secretkey parameter is ignored
+existingSecretkeySecret: ""
+
+## @param existingAdminCredsSecret Name of an existing secret containing the admin username and password
+## NOTE: Must contain keys `username` and `password`
+## NOTE: When it's set, the `admin_username` and `admin_password` parameters are ignored
+existingAdminCredsSecret: ""
+
 # Base url for Planka. Will override `ingress.hosts[0].host`
 # Defaults to `http://localhost:3000` if ingress is disabled.
 baseUrl: ""
@ -105,9 +115,15 @@ postgresql:
  serviceBindings:
    enabled: true

-## Set this if you disable the built-in postgresql deployment
+## Set this or existingDburlSecret if you disable the built-in postgresql deployment
 dburl:

+## @param existingDburlSecret Name of an existing secret containing a DBurl connection string
+## NOTE: Must contain key `uri`
+## NOTE: When it's set, the `dburl` parameter is ignored
+##
+existingDburlSecret: ""
+
 ## PVC-based data storage configuration
 persistence:
  enabled: false
--- a/client/.env
+++ b/client/.env
@ -1 +0,0 @@
-REACT_APP_VERSION=1.16.4
--- a/client/package-lock.json
+++ b/client/package-lock.json
--- a/client/package.json
+++ b/client/package.json
@ -60,64 +60,64 @@
  },
  "dependencies": {
    "@juggle/resize-observer": "^3.4.0",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
    "date-fns": "^2.30.0",
    "dequal": "^2.0.3",
    "easymde": "^2.18.0",
    "history": "^5.3.0",
-    "i18next": "^23.7.6",
-    "i18next-browser-languagedetector": "^7.2.0",
+    "i18next": "^23.12.2",
+    "i18next-browser-languagedetector": "^8.0.0",
    "initials": "^3.1.2",
    "js-cookie": "^3.0.5",
    "jwt-decode": "^4.0.0",
    "linkify-react": "^4.1.3",
    "linkifyjs": "^4.1.3",
    "lodash": "^4.17.21",
-    "nanoid": "^5.0.3",
+    "nanoid": "^5.0.7",
    "node-sass": "^9.0.0",
-    "photoswipe": "^5.4.2",
+    "photoswipe": "^5.4.4",
    "prop-types": "^15.8.1",
    "react": "^18.2.0",
    "react-app-rewired": "^2.2.1",
    "react-beautiful-dnd": "^13.1.1",
-    "react-datepicker": "^4.21.0",
+    "react-datepicker": "^4.25.0",
    "react-dom": "^18.2.0",
    "react-dropzone": "^14.2.3",
-    "react-i18next": "^13.5.0",
+    "react-i18next": "^15.0.0",
    "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.19.0",
+    "react-router-dom": "^6.23.1",
    "react-scripts": "5.0.1",
    "react-simplemde-editor": "^5.2.0",
    "react-textarea-autosize": "^8.5.3",
    "redux": "^4.2.1",
    "redux-logger": "^3.0.6",
    "redux-orm": "^0.16.2",
-    "redux-saga": "^1.2.3",
+    "redux-saga": "^1.3.0",
    "remark-breaks": "^4.0.0",
    "remark-gfm": "^3.0.1",
    "reselect": "^4.1.8",
    "sails.io.js": "^1.2.1",
-    "semantic-ui-react": "^2.1.4",
+    "semantic-ui-react": "^2.1.5",
    "socket.io-client": "^2.5.0",
-    "validator": "^13.11.0",
-    "whatwg-fetch": "^3.6.19",
+    "validator": "^13.12.0",
+    "whatwg-fetch": "^3.6.20",
    "zxcvbn": "^4.4.2"
  },
  "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.0",
-    "@testing-library/user-event": "^14.5.1",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.7",
+    "@testing-library/user-event": "^14.5.2",
    "babel-preset-airbnb": "^5.0.0",
-    "chai": "^4.3.10",
-    "eslint": "^8.53.0",
+    "chai": "^4.4.1",
+    "eslint": "^8.57.0",
    "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
    "react-test-renderer": "^18.2.0"
  }
 }
--- a/client/public/index.html
+++ b/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"
--- a/client/src/actions/cards.js
+++ b/client/src/actions/cards.js
@ -57,10 +57,15 @@ updateCard.failure = (id, error) => ({
  },
 });

-const handleCardUpdate = (card) => ({
+const handleCardUpdate = (card, isFetched, cardMemberships, cardLabels, tasks, attachments) => ({
  type: ActionTypes.CARD_UPDATE_HANDLE,
  payload: {
    card,
+    isFetched,
+    cardMemberships,
+    cardLabels,
+    tasks,
+    attachments,
  },
 });

@ -121,6 +126,14 @@ const handleCardDelete = (card) => ({
  },
 });

+const filterText = (boardId, text) => ({
+  type: ActionTypes.TEXT_FILTER_IN_CURRENT_BOARD,
+  payload: {
+    boardId,
+    text,
+  },
+});
+
 export default {
  createCard,
  handleCardCreate,
@ -129,4 +142,5 @@ export default {
  duplicateCard,
  deleteCard,
  handleCardDelete,
+  filterText,
 };
--- a/client/src/actions/lists.js
+++ b/client/src/actions/lists.js
@ -60,6 +60,38 @@ const handleListUpdate = (list) => ({
  },
 });

+const sortList = (id, data) => ({
+  type: ActionTypes.LIST_SORT,
+  payload: {
+    id,
+    data,
+  },
+});
+
+sortList.success = (list, cards) => ({
+  type: ActionTypes.LIST_SORT__SUCCESS,
+  payload: {
+    list,
+    cards,
+  },
+});
+
+sortList.failure = (id, error) => ({
+  type: ActionTypes.LIST_SORT__FAILURE,
+  payload: {
+    id,
+    error,
+  },
+});
+
+const handleListSort = (list, cards) => ({
+  type: ActionTypes.LIST_SORT_HANDLE,
+  payload: {
+    list,
+    cards,
+  },
+});
+
 const deleteList = (id) => ({
  type: ActionTypes.LIST_DELETE,
  payload: {
@ -94,6 +126,8 @@ export default {
  handleListCreate,
  updateList,
  handleListUpdate,
+  sortList,
+  handleListSort,
  deleteList,
  handleListDelete,
 };
--- a/client/src/api/access-tokens.js
+++ b/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) =>
-  socket.delete('/access-tokens/me', undefined, headers);
+const deleteCurrentAccessToken = (headers) => http.delete('/access-tokens/me', undefined, headers);

 export default {
  createAccessToken,
--- a/client/src/api/http.js
+++ b/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) => ({
--- a/client/src/api/lists.js
+++ b/client/src/api/lists.js
@ -1,4 +1,5 @@
 import socket from './socket';
+import { transformCard } from './cards';

 /* Actions */

@ -7,10 +8,33 @@ const createList = (boardId, data, headers) =>

 const updateList = (id, data, headers) => socket.patch(`/lists/${id}`, data, headers);

+const sortList = (id, data, headers) =>
+  socket.post(`/lists/${id}/sort`, data, headers).then((body) => ({
+    ...body,
+    included: {
+      ...body.included,
+      cards: body.included.cards.map(transformCard),
+    },
+  }));
+
 const deleteList = (id, headers) => socket.delete(`/lists/${id}`, undefined, headers);

+/* Event handlers */
+
+const makeHandleListSort = (next) => (body) => {
+  next({
+    ...body,
+    included: {
+      ...body.included,
+      cards: body.included.cards.map(transformCard),
+    },
+  });
+};
+
 export default {
  createList,
  updateList,
+  sortList,
  deleteList,
+  makeHandleListSort,
 };
--- a/client/src/api/socket.js
+++ b/client/src/api/socket.js
@ -13,7 +13,7 @@ io.sails.environment = process.env.NODE_ENV;

 const { socket } = io;

-socket.path = `${Config.BASE_PATH}/socket.io`;
+socket.path = `${Config.SERVER_BASE_PATH}/socket.io`;
 socket.connect = socket._connect; // eslint-disable-line no-underscore-dangle

 ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].forEach((method) => {
--- a/client/src/assets/css/font-awesome.css
+++ b/client/src/assets/css/font-awesome.css
--- a/client/src/assets/css/font-awesome.min.css
+++ b/client/src/assets/css/font-awesome.min.css
--- a/client/src/assets/fonts/FontAwesome.otf
+++ b/client/src/assets/fonts/FontAwesome.otf
--- a/client/src/assets/fonts/fontawesome-webfont.eot
+++ b/client/src/assets/fonts/fontawesome-webfont.eot
--- a/client/src/assets/fonts/fontawesome-webfont.svg
+++ b/client/src/assets/fonts/fontawesome-webfont.svg
--- a/client/src/assets/fonts/fontawesome-webfont.ttf
+++ b/client/src/assets/fonts/fontawesome-webfont.ttf
--- a/client/src/assets/fonts/fontawesome-webfont.woff
+++ b/client/src/assets/fonts/fontawesome-webfont.woff
--- a/client/src/assets/fonts/fontawesome-webfont.woff2
+++ b/client/src/assets/fonts/fontawesome-webfont.woff2
--- a/client/src/components/Background/Background.module.scss
+++ b/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;
--- a/client/src/components/Board/Board.module.scss
+++ b/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;
  }
--- a/client/src/components/BoardActions/BoardActions.jsx
+++ b/client/src/components/BoardActions/BoardActions.jsx
@ -13,6 +13,7 @@ const BoardActions = React.memo(
    labels,
    filterUsers,
    filterLabels,
+    filterText,
    allUsers,
    canEdit,
    canEditMemberships,
@ -27,6 +28,7 @@ const BoardActions = React.memo(
    onLabelUpdate,
    onLabelMove,
    onLabelDelete,
+    onTextFilterUpdate,
  }) => {
    return (
      <div className={styles.wrapper}>
@ -46,6 +48,7 @@ const BoardActions = React.memo(
            <Filters
              users={filterUsers}
              labels={filterLabels}
+              filterText={filterText}
              allBoardMemberships={memberships}
              allLabels={labels}
              canEdit={canEdit}
@ -57,6 +60,7 @@ const BoardActions = React.memo(
              onLabelUpdate={onLabelUpdate}
              onLabelMove={onLabelMove}
              onLabelDelete={onLabelDelete}
+              onTextFilterUpdate={onTextFilterUpdate}
            />
          </div>
        </div>
@ -71,6 +75,7 @@ BoardActions.propTypes = {
  labels: PropTypes.array.isRequired,
  filterUsers: PropTypes.array.isRequired,
  filterLabels: PropTypes.array.isRequired,
+  filterText: PropTypes.string.isRequired,
  allUsers: PropTypes.array.isRequired,
  /* eslint-enable react/forbid-prop-types */
  canEdit: PropTypes.bool.isRequired,
@ -86,6 +91,7 @@ BoardActions.propTypes = {
  onLabelUpdate: PropTypes.func.isRequired,
  onLabelMove: PropTypes.func.isRequired,
  onLabelDelete: PropTypes.func.isRequired,
+  onTextFilterUpdate: PropTypes.func.isRequired,
 };

 export default BoardActions;
--- a/client/src/components/BoardActions/BoardActions.module.scss
+++ b/client/src/components/BoardActions/BoardActions.module.scss
@ -1,12 +1,15 @@
 :global(#app) {
  .action {
+    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;
  }

--- a/client/src/components/BoardActions/Filters.jsx
+++ b/client/src/components/BoardActions/Filters.jsx
@ -1,7 +1,10 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
+import { Icon } from 'semantic-ui-react';
 import { usePopup } from '../../lib/popup';
+import { Input } from '../../lib/custom-ui';

 import User from '../User';
 import Label from '../Label';
@ -14,6 +17,7 @@ const Filters = React.memo(
  ({
    users,
    labels,
+    filterText,
    allBoardMemberships,
    allLabels,
    canEdit,
@ -25,8 +29,17 @@ const Filters = React.memo(
    onLabelUpdate,
    onLabelMove,
    onLabelDelete,
+    onTextFilterUpdate,
  }) => {
    const [t] = useTranslation();
+    const [isSearchFocused, setIsSearchFocused] = useState(false);
+
+    const searchFieldRef = useRef(null);
+
+    const cancelSearch = useCallback(() => {
+      onTextFilterUpdate('');
+      searchFieldRef.current.blur();
+    }, [onTextFilterUpdate]);

    const handleRemoveUserClick = useCallback(
      (id) => {
@ -42,9 +55,39 @@ const Filters = React.memo(
      [onLabelRemove],
    );

+    const handleSearchChange = useCallback(
+      (_, { value }) => {
+        onTextFilterUpdate(value);
+      },
+      [onTextFilterUpdate],
+    );
+
+    const handleSearchFocus = useCallback(() => {
+      setIsSearchFocused(true);
+    }, []);
+
+    const handleSearchKeyDown = useCallback(
+      (event) => {
+        if (event.key === 'Escape') {
+          cancelSearch();
+        }
+      },
+      [cancelSearch],
+    );
+
+    const handleSearchBlur = useCallback(() => {
+      setIsSearchFocused(false);
+    }, []);
+
+    const handleCancelSearchClick = useCallback(() => {
+      cancelSearch();
+    }, [cancelSearch]);
+
    const BoardMembershipsPopup = usePopup(BoardMembershipsStep);
    const LabelsPopup = usePopup(LabelsStep);

+    const isSearchActive = filterText || isSearchFocused;
+
    return (
      <>
        <span className={styles.filter}>
@ -100,6 +143,25 @@ const Filters = React.memo(
            </span>
          ))}
        </span>
+        <span className={styles.filter}>
+          <Input
+            ref={searchFieldRef}
+            value={filterText}
+            placeholder={t('common.searchCards')}
+            icon={
+              isSearchActive ? (
+                <Icon link name="cancel" onClick={handleCancelSearchClick} />
+              ) : (
+                'search'
+              )
+            }
+            className={classNames(styles.search, !isSearchActive && styles.searchInactive)}
+            onFocus={handleSearchFocus}
+            onKeyDown={handleSearchKeyDown}
+            onChange={handleSearchChange}
+            onBlur={handleSearchBlur}
+          />
+        </span>
      </>
    );
  },
@ -109,6 +171,7 @@ Filters.propTypes = {
  /* eslint-disable react/forbid-prop-types */
  users: PropTypes.array.isRequired,
  labels: PropTypes.array.isRequired,
+  filterText: PropTypes.string.isRequired,
  allBoardMemberships: PropTypes.array.isRequired,
  allLabels: PropTypes.array.isRequired,
  /* eslint-enable react/forbid-prop-types */
@ -121,6 +184,7 @@ Filters.propTypes = {
  onLabelUpdate: PropTypes.func.isRequired,
  onLabelMove: PropTypes.func.isRequired,
  onLabelDelete: PropTypes.func.isRequired,
+  onTextFilterUpdate: PropTypes.func.isRequired,
 };

 export default Filters;
--- a/client/src/components/BoardActions/Filters.module.scss
+++ b/client/src/components/BoardActions/Filters.module.scss
@ -43,4 +43,36 @@
    line-height: 20px;
    padding: 2px 12px;
  }
+
+  .search {
+    height: 30px;
+    margin: 0 12px;
+    transition: width 0.2s ease;
+    width: 280px;
+
+    @media only screen and (max-width: 797px) {
+      width: 220px;
+    }
+
+    input {
+      font-size: 13px;
+    }
+  }
+
+  .searchInactive {
+    color: #fff;
+    height: 24px;
+    width: 220px;
+
+    input {
+      background: rgba(0, 0, 0, 0.24);
+      border: none;
+      color: #fff !important;
+      font-size: 12px;
+
+      &::placeholder {
+        color: #fff;
+      }
+    }
+  }
 }
--- a/client/src/components/Card/Card.jsx
+++ b/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,
 };
--- a/client/src/components/Card/Card.module.scss
+++ b/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);
--- a/client/src/components/Card/NameEdit.jsx
+++ b/client/src/components/Card/NameEdit.jsx
@ -5,6 +5,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 import { Button, Form, TextArea } from 'semantic-ui-react';

 import { useClosableForm, useField } from '../../hooks';
+import { focusEnd } from '../../utils/element-helpers';

 import styles from './NameEdit.module.scss';

@ -79,7 +80,7 @@ const NameEdit = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>

  useEffect(() => {
    if (isOpened) {
-      field.current.ref.current.focus();
+      focusEnd(field.current.ref.current);
    }
  }, [isOpened]);

--- a/client/src/components/CardModal/Activities/CommentEdit.jsx
+++ b/client/src/components/CardModal/Activities/CommentEdit.jsx
@ -6,6 +6,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 import { Button, Form, TextArea } from 'semantic-ui-react';

 import { useForm } from '../../../hooks';
+import { focusEnd } from '../../../utils/element-helpers';

 import styles from './CommentEdit.module.scss';

@ -70,7 +71,7 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref)

  useEffect(() => {
    if (isOpened) {
-      textField.current.ref.current.focus();
+      focusEnd(textField.current.ref.current);
    }
  }, [isOpened]);

--- a/client/src/components/CardModal/CardModal.jsx
+++ b/client/src/components/CardModal/CardModal.jsx
@ -1,8 +1,8 @@
-import React, { useCallback, useRef } from 'react';
+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,
@ -81,6 +82,7 @@ const CardModal = React.memo(
    onClose,
  }) => {
    const [t] = useTranslation();
+    const [isLinkCopied, setIsLinkCopied] = useState(false);

    const isGalleryOpened = useRef(false);

@ -117,6 +119,12 @@ const CardModal = React.memo(
      [onUpdate],
    );

+    const handleDueDateCompletionChange = useCallback(() => {
+      onUpdate({
+        isDueDateCompleted: !isDueDateCompleted,
+      });
+    }, [isDueDateCompleted, onUpdate]);
+
    const handleStopwatchUpdate = useCallback(
      (newStopwatch) => {
        onUpdate({
@ -146,6 +154,14 @@ const CardModal = React.memo(
      onClose();
    }, [onDuplicate, onClose]);

+    const handleCopyLinkClick = useCallback(() => {
+      navigator.clipboard.writeText(window.location.href);
+      setIsLinkCopied(true);
+      setTimeout(() => {
+        setIsLinkCopied(false);
+      }, 5000);
+    }, []);
+
    const handleGalleryOpen = useCallback(() => {
      isGalleryOpened.current = true;
    }, []);
@ -291,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>
@ -506,6 +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}
+                    />
+                    {isLinkCopied
+                      ? t('common.linkIsCopied')
+                      : t('action.copyLink', {
+                          context: 'title',
+                        })}
+                  </Button>
+                )}
                <DeletePopup
                  title="common.deleteCard"
                  content="common.areYouSureYouWantToDeleteThisCard"
@ -540,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,
@ -594,6 +635,7 @@ CardModal.propTypes = {
 CardModal.defaultProps = {
  description: undefined,
  dueDate: undefined,
+  isDueDateCompleted: false,
  stopwatch: undefined,
 };

--- a/client/src/components/CardModal/CardModal.module.scss
+++ b/client/src/components/CardModal/CardModal.module.scss
@ -20,12 +20,20 @@

  .actionIcon {
    color: #17394d;
-    display: inline;
    margin-right: 8px;
  }

  .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 {
@ -50,6 +58,12 @@
    max-width: 100%;
  }

+  .attachmentDueDate {
+    align-items: center;
+    display: flex;
+    gap: 4px;
+  }
+
  .attachments {
    display: inline-block;
    margin: 0 8px 8px 0;
@ -63,6 +77,11 @@

  .contentPadding {
    padding: 8px 8px 0 16px;
+
+    @media only screen and (max-width: 797px) {
+      padding-right: 16px;
+      width: 100% !important;
+    }
  }

  .cursorPointer {
@ -155,6 +174,11 @@

  .modalPadding {
    padding: 0px;
+
+    @media only screen and (max-width: 797px) {
+      display: flex;
+      flex-flow: column nowrap;
+    }
  }

  .moduleHeader {
@ -185,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 {
--- a/client/src/components/CardModal/DescriptionEdit.jsx
+++ b/client/src/components/CardModal/DescriptionEdit.jsx
@ -57,6 +57,7 @@ const DescriptionEdit = React.forwardRef(({ children, defaultValue, onUpdate },

  const mdEditorOptions = useMemo(
    () => ({
+      autoDownloadFontAwesome: false,
      autofocus: true,
      spellChecker: false,
      status: false,
--- a/client/src/components/CardModal/Tasks/NameEdit.jsx
+++ b/client/src/components/CardModal/Tasks/NameEdit.jsx
@ -5,6 +5,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 import { Button, Form, TextArea } from 'semantic-ui-react';

 import { useField } from '../../../hooks';
+import { focusEnd } from '../../../utils/element-helpers';

 import styles from './NameEdit.module.scss';

@ -65,7 +66,7 @@ const NameEdit = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>

  useEffect(() => {
    if (isOpened) {
-      field.current.ref.current.focus();
+      focusEnd(field.current.ref.current);
    }
  }, [isOpened]);

--- a/client/src/components/Core/Core.module.scss
+++ b/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;
--- a/client/src/components/DueDate/DueDate.jsx
+++ b/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;
--- a/client/src/components/DueDate/DueDate.module.scss
+++ b/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;
+  }
 }
--- a/client/src/components/Fixed/Fixed.module.scss
+++ b/client/src/components/Fixed/Fixed.module.scss
@ -1,5 +1,6 @@
 :global(#app) {
  .wrapper {
+    max-width: 100vw;
    position: fixed;
    width: 100%;
    z-index: 1;
--- a/client/src/components/Header/Header.jsx
+++ b/client/src/components/Header/Header.jsx
@ -7,6 +7,7 @@ import { usePopup } from '../../lib/popup';

 import Paths from '../../constants/Paths';
 import NotificationsStep from './NotificationsStep';
+import User from '../User';
 import UserStep from '../UserStep';

 import styles from './Header.module.scss';
@ -91,7 +92,8 @@ const Header = React.memo(
              onLogout={onLogout}
            >
              <Menu.Item className={classNames(styles.item, styles.itemHoverable)}>
-                {user.name}
+                <span className={styles.userName}>{user.name}</span>
+                <User name={user.name} avatarUrl={user.avatarUrl} size="small" />
              </Menu.Item>
            </UserPopup>
          </Menu.Menu>
--- a/client/src/components/Header/Header.module.scss
+++ b/client/src/components/Header/Header.module.scss
@ -86,6 +86,15 @@
    font-weight: bold;
  }

+  .userName {
+    display: none;
+    margin-right: 10px;
+
+    @media only screen and (min-width: 797px) {
+      display: block;
+    }
+  }
+
  .wrapper {
    background: rgba(0, 0, 0, 0.24);
    display: flex;
--- a/client/src/components/Label/Label.jsx
+++ b/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 ? (
--- a/client/src/components/Label/Label.module.scss
+++ b/client/src/components/Label/Label.module.scss
@ -11,13 +11,13 @@

  .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;
  }

--- a/client/src/components/List/ActionsStep.jsx
+++ b/client/src/components/List/ActionsStep.jsx
@ -5,15 +5,17 @@ import { Menu } from 'semantic-ui-react';
 import { Popup } from '../../lib/custom-ui';

 import { useSteps } from '../../hooks';
+import ListSortStep from '../ListSortStep';
 import DeleteStep from '../DeleteStep';

 import styles from './ActionsStep.module.scss';

 const StepTypes = {
  DELETE: 'DELETE',
+  SORT: 'SORT',
 };

-const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onDelete, onClose }) => {
+const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onSort, onDelete, onClose }) => {
  const [t] = useTranslation();
  const [step, openStep, handleBack] = useSteps();

@ -27,11 +29,30 @@ const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onDelete, onClose }) =>
    onClose();
  }, [onCardAdd, onClose]);

+  const handleSortClick = useCallback(() => {
+    openStep(StepTypes.SORT);
+  }, [openStep]);
+
  const handleDeleteClick = useCallback(() => {
    openStep(StepTypes.DELETE);
  }, [openStep]);

-  if (step && step.type === StepTypes.DELETE) {
+  const handleSortTypeSelect = useCallback(
+    (type) => {
+      onSort({
+        type,
+      });
+
+      onClose();
+    },
+    [onSort, onClose],
+  );
+
+  if (step && step.type) {
+    switch (step.type) {
+      case StepTypes.SORT:
+        return <ListSortStep onTypeSelect={handleSortTypeSelect} onBack={handleBack} />;
+      case StepTypes.DELETE:
        return (
          <DeleteStep
            title="common.deleteList"
@ -41,6 +62,8 @@ const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onDelete, onClose }) =>
            onBack={handleBack}
          />
        );
+      default:
+    }
  }

  return (
@ -62,6 +85,11 @@ const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onDelete, onClose }) =>
              context: 'title',
            })}
          </Menu.Item>
+          <Menu.Item className={styles.menuItem} onClick={handleSortClick}>
+            {t('action.sortList', {
+              context: 'title',
+            })}
+          </Menu.Item>
          <Menu.Item className={styles.menuItem} onClick={handleDeleteClick}>
            {t('action.deleteList', {
              context: 'title',
@ -77,6 +105,7 @@ ActionsStep.propTypes = {
  onNameEdit: PropTypes.func.isRequired,
  onCardAdd: PropTypes.func.isRequired,
  onDelete: PropTypes.func.isRequired,
+  onSort: PropTypes.func.isRequired,
  onClose: PropTypes.func.isRequired,
 };

--- a/client/src/components/List/List.jsx
+++ b/client/src/components/List/List.jsx
@ -16,7 +16,18 @@ import { ReactComponent as PlusMathIcon } from '../../assets/images/plus-math-ic
 import styles from './List.module.scss';

 const List = React.memo(
-  ({ id, index, name, isPersisted, cardIds, canEdit, onUpdate, onDelete, onCardCreate }) => {
+  ({
+    id,
+    index,
+    name,
+    isPersisted,
+    cardIds,
+    canEdit,
+    onUpdate,
+    onDelete,
+    onSort,
+    onCardCreate,
+  }) => {
    const [t] = useTranslation();
    const [isAddCardOpened, setIsAddCardOpened] = useState(false);

@ -114,6 +125,7 @@ const List = React.memo(
                    onNameEdit={handleNameEdit}
                    onCardAdd={handleCardAdd}
                    onDelete={onDelete}
+                    onSort={onSort}
                  >
                    <Button className={classNames(styles.headerButton, styles.target)}>
                      <Icon fitted name="pencil" size="small" />
@ -159,6 +171,7 @@ List.propTypes = {
  cardIds: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
  canEdit: PropTypes.bool.isRequired,
  onUpdate: PropTypes.func.isRequired,
+  onSort: PropTypes.func.isRequired,
  onDelete: PropTypes.func.isRequired,
  onCardCreate: PropTypes.func.isRequired,
 };
--- a/client/src/components/List/List.module.scss
+++ b/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 {
--- a/client/src/components/List/NameEdit.jsx
+++ b/client/src/components/List/NameEdit.jsx
@ -4,6 +4,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 import { TextArea } from 'semantic-ui-react';

 import { useField } from '../../hooks';
+import { focusEnd } from '../../utils/element-helpers';

 import styles from './NameEdit.module.scss';

@ -71,7 +72,7 @@ const NameEdit = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>

  useEffect(() => {
    if (isOpened) {
-      field.current.ref.current.select();
+      focusEnd(field.current.ref.current);
    }
  }, [isOpened]);

--- a/client/src/components/ListSortStep/ListSortStep.jsx
+++ b/client/src/components/ListSortStep/ListSortStep.jsx
@ -0,0 +1,61 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useTranslation } from 'react-i18next';
+import { Menu } from 'semantic-ui-react';
+import { Popup } from '../../lib/custom-ui';
+import { ListSortTypes } from '../../constants/Enums';
+
+import styles from './ListSortStep.module.scss';
+
+const ListSortStep = React.memo(({ onTypeSelect, onBack }) => {
+  const [t] = useTranslation();
+
+  return (
+    <>
+      <Popup.Header onBack={onBack}>
+        {t('common.sortList', {
+          context: 'title',
+        })}
+      </Popup.Header>
+      <Popup.Content>
+        <Menu secondary vertical className={styles.menu}>
+          <Menu.Item
+            className={styles.menuItem}
+            onClick={() => onTypeSelect(ListSortTypes.NAME_ASC)}
+          >
+            {t('common.title')}
+          </Menu.Item>
+          <Menu.Item
+            className={styles.menuItem}
+            onClick={() => onTypeSelect(ListSortTypes.DUE_DATE_ASC)}
+          >
+            {t('common.dueDate')}
+          </Menu.Item>
+          <Menu.Item
+            className={styles.menuItem}
+            onClick={() => onTypeSelect(ListSortTypes.CREATED_AT_ASC)}
+          >
+            {t('common.oldestFirst')}
+          </Menu.Item>
+          <Menu.Item
+            className={styles.menuItem}
+            onClick={() => onTypeSelect(ListSortTypes.CREATED_AT_DESC)}
+          >
+            {t('common.newestFirst')}
+          </Menu.Item>
+        </Menu>
+      </Popup.Content>
+    </>
+  );
+});
+
+ListSortStep.propTypes = {
+  onTypeSelect: PropTypes.func.isRequired,
+  onBack: PropTypes.func,
+};
+
+ListSortStep.defaultProps = {
+  onBack: undefined,
+};
+
+export default ListSortStep;
--- a/client/src/components/ListSortStep/ListSortStep.module.scss
+++ b/client/src/components/ListSortStep/ListSortStep.module.scss
@ -0,0 +1,11 @@
+:global(#app) {
+  .menu {
+    margin: -7px -12px -5px;
+    width: calc(100% + 24px);
+  }
+
+  .menuItem {
+    margin: 0;
+    padding-left: 14px;
+  }
+}
--- a/client/src/components/ListSortStep/index.js
+++ b/client/src/components/ListSortStep/index.js
@ -0,0 +1,3 @@
+import ListSortStep from './ListSortStep';
+
+export default ListSortStep;
--- a/client/src/components/Login/Login.jsx
+++ b/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();

--- a/client/src/components/Memberships/ActionsStep.jsx
+++ b/client/src/components/Memberships/ActionsStep.jsx
@ -3,6 +3,7 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { Button } from 'semantic-ui-react';
+import { Popup } from '../../lib/custom-ui';

 import { useSteps } from '../../hooks';
 import User from '../User';
@ -19,6 +20,7 @@ const ActionsStep = React.memo(
  ({
    membership,
    permissionsSelectStep,
+    title,
    leaveButtonContent,
    leaveConfirmationTitle,
    leaveConfirmationContent,
@ -31,6 +33,7 @@ const ActionsStep = React.memo(
    canLeave,
    onUpdate,
    onDelete,
+    onBack,
    onClose,
  }) => {
    const [t] = useTranslation();
@ -53,6 +56,11 @@ const ActionsStep = React.memo(
      [onUpdate],
    );

+    const handleDeleteConfirm = useCallback(() => {
+      onDelete();
+      onClose();
+    }, [onDelete, onClose]);
+
    if (step) {
      switch (step.type) {
        case StepTypes.EDIT_PERMISSIONS: {
@ -81,7 +89,7 @@ const ActionsStep = React.memo(
                  ? leaveConfirmationButtonContent
                  : deleteConfirmationButtonContent
              }
-              onConfirm={onDelete}
+              onConfirm={handleDeleteConfirm}
              onBack={handleBack}
            />
          );
@ -89,7 +97,7 @@ const ActionsStep = React.memo(
      }
    }

-    return (
+    const contentNode = (
      <>
        <span className={styles.user}>
          <User name={membership.user.name} avatarUrl={membership.user.avatarUrl} size="large" />
@ -125,12 +133,26 @@ const ActionsStep = React.memo(
            )}
      </>
    );
+
+    return onBack ? (
+      <>
+        <Popup.Header onBack={onBack}>
+          {t(title, {
+            context: 'title',
+          })}
+        </Popup.Header>
+        <Popup.Content>{contentNode}</Popup.Content>
+      </>
+    ) : (
+      contentNode
+    );
  },
 );

 ActionsStep.propTypes = {
  membership: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
  permissionsSelectStep: PropTypes.elementType,
+  title: PropTypes.string,
  leaveButtonContent: PropTypes.string,
  leaveConfirmationTitle: PropTypes.string,
  leaveConfirmationContent: PropTypes.string,
@ -143,11 +165,13 @@ ActionsStep.propTypes = {
  canLeave: PropTypes.bool.isRequired,
  onUpdate: PropTypes.func,
  onDelete: PropTypes.func.isRequired,
+  onBack: PropTypes.func,
  onClose: PropTypes.func.isRequired,
 };

 ActionsStep.defaultProps = {
  permissionsSelectStep: undefined,
+  title: 'common.memberActions',
  leaveButtonContent: 'action.leaveBoard',
  leaveConfirmationTitle: 'common.leaveBoard',
  leaveConfirmationContent: 'common.areYouSureYouWantToLeaveBoard',
@ -157,6 +181,7 @@ ActionsStep.defaultProps = {
  deleteConfirmationContent: 'common.areYouSureYouWantToRemoveThisMemberFromBoard',
  deleteConfirmationButtonContent: 'action.removeMember',
  onUpdate: undefined,
+  onBack: undefined,
 };

 export default ActionsStep;
--- a/client/src/components/Memberships/Memberships.jsx
+++ b/client/src/components/Memberships/Memberships.jsx
@ -5,16 +5,21 @@ import { usePopup } from '../../lib/popup';

 import AddStep from './AddStep';
 import ActionsStep from './ActionsStep';
+import MembershipsStep from './MembershipsStep';
 import User from '../User';

 import styles from './Memberships.module.scss';

+const MAX_MEMBERS = 6;
+
 const Memberships = React.memo(
  ({
    items,
    allUsers,
    permissionsSelectStep,
+    title,
    addTitle,
+    actionsTitle,
    leaveButtonContent,
    leaveConfirmationTitle,
    leaveConfirmationContent,
@ -31,11 +36,14 @@ const Memberships = React.memo(
  }) => {
    const AddPopup = usePopup(AddStep);
    const ActionsPopup = usePopup(ActionsStep);
+    const MembershipsPopup = usePopup(MembershipsStep);
+
+    const remainMembersCount = items.length - MAX_MEMBERS;

    return (
      <>
        <span className={styles.users}>
-          {items.map((item) => (
+          {items.slice(0, MAX_MEMBERS).map((item) => (
            <span key={item.id} className={styles.user}>
              <ActionsPopup
                membership={item}
@ -63,6 +71,30 @@ const Memberships = React.memo(
            </span>
          ))}
        </span>
+        {remainMembersCount > 0 && (
+          <MembershipsPopup
+            items={items}
+            permissionsSelectStep={permissionsSelectStep}
+            title={title}
+            actionsTitle={actionsTitle}
+            leaveButtonContent={leaveButtonContent}
+            leaveConfirmationTitle={leaveConfirmationTitle}
+            leaveConfirmationContent={leaveConfirmationContent}
+            leaveConfirmationButtonContent={leaveConfirmationButtonContent}
+            deleteButtonContent={deleteButtonContent}
+            deleteConfirmationTitle={deleteConfirmationTitle}
+            deleteConfirmationContent={deleteConfirmationContent}
+            deleteConfirmationButtonContent={deleteConfirmationButtonContent}
+            canEdit={canEdit}
+            canLeave={items.length > 1 || canLeaveIfLast}
+            onUpdate={onUpdate}
+            onDelete={onDelete}
+          >
+            <Button icon className={styles.addUser}>
+              +{remainMembersCount < 99 ? remainMembersCount : 99}
+            </Button>
+          </MembershipsPopup>
+        )}
        {canEdit && (
          <AddPopup
            users={allUsers}
@ -85,7 +117,9 @@ Memberships.propTypes = {
  allUsers: PropTypes.array.isRequired,
  /* eslint-enable react/forbid-prop-types */
  permissionsSelectStep: PropTypes.elementType,
+  title: PropTypes.string,
  addTitle: PropTypes.string,
+  actionsTitle: PropTypes.string,
  leaveButtonContent: PropTypes.string,
  leaveConfirmationTitle: PropTypes.string,
  leaveConfirmationContent: PropTypes.string,
@ -103,7 +137,9 @@ Memberships.propTypes = {

 Memberships.defaultProps = {
  permissionsSelectStep: undefined,
+  title: undefined,
  addTitle: undefined,
+  actionsTitle: undefined,
  leaveButtonContent: undefined,
  leaveConfirmationTitle: undefined,
  leaveConfirmationContent: undefined,
--- a/client/src/components/Memberships/Memberships.module.scss
+++ b/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);
    }
--- a/client/src/components/Memberships/MembershipsStep.jsx
+++ b/client/src/components/Memberships/MembershipsStep.jsx
@ -0,0 +1,121 @@
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+
+import { useSteps } from '../../hooks';
+import ActionsStep from './ActionsStep';
+import BoardMembershipsStep from '../BoardMembershipsStep';
+
+const StepTypes = {
+  EDIT: 'EDIT',
+};
+
+const MembershipsStep = React.memo(
+  ({
+    items,
+    permissionsSelectStep,
+    title,
+    actionsTitle,
+    leaveButtonContent,
+    leaveConfirmationTitle,
+    leaveConfirmationContent,
+    leaveConfirmationButtonContent,
+    deleteButtonContent,
+    deleteConfirmationTitle,
+    deleteConfirmationContent,
+    deleteConfirmationButtonContent,
+    canEdit,
+    canLeave,
+    onUpdate,
+    onDelete,
+    onClose,
+  }) => {
+    const [step, openStep, handleBack] = useSteps();
+
+    const handleUserSelect = useCallback(
+      (userId) => {
+        openStep(StepTypes.EDIT, {
+          userId,
+        });
+      },
+      [openStep],
+    );
+
+    if (step && step.type === StepTypes.EDIT) {
+      const currentItem = items.find((item) => item.userId === step.params.userId);
+
+      if (currentItem) {
+        return (
+          <ActionsStep
+            membership={currentItem}
+            permissionsSelectStep={permissionsSelectStep}
+            title={actionsTitle}
+            leaveButtonContent={leaveButtonContent}
+            leaveConfirmationTitle={leaveConfirmationTitle}
+            leaveConfirmationContent={leaveConfirmationContent}
+            leaveConfirmationButtonContent={leaveConfirmationButtonContent}
+            deleteButtonContent={deleteButtonContent}
+            deleteConfirmationTitle={deleteConfirmationTitle}
+            deleteConfirmationContent={deleteConfirmationContent}
+            deleteConfirmationButtonContent={deleteConfirmationButtonContent}
+            canEdit={canEdit}
+            canLeave={canLeave}
+            onUpdate={(data) => onUpdate(currentItem.id, data)}
+            onDelete={() => onDelete(currentItem.id)}
+            onBack={handleBack}
+            onClose={onClose}
+          />
+        );
+      }
+
+      openStep(null);
+    }
+
+    return (
+      // FIXME: hack
+      <BoardMembershipsStep
+        items={items}
+        currentUserIds={[]}
+        title={title}
+        onUserSelect={handleUserSelect}
+        onUserDeselect={() => {}}
+      />
+    );
+  },
+);
+
+MembershipsStep.propTypes = {
+  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
+  permissionsSelectStep: PropTypes.elementType,
+  title: PropTypes.string,
+  actionsTitle: PropTypes.string,
+  leaveButtonContent: PropTypes.string,
+  leaveConfirmationTitle: PropTypes.string,
+  leaveConfirmationContent: PropTypes.string,
+  leaveConfirmationButtonContent: PropTypes.string,
+  deleteButtonContent: PropTypes.string,
+  deleteConfirmationTitle: PropTypes.string,
+  deleteConfirmationContent: PropTypes.string,
+  deleteConfirmationButtonContent: PropTypes.string,
+  canEdit: PropTypes.bool.isRequired,
+  canLeave: PropTypes.bool.isRequired,
+  onUpdate: PropTypes.func,
+  onDelete: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
+};
+
+MembershipsStep.defaultProps = {
+  permissionsSelectStep: undefined,
+  title: undefined,
+  actionsTitle: undefined,
+  leaveButtonContent: undefined,
+  leaveConfirmationTitle: undefined,
+  leaveConfirmationContent: undefined,
+  leaveConfirmationButtonContent: undefined,
+  deleteButtonContent: undefined,
+  deleteConfirmationTitle: undefined,
+  deleteConfirmationContent: undefined,
+  deleteConfirmationButtonContent: undefined,
+  onUpdate: undefined,
+};
+
+export default MembershipsStep;
--- a/client/src/components/ProjectSettingsModal/ManagersPane.jsx
+++ b/client/src/components/ProjectSettingsModal/ManagersPane.jsx
@ -12,7 +12,9 @@ const ManagersPane = React.memo(({ items, allUsers, onCreate, onDelete }) => {
      <Memberships
        items={items}
        allUsers={allUsers}
+        title="common.managers"
        addTitle="common.addManager"
+        actionsTitle="common.managerActions"
        leaveButtonContent="action.leaveProject"
        leaveConfirmationTitle="common.leaveProject"
        leaveConfirmationContent="common.areYouSureYouWantToLeaveProject"
--- a/client/src/components/Root.jsx
+++ b/client/src/components/Root.jsx
@ -13,6 +13,7 @@ import 'react-datepicker/dist/react-datepicker.css';
 import 'photoswipe/dist/photoswipe.css';
 import 'easymde/dist/easymde.min.css';
 import '../lib/custom-ui/styles.css';
+import '../assets/css/font-awesome.css';
 import '../styles.module.scss';

 function Root({ store, history }) {
--- a/client/src/components/Stopwatch/Stopwatch.module.scss
+++ b/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;
  }
--- a/client/src/components/User/User.module.scss
+++ b/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;
  }
--- a/client/src/components/UserSettingsModal/AboutPane.jsx
+++ b/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>
  );
--- a/client/src/constants/ActionTypes.js
+++ b/client/src/constants/ActionTypes.js
@ -173,6 +173,10 @@ export default {
  LIST_UPDATE__SUCCESS: 'LIST_UPDATE__SUCCESS',
  LIST_UPDATE__FAILURE: 'LIST_UPDATE__FAILURE',
  LIST_UPDATE_HANDLE: 'LIST_UPDATE_HANDLE',
+  LIST_SORT: 'LIST_SORT',
+  LIST_SORT__SUCCESS: 'LIST_SORT__SUCCESS',
+  LIST_SORT__FAILURE: 'LIST_SORT__FAILURE',
+  LIST_SORT_HANDLE: 'LIST_SORT_HANDLE',
  LIST_DELETE: 'LIST_DELETE',
  LIST_DELETE__SUCCESS: 'LIST_DELETE__SUCCESS',
  LIST_DELETE__FAILURE: 'LIST_DELETE__FAILURE',
@ -191,9 +195,6 @@ export default {
  CARD_UPDATE__SUCCESS: 'CARD_UPDATE__SUCCESS',
  CARD_UPDATE__FAILURE: 'CARD_UPDATE__FAILURE',
  CARD_UPDATE_HANDLE: 'CARD_UPDATE_HANDLE',
-  CARD_TRANSFER: 'CARD_TRANSFER',
-  CARD_TRANSFER__SUCCESS: 'CARD_TRANSFER__SUCCESS',
-  CARD_TRANSFER__FAILURE: 'CARD_TRANSFER__FAILURE',
  CARD_DUPLICATE: 'CARD_DUPLICATE',
  CARD_DUPLICATE__SUCCESS: 'CARD_DUPLICATE__SUCCESS',
  CARD_DUPLICATE__FAILURE: 'CARD_DUPLICATE__FAILURE',
@ -201,6 +202,7 @@ export default {
  CARD_DELETE__SUCCESS: 'CARD_DELETE__SUCCESS',
  CARD_DELETE__FAILURE: 'CARD_DELETE__FAILURE',
  CARD_DELETE_HANDLE: 'CARD_DELETE_HANDLE',
+  TEXT_FILTER_IN_CURRENT_BOARD: 'TEXT_FILTER_IN_CURRENT_BOARD',

  /* Tasks */

--- a/client/src/constants/Config.js
+++ b/client/src/constants/Config.js
@ -1,12 +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_HOST_NAME = SERVER_BASE_URL.replace(/^(.*\/\/[^/?#]*).*$/, '$1');

 const ACCESS_TOKEN_KEY = 'accessToken';
@ -17,9 +17,9 @@ const POSITION_GAP = 65535;
 const ACTIVITIES_LIMIT = 50;

 export default {
-  VERSION,
  BASE_PATH,
  SERVER_BASE_URL,
+  SERVER_BASE_PATH,
  SERVER_HOST_NAME,
  ACCESS_TOKEN_KEY,
  ACCESS_TOKEN_VERSION_KEY,
--- a/client/src/constants/EntryActionTypes.js
+++ b/client/src/constants/EntryActionTypes.js
@ -120,6 +120,8 @@ export default {
  LIST_MOVE: `${PREFIX}/LIST_MOVE`,
  LIST_DELETE: `${PREFIX}/LIST_DELETE`,
  LIST_DELETE_HANDLE: `${PREFIX}/LIST_DELETE_HANDLE`,
+  LIST_SORT: `${PREFIX}/LIST_SORT`,
+  LIST_SORT_HANDLE: `${PREFIX}/LIST_SORT_HANDLE`,

  /* Cards */

@ -137,6 +139,7 @@ export default {
  CARD_DELETE: `${PREFIX}/CARD_DELETE`,
  CURRENT_CARD_DELETE: `${PREFIX}/CURRENT_CARD_DELETE`,
  CARD_DELETE_HANDLE: `${PREFIX}/CARD_DELETE_HANDLE`,
+  TEXT_FILTER_IN_CURRENT_BOARD: `${PREFIX}/FILTER_TEXT_HANDLE`,

  /* Tasks */

--- a/client/src/constants/Enums.js
+++ b/client/src/constants/Enums.js
@ -8,6 +8,13 @@ export const BoardMembershipRoles = {
  VIEWER: 'viewer',
 };

+export const ListSortTypes = {
+  NAME_ASC: 'name_asc',
+  DUE_DATE_ASC: 'dueDate_asc',
+  CREATED_AT_ASC: 'createdAt_asc',
+  CREATED_AT_DESC: 'createdAt_desc',
+};
+
 export const ActivityTypes = {
  CREATE_CARD: 'createCard',
  MOVE_CARD: 'moveCard',
--- a/client/src/containers/BoardActionsContainer.js
+++ b/client/src/containers/BoardActionsContainer.js
@ -13,6 +13,7 @@ const mapStateToProps = (state) => {
  const labels = selectors.selectLabelsForCurrentBoard(state);
  const filterUsers = selectors.selectFilterUsersForCurrentBoard(state);
  const filterLabels = selectors.selectFilterLabelsForCurrentBoard(state);
+  const filterText = selectors.selectFilterTextForCurrentBoard(state);
  const currentUserMembership = selectors.selectCurrentUserMembershipForCurrentBoard(state);

  const isCurrentUserEditor =
@ -23,6 +24,7 @@ const mapStateToProps = (state) => {
    labels,
    filterUsers,
    filterLabels,
+    filterText,
    allUsers,
    canEdit: isCurrentUserEditor,
    canEditMemberships: isCurrentUserManager,
@ -43,6 +45,7 @@ const mapDispatchToProps = (dispatch) =>
      onLabelUpdate: entryActions.updateLabel,
      onLabelMove: entryActions.moveLabel,
      onLabelDelete: entryActions.deleteLabel,
+      onTextFilterUpdate: entryActions.filterText,
    },
    dispatch,
  );
--- a/client/src/containers/CardContainer.js
+++ b/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(
-      state,
-      id,
-    );
+    const { name, dueDate, isDueDateCompleted, stopwatch, coverUrl, boardId, listId, isPersisted } =
+      selectCardById(state, id);

    const users = selectUsersByCardId(state, id);
    const labels = selectLabelsByCardId(state, id);
@ -38,6 +36,7 @@ const makeMapStateToProps = () => {
      index,
      name,
      dueDate,
+      isDueDateCompleted,
      stopwatch,
      coverUrl,
      boardId,
--- a/client/src/containers/CardModalContainer.js
+++ b/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,
--- a/client/src/containers/ListContainer.js
+++ b/client/src/containers/ListContainer.js
@ -33,6 +33,7 @@ const mapDispatchToProps = (dispatch, { id }) =>
  bindActionCreators(
    {
      onUpdate: (data) => entryActions.updateList(id, data),
+      onSort: (data) => entryActions.sortList(id, data),
      onDelete: () => entryActions.deleteList(id),
      onCardCreate: (data, autoOpen) => entryActions.createCard(id, data, autoOpen),
    },
--- a/client/src/containers/ProjectsContainer.js
+++ b/client/src/containers/ProjectsContainer.js
@ -6,12 +6,13 @@ import entryActions from '../entry-actions';
 import Projects from '../components/Projects';

 const mapStateToProps = (state) => {
+  const { allowAllToCreateProjects } = selectors.selectConfig(state);
  const { isAdmin } = selectors.selectCurrentUser(state);
  const projects = selectors.selectProjectsForCurrentUser(state);

  return {
    items: projects,
-    canAdd: isAdmin,
+    canAdd: allowAllToCreateProjects || isAdmin,
  };
 };

--- a/client/src/entry-actions/cards.js
+++ b/client/src/entry-actions/cards.js
@ -105,6 +105,13 @@ const handleCardDelete = (card) => ({
  },
 });

+const filterText = (text) => ({
+  type: EntryActionTypes.TEXT_FILTER_IN_CURRENT_BOARD,
+  payload: {
+    text,
+  },
+});
+
 export default {
  createCard,
  handleCardCreate,
@ -120,4 +127,5 @@ export default {
  deleteCard,
  deleteCurrentCard,
  handleCardDelete,
+  filterText,
 };
--- a/client/src/entry-actions/lists.js
+++ b/client/src/entry-actions/lists.js
@ -37,6 +37,24 @@ const moveList = (id, index) => ({
  },
 });

+const sortList = (id, data) => {
+  return {
+    type: EntryActionTypes.LIST_SORT,
+    payload: {
+      id,
+      data,
+    },
+  };
+};
+
+const handleListSort = (list, cards) => ({
+  type: EntryActionTypes.LIST_SORT_HANDLE,
+  payload: {
+    list,
+    cards,
+  },
+});
+
 const deleteList = (id) => ({
  type: EntryActionTypes.LIST_DELETE,
  payload: {
@ -57,6 +75,8 @@ export default {
  updateList,
  handleListUpdate,
  moveList,
+  sortList,
+  handleListSort,
  deleteList,
  handleListDelete,
 };
--- a/client/src/i18n.js
+++ b/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;
  }

--- a/client/src/lib/custom-ui/components/Input/Input.jsx
+++ b/client/src/lib/custom-ui/components/Input/Input.jsx
@ -9,4 +9,6 @@ export default class Input extends SemanticUIInput {
  static Mask = InputMask;

  focus = (options) => this.inputRef.current.focus(options);
+
+  blur = () => this.inputRef.current.blur();
 }
--- a/client/src/locales/bg-BG/core.js
+++ b/client/src/locales/bg-BG/core.js
@ -0,0 +1,252 @@
+import dateFns from 'date-fns/locale/bg';
+
+export default {
+  dateFns,
+
+  format: {
+    date: 'd.MM.yyyy',
+    time: 'p',
+    dateTime: '$t(format:date) $t(format:time)',
+    longDate: 'd. MMM',
+    longDateTime: "d. MMMM 'в' p",
+    fullDate: 'd. MMM. y',
+    fullDateTime: "d. MMMM. y 'в' 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: 'Aвтоматично откриване',
+      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: 'Напуснете проекта',
+      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 на Mac), за да добавите прикачен файл от клипборда',
+      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: 'Добавяне на потребител',
+      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: 'Качване на ново изображение',
+    },
+  },
+};
--- a/client/src/locales/bg-BG/index.js
+++ b/client/src/locales/bg-BG/index.js
@ -0,0 +1,8 @@
+import login from './login';
+
+export default {
+  language: 'bg-BG',
+  country: 'bg',
+  name: 'Български',
+  embeddedLocale: login,
+};
--- a/client/src/locales/bg-BG/login.js
+++ b/client/src/locales/bg-BG/login.js
@ -0,0 +1,22 @@
+export default {
+  translation: {
+    common: {
+      emailOrUsername: 'Имейл или потребителско име',
+      invalidEmailOrUsername: 'Невалиден имейл или потребителско име',
+      invalidPassword: 'Невалидна парола',
+      logInToPlanka: 'Влезте в Planka',
+      noInternetConnection: 'Няма интернет връзка',
+      pageNotFound_title: 'Страницата не е намерена',
+      password: 'Парола',
+      projectManagement: 'Управление на проекти',
+      serverConnectionFailed: 'Неуспешна връзка със сървъра',
+      unknownError: 'Неизвестна грешка, опитайте отново по-късно',
+      useSingleSignOn: 'Използване на single sign-on',
+    },
+
+    action: {
+      logIn: 'Вход',
+      logInWithSSO: 'Вход чрез SSO',
+    },
+  },
+};
--- a/client/src/locales/cs-CZ/core.js
+++ b/client/src/locales/cs-CZ/core.js
@ -64,7 +64,8 @@ export default {
      currentPassword: 'Aktuální heslo',
      dangerZone_title: 'Nebezpečná zóna',
      date: 'Datum',
-      dueDate_title: 'Termín do',
+      dueDate: 'Termín',
+      dueDate_title: 'Termín',
      deleteAttachment_title: 'Smazat přílohu',
      deleteBoard_title: 'Smazat tabuli',
      deleteCard_title: 'Smazat kartu',
@ -81,7 +82,7 @@ export default {
      editAttachment_title: 'Upravit přílohu',
      editAvatar_title: 'Upravit avatar',
      editBoard_title: 'Upravit tabuli',
-      editDueDate_title: 'Upravit Termín do',
+      editDueDate_title: 'Upravit termín',
      editEmail_title: 'Upravit e-mail',
      editInformation_title: 'Upravit informace',
      editLabel_title: 'Upravit štítek',
@ -116,6 +117,7 @@ export default {
      minutes: 'Minuty',
      moveCard_title: 'Přesunout kartu',
      name: 'Jméno',
+      newestFirst: 'Nejnovější',
      newEmail: 'Nový e-mail',
      newPassword: 'Nové heslo',
      newUsername: 'Nové uživatelské jméno',
@ -125,6 +127,7 @@ export default {
      noProjects: 'Žádné projekty',
      notifications: 'Oznámení',
      noUnreadNotifications: 'Žádné nepřečtené oznámení',
+      oldestFirst: 'Nejstarší',
      openBoard_title: 'Otevřít tabuli',
      optional_inline: 'volitelné',
      organization: 'Společnost',
@ -139,12 +142,14 @@ export default {
      searchLabels: 'Hledat štítky...',
      searchMembers: 'Hledat členy...',
      searchUsers: 'Hledat uživatele...',
+      searchCards: 'Hledat karty...',
      seconds: 'Vteřin',
      selectBoard: 'Vybrat tabuli',
      selectList: 'Vybrat seznam',
      selectPermissions_title: 'Vybrat oprávnění',
      selectProject: 'Vybrat projekt',
      settings: 'Nastavení',
+      sortList_title: 'Řadit podle',
      stopwatch: 'Časovač',
      subscribeToMyOwnCardsByDefault: 'Ve výchozím nastavení odebírat vlastní karty',
      taskActions_title: 'Akce na úkolu',
@ -203,7 +208,7 @@ export default {
      duplicate: 'Duplikovat',
      duplicateCard_title: 'Duplikovat kartu',
      edit: 'Upravit',
-      editDueDate_title: 'Upravit termín do',
+      editDueDate_title: 'Upravit termín',
      editDescription_title: 'Upravit popis',
      editEmail_title: 'Upravit e-mail',
      editInformation_title: 'Upravit informace',
@ -231,6 +236,7 @@ export default {
      showAllAttachments: 'Zozbrazit všechny přílohy ({{hidden}} skryté)',
      showDetails: 'Zobrazit detaily',
      showFewerAttachments: 'Zobrazit méně příloh',
+      sortList_title: 'Řadit podle',
      start: 'Start',
      stop: 'Stop',
      subscribe: 'Odebírat',
--- a/client/src/locales/cs-CZ/index.js
+++ b/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,
--- a/client/src/locales/cs-CZ/login.js
+++ b/client/src/locales/cs-CZ/login.js
@ -1,8 +1,8 @@
 export default {
  translation: {
    common: {
-      emailOrUsername: 'Email nebo uživatelské jméno',
-      invalidEmailOrUsername: 'Nesprávný email nebo uživatelské jméno',
+      emailOrUsername: 'E-mail nebo uživatelské jméno',
+      invalidEmailOrUsername: 'Nesprávný e-mail nebo uživatelské jméno',
      invalidPassword: 'Nesprávné heslo',
      logInToPlanka: 'Přihlásit se do Planka',
      noInternetConnection: 'Bez připojení k internetu',
--- a/client/src/locales/da-DK/core.js
+++ b/client/src/locales/da-DK/core.js
--- a/client/src/locales/da-DK/index.js
+++ b/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,
--- a/client/src/locales/da-DK/login.js
+++ b/client/src/locales/da-DK/login.js
--- a/client/src/locales/de-DE/core.js
+++ b/client/src/locales/de-DE/core.js
@ -104,6 +104,7 @@ export default {
      language: 'Sprache',
      leaveBoard_title: 'Board verlassen',
      leaveProject_title: 'Projekt verlassen',
+      linkIsCopied: 'Link kopiert',
      list: 'Listen',
      listActions_title: 'Aufgaben auflisten',
      managers: 'Manager',
@ -169,6 +170,7 @@ export default {
      addTask: 'Aufgabe hinzufügen',
      addToCard: 'Zu Karte hinzufügen',
      addUser: 'Benutzer hinzufügen',
+      copyLink_title: 'Link kopieren',
      createBoard: 'Board erstellen',
      createFile: 'Datei erstellen',
      createLabel: 'Label erstellen',
@ -190,6 +192,8 @@ export default {
      deleteTask: 'Aufgabe löschen',
      deleteTask_title: 'Aufgabe löschen',
      deleteUser: 'Benutzer löschen',
+      duplicate: 'Kopieren',
+      duplicateCard_title: 'Karte kopieren',
      edit: 'Bearbeiten',
      editDueDate_title: 'Fälligkeitsdatum bearbeiten',
      editDescription_title: 'Beschreibung ändern',
--- a/client/src/locales/de-DE/index.js
+++ b/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,
--- a/client/src/locales/de-DE/login.js
+++ b/client/src/locales/de-DE/login.js
--- a/client/src/locales/en-US/core.js
+++ b/client/src/locales/en-US/core.js
@ -60,6 +60,7 @@ export default {
      currentPassword: 'Current password',
      dangerZone_title: 'Danger Zone',
      date: 'Date',
+      dueDate: 'Due date',
      dueDate_title: 'Due Date',
      deleteAttachment_title: 'Delete Attachment',
      deleteBoard_title: 'Delete Board',
@ -105,13 +106,17 @@ export default {
      language: 'Language',
      leaveBoard_title: 'Leave Board',
      leaveProject_title: 'Leave Project',
+      linkIsCopied: 'Link is copied',
      list: 'List',
      listActions_title: 'List Actions',
      managers: 'Managers',
+      managerActions_title: 'Manager Actions',
      members: 'Members',
+      memberActions_title: 'Member Actions',
      minutes: 'Minutes',
      moveCard_title: 'Move Card',
      name: 'Name',
+      newestFirst: 'Newest first',
      newEmail: 'New e-mail',
      newPassword: 'New password',
      newUsername: 'New username',
@ -121,6 +126,7 @@ export default {
      noProjects: 'No projects',
      notifications: 'Notifications',
      noUnreadNotifications: 'No unread notifications.',
+      oldestFirst: 'Oldest first',
      openBoard_title: 'Open Board',
      optional_inline: 'optional',
      organization: 'Organization',
@ -135,12 +141,14 @@ export default {
      searchLabels: 'Search labels...',
      searchMembers: 'Search members...',
      searchUsers: 'Search users...',
+      searchCards: 'Search cards...',
      seconds: 'Seconds',
      selectBoard: 'Select board',
      selectList: 'Select list',
      selectPermissions_title: 'Select Permissions',
      selectProject: 'Select project',
      settings: 'Settings',
+      sortList_title: 'Sort List',
      stopwatch: 'Stopwatch',
      subscribeToMyOwnCardsByDefault: 'Subscribe to my own cards by default',
      taskActions_title: 'Task Actions',
@ -176,6 +184,7 @@ export default {
      addTask: 'Add task',
      addToCard: 'Add to card',
      addUser: 'Add user',
+      copyLink_title: 'Copy Link',
      createBoard: 'Create board',
      createFile: 'Create file',
      createLabel: 'Create label',
@ -228,6 +237,7 @@ export default {
      showAllAttachments: 'Show all attachments ({{hidden}} hidden)',
      showDetails: 'Show details',
      showFewerAttachments: 'Show fewer attachments',
+      sortList_title: 'Sort List',
      start: 'Start',
      stop: 'Stop',
      subscribe: 'Subscribe',
--- a/client/src/locales/en-US/index.js
+++ b/client/src/locales/en-US/index.js
@ -4,8 +4,8 @@ import login from './login';
 import core from './core';

 export default {
-  language: 'en',
-  country: 'gb',
+  language: 'en-US',
+  country: 'us',
  name: 'English',
  embeddedLocale: merge(login, core),
 };
--- a/client/src/locales/en-US/login.js
+++ b/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',
--- a/client/src/locales/es-ES/core.js
+++ b/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',
-      labels: 'Etíquetas',
+      invalidCurrentPassword: 'Contraseña actual inválida',
+      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',
-      editTitle_title: 'Edit Título',
+      editStopwatch_title: 'Editar Temporizador',
+      editTitle_title: 'Editar Título',
      editUsername_title: 'Editar Nombre de Usuario',
      logOut_title: 'Cerrar Sesión',
      makeCover_title: 'Hacer Cubierta',
--- a/client/src/locales/es-ES/index.js
+++ b/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,
--- a/client/src/locales/es-ES/login.js
+++ b/client/src/locales/es-ES/login.js
--- a/client/src/locales/fa-IR/core.js
+++ b/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: 'آپلود تصویر جدید',
+    },
+  },
+};
--- a/Show more
+++ b/Show more