chore: Update version

Closes #706

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

.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

.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

Dockerfile

@@ -6,7 +6,7 @@ RUN apk -U upgrade \
 
 WORKDIR /app
 
-COPY server/package.json server/package-lock.json .
+COPY server/package.json server/package-lock.json ./
 
 RUN npm install npm@latest --global \
   && npm install pnpm --global \
@@ -17,7 +17,7 @@ FROM node:lts AS client
 
 WORKDIR /app
 
-COPY client/package.json client/package-lock.json .
+COPY client/package.json client/package-lock.json ./
 
 RUN npm install npm@latest --global \
   && npm install pnpm --global \
@@ -38,6 +38,7 @@ WORKDIR /app
 
 COPY --chown=node:node start.sh .
 COPY --chown=node:node server .
+COPY --chown=node:node healthcheck.js .
 
 RUN mv .env.sample .env
 
@@ -52,4 +53,8 @@ VOLUME /app/private/attachments
 
 EXPOSE 1337
 
-CMD ["./start.sh"]
+HEALTHCHECK --interval=10s --timeout=2s --start-period=15s \
+  CMD node ./healthcheck.js
+
+
+CMD [ "bash", "start.sh" ]

README.md

@@ -10,13 +10,14 @@
 ## Features
 
 - Create projects, boards, lists, cards, labels and tasks
-- Add card members, track time, set a due date, add attachments, write comments
-- Markdown support in a card description and comment
+- Add card members, track time, set due dates, add attachments, write comments
+- Markdown support in card description and comments
 - Filter by members and labels
-- Customize project background
+- Customize project backgrounds
 - Real-time updates
-- User notifications
-- Internationalization
+- Internal notifications
+- Multiple interface languages
+- Single sign-on via OpenID Connect
 
 ## How to deploy Planka
 
@@ -44,3 +45,7 @@ See the [development section](https://docs.planka.cloud/docs/Development).
 ## License
 
 Planka is [AGPL-3.0 licensed](https://github.com/plankanban/planka/blob/master/LICENSE).
+
+## Contributors
+
+[![](https://contrib.rocks/image?repo=plankanban/planka)](https://github.com/plankanban/planka/graphs/contributors)

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.17
+version: 0.1.27
 
 # 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.15.6"
+appVersion: "1.17.0"
 
 dependencies:
   - alias: postgresql

charts/planka/README.md

@@ -46,7 +46,7 @@ helm install planka . --set secretkey=$SECRETKEY \
 --set admin_email="demo@demo.demo"  \
 --set admin_password="demo"  \
 --set admin_name="Demo Demo" \
---set admin_username="demo"
+--set admin_username="demo" \
 --set ingress.enabled=true \
 --set ingress.hosts[0].host=planka.example.dev \
 
@@ -55,7 +55,7 @@ helm install planka . --set secretkey=$SECRETKEY \
 --set admin_email="demo@demo.demo"  \
 --set admin_password="demo"  \
 --set admin_name="Demo Demo" \
---set admin_username="demo"
+--set admin_username="demo" \
 --set ingress.enabled=true \
 --set ingress.hosts[0].host=planka.example.dev \
 --set ingress.tls[0].secretName=planka-tls \
@@ -76,6 +76,7 @@ admin_name: "Demo Demo"
 admin_username: "demo"
 # Admin user
 
+# Ingress
 ingress:
   enabled: true
   hosts:

charts/planka/templates/deployment.yaml

@@ -55,14 +55,24 @@ spec:
             - mountPath: /app/private/attachments
               subPath: attachments
               name: planka
+          {{- if .Values.securityContext.readOnlyRootFilesystem }}
+            - mountPath: /app/logs
+              subPath: app-logs
+              name: emptydir
+          {{- end }}
           resources:
             {{- toYaml .Values.resources | nindent 12 }}
           env:
+          {{- if not .Values.postgresql.enabled }}
+            - name: DATABASE_URL
+              value: {{ required "If the included postgresql deployment is disabled you need to define a Database URL in 'dburl'" .Values.dburl }}
+          {{- else }}
             - name: DATABASE_URL
               valueFrom:
                 secretKeyRef:
                   name: planka-postgresql-svcbind-custom-user
                   key: uri
+          {{- end }}
             - name: BASE_URL
               {{- if .Values.baseUrl }}
               value: {{ .Values.baseUrl }}
@@ -134,3 +144,7 @@ spec:
     {{- else }}
           emptyDir: {}
     {{- end }}
+    {{- if .Values.securityContext.readOnlyRootFilesystem }}
+        - name: emptydir
+          emptyDir: {}
+     {{- end }}

charts/planka/templates/hpa.yaml

@@ -1,5 +1,5 @@
 {{- if .Values.autoscaling.enabled }}
-apiVersion: autoscaling/v2beta1
+apiVersion: autoscaling/v2
 kind: HorizontalPodAutoscaler
 metadata:
   name: {{ include "planka.fullname" . }}
@@ -17,12 +17,16 @@ spec:
     - type: Resource
       resource:
         name: cpu
-        targetAverageUtilization: {{ .Values.autoscaling.targetCPUUtilizationPercentage }}
+        target:
+          type: Utilization
+          averageUtilization: {{ .Values.autoscaling.targetCPUUtilizationPercentage }}
     {{- end }}
     {{- if .Values.autoscaling.targetMemoryUtilizationPercentage }}
     - type: Resource
       resource:
         name: memory
-        targetAverageUtilization: {{ .Values.autoscaling.targetMemoryUtilizationPercentage }}
+        target:
+          type: Utilization
+          averageUtilization: {{ .Values.autoscaling.targetMemoryUtilizationPercentage }}
     {{- end }}
 {{- end }}

charts/planka/values.yaml

@@ -105,12 +105,14 @@ postgresql:
   serviceBindings:
     enabled: true
 
+## Set this if you disable the built-in postgresql deployment
+dburl:
+
 ## PVC-based data storage configuration
 persistence:
   enabled: false
   # existingClaim: netbox-data
   # storageClass: "-"
-  
   accessMode: ReadWriteOnce
   size: 10Gi
 

client/.env

@@ -1 +1 @@
-REACT_APP_VERSION=1.15.6
+REACT_APP_VERSION=1.17.0

client/package-lock.json

@@ -17,6 +17,8 @@
         "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",
         "node-sass": "^9.0.0",
@@ -11911,6 +11913,20 @@
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
+    "node_modules/linkify-react": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/linkify-react/-/linkify-react-4.1.3.tgz",
+      "integrity": "sha512-rhI3zM/fxn5BfRPHfi4r9N7zgac4vOIxub1wHIWXLA5ENTMs+BGaIaFO1D1PhmxgwhIKmJz3H7uCP0Dg5JwSlA==",
+      "peerDependencies": {
+        "linkifyjs": "^4.0.0",
+        "react": ">= 15.0.0"
+      }
+    },
+    "node_modules/linkifyjs": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.1.3.tgz",
+      "integrity": "sha512-auMesunaJ8yfkHvK4gfg1K0SaKX/6Wn9g2Aac/NwX+l5VdmFZzo/hdPGxEOETj+ryRa4/fiOPjeeKURSAJx1sg=="
+    },
     "node_modules/loader-runner": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",

client/package.json

@@ -70,6 +70,8 @@
     "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",
     "node-sass": "^9.0.0",

client/src/actions/cards.js

@@ -23,10 +23,14 @@ createCard.failure = (localId, error) => ({
   },
 });
 
-const handleCardCreate = (card) => ({
+const handleCardCreate = (card, cardMemberships, cardLabels, tasks, attachments) => ({
   type: ActionTypes.CARD_CREATE_HANDLE,
   payload: {
     card,
+    cardMemberships,
+    cardLabels,
+    tasks,
+    attachments,
   },
 });
 
@@ -60,6 +64,34 @@ const handleCardUpdate = (card) => ({
   },
 });
 
+const duplicateCard = (id, card, taskIds) => ({
+  type: ActionTypes.CARD_DUPLICATE,
+  payload: {
+    id,
+    card,
+    taskIds,
+  },
+});
+
+duplicateCard.success = (localId, card, cardMemberships, cardLabels, tasks) => ({
+  type: ActionTypes.CARD_DUPLICATE__SUCCESS,
+  payload: {
+    localId,
+    card,
+    cardMemberships,
+    cardLabels,
+    tasks,
+  },
+});
+
+duplicateCard.failure = (id, error) => ({
+  type: ActionTypes.CARD_DUPLICATE__FAILURE,
+  payload: {
+    id,
+    error,
+  },
+});
+
 const deleteCard = (id) => ({
   type: ActionTypes.CARD_DELETE,
   payload: {
@@ -89,11 +121,21 @@ const handleCardDelete = (card) => ({
   },
 });
 
+const filterText = (boardId, text) => ({
+  type: ActionTypes.TEXT_FILTER_IN_CURRENT_BOARD,
+  payload: {
+    boardId,
+    text,
+  },
+});
+
 export default {
   createCard,
   handleCardCreate,
   updateCard,
   handleCardUpdate,
+  duplicateCard,
   deleteCard,
   handleCardDelete,
+  filterText,
 };

client/src/actions/core.js

@@ -47,9 +47,11 @@ initializeCore.fetchConfig = (config) => ({
   },
 });
 
-const logout = () => ({
+const logout = (invalidateAccessToken) => ({
   type: ActionTypes.LOGOUT,
-  payload: {},
+  payload: {
+    invalidateAccessToken,
+  },
 });
 
 logout.invalidateAccessToken = () => ({

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

client/src/api/cards.js

@@ -57,6 +57,12 @@ const updateCard = (id, data, headers) =>
     item: transformCard(body.item),
   }));
 
+const duplicateCard = (id, data, headers) =>
+  socket.post(`/cards/${id}/duplicate`, data, headers).then((body) => ({
+    ...body,
+    item: transformCard(body.item),
+  }));
+
 const deleteCard = (id, headers) =>
   socket.delete(`/cards/${id}`, undefined, headers).then((body) => ({
     ...body,
@@ -81,6 +87,7 @@ export default {
   getCard,
   updateCard,
   deleteCard,
+  duplicateCard,
   makeHandleCardCreate,
   makeHandleCardUpdate,
   makeHandleCardDelete,

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

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;

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

@@ -1,5 +1,7 @@
 :global(#app) {
   .action {
+    align-items: center;
+    display: flex;
     flex: 0 0 auto;
     margin-right: 20px;
   }

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;

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

@@ -43,4 +43,32 @@
     line-height: 20px;
     padding: 2px 12px;
   }
+
+  .search {
+    height: 30px;
+    margin: 0 12px;
+    transition: width 0.2s ease;
+    width: 280px;
+
+    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;
+      }
+    }
+  }
 }

client/src/components/BoardMembershipsStep/BoardMembershipsStep.module.scss

@@ -4,7 +4,6 @@
     max-height: 60vh;
     overflow-x: hidden;
     overflow-y: auto;
-    scrollbar-width: thin;
     width: 100%;
 
     &::-webkit-scrollbar {

client/src/components/Boards/Boards.module.scss

@@ -85,7 +85,6 @@
     height: 56px;
     overflow-x: auto;
     overflow-y: hidden;
-    scrollbar-width: thin;
 
     &:hover {
       height: 38px;

client/src/components/Card/ActionsStep.jsx

@@ -36,6 +36,7 @@ const ActionsStep = React.memo(
     onUpdate,
     onMove,
     onTransfer,
+    onDuplicate,
     onDelete,
     onUserAdd,
     onUserRemove,
@@ -76,6 +77,11 @@ const ActionsStep = React.memo(
       openStep(StepTypes.MOVE);
     }, [openStep]);
 
+    const handleDuplicateClick = useCallback(() => {
+      onDuplicate();
+      onClose();
+    }, [onDuplicate, onClose]);
+
     const handleDeleteClick = useCallback(() => {
       openStep(StepTypes.DELETE);
     }, [openStep]);
@@ -207,6 +213,11 @@ const ActionsStep = React.memo(
                 context: 'title',
               })}
             </Menu.Item>
+            <Menu.Item className={styles.menuItem} onClick={handleDuplicateClick}>
+              {t('action.duplicateCard', {
+                context: 'title',
+              })}
+            </Menu.Item>
             <Menu.Item className={styles.menuItem} onClick={handleDeleteClick}>
               {t('action.deleteCard', {
                 context: 'title',
@@ -232,6 +243,7 @@ ActionsStep.propTypes = {
   onUpdate: PropTypes.func.isRequired,
   onMove: PropTypes.func.isRequired,
   onTransfer: PropTypes.func.isRequired,
+  onDuplicate: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
   onUserAdd: PropTypes.func.isRequired,
   onUserRemove: PropTypes.func.isRequired,

client/src/components/Card/Card.jsx

@@ -41,6 +41,7 @@ const Card = React.memo(
     onUpdate,
     onMove,
     onTransfer,
+    onDuplicate,
     onDelete,
     onUserAdd,
     onUserRemove,
@@ -185,6 +186,7 @@ const Card = React.memo(
                         onUpdate={onUpdate}
                         onMove={onMove}
                         onTransfer={onTransfer}
+                        onDuplicate={onDuplicate}
                         onDelete={onDelete}
                         onUserAdd={onUserAdd}
                         onUserRemove={onUserRemove}
@@ -238,6 +240,7 @@ Card.propTypes = {
   onUpdate: PropTypes.func.isRequired,
   onMove: PropTypes.func.isRequired,
   onTransfer: PropTypes.func.isRequired,
+  onDuplicate: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
   onUserAdd: PropTypes.func.isRequired,
   onUserRemove: PropTypes.func.isRequired,

client/src/components/Card/Tasks.jsx

@@ -4,6 +4,8 @@ import classNames from 'classnames';
 import { Progress } from 'semantic-ui-react';
 import { useToggle } from '../../lib/hooks';
 
+import Linkify from '../Linkify';
+
 import styles from './Tasks.module.scss';
 
 const Tasks = React.memo(({ items }) => {
@@ -48,7 +50,7 @@ const Tasks = React.memo(({ items }) => {
               key={item.id}
               className={classNames(styles.task, item.isCompleted && styles.taskCompleted)}
             >
-              {item.name}
+              <Linkify linkStopPropagation>{item.name}</Linkify>
             </li>
           ))}
         </ul>

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

@@ -55,8 +55,10 @@
     display: block;
     font-size: 12px;
     line-height: 14px;
+    overflow: hidden;
     padding-bottom: 6px;
     padding-left: 14px;
+    text-overflow: ellipsis;
 
     &:before {
       content: "–";

client/src/components/CardModal/AttachmentAddZone/AttachmentAddZone.jsx

@@ -94,7 +94,7 @@ const AttachmentAddZone = React.memo(({ children, onCreate }) => {
   return (
     <>
       {/* eslint-disable-next-line react/jsx-props-no-spreading */}
-      <div {...getRootProps()} className={styles.wrapper}>
+      <div {...getRootProps()}>
         {isDragActive && <div className={styles.dropzone}>{t('common.dropFileToUpload')}</div>}
         {children}
         {/* eslint-disable-next-line react/jsx-props-no-spreading */}

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

@@ -12,8 +12,4 @@
     width: 100%;
     z-index: 2001;
   }
-
-  .wrapper {
-    overflow: hidden;
-  }
 }

client/src/components/CardModal/CardModal.jsx

@@ -55,6 +55,7 @@ const CardModal = React.memo(
     onUpdate,
     onMove,
     onTransfer,
+    onDuplicate,
     onDelete,
     onUserAdd,
     onUserRemove,
@@ -140,6 +141,11 @@ const CardModal = React.memo(
       });
     }, [isSubscribed, onUpdate]);
 
+    const handleDuplicateClick = useCallback(() => {
+      onDuplicate();
+      onClose();
+    }, [onDuplicate, onClose]);
+
     const handleGalleryOpen = useCallback(() => {
       isGalleryOpened.current = true;
     }, []);
@@ -496,6 +502,10 @@ const CardModal = React.memo(
                     {t('action.move')}
                   </Button>
                 </CardMovePopup>
+                <Button fluid className={styles.actionButton} onClick={handleDuplicateClick}>
+                  <Icon name="copy outline" className={styles.actionIcon} />
+                  {t('action.duplicate')}
+                </Button>
                 <DeletePopup
                   title="common.deleteCard"
                   content="common.areYouSureYouWantToDeleteThisCard"
@@ -555,6 +565,7 @@ CardModal.propTypes = {
   onUpdate: PropTypes.func.isRequired,
   onMove: PropTypes.func.isRequired,
   onTransfer: PropTypes.func.isRequired,
+  onDuplicate: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
   onUserAdd: PropTypes.func.isRequired,
   onUserRemove: PropTypes.func.isRequired,

client/src/components/CardModal/Tasks/Item.jsx

@@ -8,6 +8,7 @@ import { usePopup } from '../../../lib/popup';
 
 import NameEdit from './NameEdit';
 import ActionsStep from './ActionsStep';
+import Linkify from '../../Linkify';
 
 import styles from './Item.module.scss';
 
@@ -65,7 +66,7 @@ const Item = React.memo(
                     onClick={handleClick}
                   >
                     <span className={classNames(styles.task, isCompleted && styles.taskCompleted)}>
-                      {name}
+                      <Linkify linkStopPropagation>{name}</Linkify>
                     </span>
                   </span>
                   {isPersisted && canEdit && (

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>

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

@@ -86,6 +86,10 @@
     font-weight: bold;
   }
 
+  .userName {
+    margin-right: 10px;
+  }
+
   .wrapper {
     background: rgba(0, 0, 0, 0.24);
     display: flex;

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

@@ -49,7 +49,6 @@
     max-height: 60vh;
     overflow-x: hidden;
     overflow-y: auto;
-    scrollbar-width: thin;
 
     &::-webkit-scrollbar {
       width: 5px;

client/src/components/LabelsStep/LabelsStep.module.scss

@@ -25,7 +25,6 @@
     max-height: 60vh;
     overflow-x: hidden;
     overflow-y: auto;
-    scrollbar-width: thin;
 
     &::-webkit-scrollbar {
       width: 5px;

client/src/components/Linkify.jsx

@@ -0,0 +1,68 @@
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import LinkifyReact from 'linkify-react';
+
+import history from '../history';
+
+const Linkify = React.memo(({ children, linkStopPropagation, ...props }) => {
+  const handleLinkClick = useCallback(
+    (event) => {
+      if (linkStopPropagation) {
+        event.stopPropagation();
+      }
+
+      if (!event.target.getAttribute('target')) {
+        event.preventDefault();
+        history.push(event.target.href);
+      }
+    },
+    [linkStopPropagation],
+  );
+
+  const linkRenderer = useCallback(
+    ({ attributes: { href, ...linkProps }, content }) => {
+      let url;
+      try {
+        url = new URL(href, window.location);
+      } catch (error) {} // eslint-disable-line no-empty
+
+      const isSameSite = !!url && url.origin === window.location.origin;
+
+      return (
+        <a
+          {...linkProps} // eslint-disable-line react/jsx-props-no-spreading
+          href={href}
+          target={isSameSite ? undefined : '_blank'}
+          rel={isSameSite ? undefined : 'noreferrer'}
+          onClick={handleLinkClick}
+        >
+          {isSameSite ? url.pathname : content}
+        </a>
+      );
+    },
+    [handleLinkClick],
+  );
+
+  return (
+    <LinkifyReact
+      {...props} // eslint-disable-line react/jsx-props-no-spreading
+      options={{
+        defaultProtocol: 'https',
+        render: linkRenderer,
+      }}
+    >
+      {children}
+    </LinkifyReact>
+  );
+});
+
+Linkify.propTypes = {
+  children: PropTypes.string.isRequired,
+  linkStopPropagation: PropTypes.bool,
+};
+
+Linkify.defaultProps = {
+  linkStopPropagation: false,
+};
+
+export default Linkify;

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,20 +29,41 @@ 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) {
-    return (
-      <DeleteStep
-        title="common.deleteList"
-        content="common.areYouSureYouWantToDeleteThisList"
-        buttonContent="action.deleteList"
-        onConfirm={onDelete}
-        onBack={handleBack}
-      />
-    );
+  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"
+            content="common.areYouSureYouWantToDeleteThisList"
+            buttonContent="action.deleteList"
+            onConfirm={onDelete}
+            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,
 };
 

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

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

@@ -43,7 +43,6 @@
     max-height: calc(100vh - 268px);
     overflow-x: hidden;
     overflow-y: auto;
-    scrollbar-width: thin;
     width: 290px;
 
     &:hover {

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;

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

client/src/components/ListSortStep/index.js

@@ -0,0 +1,3 @@
+import ListSortStep from './ListSortStep';
+
+export default ListSortStep;

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

@@ -4,7 +4,6 @@
     max-height: 60vh;
     overflow-x: hidden;
     overflow-y: auto;
-    scrollbar-width: thin;
 
     &::-webkit-scrollbar {
       width: 5px;

client/src/components/Memberships/Memberships.jsx

@@ -8,6 +8,9 @@ import ActionsStep from './ActionsStep';
 import User from '../User';
 
 import styles from './Memberships.module.scss';
+import MembershipsStep from './MembershipsStep';
+
+const MAX_MEMBERS = 6;
 
 const Memberships = React.memo(
   ({
@@ -31,11 +34,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 +69,28 @@ const Memberships = React.memo(
             </span>
           ))}
         </span>
+        {remainMembersCount > 0 && (
+          <MembershipsPopup
+            items={items}
+            permissionsSelectStep={permissionsSelectStep}
+            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}

client/src/components/Memberships/MembershipsStep.jsx

@@ -0,0 +1,107 @@
+import React, { useCallback, useState } from 'react';
+import PropTypes from 'prop-types';
+import { useTranslation } from 'react-i18next';
+
+import BoardMembershipsStep from '../BoardMembershipsStep/BoardMembershipsStep';
+import ActionsStep from './ActionsStep';
+import { Popup } from '../../lib/custom-ui';
+
+const MembershipsStep = React.memo(
+  ({
+    items,
+    permissionsSelectStep,
+    leaveButtonContent,
+    leaveConfirmationTitle,
+    leaveConfirmationContent,
+    leaveConfirmationButtonContent,
+    deleteButtonContent,
+    deleteConfirmationTitle,
+    deleteConfirmationContent,
+    deleteConfirmationButtonContent,
+    canEdit,
+    canLeave,
+    onUpdate,
+    onDelete,
+    onClose,
+  }) => {
+    const [t] = useTranslation();
+
+    const [editingItem, setEditingItem] = useState();
+
+    const handleUserClick = useCallback(
+      (id) => {
+        setEditingItem(items.find((item) => item.user.id === id));
+      },
+      [setEditingItem, items],
+    );
+
+    if (editingItem) {
+      return (
+        <>
+          <Popup.Header onBack={() => setEditingItem(null)}>{t('common.memberInfo')}</Popup.Header>
+          <Popup.Content>
+            <ActionsStep
+              membership={editingItem}
+              permissionsSelectStep={permissionsSelectStep}
+              leaveButtonContent={leaveButtonContent}
+              leaveConfirmationTitle={leaveConfirmationTitle}
+              leaveConfirmationContent={leaveConfirmationContent}
+              leaveConfirmationButtonContent={leaveConfirmationButtonContent}
+              deleteButtonContent={deleteButtonContent}
+              deleteConfirmationTitle={deleteConfirmationTitle}
+              deleteConfirmationContent={deleteConfirmationContent}
+              deleteConfirmationButtonContent={deleteConfirmationButtonContent}
+              canEdit={canEdit}
+              canLeave={canLeave}
+              onUpdate={onUpdate}
+              onDelete={onDelete}
+              onClose={onClose}
+            />
+          </Popup.Content>
+        </>
+      );
+    }
+
+    return (
+      <BoardMembershipsStep
+        items={items}
+        currentUserIds={[]}
+        onUserSelect={handleUserClick}
+        onUserDeselect={() => {}}
+      />
+    );
+  },
+);
+
+MembershipsStep.propTypes = {
+  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
+  permissionsSelectStep: PropTypes.elementType,
+  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,
+  leaveButtonContent: 'action.leaveBoard',
+  leaveConfirmationTitle: 'common.leaveBoard',
+  leaveConfirmationContent: 'common.areYouSureYouWantToLeaveBoard',
+  leaveConfirmationButtonContent: 'action.leaveBoard',
+  deleteButtonContent: 'action.removeFromBoard',
+  deleteConfirmationTitle: 'common.removeMember',
+  deleteConfirmationContent: 'common.areYouSureYouWantToRemoveThisMemberFromBoard',
+  deleteConfirmationButtonContent: 'action.removeMember',
+  onUpdate: undefined,
+};
+
+export default MembershipsStep;

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',
@@ -194,10 +198,14 @@ export default {
   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',
   CARD_DELETE: 'CARD_DELETE',
   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 */
 

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 */
 
@@ -132,9 +134,12 @@ export default {
   CURRENT_CARD_MOVE: `${PREFIX}/CURRENT_CARD_MOVE`,
   CARD_TRANSFER: `${PREFIX}/CARD_TRANSFER`,
   CURRENT_CARD_TRANSFER: `${PREFIX}/CURRENT_CARD_TRANSFER`,
+  CARD_DUPLICATE: `${PREFIX}/CARD_DUPLICATE`,
+  CURRENT_CARD_DUPLICATE: `${PREFIX}/CURRENT_CARD_DUPLICATE`,
   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 */
 

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',

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,
   );

client/src/containers/CardContainer.js

@@ -62,6 +62,7 @@ const mapDispatchToProps = (dispatch, { id }) =>
       onUpdate: (data) => entryActions.updateCard(id, data),
       onMove: (listId, index) => entryActions.moveCard(id, listId, index),
       onTransfer: (boardId, listId) => entryActions.transferCard(id, boardId, listId),
+      onDuplicate: () => entryActions.duplicateCard(id),
       onDelete: () => entryActions.deleteCard(id),
       onUserAdd: (userId) => entryActions.addUserToCard(userId, id),
       onUserRemove: (userId) => entryActions.removeUserFromCard(userId, id),

client/src/containers/CardModalContainer.js

@@ -78,6 +78,7 @@ const mapDispatchToProps = (dispatch) =>
       onUpdate: entryActions.updateCurrentCard,
       onMove: entryActions.moveCurrentCard,
       onTransfer: entryActions.transferCurrentCard,
+      onDuplicate: entryActions.duplicateCurrentCard,
       onDelete: entryActions.deleteCurrentCard,
       onUserAdd: entryActions.addUserToCurrentCard,
       onUserRemove: entryActions.removeUserFromCurrentCard,

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),
     },

client/src/containers/LoginContainer.js

@@ -20,7 +20,7 @@ const mapStateToProps = (state) => {
     isSubmittingUsingOidc,
     error,
     withOidc: !!oidcConfig,
-    isOidcEnforced: oidcConfig && oidcConfig.isEnforced,
+    isOidcEnforced: !!oidcConfig && oidcConfig.isEnforced,
   };
 };
 

client/src/entry-actions/cards.js

@@ -38,7 +38,7 @@ const handleCardUpdate = (card) => ({
   },
 });
 
-const moveCard = (id, listId, index = 0) => ({
+const moveCard = (id, listId, index) => ({
   type: EntryActionTypes.CARD_MOVE,
   payload: {
     id,
@@ -47,7 +47,7 @@ const moveCard = (id, listId, index = 0) => ({
   },
 });
 
-const moveCurrentCard = (listId, index = 0) => ({
+const moveCurrentCard = (listId, index) => ({
   type: EntryActionTypes.CURRENT_CARD_MOVE,
   payload: {
     listId,
@@ -55,7 +55,7 @@ const moveCurrentCard = (listId, index = 0) => ({
   },
 });
 
-const transferCard = (id, boardId, listId, index = 0) => ({
+const transferCard = (id, boardId, listId, index) => ({
   type: EntryActionTypes.CARD_TRANSFER,
   payload: {
     id,
@@ -65,7 +65,7 @@ const transferCard = (id, boardId, listId, index = 0) => ({
   },
 });
 
-const transferCurrentCard = (boardId, listId, index = 0) => ({
+const transferCurrentCard = (boardId, listId, index) => ({
   type: EntryActionTypes.CURRENT_CARD_TRANSFER,
   payload: {
     boardId,
@@ -74,6 +74,18 @@ const transferCurrentCard = (boardId, listId, index = 0) => ({
   },
 });
 
+const duplicateCard = (id) => ({
+  type: EntryActionTypes.CARD_DUPLICATE,
+  payload: {
+    id,
+  },
+});
+
+const duplicateCurrentCard = () => ({
+  type: EntryActionTypes.CURRENT_CARD_DUPLICATE,
+  payload: {},
+});
+
 const deleteCard = (id) => ({
   type: EntryActionTypes.CARD_DELETE,
   payload: {
@@ -93,6 +105,13 @@ const handleCardDelete = (card) => ({
   },
 });
 
+const filterText = (text) => ({
+  type: EntryActionTypes.TEXT_FILTER_IN_CURRENT_BOARD,
+  payload: {
+    text,
+  },
+});
+
 export default {
   createCard,
   handleCardCreate,
@@ -103,7 +122,10 @@ export default {
   moveCurrentCard,
   transferCard,
   transferCurrentCard,
+  duplicateCard,
+  duplicateCurrentCard,
   deleteCard,
   deleteCurrentCard,
   handleCardDelete,
+  filterText,
 };

client/src/entry-actions/core.js

@@ -1,8 +1,10 @@
 import EntryActionTypes from '../constants/EntryActionTypes';
 
-const logout = () => ({
+const logout = (invalidateAccessToken) => ({
   type: EntryActionTypes.LOGOUT,
-  payload: {},
+  payload: {
+    invalidateAccessToken,
+  },
 });
 
 export default {

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

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();
 }

client/src/locales/cs/core.js

@@ -39,9 +39,9 @@ export default {
       areYouSureYouWantToLeaveBoard: 'Opravdu chcete opustit tuto tabuli?',
       areYouSureYouWantToLeaveProject: 'Opravdu chcete opustit projekt?',
       areYouSureYouWantToRemoveThisManagerFromProject:
-        'Are you sure you want to remove this manager from the project?',
+        'Jste si jisti, že chcete tohoto správce z projektu odebrat?',
       areYouSureYouWantToRemoveThisMemberFromBoard:
-        'Opravdu chcete odstranit tohoto člena z tabule?',
+        'Jste si jisti, že chcete tohoto člena odebrat z tabule?',
       attachment: 'Příloha',
       attachments: 'Přílohy',
       authentication: 'Ověření',
@@ -55,6 +55,7 @@ export default {
       cardNotFound_title: 'Karta nenalezena',
       cardOrActionAreDeleted: 'Karta nebo akce je smazána.',
       color: 'Barva',
+      copy_inline: 'copy',
       createBoard_title: 'Vytvořit tabuli',
       createLabel_title: 'Vytvořit štítek',
       createNewOneOrSelectExistingOne: 'Vytvořit nový nebo vyberte<br />již existující.',
@@ -130,7 +131,7 @@ export default {
       phone: 'Telefon',
       preferences: 'Volby',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tip: dejte Ctrl-V (Cmd-V na Mac) pro vložení přílohy ze schránky.',
+        'Tip: stisknutím Ctrl-V (Cmd-V na Mac) přidáte přílohu ze schránky.',
       project: 'Projekt',
       projectNotFound_title: 'Projekt nenalezen',
       removeManager_title: 'Odstranit vedoucího',
@@ -199,6 +200,8 @@ export default {
       deleteTask: 'Smazat úkol',
       deleteTask_title: 'Smazat úkol',
       deleteUser: 'Smazat uživatele',
+      duplicate: 'Duplikovat',
+      duplicateCard_title: 'Duplikovat kartu',
       edit: 'Upravit',
       editDueDate_title: 'Upravit termín do',
       editDescription_title: 'Upravit popis',
@@ -226,13 +229,13 @@ export default {
       removeMember: 'Odstranit člena',
       save: 'Uložit',
       showAllAttachments: 'Zozbrazit všechny přílohy ({{hidden}} skryté)',
-      showFewerAttachments: 'Zobrazit méně příloh',
       showDetails: 'Zobrazit detaily',
+      showFewerAttachments: 'Zobrazit méně příloh',
       start: 'Start',
       stop: 'Stop',
       subscribe: 'Odebírat',
       unsubscribe: 'Neodebírat',
-      uploadNewAvatar: 'Nahrát nového avatara',
+      uploadNewAvatar: 'Nahrát nový avatar',
       uploadNewImage: 'Nahrát nový obrázek',
     },
   },

client/src/locales/en/core.js

@@ -51,6 +51,7 @@ export default {
       cardNotFound_title: 'Card Not Found',
       cardOrActionAreDeleted: 'Card or action are deleted.',
       color: 'Color',
+      copy_inline: 'copy',
       createBoard_title: 'Create Board',
       createLabel_title: 'Create Label',
       createNewOneOrSelectExistingOne: 'Create a new one or select<br />an existing one.',
@@ -59,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',
@@ -107,10 +109,12 @@ export default {
       list: 'List',
       listActions_title: 'List Actions',
       managers: 'Managers',
+      memberInfo: 'Member Info',
       members: 'Members',
       minutes: 'Minutes',
       moveCard_title: 'Move Card',
       name: 'Name',
+      newestFirst: 'Newest first',
       newEmail: 'New e-mail',
       newPassword: 'New password',
       newUsername: 'New username',
@@ -120,6 +124,7 @@ export default {
       noProjects: 'No projects',
       notifications: 'Notifications',
       noUnreadNotifications: 'No unread notifications.',
+      oldestFirst: 'Oldest first',
       openBoard_title: 'Open Board',
       optional_inline: 'optional',
       organization: 'Organization',
@@ -134,12 +139,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',
@@ -196,6 +203,8 @@ export default {
       deleteTask: 'Delete task',
       deleteTask_title: 'Delete Task',
       deleteUser: 'Delete user',
+      duplicate: 'Duplicate',
+      duplicateCard_title: 'Duplicate Card',
       edit: 'Edit',
       editDueDate_title: 'Edit Due Date',
       editDescription_title: 'Edit Description',
@@ -225,6 +234,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',

client/src/locales/fr/core.js

@@ -111,6 +111,10 @@ export default {
       project: 'Projet',
       projectNotFound_title: 'Projet introuvable',
       removeMember_title: 'Supprimer le membre',
+      searchLabels: 'Chercher une étiquette...',
+      searchMembers: 'Chercher un membre...',
+      searchUsers: 'Chercher un utilisateur...',
+      searchCards: 'Chercher une carte...',
       seconds: 'Secondes',
       selectBoard: 'Sélectionner une carte',
       selectList: 'Sélectionner une liste',
@@ -169,6 +173,7 @@ export default {
       deleteTask: 'Supprimer la tâche',
       deleteTask_title: 'Supprimer la tâche',
       deleteUser: "Supprimer l'utilisateur",
+      duplicate: 'Dupliquer',
       edit: 'Modifier',
       editDueDate_title: "Modifier la date d'échéance",
       editDescription_title: 'Éditer la description',

client/src/locales/hu/core.js

@@ -0,0 +1,231 @@
+import dateFns from 'date-fns/locale/hu';
+
+export default {
+  dateFns,
+
+  format: {
+    date: 'yyyy.M.d.',
+    time: 'p',
+    dateTime: '$t(format:date) $t(format:time)',
+    longDate: 'MMM. d.',
+    longDateTime: 'MMMM. d. p',
+    fullDate: 'y. MMM d.',
+    fullDateTime: 'y. MMMM d. p',
+  },
+
+  translation: {
+    common: {
+      allChangesWillBeAutomaticallySavedAfterConnectionRestored:
+        'Az összes változás automatikusan mentésre kerül a kapcsolat helyreállása után.',
+      areYouSureYouWantToDeleteThisAttachment: 'Biztosan törölni szeretné ezt a mellékletet?',
+      areYouSureYouWantToDeleteThisBoard: 'Biztosan törölni szeretné ezt a táblát?',
+      areYouSureYouWantToDeleteThisCard: 'Biztosan törölni szeretné ezt a kártyát?',
+      areYouSureYouWantToDeleteThisComment: 'Biztosan törölni szeretné ezt a megjegyzést?',
+      areYouSureYouWantToDeleteThisLabel: 'Biztosan törölni szeretné ezt a címkét?',
+      areYouSureYouWantToDeleteThisList: 'Biztosan törölni szeretné ezt a listát?',
+      areYouSureYouWantToDeleteThisProject: 'Biztosan törölni szeretné ezt a projektet?',
+      areYouSureYouWantToDeleteThisTask: 'Biztosan törölni szeretné ezt a feladatot?',
+      areYouSureYouWantToDeleteThisUser: 'Biztosan törölni szeretné ezt a felhasználót?',
+      areYouSureYouWantToLeaveBoard: 'Biztosan el akarja hagyni a táblát?',
+      areYouSureYouWantToLeaveProject: 'Biztosan el akarja hagyni a projektet?',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        'Biztosan eltávolítja ezt a vezetőt a projektből?',
+      areYouSureYouWantToRemoveThisMemberFromBoard: 'Biztosan eltávolítja ezt a tagot a tábláról?',
+      attachment: 'Melléklet',
+      attachments: 'Mellékletek',
+      authentication: 'Hitelesítés',
+      background: 'Háttér',
+      board: 'Tábla',
+      boardNotFound_title: 'Tábla nem található',
+      canComment: 'Hozzászólhat',
+      canEditContentOfBoard: 'Szerkesztheti a tábla tartalmát.',
+      canOnlyViewBoard: 'Csak megtekintheti a táblát.',
+      cardActions_title: 'Kártya műveletek',
+      cardNotFound_title: 'Kártya nem található',
+      cardOrActionAreDeleted: 'A kártya vagy művelet törölve lett.',
+      color: 'Szín',
+      createBoard_title: 'Tábla létrehozása',
+      createLabel_title: 'Címke létrehozása',
+      createNewOneOrSelectExistingOne: 'Hozzon létre egy újat, vagy válasszon ki egy meglévőt.',
+      createProject_title: 'Projekt létrehozása',
+      createTextFile_title: 'Szövegfájl létrehozása',
+      currentPassword: 'Jelenlegi jelszó',
+      dangerZone_title: 'Veszélyzóna',
+      date: 'Dátum',
+      dueDate_title: 'Esedékesség dátuma',
+      deleteAttachment_title: 'Melléklet törlése',
+      deleteBoard_title: 'Tábla törlése',
+      deleteCard_title: 'Kártya törlése',
+      deleteComment_title: 'Megjegyzés törlése',
+      deleteLabel_title: 'Címke törlése',
+      deleteList_title: 'Lista törlése',
+      deleteProject_title: 'Projekt törlése',
+      deleteTask_title: 'Feladat törlése',
+      deleteUser_title: 'Felhasználó törlése',
+      description: 'Leírás',
+      detectAutomatically: 'Automatikus érzékelés',
+      dropFileToUpload: 'Dobja ide a fájlt a feltöltéshez',
+      editor: 'Szerkesztő',
+      editAttachment_title: 'Melléklet szerkesztése',
+      editAvatar_title: 'Avatar szerkesztése',
+      editBoard_title: 'Tábla szerkesztése',
+      editDueDate_title: 'Esedékesség dátumának szerkesztése',
+      editEmail_title: 'E-mail szerkesztése',
+      editInformation_title: 'Információ szerkesztése',
+      editLabel_title: 'Címke szerkesztése',
+      editPassword_title: 'Jelszó szerkesztése',
+      editPermissions_title: 'Jogosultságok szerkesztése',
+      editStopwatch_title: 'Stopper szerkesztése',
+      editUsername_title: 'Felhasználónév szerkesztése',
+      email: 'E-mail',
+      emailAlreadyInUse: 'Az e-mail cím már használatban van',
+      enterCardTitle: 'Adja meg a kártya címét... [Ctrl+Enter] az automatikus megnyitáshoz.',
+      enterDescription: 'Adja meg a leírást...',
+      enterFilename: 'Adja meg a fájl nevét',
+      enterListTitle: 'Adja meg a lista címét...',
+      enterProjectTitle: 'Adja meg a projekt címét',
+      enterTaskDescription: 'Adja meg a feladat leírását...',
+      filterByLabels_title: 'Szűrés címkék alapján',
+      filterByMembers_title: 'Szűrés tagok alapján',
+      fromComputer_title: 'Számítógépről',
+      fromTrello: 'Trello-ról',
+      general: 'Általános',
+      hours: 'Órák',
+      importBoard_title: 'Tábla importálása',
+      invalidCurrentPassword: 'Érvénytelen jelenlegi jelszó',
+      labels: 'Címkék',
+      language: 'Nyelv',
+      leaveBoard_title: 'Tábla elhagyása',
+      leaveProject_title: 'Projekt elhagyása',
+      list: 'Lista',
+      listActions_title: 'Lista műveletek',
+      managers: 'Vezetők',
+      members: 'Tagok',
+      minutes: 'Percek',
+      moveCard_title: 'Kártya áthelyezése',
+      name: 'Név',
+      newEmail: 'Új e-mail',
+      newPassword: 'Új jelszó',
+      newUsername: 'Új felhasználónév',
+      noConnectionToServer: 'Nincs kapcsolat a szerverrel',
+      noBoards: 'Nincsenek táblák',
+      noLists: 'Nincsenek listák',
+      noProjects: 'Nincsenek projektek',
+      notifications: 'Értesítések',
+      noUnreadNotifications: 'Nincsenek olvasatlan értesítések.',
+      openBoard_title: 'Tábla megnyitása',
+      optional_inline: 'opcionális',
+      organization: 'Szervezet',
+      phone: 'Telefon',
+      preferences: 'Beállítások',
+      pressPasteShortcutToAddAttachmentFromClipboard:
+        'Tipp: nyomja meg a Ctrl-V (Cmd-V a Mac-en) billentyűkombinációt a vágólapról történő melléklet hozzáadásához.',
+      project: 'Projekt',
+      projectNotFound_title: 'Projekt nem található',
+      removeManager_title: 'Vezető eltávolítása',
+      removeMember_title: 'Tag eltávolítása',
+      searchLabels: 'Címkék keresése...',
+      searchMembers: 'Tagok keresése...',
+      searchUsers: 'Felhasználók keresése...',
+      seconds: 'Másodpercek',
+      selectBoard: 'Válassza ki a táblát',
+      selectList: 'Válassza ki a listát',
+      selectPermissions_title: 'Jogosultságok kiválasztása',
+      selectProject: 'Válassza ki a projektet',
+      settings: 'Beállítások',
+      stopwatch: 'Stopper',
+      subscribeToMyOwnCardsByDefault: 'Alapértelmezés szerint feliratkozás a saját kártyáimra',
+      taskActions_title: 'Feladat műveletek',
+      tasks: 'Feladatok',
+      thereIsNoPreviewAvailableForThisAttachment: 'Nincs elérhető előnézet ehhez a melléklethez.',
+      time: 'Idő',
+      title: 'Cím',
+      userActions_title: 'Felhasználói műveletek',
+      userAddedThisCardToList:
+        '<0>{{user}}</0><1> hozzáadta ezt a kártyát a következőhöz: {{list}}</1>',
+      userLeftNewCommentToCard:
+        '{{user}} új kommentet hagyott itt: «{{comment}}» a következő kártyán: <2>{{card}}</2>',
+      userMovedCardFromListToList:
+        '{{user}} áthelyezte ezt a kártyát innen: {{fromList}} ide: {{toList}}',
+      userMovedThisCardFromListToList:
+        '<0>{{user}}</0><1> áthelyezte ezt a kártyát innen: {{fromList}} ide: {{toList}}</1>',
+      username: 'Felhasználónév',
+      usernameAlreadyInUse: 'A felhasználónév már használatban van',
+      users: 'Felhasználók',
+      version: 'Verzió',
+      viewer: 'Néző',
+      writeComment: 'Írjon egy megjegyzést...',
+    },
+
+    action: {
+      addAnotherCard: 'Új kártya hozzáadása',
+      addAnotherList: 'Új lista hozzáadása',
+      addAnotherTask: 'Új feladat hozzáadása',
+      addCard: 'Kártya hozzáadása',
+      addCard_title: 'Kártya hozzáadása',
+      addComment: 'Megjegyzés hozzáadása',
+      addList: 'Lista hozzáadása',
+      addMember: 'Tag hozzáadása',
+      addMoreDetailedDescription: 'További részletes leírás hozzáadása',
+      addTask: 'Feladat hozzáadása',
+      addToCard: 'Kártyához hozzáadása',
+      addUser: 'Felhasználó hozzáadása',
+      createBoard: 'Tábla létrehozása',
+      createFile: 'Fájl létrehozása',
+      createLabel: 'Címke létrehozása',
+      createNewLabel: 'Új címke létrehozása',
+      createProject: 'Projekt létrehozása',
+      delete: 'Törlés',
+      deleteAttachment: 'Melléklet törlése',
+      deleteAvatar: 'Avatar törlése',
+      deleteBoard: 'Tábla törlése',
+      deleteCard: 'Kártya törlése',
+      deleteCard_title: 'Kártya törlése',
+      deleteComment: 'Megjegyzés törlése',
+      deleteImage: 'Kép törlése',
+      deleteLabel: 'Címke törlése',
+      deleteList: 'Lista törlése',
+      deleteList_title: 'Lista törlése',
+      deleteProject: 'Projekt törlése',
+      deleteProject_title: 'Projekt törlése',
+      deleteTask: 'Feladat törlése',
+      deleteTask_title: 'Feladat törlése',
+      deleteUser: 'Felhasználó törlése',
+      edit: 'Szerkesztés',
+      editDueDate_title: 'Esedékesség dátumának szerkesztése',
+      editDescription_title: 'Leírás szerkesztése',
+      editEmail_title: 'E-mail szerkesztése',
+      editInformation_title: 'Információ szerkesztése',
+      editPassword_title: 'Jelszó szerkesztése',
+      editPermissions: 'Jogosultságok szerkesztése',
+      editStopwatch_title: 'Stopper szerkesztése',
+      editTitle_title: 'Cím szerkesztése',
+      editUsername_title: 'Felhasználónév szerkesztése',
+      hideDetails: 'Részletek elrejtése',
+      import: 'Importálás',
+      leaveBoard: 'Tábla elhagyása',
+      leaveProject: 'Projekt elhagyása',
+      logOut_title: 'Kijelentkezés',
+      makeCover_title: 'Borító készítése',
+      move: 'Áthelyezés',
+      moveCard_title: 'Kártya áthelyezése',
+      remove: 'Eltávolítás',
+      removeBackground: 'Háttér eltávolítása',
+      removeCover_title: 'Borító eltávolítása',
+      removeFromBoard: 'Eltávolítás a tábláról',
+      removeFromProject: 'Eltávolítás a projektről',
+      removeManager: 'Vezető eltávolítása',
+      removeMember: 'Tag eltávolítása',
+      save: 'Mentés',
+      showAllAttachments: 'Összes melléklet megjelenítése ({{hidden}} rejtve)',
+      showDetails: 'Részletek megjelenítése',
+      showFewerAttachments: 'Kevesebb melléklet megjelenítése',
+      start: 'Indítás',
+      stop: 'Megállítás',
+      subscribe: 'Feliratkozás',
+      unsubscribe: 'Leiratkozás',
+      uploadNewAvatar: 'Új avatar feltöltése',
+      uploadNewImage: 'Új kép feltöltése',
+    },
+  },
+};

client/src/locales/hu/index.js

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

client/src/locales/hu/login.js

@@ -0,0 +1,22 @@
+export default {
+  translation: {
+    common: {
+      emailOrUsername: 'E-mail vagy felhasználó',
+      invalidEmailOrUsername: 'Érvénytelen e-mail vagy felhasználó',
+      invalidPassword: 'Érvénytelen jelszó',
+      logInToPlanka: 'Plankába belépés',
+      noInternetConnection: 'Nincs internet kapcsolat',
+      pageNotFound_title: 'Az oldal nem található',
+      password: 'Jelszó',
+      projectManagement: 'Projektmenedzsment',
+      serverConnectionFailed: 'A szerverkapcsolat sikertelen',
+      unknownError: 'Ismeretlen hiba, próbáld meg később újra',
+      useSingleSignOn: 'Egyszeri bejelentkezés használata',
+    },
+
+    action: {
+      logIn: 'Belépés',
+      logInWithSSO: 'Belépés SSO-val',
+    },
+  },
+};

client/src/locales/id/core.js

@@ -0,0 +1,241 @@
+import dateFns from 'date-fns/locale/id';
+
+export default {
+  dateFns,
+
+  format: {
+    date: 'dd MMM yyyy',
+    time: 'p',
+    dateTime: '$t(format:date) $t(format:time)',
+    longDate: 'd MMM',
+    longDateTime: "d MMMM 'pada' p",
+    fullDate: 'd MMM, y',
+    fullDateTime: "d MMM, y 'pada' p",
+  },
+
+  translation: {
+    common: {
+      aboutPlanka: 'Tentang Planka',
+      account: 'Akun',
+      actions: 'Tindakan',
+      addAttachment_title: 'Tambah Lampiran',
+      addComment: 'Tambahkan komentar',
+      addManager_title: 'Tambahkan Manager',
+      addMember_title: 'Tambahkan Anggota',
+      addUser_title: 'Tambahkan Pengguna',
+      administrator: 'Administrator',
+      all: 'Semua',
+      allChangesWillBeAutomaticallySavedAfterConnectionRestored:
+        'Semua perubahan akan disimpan<br />setelah koneksi pulih.',
+      areYouSureYouWantToDeleteThisAttachment: 'Apakah anda ingin menghapus lampiran ini?',
+      areYouSureYouWantToDeleteThisBoard: 'Apakah anda ingin menghapus papan ini?',
+      areYouSureYouWantToDeleteThisCard: 'Apakah anda ingin menghapus kartu ini?',
+      areYouSureYouWantToDeleteThisComment: 'Apakah anda ingin menghapus komentar ini?',
+      areYouSureYouWantToDeleteThisLabel: 'Apakah anda ingin menghapus label ini?',
+      areYouSureYouWantToDeleteThisList: 'Apakah anda ingin menghapus daftar ini?',
+      areYouSureYouWantToDeleteThisProject: 'Apakah anda ingin menghapus proyek ini?',
+      areYouSureYouWantToDeleteThisTask: 'Apakah anda ingin menghapus tugas ini?',
+      areYouSureYouWantToDeleteThisUser: 'Apakah anda ingin menghapus pengguna ini?',
+      areYouSureYouWantToLeaveBoard: 'Apakah anda ingin keluar dari papan ini?',
+      areYouSureYouWantToLeaveProject: 'Apakah anda ingin keluar dari proyek ini?',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        'Apakah anda ingin menghapus manajer ini dari papan ini?',
+      areYouSureYouWantToRemoveThisMemberFromBoard:
+        'Apakah anda ingin menghapus anggota ini dari papan ini?',
+      attachment: 'Lampiran',
+      attachments: 'Lampiran-lampiran',
+      authentication: 'Autentikasi',
+      background: 'Latar belakang',
+      board: 'Papan',
+      boardNotFound_title: 'Papan Tidak Ditemukan',
+      canComment: 'Bisa berkomentar',
+      canEditContentOfBoard: 'Bisa mengubah isi papan.',
+      canOnlyViewBoard: 'Hanya dapat menglihat isi papan.',
+      cardActions_title: 'Aksi Kartu',
+      cardNotFound_title: 'Kartu Tidak Ditemukan',
+      cardOrActionAreDeleted: 'Kartu atau aksi telah dihapus.',
+      color: 'Warna',
+      createBoard_title: 'Buat Papan',
+      createLabel_title: 'Buat Label',
+      createNewOneOrSelectExistingOne: 'Create a new one or select<br />an existing one.',
+      createProject_title: 'Buat Proyek',
+      createTextFile_title: 'Buat Berkas Teks',
+      currentPassword: 'Kata sandi sekarang',
+      dangerZone_title: 'Zona Berbahaya',
+      date: 'Tanggal',
+      dueDate_title: 'Tenggat Waktu',
+      deleteAttachment_title: 'Hapus Lampiran',
+      deleteBoard_title: 'Hapus Papan',
+      deleteCard_title: 'Hapus Kartu',
+      deleteComment_title: 'Hapus Komentar',
+      deleteLabel_title: 'Hapus Label',
+      deleteList_title: 'Hapus Daftar',
+      deleteProject_title: 'Hapus Proyek',
+      deleteTask_title: 'Hapus Tugas',
+      deleteUser_title: 'Hapus Pengguna',
+      description: 'Deskripsi',
+      detectAutomatically: 'Deteksi otomatis',
+      dropFileToUpload: 'Tarik berkas untuk menggungah',
+      editor: 'Pengubah',
+      editAttachment_title: 'Ubah Lampiran',
+      editAvatar_title: 'Ubah Avatar',
+      editBoard_title: 'Ubah Papan',
+      editDueDate_title: 'Ubah Tenggat Waktu',
+      editEmail_title: 'Ubah E-mail',
+      editInformation_title: 'Ubah Informasi',
+      editLabel_title: 'Ubah Label',
+      editPassword_title: 'Ubah Kata Sandi',
+      editPermissions_title: 'Ubah Izin',
+      editStopwatch_title: 'Ubah Stopwatch',
+      editUsername_title: 'Ubah Username',
+      email: 'E-mail',
+      emailAlreadyInUse: 'E-mail telah digunakan',
+      enterCardTitle: 'Masukkan judul kartu... [Ctrl+Enter] untuk membuka otomatis.',
+      enterDescription: 'Masukkan deskripsi...',
+      enterFilename: 'Masukkan nama berkas...',
+      enterListTitle: 'Masukkan judul daftar...',
+      enterProjectTitle: 'Masukkan judul proyek',
+      enterTaskDescription: 'Masukkan deskripsi tugas...',
+      filterByLabels_title: 'Saring berdasarkan Label',
+      filterByMembers_title: 'Saring berdasarkan Anggota',
+      fromComputer_title: 'Dari Komputer',
+      fromTrello: 'Dari Trello',
+      general: 'Umum',
+      hours: 'Jam',
+      importBoard_title: 'Impor Papan',
+      invalidCurrentPassword: 'Kata sandi saat ini tidak valid',
+      labels: 'Label',
+      language: 'Bahasa',
+      leaveBoard_title: 'Keluar dari Papan',
+      leaveProject_title: 'Keluar dari Proyek',
+      list: 'Daftar',
+      listActions_title: 'Aksi Daftar',
+      managers: 'Manager',
+      members: 'Anggota',
+      minutes: 'Menit',
+      moveCard_title: 'Pindahkan Kartu',
+      name: 'Nama',
+      newEmail: 'E-mail baru',
+      newPassword: 'Kata sandi baru',
+      newUsername: 'Username baru',
+      noConnectionToServer: 'Tidak ada koneksi ke server',
+      noBoards: 'Tidak ada papan',
+      noLists: 'Tidak ada daftar',
+      noProjects: 'Tidak ada projek',
+      notifications: 'Notifikasi',
+      noUnreadNotifications: 'Tiada notifikasi yang belum dibaca.',
+      openBoard_title: 'Buka Papan',
+      optional_inline: 'opsional',
+      organization: 'Organisasi',
+      phone: 'Ponsel',
+      preferences: 'Preferensi',
+      pressPasteShortcutToAddAttachmentFromClipboard:
+        'Tip: tekan Ctrl-V (Cmd-V di Mac) untuk menambahkan lampiran dari papan klip.',
+      project: 'Proyek',
+      projectNotFound_title: 'Proyek Tidak Ditemukan',
+      removeManager_title: 'Hapus Manager',
+      removeMember_title: 'Hapus Anggota',
+      searchLabels: 'Cari label...',
+      searchMembers: 'Cari anggota...',
+      searchUsers: 'Cari pengguna...',
+      seconds: 'Detik',
+      selectBoard: 'Pilih papan',
+      selectList: 'Pilih daftar',
+      selectPermissions_title: 'Pilih Izin',
+      selectProject: 'Pilih proyek',
+      settings: 'Setelan',
+      stopwatch: 'Stopwatch',
+      subscribeToMyOwnCardsByDefault: 'Berlangganan kartu saya sendiri secara default',
+      taskActions_title: 'Aksi Tugas',
+      tasks: 'Tugas',
+      thereIsNoPreviewAvailableForThisAttachment:
+        'Tidak ada pratinjau yang tersedia untuk lampiran ini.',
+      time: 'Waktu',
+      title: 'Judul',
+      userActions_title: 'Aksi Pengguna',
+      userAddedThisCardToList: '<0>{{user}}</0><1> menambahkan kartu ini ke {{list}}</1>',
+      userLeftNewCommentToCard: '{{user}} mengomentari «{{comment}}» di <2>{{card}}</2>',
+      userMovedCardFromListToList:
+        '{{user}} memindahkan <2>{{card}}</2> dari {{fromList}} ke {{toList}}',
+      userMovedThisCardFromListToList:
+        '<0>{{user}}</0><1> memindahkan kartu ini dari {{fromList}} ke {{toList}}</1>',
+      username: 'Username',
+      usernameAlreadyInUse: 'Username telah digunakan',
+      users: 'Pengguna',
+      version: 'Versi',
+      viewer: 'Penglihat',
+      writeComment: 'Tuliskan komentar...',
+    },
+
+    action: {
+      addAnotherCard: 'Tambahkan kartu lain',
+      addAnotherList: 'Tambahkan daftar lain',
+      addAnotherTask: 'Tambahkan aksi lain',
+      addCard: 'Tambah kartu',
+      addCard_title: 'Tambah Kartu',
+      addComment: 'Tambah komentar',
+      addList: 'Tambah daftar',
+      addMember: 'Tambah anggota',
+      addMoreDetailedDescription: 'Tambahkan deskripsi yang lebih detail',
+      addTask: 'Tambah tugas',
+      addToCard: 'Tambahkan ke kartu',
+      addUser: 'Tambah pengguna',
+      createBoard: 'Tambah papan',
+      createFile: 'Tambah berkas',
+      createLabel: 'Tambah label',
+      createNewLabel: 'Tambah label baru',
+      createProject: 'Tambah proyek',
+      delete: 'Hapus',
+      deleteAttachment: 'Hapus lampiran',
+      deleteAvatar: 'Hapus avatar',
+      deleteBoard: 'Hapus papan',
+      deleteCard: 'Hapus kartu',
+      deleteCard_title: 'Hapus Kartu',
+      deleteComment: 'Hapus komentar',
+      deleteImage: 'Hapus gambar',
+      deleteLabel: 'Hapus labek',
+      deleteList: 'Hapus daftar',
+      deleteList_title: 'Hapus Daftar',
+      deleteProject: 'Hapus proyek',
+      deleteProject_title: 'Hapus Proyek',
+      deleteTask: 'Hapus tugas',
+      deleteTask_title: 'Hapus Tugas',
+      deleteUser: 'Hapus pengguna',
+      edit: 'Ubah',
+      editDueDate_title: 'Ubah Tenggat Waktu',
+      editDescription_title: 'Ubdah Deskripsi',
+      editEmail_title: 'Ubah E-mail',
+      editInformation_title: 'Ubah Informasi',
+      editPassword_title: 'Ubah Kata Sandi',
+      editPermissions: 'Ubah izin',
+      editStopwatch_title: 'Ubah Stopwatch',
+      editTitle_title: 'Ubah Judul',
+      editUsername_title: 'Ubah Username',
+      hideDetails: 'Sembunyikan detail',
+      import: 'Impor',
+      leaveBoard: 'Keluar dari papan',
+      leaveProject: 'Keluar dari proyek',
+      logOut_title: 'Keluar',
+      makeCover_title: 'Buat Cover',
+      move: 'Pindah',
+      moveCard_title: 'Pindahkan Kartu',
+      remove: 'Hapus',
+      removeBackground: 'Hapus latar belakang',
+      removeCover_title: 'Hapus Cover',
+      removeFromBoard: 'Hapus dari papan',
+      removeFromProject: 'Hapus dari proyek',
+      removeManager: 'Hapus manager',
+      removeMember: 'Hapus papan',
+      save: 'Simpan',
+      showAllAttachments: 'Tampilkan semua lampiran ({{hidden}} tersembunyi)',
+      showDetails: 'Tampilkan detail',
+      showFewerAttachments: 'Tampilkan lampiran lebih sedikit',
+      start: 'Mulai',
+      stop: 'Berhenti',
+      subscribe: 'Berlanggan',
+      unsubscribe: 'Berhenti berlangganan',
+      uploadNewAvatar: 'Unggah avatar baru',
+      uploadNewImage: 'Unggah gambar baru',
+    },
+  },
+};

client/src/locales/id/index.js

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

client/src/locales/id/login.js

@@ -0,0 +1,22 @@
+export default {
+  translation: {
+    common: {
+      emailOrUsername: 'E-mail atau username',
+      invalidEmailOrUsername: 'E-mail atau username salah',
+      invalidPassword: 'Kata sandi salah',
+      logInToPlanka: 'Masuk ke Planka',
+      noInternetConnection: 'Tidak ada koneksi internet',
+      pageNotFound_title: 'Halaman Tidak Ditemukan',
+      password: 'Kata sandi',
+      projectManagement: 'Manajemen projek',
+      serverConnectionFailed: 'Koneksi server gagal',
+      unknownError: 'Kesalahan tidak diketahui, coba lagi nanti.',
+      useSingleSignOn: 'Gunakan single sign-on',
+    },
+
+    action: {
+      logIn: 'Masuk',
+      logInWithSSO: 'Masuk dengan SSO',
+    },
+  },
+};

client/src/locales/index.js

@@ -4,10 +4,14 @@ import de from './de';
 import en from './en';
 import es from './es';
 import fr from './fr';
+import hu from './hu';
+import id from './id';
 import it from './it';
 import ja from './ja';
 import ko from './ko';
+import nl from './nl';
 import pl from './pl';
+import pt from './pt';
 import ro from './ro';
 import ru from './ru';
 import sk from './sk';
@@ -17,7 +21,30 @@ import ua from './ua';
 import uz from './uz';
 import zh from './zh';
 
-const locales = [cs, da, de, en, es, fr, it, ja, ko, pl, ro, ru, sk, sv, tr, ua, uz, zh];
+const locales = [
+  cs,
+  da,
+  de,
+  en,
+  es,
+  fr,
+  hu,
+  id,
+  it,
+  ja,
+  ko,
+  nl,
+  pl,
+  pt,
+  ro,
+  ru,
+  sk,
+  sv,
+  tr,
+  ua,
+  uz,
+  zh,
+];
 
 export default locales;
 

client/src/locales/it/core.js

@@ -3,10 +3,10 @@ export default {
     date: 'd/M/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",
+    longDate: 'd MMM',
+    longDateTime: "d MMMM 'alle' p",
+    fullDate: 'd MMM, y',
+    fullDateTime: "d MMMM, y 'alle' p",
   },
 
   translation: {
@@ -21,7 +21,7 @@ export default {
       administrator: 'Amministratore',
       all: 'tutto',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        'All changes will be automatically saved<br />after connection restored.',
+        'Tutte le modifiche verranno salvate<br />al ripristino della connessione.',
       areYouSureYouWantToDeleteThisAttachment: 'Sei sicuro di voler eliminare questo allegato?',
       areYouSureYouWantToDeleteThisBoard: 'Sei sicuro di voler eliminare questa bacheca?',
       areYouSureYouWantToDeleteThisCard: 'Sei sicuro di voler eliminare questa card?',
@@ -50,6 +50,7 @@ export default {
       cardNotFound_title: 'Card non trovata',
       cardOrActionAreDeleted: "La card o l'azione vengono eliminate.",
       color: 'Colore',
+      copy_inline: 'copia',
       createBoard_title: 'Crea Bacheca',
       createLabel_title: 'Crea Etichetta',
       createNewOneOrSelectExistingOne: 'Crea nuovo o seleziona<br />esistente.',
@@ -94,8 +95,10 @@ export default {
       filterByLabels_title: 'Filtra per Etichetta',
       filterByMembers_title: 'Filtra per Membro',
       fromComputer_title: 'Dal Computer',
+      fromTrello: 'Da Trello',
       general: 'Generale',
       hours: 'Ore',
+      importBoard_title: 'Importa Board',
       invalidCurrentPassword: 'Password corrente non valida',
       labels: 'Etichette',
       language: 'Lingua',
@@ -123,7 +126,7 @@ export default {
       phone: 'Telefono',
       preferences: 'Preferenze',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tip: prmi Ctrl-V (Cmd-V on Mac) per aggiungere un allegato dalla clipboard.',
+        'Consiglio: premi Ctrl-V (Cmd-V on Mac) per aggiungere un allegato dalla clipboard.',
       project: 'Progetto',
       projectNotFound_title: 'Progetto non trovato',
       removeManager_title: 'Rimuovi Manager',
@@ -193,6 +196,8 @@ export default {
       deleteTask: 'Elimina task',
       deleteTask_title: 'Elimina Task',
       deleteUser: 'Elimina utente',
+      duplicate: 'Duplica',
+      duplicateCard_title: 'Duplica Card',
       edit: 'Modifica',
       editDueDate_title: 'Modifica data di scadenza',
       editDescription_title: 'Modifica Descrizione',
@@ -204,9 +209,10 @@ export default {
       editTitle_title: 'Modifica Titolo',
       editUsername_title: 'Modifica Username',
       hideDetails: 'Nascondi dettagli',
+      import: 'Importa',
       leaveBoard: 'Lascia bacheca',
       leaveProject: 'Lascia progetto',
-      logOut_title: 'Log Out',
+      logOut_title: 'Disconnettiti',
       makeCover_title: 'Crea Cover',
       move: 'Muovi',
       moveCard_title: 'Muovi Card',

client/src/locales/nl/core.js

@@ -0,0 +1,242 @@
+import dateFns from 'date-fns/locale/nl';
+
+export default {
+  dateFns,
+
+  format: {
+    date: 'd-M-yyyy',
+    time: 'p',
+    dateTime: '$t(format:date) $t(format:time)',
+    longDate: 'd MMM',
+    longDateTime: "d MMMM 'om' p",
+    fullDate: 'd MMM y',
+    fullDateTime: "d MMMM y 'om' p",
+  },
+
+  translation: {
+    common: {
+      aboutPlanka: 'Over Planka',
+      account: 'Account',
+      actions: 'Acties',
+      addAttachment_title: 'Bijlage toevoegen',
+      addComment: 'Opmerking toevoegen',
+      addManager_title: 'Manager toevoegen',
+      addMember_title: 'Lid toevoegen',
+      addUser_title: 'Gebruiker toevoegen',
+      administrator: 'Beheerder',
+      all: 'Alle',
+      allChangesWillBeAutomaticallySavedAfterConnectionRestored:
+        'Alle wijzigingen worden automatisch opgeslagen<br />nadat de verbinding is hersteld.',
+      areYouSureYouWantToDeleteThisAttachment: 'Weet u zeker dat u deze bijlage wilt verwijderen?',
+      areYouSureYouWantToDeleteThisBoard: 'Weet u zeker dat u dit bord wilt verwijderen?',
+      areYouSureYouWantToDeleteThisCard: 'Weet u zeker dat u deze kaart wilt verwijderen?',
+      areYouSureYouWantToDeleteThisComment: 'Weet u zeker dat u deze opmerking wilt verwijderen?',
+      areYouSureYouWantToDeleteThisLabel: 'Weet u zeker dat u dit label wilt verwijderen?',
+      areYouSureYouWantToDeleteThisList: 'Weet u zeker dat u deze lijst wilt verwijderen?',
+      areYouSureYouWantToDeleteThisProject: 'Weet u zeker dat u dit project wilt verwijderen?',
+      areYouSureYouWantToDeleteThisTask: 'Weet u zeker dat u deze taak wilt verwijderen?',
+      areYouSureYouWantToDeleteThisUser: 'Weet u zeker dat u deze gebruiker wilt verwijderen?',
+      areYouSureYouWantToLeaveBoard: 'Weet u zeker dat u het bord wilt verlaten?',
+      areYouSureYouWantToLeaveProject: 'Weet u zeker dat u het project wilt verlaten?',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        'Weet u zeker dat u deze manager uit het project wilt verwijderen?',
+      areYouSureYouWantToRemoveThisMemberFromBoard:
+        'Weet u zeker dat u dit lid uit het bord wilt verwijderen?',
+      attachment: 'Bijlage',
+      attachments: 'Bijlagen',
+      authentication: 'Authenticatie',
+      background: 'Achtergrond',
+      board: 'Bord',
+      boardNotFound_title: 'Bord niet gevonden',
+      canComment: 'Kan opmerking plaatsen',
+      canEditContentOfBoard: 'Kan de inhoud van het bord bewerken.',
+      canOnlyViewBoard: 'Kan alleen het bord bekijken.',
+      cardActions_title: 'Kaartacties',
+      cardNotFound_title: 'Kaart niet gevonden',
+      cardOrActionAreDeleted: 'Kaart of actie zijn verwijderd.',
+      color: 'Kleur',
+      createBoard_title: 'Bord aanmaken',
+      createLabel_title: 'Label aanmaken',
+      createNewOneOrSelectExistingOne: 'Maak een nieuwe of selecteer een bestaande.',
+      createProject_title: 'Project aanmaken',
+      createTextFile_title: 'Tekstbestand aanmaken',
+      currentPassword: 'Huidig wachtwoord',
+      dangerZone_title: 'Gevaarlijke zone',
+      date: 'Datum',
+      dueDate_title: 'Vervaldatum',
+      deleteAttachment_title: 'Bijlage verwijderen',
+      deleteBoard_title: 'Bord verwijderen',
+      deleteCard_title: 'Kaart verwijderen',
+      deleteComment_title: 'Opmerking verwijderen',
+      deleteLabel_title: 'Label verwijderen',
+      deleteList_title: 'Lijst verwijderen',
+      deleteProject_title: 'Project verwijderen',
+      deleteTask_title: 'Taak verwijderen',
+      deleteUser_title: 'Gebruiker verwijderen',
+      description: 'Beschrijving',
+      detectAutomatically: 'Automatisch detecteren',
+      dropFileToUpload: 'Sleep bestand om te uploaden',
+      editor: 'Editor',
+      editAttachment_title: 'Bijlage bewerken',
+      editAvatar_title: 'Avatar bewerken',
+      editBoard_title: 'Bord bewerken',
+      editDueDate_title: 'Vervaldatum bewerken',
+      editEmail_title: 'E-mail bewerken',
+      editInformation_title: 'Informatie bewerken',
+      editLabel_title: 'Label bewerken',
+      editPassword_title: 'Wachtwoord bewerken',
+      editPermissions_title: 'Machtigingen bewerken',
+      editStopwatch_title: 'Stopwatch bewerken',
+      editUsername_title: 'Gebruikersnaam bewerken',
+      email: 'E-mail',
+      emailAlreadyInUse: 'E-mail is al in gebruik',
+      enterCardTitle: 'Voer kaarttitel in... [Ctrl+Enter] om automatisch te openen.',
+      enterDescription: 'Beschrijving invoeren...',
+      enterFilename: 'Bestandsnaam invoeren',
+      enterListTitle: 'Voer lijsttitel in...',
+      enterProjectTitle: 'Voer projecttitel in',
+      enterTaskDescription: 'Taakbeschrijving invoeren...',
+      filterByLabels_title: 'Filteren op labels',
+      filterByMembers_title: 'Filteren op leden',
+      fromComputer_title: 'Van computer',
+      fromTrello: 'Van Trello',
+      general: 'Algemeen',
+      hours: 'Uren',
+      importBoard_title: 'Bord importeren',
+      invalidCurrentPassword: 'Ongeldig huidig wachtwoord',
+      labels: 'Labels',
+      language: 'Taal',
+      leaveBoard_title: 'Bord verlaten',
+      leaveProject_title: 'Project verlaten',
+      list: 'Lijst',
+      listActions_title: 'Lijstacties',
+      managers: 'Managers',
+      members: 'Leden',
+      minutes: 'Minuten',
+      moveCard_title: 'Kaart verplaatsen',
+      name: 'Naam',
+      newEmail: 'Nieuwe e-mail',
+      newPassword: 'Nieuw wachtwoord',
+      newUsername: 'Nieuwe gebruikersnaam',
+      noConnectionToServer: 'Geen verbinding met server',
+      noBoards: 'Geen borden',
+      noLists: 'Geen lijsten',
+      noProjects: 'Geen projecten',
+      notifications: 'Meldingen',
+      noUnreadNotifications: 'Geen ongelezen meldingen.',
+      openBoard_title: 'Bord openen',
+      optional_inline: 'optioneel',
+      organization: 'Organisatie',
+      phone: 'Telefoon',
+      preferences: 'Voorkeuren',
+      pressPasteShortcutToAddAttachmentFromClipboard:
+        'Tip: druk op Ctrl-V (Cmd-V op Mac) om een bijlage van het klembord toe te voegen.',
+      project: 'Project',
+      projectNotFound_title: 'Project niet gevonden',
+      removeManager_title: 'Manager verwijderen',
+      removeMember_title: 'Lid verwijderen',
+      searchLabels: 'Labels zoeken...',
+      searchMembers: 'Leden zoeken...',
+      searchUsers: 'Gebruikers zoeken...',
+      seconds: 'Seconden',
+      selectBoard: 'Bord selecteren',
+      selectList: 'Lijst selecteren',
+      selectPermissions_title: 'Machtigingen selecteren',
+      selectProject: 'Project selecteren',
+      settings: 'Instellingen',
+      stopwatch: 'Stopwatch',
+      subscribeToMyOwnCardsByDefault: 'Standaard abonneren op mijn eigen kaarten',
+      taskActions_title: 'Takenacties',
+      tasks: 'Taken',
+      thereIsNoPreviewAvailableForThisAttachment:
+        'Er is geen voorbeeld beschikbaar voor deze bijlage.',
+      time: 'Tijd',
+      title: 'Titel',
+      userActions_title: 'Gebruikersacties',
+      userAddedThisCardToList: '<0>{{user}}</0><1> heeft deze kaart toegevoegd aan {{list}}</1>',
+      userLeftNewCommentToCard:
+        '{{user}} heeft een nieuwe opmerking achtergelaten «{{comment}}» bij <2>{{card}}</2>',
+      userMovedCardFromListToList:
+        '{{user}} heeft <2>{{card}}</2> verplaatst van {{fromList}} naar {{toList}}',
+      userMovedThisCardFromListToList:
+        '<0>{{user}}</0><1> heeft deze kaart verplaatst van {{fromList}} naar {{toList}}</1>',
+      username: 'Gebruikersnaam',
+      usernameAlreadyInUse: 'Gebruikersnaam is al in gebruik',
+      users: 'Gebruikers',
+      version: 'Versie',
+      viewer: 'Kijker',
+      writeComment: 'Schrijf een opmerking...',
+    },
+
+    action: {
+      addAnotherCard: 'Voeg nog een kaart toe',
+      addAnotherList: 'Voeg nog een lijst toe',
+      addAnotherTask: 'Voeg nog een taak toe',
+      addCard: 'Kaart toevoegen',
+      addCard_title: 'Kaart toevoegen',
+      addComment: 'Opmerking toevoegen',
+      addList: 'Lijst toevoegen',
+      addMember: 'Lid toevoegen',
+      addMoreDetailedDescription: 'Meer gedetailleerde beschrijving toevoegen',
+      addTask: 'Taak toevoegen',
+      addToCard: 'Toevoegen aan kaart',
+      addUser: 'Gebruiker toevoegen',
+      createBoard: 'Bord aanmaken',
+      createFile: 'Bestand aanmaken',
+      createLabel: 'Label aanmaken',
+      createNewLabel: 'Nieuw label aanmaken',
+      createProject: 'Project aanmaken',
+      delete: 'Verwijderen',
+      deleteAttachment: 'Bijlage verwijderen',
+      deleteAvatar: 'Avatar verwijderen',
+      deleteBoard: 'Bord verwijderen',
+      deleteCard: 'Kaart verwijderen',
+      deleteCard_title: 'Kaart verwijderen',
+      deleteComment: 'Opmerking verwijderen',
+      deleteImage: 'Afbeelding verwijderen',
+      deleteLabel: 'Label verwijderen',
+      deleteList: 'Lijst verwijderen',
+      deleteList_title: 'Lijst verwijderen',
+      deleteProject: 'Project verwijderen',
+      deleteProject_title: 'Project verwijderen',
+      deleteTask: 'Taak verwijderen',
+      deleteTask_title: 'Taak verwijderen',
+      deleteUser: 'Gebruiker verwijderen',
+      edit: 'Bewerken',
+      editDueDate_title: 'Vervaldatum bewerken',
+      editDescription_title: 'Beschrijving bewerken',
+      editEmail_title: 'E-mail bewerken',
+      editInformation_title: 'Informatie bewerken',
+      editPassword_title: 'Wachtwoord bewerken',
+      editPermissions: 'Machtigingen bewerken',
+      editStopwatch_title: 'Stopwatch bewerken',
+      editTitle_title: 'Titel bewerken',
+      editUsername_title: 'Gebruikersnaam bewerken',
+      hideDetails: 'Details verbergen',
+      import: 'Importeren',
+      leaveBoard: 'Bord verlaten',
+      leaveProject: 'Project verlaten',
+      logOut_title: 'Uitloggen',
+      makeCover_title: 'Omslag maken',
+      move: 'Verplaatsen',
+      moveCard_title: 'Kaart verplaatsen',
+      remove: 'Verwijderen',
+      removeBackground: 'Achtergrond verwijderen',
+      removeCover_title: 'Omslag verwijderen',
+      removeFromBoard: 'Verwijderen van bord',
+      removeFromProject: 'Verwijderen van project',
+      removeManager: 'Manager verwijderen',
+      removeMember: 'Lid verwijderen',
+      save: 'Opslaan',
+      showAllAttachments: 'Alle bijlagen weergeven ({{hidden}} verbergen)',
+      showDetails: 'Details weergeven',
+      showFewerAttachments: 'Minder bijlagen weergeven',
+      start: 'Start',
+      stop: 'Stop',
+      subscribe: 'Abonneren',
+      unsubscribe: 'Afmelden',
+      uploadNewAvatar: 'Nieuwe avatar uploaden',
+      uploadNewImage: 'Nieuwe afbeelding uploaden',
+    },
+  },
+};

client/src/locales/nl/index.js

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

client/src/locales/nl/login.js

@@ -0,0 +1,22 @@
+export default {
+  translation: {
+    common: {
+      emailOrUsername: 'E-mail of gebruikersnaam',
+      invalidEmailOrUsername: 'Ongeldig e-mailadres of gebruikersnaam',
+      invalidPassword: 'Ongeldig wachtwoord',
+      logInToPlanka: 'Inloggen bij Planka',
+      noInternetConnection: 'Geen internetverbinding',
+      pageNotFound_title: 'Pagina niet gevonden',
+      password: 'Wachtwoord',
+      projectManagement: 'Projectbeheer',
+      serverConnectionFailed: 'Verbinding met de server mislukt',
+      unknownError: 'Onbekende fout, probeer het later opnieuw',
+      useSingleSignOn: 'Gebruik single sign-on',
+    },
+
+    action: {
+      logIn: 'Inloggen',
+      logInWithSSO: 'Inloggen met SSO',
+    },
+  },
+};

client/src/locales/pt/core.js

@@ -0,0 +1,242 @@
+import dateFns from 'date-fns/locale/pt-BR';
+
+export default {
+  dateFns,
+
+  format: {
+    date: 'dd/MM/yyyy',
+    time: 'p',
+    dateTime: '$t(format:date) $t(format:time)',
+    longDate: 'd MMM',
+    longDateTime: "d 'de' MMMM 'às' p",
+    fullDate: 'd MMM, y',
+    fullDateTime: "d 'de' MMMM, y 'às' p",
+  },
+
+  translation: {
+    common: {
+      aboutPlanka: 'Sobre o Planka',
+      account: 'Conta',
+      actions: 'Ações',
+      addAttachment_title: 'Adicionar Anexo',
+      addComment: 'Adicionar comentário',
+      addManager_title: 'Adicionar Gerente',
+      addMember_title: 'Adicionar Membro',
+      addUser_title: 'Adicionar Usuário',
+      administrator: 'Administrador',
+      all: 'Todos',
+      allChangesWillBeAutomaticallySavedAfterConnectionRestored:
+        'Todas as alterações serão salvas automaticamente<br />após a conexão ser restaurada.',
+      areYouSureYouWantToDeleteThisAttachment: 'Tem certeza de que deseja excluir este anexo?',
+      areYouSureYouWantToDeleteThisBoard: 'Tem certeza de que deseja excluir este quadro?',
+      areYouSureYouWantToDeleteThisCard: 'Tem certeza de que deseja excluir este cartão?',
+      areYouSureYouWantToDeleteThisComment: 'Tem certeza de que deseja excluir este comentário?',
+      areYouSureYouWantToDeleteThisLabel: 'Tem certeza de que deseja excluir este rótulo?',
+      areYouSureYouWantToDeleteThisList: 'Tem certeza de que deseja excluir esta lista?',
+      areYouSureYouWantToDeleteThisProject: 'Tem certeza de que deseja excluir este projeto?',
+      areYouSureYouWantToDeleteThisTask: 'Tem certeza de que deseja excluir esta tarefa?',
+      areYouSureYouWantToDeleteThisUser: 'Tem certeza de que deseja excluir este usuário?',
+      areYouSureYouWantToLeaveBoard: 'Tem certeza de que deseja sair do quadro?',
+      areYouSureYouWantToLeaveProject: 'Tem certeza de que deseja sair do projeto?',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        'Tem certeza de que deseja remover este gerente do projeto?',
+      areYouSureYouWantToRemoveThisMemberFromBoard:
+        'Tem certeza de que deseja remover este membro do quadro?',
+      attachment: 'Anexo',
+      attachments: 'Anexos',
+      authentication: 'Autenticação',
+      background: 'Fundo',
+      board: 'Quadro',
+      boardNotFound_title: 'Quadro não encontrado',
+      canComment: 'Pode comentar',
+      canEditContentOfBoard: 'Pode editar o conteúdo do quadro.',
+      canOnlyViewBoard: 'Só pode visualizar o quadro.',
+      cardActions_title: 'Ações do Cartão',
+      cardNotFound_title: 'Cartão não encontrado',
+      cardOrActionAreDeleted: 'Cartão ou ação foram excluídos.',
+      color: 'Cor',
+      createBoard_title: 'Criar Quadro',
+      createLabel_title: 'Criar Rótulo',
+      createNewOneOrSelectExistingOne: 'Criar um novo ou selecionar<br />um existente.',
+      createProject_title: 'Criar Projeto',
+      createTextFile_title: 'Criar Arquivo de Texto',
+      currentPassword: 'Senha atual',
+      dangerZone_title: 'Zona de Perigo',
+      date: 'Data',
+      dueDate_title: 'Data de Vencimento',
+      deleteAttachment_title: 'Excluir Anexo',
+      deleteBoard_title: 'Excluir Quadro',
+      deleteCard_title: 'Excluir Cartão',
+      deleteComment_title: 'Excluir Comentário',
+      deleteLabel_title: 'Excluir Rótulo',
+      deleteList_title: 'Excluir Lista',
+      deleteProject_title: 'Excluir Projeto',
+      deleteTask_title: 'Excluir Tarefa',
+      deleteUser_title: 'Excluir Usuário',
+      description: 'Descrição',
+      detectAutomatically: 'Detectar automaticamente',
+      dropFileToUpload: 'Solte o arquivo para enviar',
+      editor: 'Editor',
+      editAttachment_title: 'Editar Anexo',
+      editAvatar_title: 'Editar Avatar',
+      editBoard_title: 'Editar Quadro',
+      editDueDate_title: 'Editar Data de Vencimento',
+      editEmail_title: 'Editar E-mail',
+      editInformation_title: 'Editar Informações',
+      editLabel_title: 'Editar Rótulo',
+      editPassword_title: 'Editar Senha',
+      editPermissions_title: 'Editar Permissões',
+      editStopwatch_title: 'Editar Cronômetro',
+      editUsername_title: 'Editar Nome de Usuário',
+      email: 'E-mail',
+      emailAlreadyInUse: 'E-mail já está em uso',
+      enterCardTitle: 'Digite o título do cartão... [Ctrl+Enter] para abrir automaticamente.',
+      enterDescription: 'Digite a descrição...',
+      enterFilename: 'Digite o nome do arquivo',
+      enterListTitle: 'Digite o título da lista...',
+      enterProjectTitle: 'Digite o título do projeto',
+      enterTaskDescription: 'Digite a descrição da tarefa...',
+      filterByLabels_title: 'Filtrar por Rótulos',
+      filterByMembers_title: 'Filtrar por Membros',
+      fromComputer_title: 'Do Computador',
+      fromTrello: 'Do Trello',
+      general: 'Geral',
+      hours: 'Horas',
+      importBoard_title: 'Importar Quadro',
+      invalidCurrentPassword: 'Senha atual inválida',
+      labels: 'Rótulos',
+      language: 'Idioma',
+      leaveBoard_title: 'Sair do Quadro',
+      leaveProject_title: 'Sair do Projeto',
+      list: 'Lista',
+      listActions_title: 'Ações da Lista',
+      managers: 'Gerentes',
+      memberInfo: 'Informações do Membro',
+      members: 'Membros',
+      minutes: 'Minutos',
+      moveCard_title: 'Mover Cartão',
+      name: 'Nome',
+      newEmail: 'Novo e-mail',
+      newPassword: 'Nova senha',
+      newUsername: 'Novo nome de usuário',
+      noConnectionToServer: 'Sem conexão com o servidor',
+      noBoards: 'Sem quadros',
+      noLists: 'Sem listas',
+      noProjects: 'Sem projetos',
+      notifications: 'Notificações',
+      noUnreadNotifications: 'Nenhuma notificação não lida.',
+      openBoard_title: 'Abrir Quadro',
+      optional_inline: 'opcional',
+      organization: 'Organização',
+      phone: 'Telefone',
+      preferences: 'Preferências',
+      pressPasteShortcutToAddAttachmentFromClipboard:
+        'Dica: pressione Ctrl-V (Cmd-V no Mac) para adicionar um anexo da área de transferência.',
+      project: 'Projeto',
+      projectNotFound_title: 'Projeto não encontrado',
+      removeManager_title: 'Remover Gerente',
+      removeMember_title: 'Remover Membro',
+      searchLabels: 'Pesquisar rótulos...',
+      searchMembers: 'Pesquisar membros...',
+      searchUsers: 'Pesquisar usuários...',
+      seconds: 'Segundos',
+      selectBoard: 'Selecionar quadro',
+      selectList: 'Selecionar lista',
+      selectPermissions_title: 'Selecionar Permissões',
+      selectProject: 'Selecionar projeto',
+      settings: 'Configurações',
+      stopwatch: 'Cronômetro',
+      subscribeToMyOwnCardsByDefault: 'Inscrever-se automaticamente em meus próprios cartões',
+      taskActions_title: 'Ações da Tarefa',
+      tasks: 'Tarefas',
+      thereIsNoPreviewAvailableForThisAttachment:
+        'Não há pré-visualização disponível para este anexo.',
+      time: 'Tempo',
+      title: 'Título',
+      userActions_title: 'Ações do Usuário',
+      userAddedThisCardToList: '<0>{{user}}</0><1> adicionou este cartão a {{list}}</1>',
+      userLeftNewCommentToCard:
+        '{{user}} deixou um novo comentário «{{comment}}» em <2>{{card}}</2>',
+      userMovedCardFromListToList: '{{user}} moveu <2>{{card}}</2> de {{fromList}} para {{toList}}',
+      userMovedThisCardFromListToList:
+        '<0>{{user}}</0><1> moveu este cartão de {{fromList}} para {{toList}}</1>',
+      username: 'Nome de usuário',
+      usernameAlreadyInUse: 'Nome de usuário já está em uso',
+      users: 'Usuários',
+      version: 'Versão',
+      viewer: 'Visualizador',
+      writeComment: 'Escreva um comentário...',
+    },
+
+    action: {
+      addAnotherCard: 'Adicionar outro cartão',
+      addAnotherList: 'Adicionar outra lista',
+      addAnotherTask: 'Adicionar outra tarefa',
+      addCard: 'Adicionar cartão',
+      addCard_title: 'Adicionar Cartão',
+      addComment: 'Adicionar comentário',
+      addList: 'Adicionar lista',
+      addMember: 'Adicionar membro',
+      addMoreDetailedDescription: 'Adicionar descrição mais detalhada',
+      addTask: 'Adicionar tarefa',
+      addToCard: 'Adicionar ao cartão',
+      addUser: 'Adicionar usuário',
+      createBoard: 'Criar quadro',
+      createFile: 'Criar arquivo',
+      createLabel: 'Criar rótulo',
+      createNewLabel: 'Criar novo rótulo',
+      createProject: 'Criar projeto',
+      delete: 'Excluir',
+      deleteAttachment: 'Excluir anexo',
+      deleteAvatar: 'Excluir avatar',
+      deleteBoard: 'Excluir quadro',
+      deleteCard: 'Excluir cartão',
+      deleteCard_title: 'Excluir Cartão',
+      deleteComment: 'Excluir comentário',
+      deleteImage: 'Excluir imagem',
+      deleteLabel: 'Excluir rótulo',
+      deleteList: 'Excluir lista',
+      deleteList_title: 'Excluir Lista',
+      deleteProject: 'Excluir projeto',
+      deleteProject_title: 'Excluir Projeto',
+      deleteTask: 'Excluir tarefa',
+      deleteTask_title: 'Excluir Tarefa',
+      deleteUser: 'Excluir usuário',
+      edit: 'Editar',
+      editDueDate_title: 'Editar Data de Vencimento',
+      editDescription_title: 'Editar Descrição',
+      editEmail_title: 'Editar E-mail',
+      editInformation_title: 'Editar Informações',
+      editPassword_title: 'Editar Senha',
+      editPermissions: 'Editar permissões',
+      editStopwatch_title: 'Editar Cronômetro',
+      editTitle_title: 'Editar Título',
+      editUsername_title: 'Editar Nome de Usuário',
+      hideDetails: 'Ocultar detalhes',
+      import: 'Importar',
+      leaveBoard: 'Sair do quadro',
+      leaveProject: 'Sair do projeto',
+      logOut_title: 'Sair',
+      makeCover_title: 'Tornar Capa',
+      move: 'Mover',
+      moveCard_title: 'Mover Cartão',
+      remove: 'Remover',
+      removeBackground: 'Remover fundo',
+      removeCover_title: 'Remover Capa',
+      removeFromBoard: 'Remover do quadro',
+      removeFromProject: 'Remover do projeto',
+      removeManager: 'Remover gerente',
+      removeMember: 'Remover membro',
+      save: 'Salvar',
+      showAllAttachments: 'Mostrar todos os anexos ({{hidden}} ocultos)',
+      showDetails: 'Mostrar detalhes',
+      showFewerAttachments: 'Mostrar menos anexos',
+      start: 'Iniciar',
+      stop: 'Parar',
+      subscribe: 'Inscrever-se',
+      unsubscribe: 'Cancelar inscrição',
+      uploadNewAvatar: 'Enviar novo avatar',
+      uploadNewImage: 'Enviar nova imagem',
+    },
+  },
+};

client/src/locales/pt/index.js

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

client/src/locales/pt/login.js

@@ -0,0 +1,22 @@
+export default {
+  translation: {
+    common: {
+      emailOrUsername: 'E-mail ou nome de usuário',
+      invalidEmailOrUsername: 'E-mail ou nome de usuário inválido',
+      invalidPassword: 'Senha inválida',
+      logInToPlanka: 'Entrar no Planka',
+      noInternetConnection: 'Sem conexão com a internet',
+      pageNotFound_title: 'Página não encontrada',
+      password: 'Senha',
+      projectManagement: 'Gerenciamento de projetos',
+      serverConnectionFailed: 'Falha na conexão com o servidor',
+      unknownError: 'Erro desconhecido, tente novamente mais tarde',
+      useSingleSignOn: 'Usar login único',
+    },
+
+    action: {
+      logIn: 'Entrar',
+      logInWithSSO: 'Entrar com SSO',
+    },
+  },
+};

client/src/locales/ru/core.js

@@ -199,6 +199,8 @@ export default {
       deleteProject: 'Удалить проект',
       deleteTask: 'Удалить задачу',
       deleteUser: 'Удалить пользователя',
+      duplicate: 'Дублировать',
+      duplicateCard_title: 'Дублировать карточку',
       edit: 'Изменить',
       editBackground: 'Изменить фон',
       editDueDate: 'Изменить срок',

client/src/locales/zh/core.js

@@ -67,7 +67,7 @@ export default {
       deleteTask_title: '删除任务',
       deleteUser_title: '删除用户',
       description: '描述',
-      detectAutomatically: '自动删除',
+      detectAutomatically: '自动检测',
       dropFileToUpload: '拖放文件以上传',
       editor: '编辑器',
       editAttachment_title: '编辑附件',

client/src/models/Board.js

@@ -3,6 +3,9 @@ import { attr, fk, many } from 'redux-orm';
 import BaseModel from './BaseModel';
 import ActionTypes from '../constants/ActionTypes';
 
+import User from './User';
+import Label from './Label';
+
 export default class extends BaseModel {
   static modelName = 'Board';
 
@@ -25,6 +28,9 @@ export default class extends BaseModel {
     }),
     filterUsers: many('User', 'filterBoards'),
     filterLabels: many('Label', 'filterBoards'),
+    filterText: attr({
+      getDefault: () => '',
+    }),
   };
 
   static reducer({ type, payload }, Board) {
@@ -167,6 +173,47 @@ export default class extends BaseModel {
         Board.withId(payload.boardId).filterLabels.remove(payload.id);
 
         break;
+      case ActionTypes.TEXT_FILTER_IN_CURRENT_BOARD: {
+        const board = Board.withId(payload.boardId);
+        let filterText = payload.text;
+        const posSpace = filterText.indexOf(' ');
+
+        // Shortcut to user filters
+        const posAT = filterText.indexOf('@');
+        if (posAT >= 0 && posSpace > 0 && posAT < posSpace) {
+          const userId = User.findUsersFromText(
+            filterText.substring(posAT + 1, posSpace),
+            board.memberships.toModelArray().map((membership) => membership.user),
+          );
+          if (
+            userId &&
+            board.filterUsers.toModelArray().filter((user) => user.id === userId).length === 0
+          ) {
+            board.filterUsers.add(userId);
+            filterText = filterText.substring(0, posAT);
+          }
+        }
+
+        // Shortcut to label filters
+        const posSharp = filterText.indexOf('#');
+        if (posSharp >= 0 && posSpace > 0 && posSharp < posSpace) {
+          const labelId = Label.findLabelsFromText(
+            filterText.substring(posSharp + 1, posSpace),
+            board.labels.toModelArray(),
+          );
+          if (
+            labelId &&
+            board.filterLabels.toModelArray().filter((label) => label.id === labelId).length === 0
+          ) {
+            board.filterLabels.add(labelId);
+            filterText = filterText.substring(0, posSharp);
+          }
+        }
+
+        board.update({ filterText });
+
+        break;
+      }
       default:
     }
   }

client/src/models/Card.js

@@ -1,3 +1,4 @@
+import pick from 'lodash/pick';
 import { attr, fk, many, oneToOne } from 'redux-orm';
 
 import BaseModel from './BaseModel';
@@ -13,6 +14,11 @@ export default class extends BaseModel {
     position: attr(),
     name: attr(),
     description: attr(),
+    creatorUserId: oneToOne({
+      to: 'User',
+      as: 'creatorUser',
+      relatedName: 'ownCards',
+    }),
     dueDate: attr(),
     stopwatch: attr(),
     isSubscribed: attr({
@@ -163,9 +169,16 @@ export default class extends BaseModel {
           Card.withId(payload.cardLabel.cardId).labels.remove(payload.cardLabel.labelId);
         } catch {} // eslint-disable-line no-empty
 
+        break;
+      case ActionTypes.LIST_SORT__SUCCESS:
+      case ActionTypes.LIST_SORT_HANDLE:
+      case ActionTypes.NOTIFICATION_CREATE_HANDLE:
+        payload.cards.forEach((card) => {
+          Card.upsert(card);
+        });
+
         break;
       case ActionTypes.CARD_CREATE:
-      case ActionTypes.CARD_CREATE_HANDLE:
       case ActionTypes.CARD_UPDATE__SUCCESS:
       case ActionTypes.CARD_UPDATE_HANDLE:
         Card.upsert(payload.card);
@@ -176,10 +189,63 @@ export default class extends BaseModel {
         Card.upsert(payload.card);
 
         break;
+      case ActionTypes.CARD_CREATE_HANDLE: {
+        const cardModel = Card.upsert(payload.card);
+
+        payload.cardMemberships.forEach(({ userId }) => {
+          cardModel.users.add(userId);
+        });
+
+        payload.cardLabels.forEach(({ labelId }) => {
+          cardModel.labels.add(labelId);
+        });
+
+        break;
+      }
       case ActionTypes.CARD_UPDATE:
         Card.withId(payload.id).update(payload.data);
 
         break;
+      case ActionTypes.CARD_DUPLICATE: {
+        const cardModel = Card.withId(payload.id);
+
+        const nextCardModel = Card.upsert({
+          ...pick(cardModel.ref, [
+            'boardId',
+            'listId',
+            'position',
+            'name',
+            'description',
+            'dueDate',
+            'stopwatch',
+          ]),
+          ...payload.card,
+        });
+
+        cardModel.users.toRefArray().forEach(({ id }) => {
+          nextCardModel.users.add(id);
+        });
+
+        cardModel.labels.toRefArray().forEach(({ id }) => {
+          nextCardModel.labels.add(id);
+        });
+
+        break;
+      }
+      case ActionTypes.CARD_DUPLICATE__SUCCESS: {
+        Card.withId(payload.localId).deleteWithRelated();
+        const cardModel = Card.upsert(payload.card);
+
+        payload.cardMemberships.forEach(({ userId }) => {
+          cardModel.users.add(userId);
+        });
+
+        payload.cardLabels.forEach(({ labelId }) => {
+          cardModel.labels.add(labelId);
+        });
+
+        break;
+      }
       case ActionTypes.CARD_DELETE:
         Card.withId(payload.id).deleteWithRelated();
 
@@ -229,12 +295,6 @@ export default class extends BaseModel {
 
         break;
       }
-      case ActionTypes.NOTIFICATION_CREATE_HANDLE:
-        payload.cards.forEach((card) => {
-          Card.upsert(card);
-        });
-
-        break;
       default:
     }
   }

client/src/models/Label.js

@@ -80,4 +80,16 @@ export default class extends BaseModel {
       default:
     }
   }
+
+  static findLabelsFromText(filterText, labels) {
+    const selectLabel = filterText.toLocaleLowerCase();
+    const matchingLabels = labels.filter((label) =>
+      label.name ? label.name.toLocaleLowerCase().startsWith(selectLabel) : false,
+    );
+    if (matchingLabels.length === 1) {
+      // Appens the user to the filter
+      return matchingLabels[0].id;
+    }
+    return null;
+  }
 }

client/src/models/List.js

@@ -1,6 +1,7 @@
 import { attr, fk } from 'redux-orm';
 
 import BaseModel from './BaseModel';
+import User from './User';
 import ActionTypes from '../constants/ActionTypes';
 
 export default class extends BaseModel {
@@ -50,6 +51,8 @@ export default class extends BaseModel {
       case ActionTypes.LIST_CREATE_HANDLE:
       case ActionTypes.LIST_UPDATE__SUCCESS:
       case ActionTypes.LIST_UPDATE_HANDLE:
+      case ActionTypes.LIST_SORT__SUCCESS:
+      case ActionTypes.LIST_SORT_HANDLE:
         List.upsert(payload.list);
 
         break;
@@ -87,6 +90,37 @@ export default class extends BaseModel {
   getFilteredOrderedCardsModelArray() {
     let cardModels = this.getOrderedCardsQuerySet().toModelArray();
 
+    const { filterText } = this.board;
+
+    if (filterText !== '') {
+      let re = null;
+      const posSpace = filterText.indexOf(' ');
+
+      if (filterText.startsWith('/')) {
+        re = new RegExp(filterText.substring(1), 'i');
+      }
+      let doRegularSearch = true;
+      if (re) {
+        cardModels = cardModels.filter((cardModel) => re.test(cardModel.name));
+        doRegularSearch = false;
+      } else if (filterText.startsWith('!') && posSpace > 0) {
+        const creatorUserId = User.findUsersFromText(
+          filterText.substring(1, posSpace),
+          this.board.memberships.toModelArray().map((membership) => membership.user),
+        );
+        if (creatorUserId != null) {
+          doRegularSearch = false;
+          cardModels = cardModels.filter((cardModel) => cardModel.creatorUser.id === creatorUserId);
+        }
+      }
+      if (doRegularSearch) {
+        const lowerCasedFilter = filterText.toLocaleLowerCase();
+        cardModels = cardModels.filter(
+          (cardModel) => cardModel.name.toLocaleLowerCase().indexOf(lowerCasedFilter) >= 0,
+        );
+      }
+    }
+
     const filterUserIds = this.board.filterUsers.toRefArray().map((user) => user.id);
     const filterLabelIds = this.board.filterLabels.toRefArray().map((label) => label.id);
 

client/src/models/Task.js

@@ -1,5 +1,6 @@
 import { attr, fk } from 'redux-orm';
 
+import { createLocalId } from '../utils/local-id';
 import BaseModel from './BaseModel';
 import ActionTypes from '../constants/ActionTypes';
 
@@ -44,10 +45,24 @@ export default class extends BaseModel {
 
         break;
       case ActionTypes.BOARD_FETCH__SUCCESS:
+      case ActionTypes.CARD_CREATE_HANDLE:
+      case ActionTypes.CARD_DUPLICATE__SUCCESS:
         payload.tasks.forEach((task) => {
           Task.upsert(task);
         });
 
+        break;
+      case ActionTypes.CARD_DUPLICATE:
+        payload.taskIds.forEach((taskId, index) => {
+          const taskModel = Task.withId(taskId);
+
+          Task.upsert({
+            ...taskModel.ref,
+            id: `${createLocalId()}-${index}`, // TODO: hack?
+            cardId: payload.card.id,
+          });
+        });
+
         break;
       case ActionTypes.TASK_CREATE:
       case ActionTypes.TASK_CREATE_HANDLE:

client/src/models/User.js

@@ -359,4 +359,18 @@ export default class extends BaseModel {
       },
     );
   }
+
+  static findUsersFromText(filterText, users) {
+    const selectUser = filterText.toLocaleLowerCase();
+    const matchingUsers = users.filter(
+      (user) =>
+        user.name.toLocaleLowerCase().startsWith(selectUser) ||
+        user.username.toLocaleLowerCase().startsWith(selectUser),
+    );
+    if (matchingUsers.length === 1) {
+      // Appens the user to the filter
+      return matchingUsers[0].id;
+    }
+    return null;
+  }
 }

client/src/sagas/core/request.js

@@ -1,8 +1,7 @@
 import { call, fork, join, put, select, take } from 'redux-saga/effects';
 
 import selectors from '../../selectors';
-import actions from '../../actions';
-import { removeAccessToken } from '../../utils/access-token-storage';
+import entryActions from '../../entry-actions';
 import ErrorCodes from '../../constants/ErrorCodes';
 
 let lastRequestTask;
@@ -22,8 +21,7 @@ function* queueRequest(method, ...args) {
     });
   } catch (error) {
     if (error.code === ErrorCodes.UNAUTHORIZED) {
-      yield call(removeAccessToken);
-      yield put(actions.logout()); // TODO: next url
+      yield put(entryActions.logout(false));
       yield take();
     }
 

client/src/sagas/core/services/cards.js

@@ -5,6 +5,7 @@ import request from '../request';
 import selectors from '../../../selectors';
 import actions from '../../../actions';
 import api from '../../../api';
+import i18n from '../../../i18n';
 import { createLocalId } from '../../../utils/local-id';
 
 export function* createCard(listId, data, autoOpen) {
@@ -41,8 +42,23 @@ export function* createCard(listId, data, autoOpen) {
   }
 }
 
-export function* handleCardCreate(card) {
-  yield put(actions.handleCardCreate(card));
+export function* handleCardCreate({ id }) {
+  let card;
+  let cardMemberships;
+  let cardLabels;
+  let tasks;
+  let attachments;
+
+  try {
+    ({
+      item: card,
+      included: { cardMemberships, cardLabels, tasks, attachments },
+    } = yield call(request, api.getCard, id));
+  } catch (error) {
+    return;
+  }
+
+  yield put(actions.handleCardCreate(card, cardMemberships, cardLabels, tasks, attachments));
 }
 
 export function* updateCard(id, data) {
@@ -70,7 +86,7 @@ export function* handleCardUpdate(card) {
   yield put(actions.handleCardUpdate(card));
 }
 
-export function* moveCard(id, listId, index) {
+export function* moveCard(id, listId, index = 0) {
   const position = yield select(selectors.selectNextCardPosition, listId, index, id);
 
   yield call(updateCard, id, {
@@ -85,7 +101,7 @@ export function* moveCurrentCard(listId, index) {
   yield call(moveCard, cardId, listId, index);
 }
 
-export function* transferCard(id, boardId, listId, index) {
+export function* transferCard(id, boardId, listId, index = 0) {
   const { cardId: currentCardId, boardId: currentBoardId } = yield select(selectors.selectPath);
   const position = yield select(selectors.selectNextCardPosition, listId, index, id);
 
@@ -106,6 +122,55 @@ export function* transferCurrentCard(boardId, listId, index) {
   yield call(transferCard, cardId, boardId, listId, index);
 }
 
+export function* duplicateCard(id) {
+  const { listId, name } = yield select(selectors.selectCardById, id);
+  const index = yield select(selectors.selectCardIndexById, id);
+
+  const nextData = {
+    position: yield select(selectors.selectNextCardPosition, listId, index + 1),
+    name: `${name} (${i18n.t('common.copy', {
+      context: 'inline',
+    })})`,
+  };
+
+  const localId = yield call(createLocalId);
+  const taskIds = yield select(selectors.selectTaskIdsByCardId, id);
+
+  yield put(
+    actions.duplicateCard(
+      id,
+      {
+        ...nextData,
+        id: localId,
+      },
+      taskIds,
+    ),
+  );
+
+  let card;
+  let cardMemberships;
+  let cardLabels;
+  let tasks;
+
+  try {
+    ({
+      item: card,
+      included: { cardMemberships, cardLabels, tasks },
+    } = yield call(request, api.duplicateCard, id, nextData));
+  } catch (error) {
+    yield put(actions.duplicateCard.failure(localId, error));
+    return;
+  }
+
+  yield put(actions.duplicateCard.success(localId, card, cardMemberships, cardLabels, tasks));
+}
+
+export function* duplicateCurrentCard() {
+  const { cardId } = yield select(selectors.selectPath);
+
+  yield call(duplicateCard, cardId);
+}
+
 export function* deleteCard(id) {
   const { cardId, boardId } = yield select(selectors.selectPath);
 
@@ -142,17 +207,26 @@ export function* handleCardDelete(card) {
   yield put(actions.handleCardDelete(card));
 }
 
+export function* handleTextFilter(text) {
+  const { boardId } = yield select(selectors.selectPath);
+
+  yield put(actions.filterText(boardId, text));
+}
+
 export default {
   createCard,
   handleCardCreate,
   updateCard,
   updateCurrentCard,
+  handleCardUpdate,
   moveCard,
   moveCurrentCard,
   transferCard,
   transferCurrentCard,
-  handleCardUpdate,
+  duplicateCard,
+  duplicateCurrentCard,
   deleteCard,
   deleteCurrentCard,
   handleCardDelete,
+  handleTextFilter,
 };

client/src/sagas/core/services/core.js

@@ -1,4 +1,4 @@
-import { call, put, select, take } from 'redux-saga/effects';
+import { call, put, select } from 'redux-saga/effects';
 
 import request from '../request';
 import requests from '../requests';
@@ -84,8 +84,7 @@ export function* logout(invalidateAccessToken = true) {
     } catch (error) {} // eslint-disable-line no-empty
   }
 
-  yield put(actions.logout());
-  yield take();
+  yield put(actions.logout()); // TODO: next url
 }
 
 export default {

client/src/sagas/core/services/lists.js

@@ -70,6 +70,30 @@ export function* moveList(id, index) {
   });
 }
 
+// TODO: sort locally
+export function* sortList(id, data) {
+  yield put(actions.sortList(id, data));
+
+  let list;
+  let cards;
+
+  try {
+    ({
+      item: list,
+      included: { cards },
+    } = yield call(request, api.sortList, id, data));
+  } catch (error) {
+    yield put(actions.sortList.failure(id, error));
+    return;
+  }
+
+  yield put(actions.sortList.success(list, cards));
+}
+
+export function* handleListSort(list, cards) {
+  yield put(actions.handleListSort(list, cards));
+}
+
 export function* deleteList(id) {
   yield put(actions.deleteList(id));
 
@@ -95,6 +119,8 @@ export default {
   updateList,
   handleListUpdate,
   moveList,
+  sortList,
+  handleListSort,
   deleteList,
   handleListDelete,
 };

client/src/sagas/core/services/router.js

@@ -1,10 +1,12 @@
 import { call, put, select, take } from 'redux-saga/effects';
 import { push } from '../../../lib/redux-router';
 
+import { logout } from './core';
 import request from '../request';
 import selectors from '../../../selectors';
 import actions from '../../../actions';
 import api from '../../../api';
+import { getAccessToken } from '../../../utils/access-token-storage';
 import ActionTypes from '../../../constants/ActionTypes';
 import Paths from '../../../constants/Paths';
 
@@ -25,6 +27,13 @@ export function* goToCard(cardId) {
 }
 
 export function* handleLocationChange() {
+  const accessToken = yield call(getAccessToken);
+
+  if (!accessToken) {
+    yield call(logout, false);
+    return;
+  }
+
   const pathsMatch = yield select(selectors.selectPathsMatch);
 
   if (!pathsMatch) {

client/src/sagas/core/services/users.js

@@ -218,6 +218,7 @@ export function* handleUserDelete(user) {
 
   if (user.id === currentUserId) {
     yield call(logout, false);
+    return;
   }
 
   yield put(actions.handleUserDelete(user));

client/src/sagas/core/watchers/cards.js

@@ -32,10 +32,15 @@ export default function* cardsWatchers() {
     takeEvery(EntryActionTypes.CURRENT_CARD_TRANSFER, ({ payload: { boardId, listId, index } }) =>
       services.transferCurrentCard(boardId, listId, index),
     ),
+    takeEvery(EntryActionTypes.CARD_DUPLICATE, ({ payload: { id } }) => services.duplicateCard(id)),
+    takeEvery(EntryActionTypes.CURRENT_CARD_DUPLICATE, () => services.duplicateCurrentCard()),
     takeEvery(EntryActionTypes.CARD_DELETE, ({ payload: { id } }) => services.deleteCard(id)),
     takeEvery(EntryActionTypes.CURRENT_CARD_DELETE, () => services.deleteCurrentCard()),
     takeEvery(EntryActionTypes.CARD_DELETE_HANDLE, ({ payload: { card } }) =>
       services.handleCardDelete(card),
     ),
+    takeEvery(EntryActionTypes.TEXT_FILTER_IN_CURRENT_BOARD, ({ payload: { text } }) =>
+      services.handleTextFilter(text),
+    ),
   ]);
 }

client/src/sagas/core/watchers/core.js

@@ -4,5 +4,9 @@ import services from '../services';
 import EntryActionTypes from '../../../constants/EntryActionTypes';
 
 export default function* coreWatchers() {
-  yield all([takeEvery(EntryActionTypes.LOGOUT, () => services.logout())]);
+  yield all([
+    takeEvery(EntryActionTypes.LOGOUT, ({ payload: { invalidateAccessToken } }) =>
+      services.logout(invalidateAccessToken),
+    ),
+  ]);
 }

client/src/sagas/core/watchers/lists.js

@@ -20,6 +20,12 @@ export default function* listsWatchers() {
     takeEvery(EntryActionTypes.LIST_MOVE, ({ payload: { id, index } }) =>
       services.moveList(id, index),
     ),
+    takeEvery(EntryActionTypes.LIST_SORT, ({ payload: { id, data } }) =>
+      services.sortList(id, data),
+    ),
+    takeEvery(EntryActionTypes.LIST_SORT_HANDLE, ({ payload: { list, cards } }) =>
+      services.handleListSort(list, cards),
+    ),
     takeEvery(EntryActionTypes.LIST_DELETE, ({ payload: { id } }) => services.deleteList(id)),
     takeEvery(EntryActionTypes.LIST_DELETE_HANDLE, ({ payload: { list } }) =>
       services.handleListDelete(list),

client/src/sagas/core/watchers/socket.js

@@ -16,6 +16,10 @@ const createSocketEventsChannel = () =>
       emit(entryActions.handleSocketReconnect());
     };
 
+    const handleLogout = () => {
+      emit(entryActions.logout(false));
+    };
+
     const handleUserCreate = api.makeHandleUserCreate(({ item }) => {
       emit(entryActions.handleUserCreate(item));
     });
@@ -80,6 +84,10 @@ const createSocketEventsChannel = () =>
       emit(entryActions.handleListUpdate(item));
     };
 
+    const handleListSort = api.makeHandleListSort(({ item, included: { cards } }) => {
+      emit(entryActions.handleListSort(item, cards));
+    });
+
     const handleListDelete = ({ item }) => {
       emit(entryActions.handleListDelete(item));
     };
@@ -171,6 +179,8 @@ const createSocketEventsChannel = () =>
     socket.on('disconnect', handleDisconnect);
     socket.on('reconnect', handleReconnect);
 
+    socket.on('logout', handleLogout);
+
     socket.on('userCreate', handleUserCreate);
     socket.on('userUpdate', handleUserUpdate);
     socket.on('userDelete', handleUserDelete);
@@ -192,6 +202,7 @@ const createSocketEventsChannel = () =>
 
     socket.on('listCreate', handleListCreate);
     socket.on('listUpdate', handleListUpdate);
+    socket.on('listSort', handleListSort);
     socket.on('listDelete', handleListDelete);
 
     socket.on('labelCreate', handleLabelCreate);
@@ -227,6 +238,8 @@ const createSocketEventsChannel = () =>
       socket.off('disconnect', handleDisconnect);
       socket.off('reconnect', handleReconnect);
 
+      socket.off('logout', handleLogout);
+
       socket.off('userCreate', handleUserCreate);
       socket.off('userUpdate', handleUserUpdate);
       socket.off('userDelete', handleUserDelete);
@@ -248,6 +261,7 @@ const createSocketEventsChannel = () =>
 
       socket.off('listCreate', handleListCreate);
       socket.off('listUpdate', handleListUpdate);
+      socket.off('listSort', handleListSort);
       socket.off('listDelete', handleListDelete);
 
       socket.off('labelCreate', handleLabelCreate);

client/src/sagas/login/services/login.js

@@ -33,10 +33,10 @@ export function* authenticateUsingOidc() {
   const oidcConfig = yield select(selectors.selectOidcConfig);
 
   const state = nanoid();
-  window.sessionStorage.setItem('oidc-state', state);
+  window.localStorage.setItem('oidc-state', state);
 
   const nonce = nanoid();
-  window.sessionStorage.setItem('oidc-nonce', nonce);
+  window.localStorage.setItem('oidc-nonce', nonce);
 
   let redirectUrl = `${oidcConfig.authorizationUrl}`;
   redirectUrl += `&state=${encodeURIComponent(state)}`;
@@ -49,11 +49,11 @@ export function* authenticateUsingOidcCallback() {
   // https://github.com/plankanban/planka/issues/511#issuecomment-1771385639
   const params = new URLSearchParams(window.location.hash.substring(1) || window.location.search);
 
-  const state = window.sessionStorage.getItem('oidc-state');
-  window.sessionStorage.removeItem('oidc-state');
+  const state = window.localStorage.getItem('oidc-state');
+  window.localStorage.removeItem('oidc-state');
 
-  const nonce = window.sessionStorage.getItem('oidc-nonce');
-  window.sessionStorage.removeItem('oidc-nonce');
+  const nonce = window.localStorage.getItem('oidc-nonce');
+  window.localStorage.removeItem('oidc-nonce');
 
   yield put(replace(Paths.LOGIN));
 

client/src/selectors/boards.js

@@ -175,6 +175,24 @@ export const selectFilterLabelsForCurrentBoard = createSelector(
   },
 );
 
+export const selectFilterTextForCurrentBoard = createSelector(
+  orm,
+  (state) => selectPath(state).boardId,
+  ({ Board }, id) => {
+    if (!id) {
+      return id;
+    }
+
+    const boardModel = Board.withId(id);
+
+    if (!boardModel) {
+      return boardModel;
+    }
+
+    return boardModel.filterText;
+  },
+);
+
 export const selectIsBoardWithIdExists = createSelector(
   orm,
   (_, id) => id,
@@ -191,5 +209,6 @@ export default {
   selectListIdsForCurrentBoard,
   selectFilterUsersForCurrentBoard,
   selectFilterLabelsForCurrentBoard,
+  selectFilterTextForCurrentBoard,
   selectIsBoardWithIdExists,
 };

client/src/selectors/cards.js

@@ -26,6 +26,24 @@ export const makeSelectCardById = () =>
 
 export const selectCardById = makeSelectCardById();
 
+export const makeSelectCardIndexById = () =>
+  createSelector(
+    orm,
+    (_, id) => id,
+    ({ Card }, id) => {
+      const cardModel = Card.withId(id);
+
+      if (!cardModel) {
+        return cardModel;
+      }
+
+      const cardModels = cardModel.list.getFilteredOrderedCardsModelArray();
+      return cardModels.findIndex((cardModelItem) => cardModelItem.id === cardModel.id);
+    },
+  );
+
+export const selectCardIndexById = makeSelectCardIndexById();
+
 export const makeSelectUsersByCardId = () =>
   createSelector(
     orm,
@@ -60,6 +78,26 @@ export const makeSelectLabelsByCardId = () =>
 
 export const selectLabelsByCardId = makeSelectLabelsByCardId();
 
+export const makeSelectTaskIdsByCardId = () =>
+  createSelector(
+    orm,
+    (_, id) => id,
+    ({ Card }, id) => {
+      const cardModel = Card.withId(id);
+
+      if (!cardModel) {
+        return cardModel;
+      }
+
+      return cardModel
+        .getOrderedTasksQuerySet()
+        .toRefArray()
+        .map((task) => task.id);
+    },
+  );
+
+export const selectTaskIdsByCardId = makeSelectTaskIdsByCardId();
+
 export const makeSelectTasksByCardId = () =>
   createSelector(
     orm,
@@ -286,10 +324,14 @@ export const selectNotificationIdsForCurrentCard = createSelector(
 export default {
   makeSelectCardById,
   selectCardById,
+  makeSelectCardIndexById,
+  selectCardIndexById,
   makeSelectUsersByCardId,
   selectUsersByCardId,
   makeSelectLabelsByCardId,
   selectLabelsByCardId,
+  makeSelectTaskIdsByCardId,
+  selectTaskIdsByCardId,
   makeSelectTasksByCardId,
   selectTasksByCardId,
   makeSelectLastActivityIdByCardId,

config/development/Dockerfile.client

@@ -0,0 +1,18 @@
+FROM node:18-alpine as server-dependencies
+
+RUN apk -U upgrade \
+  && apk add build-base python3 \
+  --no-cache
+
+WORKDIR /app/client
+COPY package.json package-lock.json /app/client/
+RUN npm install npm@latest --global \
+  && npm install pnpm --global \
+  && pnpm import \
+  && pnpm install
+
+
+WORKDIR /app/
+COPY ../../package.json ../../package-lock.json /app/
+RUN pnpm import \
+  && pnpm install

config/development/Dockerfile.server

@@ -0,0 +1,14 @@
+FROM node:18-alpine as server-dependencies
+
+RUN apk -U upgrade \
+  && apk add build-base python3 \
+  --no-cache
+
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+
+RUN npm install npm@latest --global \
+  && npm install pnpm --global \
+  && pnpm import \
+  && pnpm install

config/development/nginx.conf

@@ -0,0 +1,47 @@
+user nginx;
+worker_processes 1;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+
+    sendfile on;
+    keepalive_timeout 65;
+
+    server {
+        listen 80;
+
+        location /api/ {
+            proxy_pass http://server:1337;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection 'upgrade';
+            proxy_set_header Host $host;
+            proxy_cache_bypass $http_upgrade;
+        }
+
+        location /socket.io {
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_http_version 1.1;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+            proxy_pass http://server:1337/socket.io;
+        }
+
+        location / {
+            proxy_pass http://client:3000;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection 'upgrade';
+            proxy_set_header Host $host;
+            proxy_cache_bypass $http_upgrade;
+        }
+    }
+}

docker-compose-dev.yml

@@ -1,28 +1,18 @@
-version: '3'
+version: '3.8'
 
 services:
-  planka:
-    image: ghcr.io/plankanban/planka:master
-    command: >
-      bash -c
-        "for i in `seq 1 30`; do
-          ./start.sh &&
-          s=$$? && break || s=$$?;
-          echo \"Tried $$i times. Waiting 5 seconds...\";
-          sleep 5;
-        done; (exit $$s)"
-    restart: unless-stopped
-    volumes:
-      - user-avatars:/app/public/user-avatars
-      - project-background-images:/app/public/project-background-images
-      - attachments:/app/private/attachments
-    ports:
-      - 3000:1337
-    environment:
-      - BASE_URL=http://localhost:3000
-      - DATABASE_URL=postgresql://postgres@postgres/planka
-      - SECRET_KEY=notsecretkey
 
+  server:
+    build:
+      context: ./server
+      dockerfile: ../config/development/Dockerfile.server
+    volumes:
+      - ./server:/app
+      - /app/node_modules
+    environment:
+      - NODE_ENV=development
+      - DATABASE_URL=postgresql://user:password@postgres:5432/planka_db
+      - SECRET_KEY=notsecretkey
       # - TRUST_PROXY=0
       # - TOKEN_EXPIRES_IN=365 # In days
 
@@ -33,33 +23,99 @@ services:
 
       # Configure knex to accept SSL certificates
       # - KNEX_REJECT_UNAUTHORIZED_SSL_CERTIFICATE=false
-
-      # - DEFAULT_ADMIN_EMAIL=demo@demo.demo # Do not remove if you want to prevent this user from being edited/deleted
-      # - DEFAULT_ADMIN_PASSWORD=demo
-      # - DEFAULT_ADMIN_NAME=Demo Demo
-      # - DEFAULT_ADMIN_USERNAME=demo
-
       # - OIDC_ISSUER=
       # - OIDC_CLIENT_ID=
       # - OIDC_CLIENT_SECRET=
       # - OIDC_SCOPES=openid email profile
       # - OIDC_ADMIN_ROLES=admin
+      # - OIDC_EMAIL_ATTRIBUTE=email
+      # - OIDC_NAME_ATTRIBUTE=name
+      # - OIDC_USERNAME_ATTRIBUTE=preferred_username
       # - OIDC_ROLES_ATTRIBUTE=groups
+      # - OIDC_IGNORE_USERNAME=true
       # - OIDC_IGNORE_ROLES=true
+      # - OIDC_ENFORCED=true
+
+      # Email Notifications (https://nodemailer.com/smtp/)
+      # - SMTP_HOST=
+      # - SMTP_PORT=587
+      # - SMTP_SECURE=true
+      # - SMTP_USER=
+      # - SMTP_PASSWORD=
+      # - SMTP_FROM="Demo Demo" <demo@demo.demo>
+
+      # - SLACK_BOT_TOKEN=
+      # - SLACK_CHANNEL_ID=
+
+    working_dir: /app
+    command: ["sh", "-c", "npm run start"]
     depends_on:
-      - postgres
+      postgres:
+        condition: service_healthy
+
+  client:
+    build:
+      context: ./client
+      dockerfile: ../config/development/Dockerfile.client
+    volumes:
+      - ./client:/app/client
+      - /app/client/node_modules
+      - /app/node_modules
+    environment:
+      - NODE_ENV=development
+      - CHOKIDAR_USEPOLLING=true
+      - BASE_URL=http://localhost:3000
+      - REACT_APP_SERVER_BASE_URL=http://localhost:3000
+    working_dir: /app/client
+    command: npm start
+
+  init-db:
+    build:
+      context: ./server
+      dockerfile: ../config/development/Dockerfile.server
+    environment:
+      - DATABASE_URL=postgresql://user:password@postgres:5432/planka_db
+      # - DEFAULT_ADMIN_EMAIL=demo@demo.demo # Do not remove if you want to prevent this user from being edited/deleted
+      # - DEFAULT_ADMIN_PASSWORD=demo
+      # - DEFAULT_ADMIN_NAME=Demo Demo
+      # - DEFAULT_ADMIN_USERNAME=demo
+
+    working_dir: /app
+    command: ["sh", "-c", "npm run db:init"]
+    volumes:
+      - ./server:/app
+      - /app/node_modules
+    depends_on:
+      postgres:
+        condition: service_healthy
 
   postgres:
-    image: postgres:14-alpine
-    restart: unless-stopped
+    image: postgres:latest
     volumes:
       - db-data:/var/lib/postgresql/data
     environment:
-      - POSTGRES_DB=planka
-      - POSTGRES_HOST_AUTH_METHOD=trust
+      POSTGRES_DB: planka_db
+      POSTGRES_USER: user
+      POSTGRES_PASSWORD: password
+    ports:
+      - "5432:5432"
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres -d planka"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  proxy:
+    image: nginx:alpine
+    ports:
+      - "3000:80"
+    volumes:
+      - ./config/development/nginx.conf:/etc/nginx/nginx.conf
+    depends_on:
+      - server
+      - client
+
 
 volumes:
-  user-avatars:
-  project-background-images:
-  attachments:
   db-data: