chore: Update version

Closes #737

.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

@@ -1,11 +1,20 @@
+# https://docs.docker.com/build/ci/github-actions/multi-platform/
 name: Build and push Docker DEV image
 
 on:
   push:
+    paths-ignore:
+      - '.github/**'
+      - 'charts/**'
+      - 'docker-*.sh'
+      - '*.md'
     branches: [master]
+  workflow_dispatch:
+env:
+  REGISTRY_IMAGE: ghcr.io/${{ github.repository }}
 
 jobs:
-  build-and-push-docker-image-dev:
+  build:
     runs-on: self-hosted
     steps:
       - name: Checkout
@@ -24,11 +33,21 @@ jobs:
           username: ${{ github.repository_owner }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
+      - 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: linux/amd64,linux/arm64,linux/arm/v7
           push: true
-          tags: |
-            ghcr.io/plankanban/planka:dev
+          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

.github/workflows/helm-chart-release.yml

@@ -35,8 +35,9 @@ jobs:
           done
 
       - name: Run chart-releaser for stable
-        uses: helm/chart-releaser-action@v1.5.0
+        uses: helm/chart-releaser-action@v1.6.0
         with:
           charts_dir: charts
+          mark_as_latest: false
         env:
           CR_TOKEN: "${{ secrets.GITHUB_TOKEN }}"

Dockerfile

@@ -1,35 +1,44 @@
-FROM ghcr.io/plankanban/planka:base-latest as server-dependencies
+FROM node:18-alpine as server-dependencies
+
+RUN apk -U upgrade \
+  && apk add build-base python3 \
+  --no-cache
 
 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 \
+  && pnpm import \
   && pnpm install --prod
 
 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 \
+  && pnpm import \
   && pnpm install --prod
 
 COPY client .
 RUN DISABLE_ESLINT_PLUGIN=true npm run build
 
-FROM ghcr.io/plankanban/planka:base-latest
+FROM node:18-alpine
 
-RUN apk del vips-dependencies --purge
+RUN apk -U upgrade \
+  && apk add bash \
+  --no-cache
 
 USER node
 WORKDIR /app
 
 COPY --chown=node:node start.sh .
 COPY --chown=node:node server .
+COPY --chown=node:node healthcheck.js .
 
 RUN mv .env.sample .env
 
@@ -44,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" ]

Dockerfile.base

@@ -1,27 +1,22 @@
-FROM node:lts-alpine
+FROM node:18-alpine
 
-ARG ALPINE_VERSION=3.16
-ARG VIPS_VERSION=8.13.3
+ARG VIPS_VERSION=8.14.5
 
 RUN apk -U upgrade \
   && apk add \
-  bash giflib glib lcms2 libexif \
-  libgsf libjpeg-turbo libpng librsvg libwebp \
-  orc pango tiff \
-  --repository https://alpine.global.ssl.fastly.net/alpine/v${ALPINE_VERSION}/community/ \
-  --repository https://alpine.global.ssl.fastly.net/alpine/v${ALPINE_VERSION}/main/ \
+  bash pkgconf \
+  libjpeg-turbo libexif librsvg cgif tiff libspng libimagequant \
   --no-cache \
   && apk add \
-  build-base giflib-dev glib-dev lcms2-dev libexif-dev \
-  libgsf-dev libjpeg-turbo-dev libpng-dev librsvg-dev libwebp-dev \
-  orc-dev pango-dev tiff-dev \
+  build-base gobject-introspection-dev meson \
+  libjpeg-turbo-dev libexif-dev librsvg-dev cgif-dev tiff-dev libspng-dev libimagequant-dev \
   --virtual vips-dependencies \
-  --repository https://alpine.global.ssl.fastly.net/alpine/v${ALPINE_VERSION}/community/ \
-  --repository https://alpine.global.ssl.fastly.net/alpine/v${ALPINE_VERSION}/main/ \
   --no-cache \
-  && wget -O- https://github.com/libvips/libvips/releases/download/v${VIPS_VERSION}/vips-${VIPS_VERSION}.tar.gz | tar xzC /tmp \
+  && wget -O- https://github.com/libvips/libvips/releases/download/v${VIPS_VERSION}/vips-${VIPS_VERSION}.tar.xz | tar xJC /tmp \
   && cd /tmp/vips-${VIPS_VERSION} \
-  && ./configure \
-  && make \
-  && make install-strip \
+  && meson setup build-dir \
+  && cd build-dir \
+  && ninja \
+  && ninja test \
+  && ninja install \
   && rm -rf /tmp/vips-${VIPS_VERSION}

README.md

@@ -1,5 +1,5 @@
 # Planka
-#### Elegant open source project tracking
+#### Elegant open source project tracking.
 
 ![David (path)](https://img.shields.io/github/package-json/v/plankanban/planka) ![Docker Pulls](https://img.shields.io/docker/pulls/meltyshev/planka) ![GitHub](https://img.shields.io/github/license/plankanban/planka)
 
@@ -10,20 +10,18 @@
 ## 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
 
-There are 2 types of installation:
-- [Without Docker](https://docs.planka.cloud/docs/installl-planka/Debian%20&%20Ubuntu) ([for Windows](https://docs.planka.cloud/docs/installl-planka/Windows))
-- [Dockerized](https://docs.planka.cloud/docs/installl-planka/Docker%20Compose)
-- [Automated installation](https://github.com/plankanban/planka-installer)
+There are many ways to install Planka, [check them out](https://docs.planka.cloud/docs/intro).
 
 For configuration, please see the [configuration section](https://docs.planka.cloud/docs/category/configuration).
 
@@ -47,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.3
+version: 0.1.29
 
 # 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.13.0"
+appVersion: "1.17.2"
 
 dependencies:
   - alias: postgresql

charts/planka/README.md

@@ -21,7 +21,11 @@ git clone https://github.com/Chris-Greaves/planka-helm-chart.git
 cd planka-helm-chart
 helm dependency build
 export SECRETKEY=$(openssl rand -hex 64)
-helm install planka . --set secretkey=$SECRETKEY
+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"
 ```
 
 > **NOTE:** The command `openssl rand -hex 64` is needed to create a random hexadecimal key for planka. On Windows you can use Git Bash to run that command.
@@ -39,11 +43,19 @@ To access Planka externally you can use the following configuration
 ```bash
 # HTTP only
 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 ingress.enabled=true \
 --set ingress.hosts[0].host=planka.example.dev \
 
 # HTTPS
 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 ingress.enabled=true \
 --set ingress.hosts[0].host=planka.example.dev \
 --set ingress.tls[0].secretName=planka-tls \
@@ -54,6 +66,17 @@ or create a values.yaml file like:
 
 ```yaml
 secretkey: "<InsertSecretKey>"
+# The admin section needs to be present for new instances of Planka, after the first start you can remove the lines starting with admin_. If you want the admin user to be unchangeable admin_email: has to stay
+# After changing the config you have to run ```helm upgrade  planka . -f values.yaml```
+
+# Admin user
+admin_email: "demo@demo.demo" # Do not remove if you want to prevent this user from being edited/deleted
+admin_password: "demo"
+admin_name: "Demo Demo"
+admin_username: "demo"
+# Admin user
+
+# Ingress
 ingress:
   enabled: true
   hosts:

charts/planka/templates/deployment.yaml

@@ -35,7 +35,7 @@ spec:
           imagePullPolicy: {{ .Values.image.pullPolicy }}
           ports:
             - name: http
-              containerPort: {{ .Values.service.port }}
+              containerPort: {{ .Values.service.containerPort | default 1337 }}
               protocol: TCP
           livenessProbe:
             httpGet:
@@ -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 }}
@@ -75,10 +85,45 @@ spec:
               value: {{ required "A secret key needs to be generated using 'openssl rand -hex 64' and assigned to secretkey." .Values.secretkey }}
             - name: TRUST_PROXY
               value: "0"
+            - name: DEFAULT_ADMIN_EMAIL
+              value: {{ .Values.admin_email }}
+            - name: DEFAULT_ADMIN_PASSWORD
+              value: {{ .Values.admin_password }}
+            - name: DEFAULT_ADMIN_NAME
+              value: {{ .Values.admin_name }}
+            - name: DEFAULT_ADMIN_USERNAME
+              value: {{ .Values.admin_username }}
           {{ range $k, $v := .Values.env }}
             - name: {{ $k | quote }}
               value: {{ $v | quote }}
           {{- end }}
+          {{- if .Values.oidc.enabled }}
+          {{- $secretName := default (printf "%s-oidc" (include "planka.fullname" .)) .Values.oidc.existingSecret }}
+            - name: OIDC_CLIENT_ID
+              valueFrom:
+                secretKeyRef:
+                  key:  clientId
+                  name: {{ $secretName }}
+            - name: OIDC_CLIENT_SECRET
+              valueFrom:
+                secretKeyRef:
+                  key:  clientSecret
+                  name: {{ $secretName }}
+            - name: OIDC_ISSUER
+              value: {{ required "issuerUrl is required when configuring OIDC" .Values.oidc.issuerUrl | quote }}
+            - name: OIDC_SCOPES
+              value: {{ join " " .Values.oidc.scopes | default "openid profile email" | quote }}
+          {{- if .Values.oidc.admin.roles }}
+            - name: OIDC_ADMIN_ROLES
+              value: {{ join "," .Values.oidc.admin.roles | quote }}
+          {{- end }}
+            - name: OIDC_ROLES_ATTRIBUTE
+              value: {{ .Values.oidc.admin.rolesAttribute | default "groups" | quote }}
+          {{- if .Values.oidc.admin.ignoreRoles }}
+            - name: OIDC_IGNORE_ROLES
+              value: {{ .Values.oidc.admin.ignoreRoles | quote }}
+          {{- end }}
+          {{- end }}
       {{- with .Values.nodeSelector }}
       nodeSelector:
         {{- toYaml . | nindent 8 }}
@@ -99,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/templates/secret-oidc.yaml

@@ -0,0 +1,17 @@
+{{- if .Values.oidc.enabled }}
+{{- if eq (and (not (empty .Values.oidc.clientId)) (not (empty .Values.oidc.clientSecret))) (not (empty .Values.oidc.existingSecret)) -}}
+  {{- fail "Either specify inline `clientId` and `clientSecret` or refer to them via `existingSecret`" -}}
+{{- end }}
+{{- if (and (and (not (empty .Values.oidc.clientId)) (not (empty .Values.oidc.clientSecret))) (empty .Values.oidc.existingSecret)) -}}
+apiVersion: v1
+kind: Secret
+metadata:
+  name: {{ include "planka.fullname" . }}-oidc
+  labels:
+    {{- include "planka.labels" . | nindent 4 }}
+type: Opaque
+data:
+  clientId: {{ .Values.oidc.clientId | b64enc | quote }}
+  clientSecret: {{ .Values.oidc.clientSecret | b64enc | quote }}
+{{- end }}
+{{- end }}

charts/planka/values.yaml

@@ -46,6 +46,10 @@ securityContext: {}
 service:
   type: ClusterIP
   port: 1337
+  ## @param service.containerPort Planka HTTP container port
+  ## If empty will default to 1337
+  ##
+  containerPort: 1337
 
 ingress:
   enabled: false
@@ -101,11 +105,78 @@ 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
+
+## OpenID Identity Management configuration
+##
+## Example:
+## ---------------
+## oidc:
+##   enabled: true
+##   clientId: sxxaAIAxVXlCxTmc1YLHBbQr8NL8MqLI2DUbt42d
+##   clientSecret: om4RTMRVHRszU7bqxB7RZNkHIzA8e4sGYWxeCwIMYQXPwEBWe4SY5a0wwCe9ltB3zrq5f0dnFnp34cEHD7QSMHsKvV9AiV5Z7eqDraMnv0I8IFivmuV5wovAECAYreSI
+##   issuerUrl: https://auth.local/application/o/planka/
+##   admin:
+##     roles:
+##       - planka-admin
+##
+## ---------------
+## NOTE: A minimal configuration requires setting `clientId`, `clientSecret` and `issuerUrl`. (plus `admin.roles` for administrators)
+## ref: https://docs.planka.cloud/docs/Configuration/OIDC
+##
+oidc:
+  ## @param oidc.enabled Enable single sign-on (SSO) with OpenID Connect (OIDC)
+  ##
+  enabled: false
+
+  ## OIDC credentials
+  ## @param oidc.clientId A string unique to the provider that identifies your app.
+  ## @param oidc.clientSecret A secret string that the provider uses to confirm ownership of a client ID.
+  ##
+  ## NOTE: Either specify inline `clientId` and `clientSecret` or refer to them via `existingSecret`
+  ##
+  clientId: ""
+  clientSecret: ""
+
+  ## @param oidc.existingSecret Name of an existing secret containing OIDC credentials
+  ## NOTE: Must contain key `clientId` and `clientSecret`
+  ## NOTE: When it's set, the `clientId` and `clientSecret` parameters are ignored
+  ##
+  existingSecret: ""
+
+  ## @param oidc.issuerUrl The OpenID connect metadata document endpoint
+  ##
+  issuerUrl: ""
+
+  ## @param oidc.scopes A list of scopes required for OIDC client.
+  ## If empty will default to `openid`, `profile` and `email`
+  ## NOTE: Planka needs the email and name claims
+  ##
+  scopes: []
+
+  ## Admin permissions configuration
+  admin:
+    ## @param oidc.admin.ignoreRoles If set to true, the admin roles will be ignored.
+    ## It is useful if you want to use OIDC for authentication but not for authorization.
+    ## If empty will default to `false`
+    ##
+    ignoreRoles: false
+
+    ## @param oidc.admin.rolesAttribute The name of a custom group claim that you have configured in your OIDC provider
+    ## If empty will default to `groups`
+    ##
+    rolesAttribute: groups
+
+    ## @param oidc.admin.roles The names of the admin groups
+    ##
+    roles: []
+      # - planka-admin

client/.env

@@ -1 +1 @@
-REACT_APP_VERSION=1.13.0
+REACT_APP_VERSION=1.17.2

client/package.json

@@ -49,66 +49,74 @@
             "**/*.test.js"
           ]
         }
+      ],
+      "prettier/prettier": [
+        "error",
+        {
+          "endOfLine": "auto"
+        }
       ]
     }
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.4.0",
-    "classnames": "^2.3.2",
-    "date-fns": "^2.29.3",
+    "classnames": "^2.5.1",
+    "date-fns": "^2.30.0",
     "dequal": "^2.0.3",
     "easymde": "^2.18.0",
     "history": "^5.3.0",
-    "i18next": "^22.0.6",
-    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next": "^23.11.2",
+    "i18next-browser-languagedetector": "^7.2.1",
     "initials": "^3.1.2",
-    "js-cookie": "^3.0.1",
-    "jwt-decode": "^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",
-    "node-sass": "^8.0.0",
-    "oidc-client-ts": "^2.3.0",
-    "photoswipe": "^5.3.3",
+    "nanoid": "^5.0.7",
+    "node-sass": "^9.0.0",
+    "photoswipe": "^5.4.3",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-beautiful-dnd": "^13.1.1",
-    "react-datepicker": "^4.8.0",
+    "react-datepicker": "^4.25.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-i18next": "^12.0.0",
+    "react-i18next": "^13.5.0",
     "react-input-mask": "^2.0.4",
-    "react-markdown": "^8.0.3",
-    "react-photoswipe-gallery": "^2.2.2",
-    "react-redux": "^8.0.5",
-    "react-router-dom": "^6.4.3",
+    "react-markdown": "^8.0.7",
+    "react-photoswipe-gallery": "^2.2.7",
+    "react-redux": "^8.1.3",
+    "react-router-dom": "^6.22.3",
     "react-scripts": "5.0.1",
     "react-simplemde-editor": "^5.2.0",
-    "react-textarea-autosize": "^8.4.0",
-    "redux": "^4.2.0",
+    "react-textarea-autosize": "^8.5.3",
+    "redux": "^4.2.1",
     "redux-logger": "^3.0.6",
     "redux-orm": "^0.16.2",
-    "redux-saga": "^1.2.1",
-    "remark-breaks": "^3.0.2",
+    "redux-saga": "^1.3.0",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^3.0.1",
-    "reselect": "^4.1.7",
+    "reselect": "^4.1.8",
     "sails.io.js": "^1.2.1",
-    "semantic-ui-react": "^2.1.3",
+    "semantic-ui-react": "^2.1.5",
     "socket.io-client": "^2.5.0",
-    "validator": "^13.7.0",
-    "whatwg-fetch": "^3.6.2",
+    "validator": "^13.11.0",
+    "whatwg-fetch": "^3.6.20",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.3.1",
+    "@testing-library/user-event": "^14.5.2",
     "babel-preset-airbnb": "^5.0.0",
-    "chai": "^4.3.7",
-    "eslint": "^8.28.0",
+    "chai": "^4.4.1",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "react-test-renderer": "^18.2.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

@@ -1,7 +1,6 @@
 import ActionTypes from '../constants/ActionTypes';
 
 const initializeCore = (
-  config,
   user,
   board,
   users,
@@ -21,7 +20,6 @@ const initializeCore = (
 ) => ({
   type: ActionTypes.CORE_INITIALIZE,
   payload: {
-    config,
     user,
     board,
     users,
@@ -41,9 +39,19 @@ const initializeCore = (
   },
 });
 
-const logout = () => ({
+// TODO: with success?
+initializeCore.fetchConfig = (config) => ({
+  type: ActionTypes.CORE_INITIALIZE__CONFIG_FETCH,
+  payload: {
+    config,
+  },
+});
+
+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/actions/login.js

@@ -28,20 +28,20 @@ authenticate.failure = (error) => ({
   },
 });
 
-const authenticateWithOidc = () => ({
-  type: ActionTypes.WITH_OIDC_AUTHENTICATE,
+const authenticateUsingOidc = () => ({
+  type: ActionTypes.USING_OIDC_AUTHENTICATE,
   payload: {},
 });
 
-authenticateWithOidc.success = (accessToken) => ({
-  type: ActionTypes.WITH_OIDC_AUTHENTICATE__SUCCESS,
+authenticateUsingOidc.success = (accessToken) => ({
+  type: ActionTypes.USING_OIDC_AUTHENTICATE__SUCCESS,
   payload: {
     accessToken,
   },
 });
 
-authenticateWithOidc.failure = (error) => ({
-  type: ActionTypes.WITH_OIDC_AUTHENTICATE__FAILURE,
+authenticateUsingOidc.failure = (error) => ({
+  type: ActionTypes.USING_OIDC_AUTHENTICATE__FAILURE,
   payload: {
     error,
   },
@@ -55,6 +55,6 @@ const clearAuthenticateError = () => ({
 export default {
   initializeLogin,
   authenticate,
-  authenticateWithOidc,
+  authenticateUsingOidc,
   clearAuthenticateError,
 };

client/src/api/access-tokens.js

@@ -5,14 +5,14 @@ import socket from './socket';
 
 const createAccessToken = (data, headers) => http.post('/access-tokens', data, headers);
 
-const exchangeToAccessToken = (data, headers) =>
-  http.post('/access-tokens/exchange', data, headers);
+const exchangeForAccessTokenUsingOidc = (data, headers) =>
+  http.post('/access-tokens/exchange-using-oidc', data, headers);
 
 const deleteCurrentAccessToken = (headers) =>
   socket.delete('/access-tokens/me', undefined, headers);
 
 export default {
   createAccessToken,
-  exchangeToAccessToken,
+  exchangeForAccessTokenUsingOidc,
   deleteCurrentAccessToken,
 };

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/Activities/Item.jsx

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import { useTranslation, Trans } from 'react-i18next';
 import { Comment } from 'semantic-ui-react';
 
+import getDateFormat from '../../../utils/get-date-format';
 import { ActivityTypes } from '../../../constants/Enums';
 import ItemComment from './ItemComment';
 import User from '../../User';
@@ -66,7 +67,7 @@ const Item = React.memo(({ type, data, createdAt, user }) => {
       <div className={classNames(styles.content)}>
         <div>{contentNode}</div>
         <span className={styles.date}>
-          {t('format:longDateTime', {
+          {t(`format:${getDateFormat(createdAt)}`, {
             postProcess: 'formatDate',
             value: createdAt,
           })}

client/src/components/CardModal/Activities/ItemComment.jsx

@@ -6,6 +6,7 @@ import { Comment } from 'semantic-ui-react';
 import { usePopup } from '../../../lib/popup';
 import { Markdown } from '../../../lib/custom-ui';
 
+import getDateFormat from '../../../utils/get-date-format';
 import CommentEdit from './CommentEdit';
 import User from '../../User';
 import DeleteStep from '../../DeleteStep';
@@ -33,7 +34,7 @@ const ItemComment = React.memo(
           <div className={styles.title}>
             <span className={styles.author}>{user.name}</span>
             <span className={styles.date}>
-              {t('format:longDateTime', {
+              {t(`format:${getDateFormat(createdAt)}`, {
                 postProcess: 'formatDate',
                 value: createdAt,
               })}

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;
     }, []);
@@ -217,6 +223,7 @@ const CardModal = React.memo(
                         onUserSelect={onUserAdd}
                         onUserDeselect={onUserRemove}
                       >
+                        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
                         <button
                           type="button"
                           className={classNames(styles.attachment, styles.dueDate)}
@@ -266,6 +273,7 @@ const CardModal = React.memo(
                         onMove={onLabelMove}
                         onDelete={onLabelDelete}
                       >
+                        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
                         <button
                           type="button"
                           className={classNames(styles.attachment, styles.dueDate)}
@@ -314,10 +322,11 @@ const CardModal = React.memo(
                       )}
                     </span>
                     {canEdit && (
+                      // eslint-disable-next-line jsx-a11y/control-has-associated-label
                       <button
-                        onClick={handleToggleStopwatchClick}
                         type="button"
                         className={classNames(styles.attachment, styles.dueDate)}
+                        onClick={handleToggleStopwatchClick}
                       >
                         <Icon
                           name={stopwatch.startedAt ? 'pause' : 'play'}
@@ -493,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"
@@ -552,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/CardModal/Tasks/Tasks.jsx

@@ -48,14 +48,21 @@ const Tasks = React.memo(({ items, canEdit, onCreate, onUpdate, onMove, onDelete
   return (
     <>
       {items.length > 0 && (
-        <Progress
-          autoSuccess
-          value={completedItems.length}
-          total={items.length}
-          color="blue"
-          size="tiny"
-          className={styles.progress}
-        />
+        <>
+          <span className={styles.progressWrapper}>
+            <Progress
+              autoSuccess
+              value={completedItems.length}
+              total={items.length}
+              color="blue"
+              size="tiny"
+              className={styles.progress}
+            />
+          </span>
+          <span className={styles.count}>
+            {completedItems.length}/{items.length}
+          </span>
+        </>
       )}
       <DragDropContext onDragStart={handleDragStart} onDragEnd={handleDragEnd}>
         <Droppable droppableId="tasks" type={DroppableTypes.TASK}>

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

@@ -3,6 +3,23 @@
     margin: 0 0 16px;
   }
 
+  .progressWrapper {
+    display: inline-block;
+    padding: 3px 0;
+    vertical-align: top;
+    width: calc(100% - 50px);
+  }
+
+  .count {
+    color: #8c8c8c;
+    display: inline-block;
+    font-size: 14px;
+    line-height: 14px;
+    text-align: right;
+    vertical-align: top;
+    width: 50px;
+  }
+
   .taskButton {
     background: transparent;
     border: none;

client/src/components/DueDate/DueDate.jsx

@@ -4,6 +4,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 
+import getDateFormat from '../../utils/get-date-format';
+
 import styles from './DueDate.module.scss';
 
 const SIZES = {
@@ -12,15 +14,27 @@ const SIZES = {
   MEDIUM: 'medium',
 };
 
-const FORMATS = {
+const LONG_DATE_FORMAT_BY_SIZE = {
   tiny: 'longDate',
   small: 'longDate',
   medium: 'longDateTime',
 };
 
+const FULL_DATE_FORMAT_BY_SIZE = {
+  tiny: 'fullDate',
+  small: 'fullDate',
+  medium: 'fullDateTime',
+};
+
 const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
   const [t] = useTranslation();
 
+  const dateFormat = getDateFormat(
+    value,
+    LONG_DATE_FORMAT_BY_SIZE[size],
+    FULL_DATE_FORMAT_BY_SIZE[size],
+  );
+
   const contentNode = (
     <span
       className={classNames(
@@ -29,7 +43,7 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
         onClick && styles.wrapperHoverable,
       )}
     >
-      {t(`format:${FORMATS[size]}`, {
+      {t(`format:${dateFormat}`, {
         value,
         postProcess: 'formatDate',
       })}

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/Login/Login.jsx

@@ -65,11 +65,12 @@ const Login = React.memo(
   ({
     defaultData,
     isSubmitting,
-    isSubmittingWithOidc,
+    isSubmittingUsingOidc,
     error,
     withOidc,
+    isOidcEnforced,
     onAuthenticate,
-    onAuthenticateWithOidc,
+    onAuthenticateUsingOidc,
     onMessageDismiss,
   }) => {
     const [t] = useTranslation();
@@ -107,8 +108,10 @@ const Login = React.memo(
     }, [onAuthenticate, data]);
 
     useEffect(() => {
-      emailOrUsernameField.current.focus();
-    }, []);
+      if (!isOidcEnforced) {
+        emailOrUsernameField.current.focus();
+      }
+    }, [isOidcEnforced]);
 
     useEffect(() => {
       if (wasSubmitting && !isSubmitting && error) {
@@ -159,51 +162,57 @@ const Login = React.memo(
                         onDismiss={onMessageDismiss}
                       />
                     )}
-                    <Form size="large" onSubmit={handleSubmit}>
-                      <div className={styles.inputWrapper}>
-                        <div className={styles.inputLabel}>{t('common.emailOrUsername')}</div>
-                        <Input
-                          fluid
-                          ref={emailOrUsernameField}
-                          name="emailOrUsername"
-                          value={data.emailOrUsername}
-                          readOnly={isSubmitting}
-                          className={styles.input}
-                          onChange={handleFieldChange}
+                    {!isOidcEnforced && (
+                      <Form size="large" onSubmit={handleSubmit}>
+                        <div className={styles.inputWrapper}>
+                          <div className={styles.inputLabel}>{t('common.emailOrUsername')}</div>
+                          <Input
+                            fluid
+                            ref={emailOrUsernameField}
+                            name="emailOrUsername"
+                            value={data.emailOrUsername}
+                            readOnly={isSubmitting}
+                            className={styles.input}
+                            onChange={handleFieldChange}
+                          />
+                        </div>
+                        <div className={styles.inputWrapper}>
+                          <div className={styles.inputLabel}>{t('common.password')}</div>
+                          <Input.Password
+                            fluid
+                            ref={passwordField}
+                            name="password"
+                            value={data.password}
+                            readOnly={isSubmitting}
+                            className={styles.input}
+                            onChange={handleFieldChange}
+                          />
+                        </div>
+                        <Form.Button
+                          primary
+                          size="large"
+                          icon="right arrow"
+                          labelPosition="right"
+                          content={t('action.logIn')}
+                          floated="right"
+                          loading={isSubmitting}
+                          disabled={isSubmitting || isSubmittingUsingOidc}
                         />
-                      </div>
-                      <div className={styles.inputWrapper}>
-                        <div className={styles.inputLabel}>{t('common.password')}</div>
-                        <Input.Password
-                          fluid
-                          ref={passwordField}
-                          name="password"
-                          value={data.password}
-                          readOnly={isSubmitting}
-                          className={styles.input}
-                          onChange={handleFieldChange}
-                        />
-                      </div>
-                      <Form.Button
-                        primary
-                        size="large"
-                        icon="right arrow"
-                        labelPosition="right"
-                        content={t('action.logIn')}
-                        floated="right"
-                        loading={isSubmitting}
-                        disabled={isSubmitting || isSubmittingWithOidc}
-                      />
-                    </Form>
+                      </Form>
+                    )}
                     {withOidc && (
                       <Button
                         type="button"
-                        loading={isSubmittingWithOidc}
-                        disabled={isSubmitting || isSubmittingWithOidc}
-                        onClick={onAuthenticateWithOidc}
-                      >
-                        {t('action.logInWithSSO')}
-                      </Button>
+                        fluid={isOidcEnforced}
+                        primary={isOidcEnforced}
+                        size={isOidcEnforced ? 'large' : undefined}
+                        icon={isOidcEnforced ? 'right arrow' : undefined}
+                        labelPosition={isOidcEnforced ? 'right' : undefined}
+                        content={t('action.logInWithSSO')}
+                        loading={isSubmittingUsingOidc}
+                        disabled={isSubmitting || isSubmittingUsingOidc}
+                        onClick={onAuthenticateUsingOidc}
+                      />
                     )}
                   </div>
                 </div>
@@ -239,11 +248,12 @@ Login.propTypes = {
   defaultData: PropTypes.object.isRequired,
   /* eslint-enable react/forbid-prop-types */
   isSubmitting: PropTypes.bool.isRequired,
-  isSubmittingWithOidc: PropTypes.bool.isRequired,
+  isSubmittingUsingOidc: PropTypes.bool.isRequired,
   error: PropTypes.object, // eslint-disable-line react/forbid-prop-types
   withOidc: PropTypes.bool.isRequired,
+  isOidcEnforced: PropTypes.bool.isRequired,
   onAuthenticate: PropTypes.func.isRequired,
-  onAuthenticateWithOidc: PropTypes.func.isRequired,
+  onAuthenticateUsingOidc: PropTypes.func.isRequired,
   onMessageDismiss: PropTypes.func.isRequired,
 };
 

client/src/components/Memberships/ActionsStep.jsx

@@ -3,6 +3,7 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { Button } from 'semantic-ui-react';
+import { Popup } from '../../lib/custom-ui';
 
 import { useSteps } from '../../hooks';
 import User from '../User';
@@ -19,6 +20,7 @@ const ActionsStep = React.memo(
   ({
     membership,
     permissionsSelectStep,
+    title,
     leaveButtonContent,
     leaveConfirmationTitle,
     leaveConfirmationContent,
@@ -31,6 +33,7 @@ const ActionsStep = React.memo(
     canLeave,
     onUpdate,
     onDelete,
+    onBack,
     onClose,
   }) => {
     const [t] = useTranslation();
@@ -53,6 +56,11 @@ const ActionsStep = React.memo(
       [onUpdate],
     );
 
+    const handleDeleteConfirm = useCallback(() => {
+      onDelete();
+      onClose();
+    }, [onDelete, onClose]);
+
     if (step) {
       switch (step.type) {
         case StepTypes.EDIT_PERMISSIONS: {
@@ -81,7 +89,7 @@ const ActionsStep = React.memo(
                   ? leaveConfirmationButtonContent
                   : deleteConfirmationButtonContent
               }
-              onConfirm={onDelete}
+              onConfirm={handleDeleteConfirm}
               onBack={handleBack}
             />
           );
@@ -89,7 +97,7 @@ const ActionsStep = React.memo(
       }
     }
 
-    return (
+    const contentNode = (
       <>
         <span className={styles.user}>
           <User name={membership.user.name} avatarUrl={membership.user.avatarUrl} size="large" />
@@ -125,12 +133,26 @@ const ActionsStep = React.memo(
             )}
       </>
     );
+
+    return onBack ? (
+      <>
+        <Popup.Header onBack={onBack}>
+          {t(title, {
+            context: 'title',
+          })}
+        </Popup.Header>
+        <Popup.Content>{contentNode}</Popup.Content>
+      </>
+    ) : (
+      contentNode
+    );
   },
 );
 
 ActionsStep.propTypes = {
   membership: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
   permissionsSelectStep: PropTypes.elementType,
+  title: PropTypes.string,
   leaveButtonContent: PropTypes.string,
   leaveConfirmationTitle: PropTypes.string,
   leaveConfirmationContent: PropTypes.string,
@@ -143,11 +165,13 @@ ActionsStep.propTypes = {
   canLeave: PropTypes.bool.isRequired,
   onUpdate: PropTypes.func,
   onDelete: PropTypes.func.isRequired,
+  onBack: PropTypes.func,
   onClose: PropTypes.func.isRequired,
 };
 
 ActionsStep.defaultProps = {
   permissionsSelectStep: undefined,
+  title: 'common.memberActions',
   leaveButtonContent: 'action.leaveBoard',
   leaveConfirmationTitle: 'common.leaveBoard',
   leaveConfirmationContent: 'common.areYouSureYouWantToLeaveBoard',
@@ -157,6 +181,7 @@ ActionsStep.defaultProps = {
   deleteConfirmationContent: 'common.areYouSureYouWantToRemoveThisMemberFromBoard',
   deleteConfirmationButtonContent: 'action.removeMember',
   onUpdate: undefined,
+  onBack: undefined,
 };
 
 export default ActionsStep;

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

@@ -5,16 +5,21 @@ import { usePopup } from '../../lib/popup';
 
 import AddStep from './AddStep';
 import ActionsStep from './ActionsStep';
+import MembershipsStep from './MembershipsStep';
 import User from '../User';
 
 import styles from './Memberships.module.scss';
 
+const MAX_MEMBERS = 6;
+
 const Memberships = React.memo(
   ({
     items,
     allUsers,
     permissionsSelectStep,
+    title,
     addTitle,
+    actionsTitle,
     leaveButtonContent,
     leaveConfirmationTitle,
     leaveConfirmationContent,
@@ -31,11 +36,14 @@ const Memberships = React.memo(
   }) => {
     const AddPopup = usePopup(AddStep);
     const ActionsPopup = usePopup(ActionsStep);
+    const MembershipsPopup = usePopup(MembershipsStep);
+
+    const remainMembersCount = items.length - MAX_MEMBERS;
 
     return (
       <>
         <span className={styles.users}>
-          {items.map((item) => (
+          {items.slice(0, MAX_MEMBERS).map((item) => (
             <span key={item.id} className={styles.user}>
               <ActionsPopup
                 membership={item}
@@ -63,6 +71,30 @@ const Memberships = React.memo(
             </span>
           ))}
         </span>
+        {remainMembersCount > 0 && (
+          <MembershipsPopup
+            items={items}
+            permissionsSelectStep={permissionsSelectStep}
+            title={title}
+            actionsTitle={actionsTitle}
+            leaveButtonContent={leaveButtonContent}
+            leaveConfirmationTitle={leaveConfirmationTitle}
+            leaveConfirmationContent={leaveConfirmationContent}
+            leaveConfirmationButtonContent={leaveConfirmationButtonContent}
+            deleteButtonContent={deleteButtonContent}
+            deleteConfirmationTitle={deleteConfirmationTitle}
+            deleteConfirmationContent={deleteConfirmationContent}
+            deleteConfirmationButtonContent={deleteConfirmationButtonContent}
+            canEdit={canEdit}
+            canLeave={items.length > 1 || canLeaveIfLast}
+            onUpdate={onUpdate}
+            onDelete={onDelete}
+          >
+            <Button icon className={styles.addUser}>
+              +{remainMembersCount < 99 ? remainMembersCount : 99}
+            </Button>
+          </MembershipsPopup>
+        )}
         {canEdit && (
           <AddPopup
             users={allUsers}
@@ -85,7 +117,9 @@ Memberships.propTypes = {
   allUsers: PropTypes.array.isRequired,
   /* eslint-enable react/forbid-prop-types */
   permissionsSelectStep: PropTypes.elementType,
+  title: PropTypes.string,
   addTitle: PropTypes.string,
+  actionsTitle: PropTypes.string,
   leaveButtonContent: PropTypes.string,
   leaveConfirmationTitle: PropTypes.string,
   leaveConfirmationContent: PropTypes.string,
@@ -103,7 +137,9 @@ Memberships.propTypes = {
 
 Memberships.defaultProps = {
   permissionsSelectStep: undefined,
+  title: undefined,
   addTitle: undefined,
+  actionsTitle: undefined,
   leaveButtonContent: undefined,
   leaveConfirmationTitle: undefined,
   leaveConfirmationContent: undefined,

client/src/components/Memberships/MembershipsStep.jsx

@@ -0,0 +1,121 @@
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+
+import { useSteps } from '../../hooks';
+import ActionsStep from './ActionsStep';
+import BoardMembershipsStep from '../BoardMembershipsStep';
+
+const StepTypes = {
+  EDIT: 'EDIT',
+};
+
+const MembershipsStep = React.memo(
+  ({
+    items,
+    permissionsSelectStep,
+    title,
+    actionsTitle,
+    leaveButtonContent,
+    leaveConfirmationTitle,
+    leaveConfirmationContent,
+    leaveConfirmationButtonContent,
+    deleteButtonContent,
+    deleteConfirmationTitle,
+    deleteConfirmationContent,
+    deleteConfirmationButtonContent,
+    canEdit,
+    canLeave,
+    onUpdate,
+    onDelete,
+    onClose,
+  }) => {
+    const [step, openStep, handleBack] = useSteps();
+
+    const handleUserSelect = useCallback(
+      (userId) => {
+        openStep(StepTypes.EDIT, {
+          userId,
+        });
+      },
+      [openStep],
+    );
+
+    if (step && step.type === StepTypes.EDIT) {
+      const currentItem = items.find((item) => item.userId === step.params.userId);
+
+      if (currentItem) {
+        return (
+          <ActionsStep
+            membership={currentItem}
+            permissionsSelectStep={permissionsSelectStep}
+            title={actionsTitle}
+            leaveButtonContent={leaveButtonContent}
+            leaveConfirmationTitle={leaveConfirmationTitle}
+            leaveConfirmationContent={leaveConfirmationContent}
+            leaveConfirmationButtonContent={leaveConfirmationButtonContent}
+            deleteButtonContent={deleteButtonContent}
+            deleteConfirmationTitle={deleteConfirmationTitle}
+            deleteConfirmationContent={deleteConfirmationContent}
+            deleteConfirmationButtonContent={deleteConfirmationButtonContent}
+            canEdit={canEdit}
+            canLeave={canLeave}
+            onUpdate={(data) => onUpdate(currentItem.id, data)}
+            onDelete={() => onDelete(currentItem.id)}
+            onBack={handleBack}
+            onClose={onClose}
+          />
+        );
+      }
+
+      openStep(null);
+    }
+
+    return (
+      // FIXME: hack
+      <BoardMembershipsStep
+        items={items}
+        currentUserIds={[]}
+        title={title}
+        onUserSelect={handleUserSelect}
+        onUserDeselect={() => {}}
+      />
+    );
+  },
+);
+
+MembershipsStep.propTypes = {
+  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
+  permissionsSelectStep: PropTypes.elementType,
+  title: PropTypes.string,
+  actionsTitle: PropTypes.string,
+  leaveButtonContent: PropTypes.string,
+  leaveConfirmationTitle: PropTypes.string,
+  leaveConfirmationContent: PropTypes.string,
+  leaveConfirmationButtonContent: PropTypes.string,
+  deleteButtonContent: PropTypes.string,
+  deleteConfirmationTitle: PropTypes.string,
+  deleteConfirmationContent: PropTypes.string,
+  deleteConfirmationButtonContent: PropTypes.string,
+  canEdit: PropTypes.bool.isRequired,
+  canLeave: PropTypes.bool.isRequired,
+  onUpdate: PropTypes.func,
+  onDelete: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
+};
+
+MembershipsStep.defaultProps = {
+  permissionsSelectStep: undefined,
+  title: undefined,
+  actionsTitle: undefined,
+  leaveButtonContent: undefined,
+  leaveConfirmationTitle: undefined,
+  leaveConfirmationContent: undefined,
+  leaveConfirmationButtonContent: undefined,
+  deleteButtonContent: undefined,
+  deleteConfirmationTitle: undefined,
+  deleteConfirmationContent: undefined,
+  deleteConfirmationButtonContent: undefined,
+  onUpdate: undefined,
+};
+
+export default MembershipsStep;

client/src/components/ProjectSettingsModal/ManagersPane.jsx

@@ -12,7 +12,9 @@ const ManagersPane = React.memo(({ items, allUsers, onCreate, onDelete }) => {
       <Memberships
         items={items}
         allUsers={allUsers}
+        title="common.managers"
         addTitle="common.addManager"
+        actionsTitle="common.managerActions"
         leaveButtonContent="action.leaveProject"
         leaveConfirmationTitle="common.leaveProject"
         leaveConfirmationContent="common.areYouSureYouWantToLeaveProject"

client/src/components/UserSettingsModal/AccountPane/AccountPane.jsx

@@ -24,6 +24,7 @@ const AccountPane = React.memo(
     organization,
     language,
     isLocked,
+    isUsernameLocked,
     isAvatarUpdating,
     usernameUpdateForm,
     emailUpdateForm,
@@ -104,7 +105,7 @@ const AccountPane = React.memo(
           value={language || 'auto'}
           onChange={handleLanguageChange}
         />
-        {!isLocked && (
+        {(!isLocked || !isUsernameLocked) && (
           <>
             <Divider horizontal section>
               <Header as="h4">
@@ -113,56 +114,62 @@ const AccountPane = React.memo(
                 })}
               </Header>
             </Divider>
-            <div className={styles.action}>
-              <UserUsernameEditPopup
-                usePasswordConfirmation
-                defaultData={usernameUpdateForm.data}
-                username={username}
-                isSubmitting={usernameUpdateForm.isSubmitting}
-                error={usernameUpdateForm.error}
-                onUpdate={onUsernameUpdate}
-                onMessageDismiss={onUsernameUpdateMessageDismiss}
-              >
-                <Button className={styles.actionButton}>
-                  {t('action.editUsername', {
-                    context: 'title',
-                  })}
-                </Button>
-              </UserUsernameEditPopup>
-            </div>
-            <div className={styles.action}>
-              <UserEmailEditPopup
-                usePasswordConfirmation
-                defaultData={emailUpdateForm.data}
-                email={email}
-                isSubmitting={emailUpdateForm.isSubmitting}
-                error={emailUpdateForm.error}
-                onUpdate={onEmailUpdate}
-                onMessageDismiss={onEmailUpdateMessageDismiss}
-              >
-                <Button className={styles.actionButton}>
-                  {t('action.editEmail', {
-                    context: 'title',
-                  })}
-                </Button>
-              </UserEmailEditPopup>
-            </div>
-            <div className={styles.action}>
-              <UserPasswordEditPopup
-                usePasswordConfirmation
-                defaultData={passwordUpdateForm.data}
-                isSubmitting={passwordUpdateForm.isSubmitting}
-                error={passwordUpdateForm.error}
-                onUpdate={onPasswordUpdate}
-                onMessageDismiss={onPasswordUpdateMessageDismiss}
-              >
-                <Button className={styles.actionButton}>
-                  {t('action.editPassword', {
-                    context: 'title',
-                  })}
-                </Button>
-              </UserPasswordEditPopup>
-            </div>
+            {!isUsernameLocked && (
+              <div className={styles.action}>
+                <UserUsernameEditPopup
+                  defaultData={usernameUpdateForm.data}
+                  username={username}
+                  isSubmitting={usernameUpdateForm.isSubmitting}
+                  error={usernameUpdateForm.error}
+                  usePasswordConfirmation={!isLocked} // FIXME: hack
+                  onUpdate={onUsernameUpdate}
+                  onMessageDismiss={onUsernameUpdateMessageDismiss}
+                >
+                  <Button className={styles.actionButton}>
+                    {t('action.editUsername', {
+                      context: 'title',
+                    })}
+                  </Button>
+                </UserUsernameEditPopup>
+              </div>
+            )}
+            {!isLocked && (
+              <>
+                <div className={styles.action}>
+                  <UserEmailEditPopup
+                    usePasswordConfirmation
+                    defaultData={emailUpdateForm.data}
+                    email={email}
+                    isSubmitting={emailUpdateForm.isSubmitting}
+                    error={emailUpdateForm.error}
+                    onUpdate={onEmailUpdate}
+                    onMessageDismiss={onEmailUpdateMessageDismiss}
+                  >
+                    <Button className={styles.actionButton}>
+                      {t('action.editEmail', {
+                        context: 'title',
+                      })}
+                    </Button>
+                  </UserEmailEditPopup>
+                </div>
+                <div className={styles.action}>
+                  <UserPasswordEditPopup
+                    usePasswordConfirmation
+                    defaultData={passwordUpdateForm.data}
+                    isSubmitting={passwordUpdateForm.isSubmitting}
+                    error={passwordUpdateForm.error}
+                    onUpdate={onPasswordUpdate}
+                    onMessageDismiss={onPasswordUpdateMessageDismiss}
+                  >
+                    <Button className={styles.actionButton}>
+                      {t('action.editPassword', {
+                        context: 'title',
+                      })}
+                    </Button>
+                  </UserPasswordEditPopup>
+                </div>
+              </>
+            )}
           </>
         )}
       </Tab.Pane>
@@ -179,6 +186,7 @@ AccountPane.propTypes = {
   organization: PropTypes.string,
   language: PropTypes.string,
   isLocked: PropTypes.bool.isRequired,
+  isUsernameLocked: PropTypes.bool.isRequired,
   isAvatarUpdating: PropTypes.bool.isRequired,
   /* eslint-disable react/forbid-prop-types */
   usernameUpdateForm: PropTypes.object.isRequired,

client/src/components/UserSettingsModal/UserSettingsModal.jsx

@@ -18,6 +18,7 @@ const UserSettingsModal = React.memo(
     language,
     subscribeToOwnCards,
     isLocked,
+    isUsernameLocked,
     isAvatarUpdating,
     usernameUpdateForm,
     emailUpdateForm,
@@ -50,6 +51,7 @@ const UserSettingsModal = React.memo(
             organization={organization}
             language={language}
             isLocked={isLocked}
+            isUsernameLocked={isUsernameLocked}
             isAvatarUpdating={isAvatarUpdating}
             usernameUpdateForm={usernameUpdateForm}
             emailUpdateForm={emailUpdateForm}
@@ -108,6 +110,7 @@ UserSettingsModal.propTypes = {
   language: PropTypes.string,
   subscribeToOwnCards: PropTypes.bool.isRequired,
   isLocked: PropTypes.bool.isRequired,
+  isUsernameLocked: PropTypes.bool.isRequired,
   isAvatarUpdating: PropTypes.bool.isRequired,
   /* eslint-disable react/forbid-prop-types */
   usernameUpdateForm: PropTypes.object.isRequired,

client/src/components/UsersModal/Item/ActionsStep.jsx

@@ -136,13 +136,15 @@ const ActionsStep = React.memo(
                 context: 'title',
               })}
             </Menu.Item>
+            {!user.isUsernameLocked && (
+              <Menu.Item className={styles.menuItem} onClick={handleEditUsernameClick}>
+                {t('action.editUsername', {
+                  context: 'title',
+                })}
+              </Menu.Item>
+            )}
             {!user.isLocked && (
               <>
-                <Menu.Item className={styles.menuItem} onClick={handleEditUsernameClick}>
-                  {t('action.editUsername', {
-                    context: 'title',
-                  })}
-                </Menu.Item>
                 <Menu.Item className={styles.menuItem} onClick={handleEditEmailClick}>
                   {t('action.editEmail', {
                     context: 'title',
@@ -155,7 +157,7 @@ const ActionsStep = React.memo(
                 </Menu.Item>
               </>
             )}
-            {!user.isLockedAdmin && (
+            {!user.isDeletionLocked && (
               <Menu.Item className={styles.menuItem} onClick={handleDeleteClick}>
                 {t('action.deleteUser', {
                   context: 'title',

client/src/components/UsersModal/Item/Item.jsx

@@ -18,7 +18,9 @@ const Item = React.memo(
     phone,
     isAdmin,
     isLocked,
-    isLockedAdmin,
+    isRoleLocked,
+    isUsernameLocked,
+    isDeletionLocked,
     emailUpdateForm,
     passwordUpdateForm,
     usernameUpdateForm,
@@ -48,7 +50,7 @@ const Item = React.memo(
         <Table.Cell>{username || '-'}</Table.Cell>
         <Table.Cell>{email}</Table.Cell>
         <Table.Cell>
-          <Radio toggle checked={isAdmin} disabled={isLockedAdmin} onChange={handleIsAdminChange} />
+          <Radio toggle checked={isAdmin} disabled={isRoleLocked} onChange={handleIsAdminChange} />
         </Table.Cell>
         <Table.Cell textAlign="right">
           <ActionsPopup
@@ -60,7 +62,8 @@ const Item = React.memo(
               phone,
               isAdmin,
               isLocked,
-              isLockedAdmin,
+              isUsernameLocked,
+              isDeletionLocked,
               emailUpdateForm,
               passwordUpdateForm,
               usernameUpdateForm,
@@ -93,7 +96,9 @@ Item.propTypes = {
   phone: PropTypes.string,
   isAdmin: PropTypes.bool.isRequired,
   isLocked: PropTypes.bool.isRequired,
-  isLockedAdmin: PropTypes.bool.isRequired,
+  isRoleLocked: PropTypes.bool.isRequired,
+  isUsernameLocked: PropTypes.bool.isRequired,
+  isDeletionLocked: PropTypes.bool.isRequired,
   /* eslint-disable react/forbid-prop-types */
   emailUpdateForm: PropTypes.object.isRequired,
   passwordUpdateForm: PropTypes.object.isRequired,

client/src/components/UsersModal/UsersModal.jsx

@@ -10,6 +10,7 @@ import Item from './Item';
 const UsersModal = React.memo(
   ({
     items,
+    canAdd,
     onUpdate,
     onUsernameUpdate,
     onUsernameUpdateMessageDismiss,
@@ -111,7 +112,9 @@ const UsersModal = React.memo(
                   phone={item.phone}
                   isAdmin={item.isAdmin}
                   isLocked={item.isLocked}
-                  isLockedAdmin={item.isLockedAdmin}
+                  isRoleLocked={item.isRoleLocked}
+                  isUsernameLocked={item.isUsernameLocked}
+                  isDeletionLocked={item.isDeletionLocked}
                   emailUpdateForm={item.emailUpdateForm}
                   passwordUpdateForm={item.passwordUpdateForm}
                   usernameUpdateForm={item.usernameUpdateForm}
@@ -128,11 +131,13 @@ const UsersModal = React.memo(
             </Table.Body>
           </Table>
         </Modal.Content>
-        <Modal.Actions>
-          <UserAddPopupContainer>
-            <Button positive content={t('action.addUser')} />
-          </UserAddPopupContainer>
-        </Modal.Actions>
+        {canAdd && (
+          <Modal.Actions>
+            <UserAddPopupContainer>
+              <Button positive content={t('action.addUser')} />
+            </UserAddPopupContainer>
+          </Modal.Actions>
+        )}
       </Modal>
     );
   },
@@ -140,6 +145,7 @@ const UsersModal = React.memo(
 
 UsersModal.propTypes = {
   items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
+  canAdd: PropTypes.bool.isRequired,
   onUpdate: PropTypes.func.isRequired,
   onUsernameUpdate: PropTypes.func.isRequired,
   onUsernameUpdateMessageDismiss: PropTypes.func.isRequired,

client/src/constants/ActionTypes.js

@@ -16,14 +16,15 @@ export default {
   AUTHENTICATE: 'AUTHENTICATE',
   AUTHENTICATE__SUCCESS: 'AUTHENTICATE__SUCCESS',
   AUTHENTICATE__FAILURE: 'AUTHENTICATE__FAILURE',
-  WITH_OIDC_AUTHENTICATE: 'WITH_OIDC_AUTHENTICATE',
-  WITH_OIDC_AUTHENTICATE__SUCCESS: 'WITH_OIDC_AUTHENTICATE__SUCCESS',
-  WITH_OIDC_AUTHENTICATE__FAILURE: 'WITH_OIDC_AUTHENTICATE__FAILURE',
+  USING_OIDC_AUTHENTICATE: 'USING_OIDC_AUTHENTICATE',
+  USING_OIDC_AUTHENTICATE__SUCCESS: 'USING_OIDC_AUTHENTICATE__SUCCESS',
+  USING_OIDC_AUTHENTICATE__FAILURE: 'USING_OIDC_AUTHENTICATE__FAILURE',
   AUTHENTICATE_ERROR_CLEAR: 'AUTHENTICATE_ERROR_CLEAR',
 
   /* Core */
 
   CORE_INITIALIZE: 'CORE_INITIALIZE',
+  CORE_INITIALIZE__CONFIG_FETCH: 'CORE_INITIALIZE__CONFIG_FETCH',
   LOGOUT: 'LOGOUT',
   LOGOUT__ACCESS_TOKEN_INVALIDATE: 'LOGOUT__ACCESS_TOKEN_INVALIDATE',
 
@@ -172,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',
@@ -193,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

@@ -11,7 +11,7 @@ export default {
   /* Login */
 
   AUTHENTICATE: `${PREFIX}/AUTHENTICATE`,
-  WITH_OIDC_AUTHENTICATE: `${PREFIX}/WITH_OIDC_AUTHENTICATE`,
+  USING_OIDC_AUTHENTICATE: `${PREFIX}/USING_OIDC_AUTHENTICATE`,
   AUTHENTICATE_ERROR_CLEAR: `${PREFIX}/AUTHENTICATE_ERROR_CLEAR`,
 
   /* Core */
@@ -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

@@ -10,16 +10,17 @@ const mapStateToProps = (state) => {
 
   const {
     ui: {
-      authenticateForm: { data: defaultData, isSubmitting, isSubmittingWithOidc, error },
+      authenticateForm: { data: defaultData, isSubmitting, isSubmittingUsingOidc, error },
     },
   } = state;
 
   return {
     defaultData,
     isSubmitting,
-    isSubmittingWithOidc,
+    isSubmittingUsingOidc,
     error,
     withOidc: !!oidcConfig,
+    isOidcEnforced: !!oidcConfig && oidcConfig.isEnforced,
   };
 };
 
@@ -27,7 +28,7 @@ const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onAuthenticate: entryActions.authenticate,
-      onAuthenticateWithOidc: entryActions.authenticateWithOidc,
+      onAuthenticateUsingOidc: entryActions.authenticateUsingOidc,
       onMessageDismiss: entryActions.clearAuthenticateError,
     },
     dispatch,

client/src/containers/UserSettingsModalContainer.js

@@ -16,6 +16,7 @@ const mapStateToProps = (state) => {
     language,
     subscribeToOwnCards,
     isLocked,
+    isUsernameLocked,
     isAvatarUpdating,
     emailUpdateForm,
     passwordUpdateForm,
@@ -32,6 +33,7 @@ const mapStateToProps = (state) => {
     language,
     subscribeToOwnCards,
     isLocked,
+    isUsernameLocked,
     isAvatarUpdating,
     emailUpdateForm,
     passwordUpdateForm,

client/src/containers/UsersModalContainer.js

@@ -6,10 +6,12 @@ import entryActions from '../entry-actions';
 import UsersModal from '../components/UsersModal';
 
 const mapStateToProps = (state) => {
+  const oidcConfig = selectors.selectOidcConfig(state);
   const users = selectors.selectUsersExceptCurrent(state);
 
   return {
     items: users,
+    canAdd: !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/entry-actions/login.js

@@ -7,8 +7,8 @@ const authenticate = (data) => ({
   },
 });
 
-const authenticateWithOidc = () => ({
-  type: EntryActionTypes.WITH_OIDC_AUTHENTICATE,
+const authenticateUsingOidc = () => ({
+  type: EntryActionTypes.USING_OIDC_AUTHENTICATE,
   payload: {},
 });
 
@@ -19,6 +19,6 @@ const clearAuthenticateError = () => ({
 
 export default {
   authenticate,
-  authenticateWithOidc,
+  authenticateUsingOidc,
   clearAuthenticateError,
 };

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

@@ -9,6 +9,8 @@ export default {
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'd MMM',
     longDateTime: "d MMMM 'v' p",
+    fullDate: 'd MMM, y',
+    fullDateTime: "d MMMM, y 'v' p",
   },
 
   translation: {
@@ -24,7 +26,7 @@ export default {
       administrator: 'Administrátor',
       all: 'Vše',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        'Všechny změny budou automaticky uloženy<br />po obnově spojení',
+        'Všechny změny budou automaticky uloženy<br />po obnově spojení.',
       areYouSureYouWantToDeleteThisAttachment: 'Opravdu chcete smazat tuto přílohu?',
       areYouSureYouWantToDeleteThisBoard: 'Opravdu chcete smazat tuto tabuli?',
       areYouSureYouWantToDeleteThisCard: 'Opravdu chcete smazat tuto kartu?',
@@ -37,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í',
@@ -47,21 +49,23 @@ export default {
       board: 'Tabule',
       boardNotFound_title: 'Tabule nenalezena',
       canComment: 'Může komentovat',
-      canEditContentOfBoard: 'Může upravovat obsah tabule',
-      canOnlyViewBoard: 'Může zobrazit pouze tabuli',
+      canEditContentOfBoard: 'Může upravovat obsah tabule.',
+      canOnlyViewBoard: 'Může zobrazit pouze tabuli.',
       cardActions_title: 'Akce na kartě',
       cardNotFound_title: 'Karta nenalezena',
-      cardOrActionAreDeleted: 'Karta nebo akce je smazána',
+      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í',
+      createNewOneOrSelectExistingOne: 'Vytvořit nový nebo vyberte<br />již existující.',
       createProject_title: 'Vytvořit projekt',
       createTextFile_title: 'Vytvořit textový soubor',
       currentPassword: 'Aktuální heslo',
       dangerZone_title: 'Nebezpečná zóna',
       date: 'Datum',
-      dueDate_title: 'Termín do',
+      dueDate: 'Termín',
+      dueDate_title: 'Termín',
       deleteAttachment_title: 'Smazat přílohu',
       deleteBoard_title: 'Smazat tabuli',
       deleteCard_title: 'Smazat kartu',
@@ -78,7 +82,7 @@ export default {
       editAttachment_title: 'Upravit přílohu',
       editAvatar_title: 'Upravit avatar',
       editBoard_title: 'Upravit tabuli',
-      editDueDate_title: 'Upravit Termín do',
+      editDueDate_title: 'Upravit termín',
       editEmail_title: 'Upravit e-mail',
       editInformation_title: 'Upravit informace',
       editLabel_title: 'Upravit štítek',
@@ -113,6 +117,7 @@ export default {
       minutes: 'Minuty',
       moveCard_title: 'Přesunout kartu',
       name: 'Jméno',
+      newestFirst: 'Nejnovější',
       newEmail: 'Nový e-mail',
       newPassword: 'Nové heslo',
       newUsername: 'Nové uživatelské jméno',
@@ -122,13 +127,14 @@ export default {
       noProjects: 'Žádné projekty',
       notifications: 'Oznámení',
       noUnreadNotifications: 'Žádné nepřečtené oznámení',
+      oldestFirst: 'Nejstarší',
       openBoard_title: 'Otevřít tabuli',
       optional_inline: 'volitelné',
       organization: 'Společnost',
       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',
@@ -136,17 +142,19 @@ export default {
       searchLabels: 'Hledat štítky...',
       searchMembers: 'Hledat členy...',
       searchUsers: 'Hledat uživatele...',
+      searchCards: 'Hledat karty...',
       seconds: 'Vteřin',
       selectBoard: 'Vybrat tabuli',
       selectList: 'Vybrat seznam',
       selectPermissions_title: 'Vybrat oprávnění',
       selectProject: 'Vybrat projekt',
       settings: 'Nastavení',
+      sortList_title: 'Řadit podle',
       stopwatch: 'Časovač',
       subscribeToMyOwnCardsByDefault: 'Ve výchozím nastavení odebírat vlastní karty',
       taskActions_title: 'Akce na úkolu',
       tasks: 'Úkoly',
-      thereIsNoPreviewAvailableForThisAttachment: 'Pro tuto přílohu není k dispozici žádný náhled',
+      thereIsNoPreviewAvailableForThisAttachment: 'Pro tuto přílohu není k dispozici žádný náhled.',
       time: 'Čas',
       title: 'Titulek',
       userActions_title: 'Akce na uživateli',
@@ -197,8 +205,10 @@ 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',
+      editDueDate_title: 'Upravit termín',
       editDescription_title: 'Upravit popis',
       editEmail_title: 'Upravit e-mail',
       editInformation_title: 'Upravit informace',
@@ -224,13 +234,14 @@ 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',
+      sortList_title: 'Řadit podle',
       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/cs/login.js

@@ -1,8 +1,8 @@
 export default {
   translation: {
     common: {
-      emailOrUsername: 'Email nebo uživatelské jméno',
-      invalidEmailOrUsername: 'Nesprávný email nebo uživatelské jméno',
+      emailOrUsername: 'E-mail nebo uživatelské jméno',
+      invalidEmailOrUsername: 'Nesprávný e-mail nebo uživatelské jméno',
       invalidPassword: 'Nesprávné heslo',
       logInToPlanka: 'Přihlásit se do Planka',
       noInternetConnection: 'Bez připojení k internetu',

client/src/locales/da/core.js

@@ -9,6 +9,8 @@ export default {
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'MMM d',
     longDateTime: "MMMM d 'at' p",
+    fullDate: 'MMM d, y',
+    fullDateTime: "MMMM d, y 'a' p",
   },
 
   translation: {
@@ -23,7 +25,7 @@ export default {
       administrator: 'Administrator',
       all: 'Alle',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        'Alle ændringer vil automatisk blive gemt<br />ved genforbindelse',
+        'Alle ændringer vil automatisk blive gemt<br />ved genforbindelse.',
       areYouSureYouWantToDeleteThisAttachment: 'Vil du slette den vedhæftede fil?',
       areYouSureYouWantToDeleteThisBoard: 'Vil du slette dette bræt?',
       areYouSureYouWantToDeleteThisCard: 'Vil du slette dette kort?',
@@ -46,11 +48,11 @@ export default {
       boardNotFound_title: 'Bræt ikke fundet',
       cardActions_title: 'Korthandlinger',
       cardNotFound_title: 'Kort ikke fundet',
-      cardOrActionAreDeleted: 'Kort eller handling er slettet',
+      cardOrActionAreDeleted: 'Kort eller handling er slettet.',
       color: 'Farve',
       createBoard_title: 'Opret bræt',
       createLabel_title: 'Opret mærkat',
-      createNewOneOrSelectExistingOne: 'Lav en ny eller marker<br />en eksisterende',
+      createNewOneOrSelectExistingOne: 'Lav en ny eller marker<br />en eksisterende.',
       createProject_title: 'Opret projekt',
       createTextFile_title: 'Opret tekstfil',
       currentPassword: 'Nuværende løsen',
@@ -109,14 +111,14 @@ export default {
       noLists: 'Ingen lister',
       noProjects: 'Ingen projekter',
       notifications: 'Notifikationer',
-      noUnreadNotifications: 'Ingen ulæste notifikationer',
+      noUnreadNotifications: 'Ingen ulæste notifikationer.',
       openBoard_title: 'Åben bræt',
       optional_inline: 'valgfri',
       organization: 'Organisation',
       phone: 'Telefon',
       preferences: 'Præferencer',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tip: Tryk Ctrl-V (Cmd-V på Mac) for at vedhæfte direkte fra udklipsholder',
+        'Tip: Tryk Ctrl-V (Cmd-V på Mac) for at vedhæfte direkte fra udklipsholder.',
       project: 'Projekt',
       projectNotFound_title: 'Projekt ej fundet',
       removeManager_title: 'Fjern projektleder',

client/src/locales/de/core.js

@@ -9,6 +9,8 @@ export default {
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'd. MMM',
     longDateTime: "d. MMMM 'um' p",
+    fullDate: 'd. MMM. y',
+    fullDateTime: "d. MMMM. y 'um' p",
   },
 
   translation: {
@@ -51,7 +53,7 @@ export default {
       boardNotFound_title: 'Board nicht gefunden',
       cardActions_title: 'Kartenaktionen',
       cardNotFound_title: 'Karte nicht gefunden',
-      cardOrActionAreDeleted: 'Karte oder Aktion wurden gelöscht',
+      cardOrActionAreDeleted: 'Karte oder Aktion wurden gelöscht.',
       color: 'Farbe',
       createBoard_title: 'Board erstellen',
       createLabel_title: 'Label erstellen',
@@ -117,14 +119,14 @@ export default {
       noLists: 'Keine Listen',
       noProjects: 'Keine Projekte',
       notifications: 'Benachrichtigungen',
-      noUnreadNotifications: 'Keine ungelesenen Benachrichtigungen',
+      noUnreadNotifications: 'Keine ungelesenen Benachrichtigungen.',
       openBoard_title: 'Board öffnen',
       optional_inline: 'Optional',
       organization: 'Organisation',
       phone: 'Telefon',
       preferences: 'Voreinstellungen',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tipp: Drücken Sie STRG-V (Cmd-V auf Mac), um einen Anhang aus der Zwischenablage hinzuzufügen',
+        'Tipp: Drücken Sie STRG-V (Cmd-V auf Mac), um einen Anhang aus der Zwischenablage hinzuzufügen.',
       project: 'Projekt',
       projectNotFound_title: 'Projekt nicht gefunden',
       removeManager_title: 'Manager entfernen',

client/src/locales/en/core.js

@@ -5,6 +5,8 @@ export default {
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'MMM d',
     longDateTime: "MMMM d 'at' p",
+    fullDate: 'MMM d, y',
+    fullDateTime: "MMMM d, y 'at' p",
   },
 
   translation: {
@@ -20,7 +22,7 @@ export default {
       administrator: 'Administrator',
       all: 'All',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        'All changes will be automatically saved<br />after connection restored',
+        'All changes will be automatically saved<br />after connection restored.',
       areYouSureYouWantToDeleteThisAttachment: 'Are you sure you want to delete this attachment?',
       areYouSureYouWantToDeleteThisBoard: 'Are you sure you want to delete this board?',
       areYouSureYouWantToDeleteThisCard: 'Are you sure you want to delete this card?',
@@ -43,20 +45,22 @@ export default {
       board: 'Board',
       boardNotFound_title: 'Board Not Found',
       canComment: 'Can comment',
-      canEditContentOfBoard: 'Can edit the content of the board',
-      canOnlyViewBoard: 'Can only view the board',
+      canEditContentOfBoard: 'Can edit the content of the board.',
+      canOnlyViewBoard: 'Can only view the board.',
       cardActions_title: 'Card Actions',
       cardNotFound_title: 'Card Not Found',
-      cardOrActionAreDeleted: 'Card or action are deleted',
+      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',
+      createNewOneOrSelectExistingOne: 'Create a new one or select<br />an existing one.',
       createProject_title: 'Create Project',
       createTextFile_title: 'Create Text File',
       currentPassword: 'Current password',
       dangerZone_title: 'Danger Zone',
       date: 'Date',
+      dueDate: 'Due date',
       dueDate_title: 'Due Date',
       deleteAttachment_title: 'Delete Attachment',
       deleteBoard_title: 'Delete Board',
@@ -84,7 +88,7 @@ export default {
       editUsername_title: 'Edit Username',
       email: 'E-mail',
       emailAlreadyInUse: 'E-mail already in use',
-      enterCardTitle: 'Enter card title... [Ctrl+Enter] to auto-open',
+      enterCardTitle: 'Enter card title... [Ctrl+Enter] to auto-open.',
       enterDescription: 'Enter description...',
       enterFilename: 'Enter filename',
       enterListTitle: 'Enter list title...',
@@ -105,10 +109,13 @@ export default {
       list: 'List',
       listActions_title: 'List Actions',
       managers: 'Managers',
+      managerActions_title: 'Manager Actions',
       members: 'Members',
+      memberActions_title: 'Member Actions',
       minutes: 'Minutes',
       moveCard_title: 'Move Card',
       name: 'Name',
+      newestFirst: 'Newest first',
       newEmail: 'New e-mail',
       newPassword: 'New password',
       newUsername: 'New username',
@@ -117,14 +124,15 @@ export default {
       noLists: 'No lists',
       noProjects: 'No projects',
       notifications: 'Notifications',
-      noUnreadNotifications: 'No unread notifications',
+      noUnreadNotifications: 'No unread notifications.',
+      oldestFirst: 'Oldest first',
       openBoard_title: 'Open Board',
       optional_inline: 'optional',
       organization: 'Organization',
       phone: 'Phone',
       preferences: 'Preferences',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tip: press Ctrl-V (Cmd-V on Mac) to add an attachment from the clipboard',
+        'Tip: press Ctrl-V (Cmd-V on Mac) to add an attachment from the clipboard.',
       project: 'Project',
       projectNotFound_title: 'Project Not Found',
       removeManager_title: 'Remove Manager',
@@ -132,18 +140,20 @@ 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',
       tasks: 'Tasks',
       thereIsNoPreviewAvailableForThisAttachment:
-        'There is no preview available for this attachment',
+        'There is no preview available for this attachment.',
       time: 'Time',
       title: 'Title',
       userActions_title: 'User Actions',
@@ -194,6 +204,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',
@@ -223,6 +235,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/es/core.js

@@ -9,6 +9,8 @@ export default {
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'MMM d',
     longDateTime: "MMMM d 'a' p",
+    fullDate: 'MMM d, y',
+    fullDateTime: "MMMM d, y 'a' p",
   },
 
   translation: {
@@ -22,7 +24,7 @@ export default {
       administrator: 'Administrador',
       all: 'Todos',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        'Todos los cambios serán automáticamente guardados<br />después de que se restaure la conexión',
+        'Todos los cambios serán automáticamente guardados<br />después de que se restaure la conexión.',
       areYouSureYouWantToDeleteThisAttachment: '¿Estás seguro de que quieres borrar este adjunto?',
       areYouSureYouWantToDeleteThisBoard: '¿Estás seguro de que quieres borrar este tablero?',
       areYouSureYouWantToDeleteThisCard: '¿Estás seguro de que quieres borrar esta tarjeta?',
@@ -41,11 +43,11 @@ export default {
       boardNotFound_title: 'Tablero no encontrado',
       cardActions_title: 'Acciones de las tarjetas',
       cardNotFound_title: 'tarjeta no encontrada',
-      cardOrActionAreDeleted: 'La tarjeta o la acción está eliminada',
+      cardOrActionAreDeleted: 'La tarjeta o la acción está eliminada.',
       color: 'Color',
       createBoard_title: 'Crear Tablero',
       createLabel_title: 'Crear Etiqueta',
-      createNewOneOrSelectExistingOne: 'Crear uno nuevo o seleccionar<br /> uno existente',
+      createNewOneOrSelectExistingOne: 'Crear uno nuevo o seleccionar<br />uno existente.',
       createProject_title: 'Crear Proyecto',
       createTextFile_title: 'Crear archivo de Texto',
       currentPassword: 'Contraseña Actual',
@@ -106,7 +108,7 @@ export default {
       phone: 'Teléfono',
       preferences: 'Preferencias',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tip: presiona Ctrl-V (Cmd-V en Mac) para añadir adjuntos desde el portapapeles',
+        'Tip: presiona Ctrl-V (Cmd-V en Mac) para añadir adjuntos desde el portapapeles.',
       project: 'Proyecto',
       projectNotFound_title: 'Proyecto no encontrado',
       removeMember_title: 'Remover Miembro',

client/src/locales/fr/core.js

@@ -9,6 +9,8 @@ export default {
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'd MMM',
     longDateTime: "d MMMM 'à' p",
+    fullDate: 'd MMM y',
+    fullDateTime: "d MMMM y 'à' p",
   },
 
   translation: {
@@ -22,7 +24,7 @@ export default {
       administrator: 'Administrateur',
       all: 'Tout',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        'Toutes les modifications seront automatiquement enregistrées <br /> une fois la connexion rétablie',
+        'Toutes les modifications seront automatiquement enregistrées<br />une fois la connexion rétablie.',
       areYouSureYouWantToDeleteThisAttachment: 'Voulez-vous vraiment supprimer cette pièce jointe?',
       areYouSureYouWantToDeleteThisBoard: 'Êtes-vous sûr de vouloir supprimer ce forum?',
       areYouSureYouWantToDeleteThisCard: 'Voulez-vous vraiment supprimer cette carte?',
@@ -41,11 +43,11 @@ export default {
       boardNotFound_title: 'Carte non trouvée',
       cardActions_title: 'Actions sur la carte',
       cardNotFound_title: 'Carte non trouvée',
-      cardOrActionAreDeleted: "La carte ou l'action sont supprimées",
+      cardOrActionAreDeleted: "La carte ou l'action sont supprimées.",
       color: 'Couleur',
       createBoard_title: 'Créer un tableau',
       createLabel_title: 'Créer une étiquette',
-      createNewOneOrSelectExistingOne: 'Créez-en un nouveau ou sélectionnez <br /> un existant',
+      createNewOneOrSelectExistingOne: 'Créez-en un nouveau ou sélectionnez<br />un existant.',
       createProject_title: 'Créer un projet',
       createTextFile_title: 'Créer un fichier texte',
       currentPassword: 'Mot de passe actuel',
@@ -73,12 +75,12 @@ export default {
       editUsername_title: "Modifier le nom d'utilisateur",
       email: 'E-mail',
       emailAlreadyInUse: 'Email déjà utilisé',
-      enterCardTitle: 'Entrer le titre de la carte ...',
-      enterDescription: 'Entrez la description ...',
+      enterCardTitle: 'Entrer le titre de la carte...',
+      enterDescription: 'Entrez la description...',
       enterFilename: 'Entrez le nom du fichier',
-      enterListTitle: 'Entrer le titre de la liste ...',
+      enterListTitle: 'Entrer le titre de la liste...',
       enterProjectTitle: 'Saisir le titre du projet',
-      enterTaskDescription: 'Saisir la description de la tâche ...',
+      enterTaskDescription: 'Saisir la description de la tâche...',
       filterByLabels_title: 'Filtrer par libellés',
       filterByMembers_title: 'Filtrer par membres',
       fromComputer_title: "Depuis l'ordinateur",
@@ -99,7 +101,7 @@ export default {
       noLists: 'Pas de listes',
       noProjects: 'Pas de projets',
       notifications: 'Notifications',
-      noUnreadNotifications: 'Aucune notification non lue',
+      noUnreadNotifications: 'Aucune notification non lue.',
       openBoard_title: 'Open Board',
       optional_inline: 'optionnel',
       organization: 'Organisation',
@@ -109,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',
@@ -167,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,18 +4,47 @@ 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';
 import sv from './sv';
 import tr from './tr';
+import ua from './ua';
 import uz from './uz';
 import zh from './zh';
 
-const locales = [cs, da, de, en, es, fr, it, ja, ko, pl, ru, sk, sv, tr, 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,8 +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",
+    longDate: 'd MMM',
+    longDateTime: "d MMMM 'alle' p",
+    fullDate: 'd MMM, y',
+    fullDateTime: "d MMMM, y 'alle' p",
   },
 
   translation: {
@@ -19,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?',
@@ -42,20 +44,22 @@ export default {
       board: 'Bacheca',
       boardNotFound_title: 'Bacheca non trovata',
       canComment: 'Può commentare',
-      canEditContentOfBoard: 'Può modificare il contenuto della bacheca',
-      canOnlyViewBoard: 'Può solo vedere la bacheca',
+      canEditContentOfBoard: 'Può modificare il contenuto della bacheca.',
+      canOnlyViewBoard: 'Può solo vedere la bacheca.',
       cardActions_title: 'Card Azioni',
       cardNotFound_title: 'Card non trovata',
-      cardOrActionAreDeleted: "La card o l'azione vengono eliminate",
+      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',
+      createNewOneOrSelectExistingOne: 'Crea nuovo o seleziona<br />esistente.',
       createProject_title: 'Crea Progetto',
       createTextFile_title: 'Create File di Testo',
       currentPassword: 'Password corrente',
       dangerZone_title: 'Zona pericolosa',
       date: 'Data',
+      dueDate: 'Data di scadenza',
       dueDate_title: 'Data di scadenza',
       deleteAttachment_title: 'Elimina Allegato',
       deleteBoard_title: 'Elimina Bacheca',
@@ -92,8 +96,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',
@@ -106,6 +112,7 @@ export default {
       minutes: 'Minuti',
       moveCard_title: 'Sposta card',
       name: 'Nome',
+      newestFirst: 'Dal più recente',
       newEmail: 'Nuova e-mail',
       newPassword: 'Nuova password',
       newUsername: 'Nuovo username',
@@ -114,14 +121,15 @@ export default {
       noLists: 'No liste',
       noProjects: 'No progetti',
       notifications: 'Notifiche',
-      noUnreadNotifications: 'Nessuna notifica non letta',
+      noUnreadNotifications: 'Nessuna notifica non letta.',
+      oldestFirst: 'Dal meno recente',
       openBoard_title: 'Bacheca aperta',
       optional_inline: 'opzionale',
       organization: 'Organizazzione',
       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',
@@ -129,18 +137,20 @@ export default {
       searchLabels: 'Cerca etichette...',
       searchMembers: 'Cerca membri...',
       searchUsers: 'Cerca utenti...',
+      searchCards: 'Cerca cards...',
       seconds: 'Secondi',
       selectBoard: 'Seleziona bacheca',
       selectList: 'Seleziona lista',
       selectPermissions_title: 'Seleziona Permessi',
       selectProject: 'Seleziona progetto',
       settings: 'Impostazioni',
+      sortList_title: 'Ordina',
       stopwatch: 'Timer',
       subscribeToMyOwnCardsByDefault: 'Abbonati alle mie card per impostazione predefinita',
       taskActions_title: 'Task Azioni',
       tasks: 'Tasks',
       thereIsNoPreviewAvailableForThisAttachment:
-        'Non è disponibile alcuna anteprima per questo allegato',
+        'Non è disponibile alcuna anteprima per questo allegato.',
       time: 'Tempo',
       title: 'Titolo',
       userActions_title: 'Azioni Utente',
@@ -191,6 +201,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',
@@ -202,9 +214,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',
@@ -219,6 +232,7 @@ export default {
       showAllAttachments: 'Mostra tutti gli allegati ({{hidden}} hidden)',
       showDetails: 'Mostra dettagli',
       showFewerAttachments: 'Mostra meno allegati',
+      sortList_title: 'Ordina',
       start: 'Inizio',
       stop: 'Ferma',
       subscribe: 'Iscriviti',

client/src/locales/ja/core.js

@@ -8,11 +8,14 @@ export default {
     time: 'HH:mm',
     dateTime: '$t(format:date) $t(format:time)',
     longDate: 'MMMMd日',
-    longDateTime: "MMMMd'日 ' HH:MM",
+    longDateTime: "MMMMd'日 ' HH:mm",
+    fullDate: 'yyyy年M月d日',
+    fullDateTime: 'yyyy年M月d日 HH:mm',
   },
 
   translation: {
     common: {
+      aboutPlanka: 'Plankaについて',
       account: 'アカウント',
       actions: 'アクション',
       addAttachment_title: '添付ファイルを追加',
@@ -23,7 +26,7 @@ export default {
       administrator: '管理者',
       all: 'すべて',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        '全ての変更は接続回復後自動的に保存されます',
+        '全ての変更は接続回復後自動的に保存されます。',
       areYouSureYouWantToDeleteThisAttachment: 'この添付ファイルを削除してもよろしいですか？',
       areYouSureYouWantToDeleteThisBoard: 'このボードを削除してもよろしいですか？',
       areYouSureYouWantToDeleteThisCard: 'このカードを削除してもよろしいですか？',
@@ -45,13 +48,16 @@ export default {
       background: '背景',
       board: 'ボード',
       boardNotFound_title: 'ボードが見つかりません',
+      canComment: 'コメントを作成することができます',
+      canEditContentOfBoard: 'ボードコンテンツを修正することができます。',
+      canOnlyViewBoard: 'ボードの読み取りのみ可能です。',
       cardActions_title: 'カードのアクション',
       cardNotFound_title: 'カードが見つかりません',
-      cardOrActionAreDeleted: 'カードやアクションが削除されます',
+      cardOrActionAreDeleted: 'カードやアクションが削除されます。',
       color: '色',
       createBoard_title: 'ボードを作成',
       createLabel_title: 'ラベルを作成',
-      createNewOneOrSelectExistingOne: '新規作成もしくは既存のものから選択',
+      createNewOneOrSelectExistingOne: '新規作成もしくは<br />既存のものから選択。',
       createProject_title: 'プロジェクトを作成',
       createTextFile_title: 'テキストファイルを作成',
       currentPassword: '現在のパスワード',
@@ -68,31 +74,38 @@ export default {
       deleteTask_title: 'タスクを削除',
       deleteUser_title: 'ユーザーを削除',
       description: '説明',
+      detectAutomatically: '自動的に検知',
       dropFileToUpload: 'ファイルをドロップしてアップロード',
+      editor: 'エディター',
       editAttachment_title: '添付ファイルを編集',
       editAvatar_title: 'アバターを編集',
       editBoard_title: 'ボードを編集',
       editDueDate_title: '期限を編集',
       editEmail_title: 'Eメールを編集',
+      editInformation_title: '情報を編集',
       editLabel_title: 'ラベルを編集',
       editPassword_title: 'パスワードを編集',
+      editPermissions_title: '権限を編集',
       editStopwatch_title: 'タイマーを編集',
       editUsername_title: 'ユーザー名を編集',
       email: 'Eメール',
       emailAlreadyInUse: 'Eメールは既に使われています',
-      enterCardTitle: 'カードのタイトルを入力...',
-      enterDescription: '説明を入力...',
-      enterFilename: 'ファイル名を入力...',
-      enterListTitle: 'リストのタイトルを入力...',
+      enterCardTitle: 'カードのタイトルを入力… [Ctrl+Enter]で自動的に開く。',
+      enterDescription: '説明を入力…',
+      enterFilename: 'ファイル名を入力',
+      enterListTitle: 'リストのタイトルを入力…',
       enterProjectTitle: 'プロジェクトのタイトルを入力',
-      enterTaskDescription: 'タスクの説明を入力...',
+      enterTaskDescription: 'タスクの説明を入力…',
       filterByLabels_title: 'ラベルで絞り込む',
       filterByMembers_title: 'メンバーで絞り込む',
       fromComputer_title: 'コンピューターから',
+      fromTrello: 'Trelloから',
       general: '一般',
       hours: '時間',
+      importBoard_title: 'インポートボード',
       invalidCurrentPassword: '現在のパスワードが無効',
       labels: 'ラベル',
+      language: '使用言語',
       leaveBoard_title: 'ボードから退出',
       leaveProject_title: 'プロジェクトから退出',
       list: 'リスト',
@@ -110,41 +123,48 @@ export default {
       noLists: 'リストがありません',
       noProjects: 'プロジェクトがありません',
       notifications: '通知',
-      noUnreadNotifications: '未読の通知はありません',
+      noUnreadNotifications: '未読の通知はありません。',
       openBoard_title: 'ボードを開く',
       optional_inline: '任意',
       organization: '組織',
       phone: '電話番号',
       preferences: '環境設定',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'ヒント: Ctrl-V(MacではCmd-V)を押して、クリップボードから添付ファイルを追加します',
+        'ヒント: Ctrl-V(MacではCmd-V)を押して、クリップボードから添付ファイルを追加します。',
       project: 'プロジェクト',
       projectNotFound_title: 'プロジェクトがありません',
       removeManager_title: 'マネージャーを削除',
       removeMember_title: 'メンバーを削除',
+      searchLabels: 'ラベルから探す…',
+      searchMembers: 'メンバーから探す…',
+      searchUsers: 'ユーザーから探す…',
       seconds: '秒',
       selectBoard: 'ボードを選択',
       selectList: 'リストを選択',
+      selectPermissions_title: '権限を選択',
       selectProject: 'プロジェクトを選択',
       settings: '設定',
       stopwatch: 'タイマー',
       subscribeToMyOwnCardsByDefault: '自分のカードをデフォルトで購読する',
       taskActions_title: 'タスクのアクション',
       tasks: 'タスク',
+      thereIsNoPreviewAvailableForThisAttachment: 'この添付ファイルにはプレビューがありません。',
       time: '時間',
       title: 'タイトル',
       userActions_title: 'ユーザーのアクション',
-      userAddedThisCardToList: '<0>{{user}}</0> は <1>{{list}} をこのカードに追加しました</1>',
+      userAddedThisCardToList: '<0>{{user}}</0> 様が <1>{{list}} をこのカードに追加しました</1>',
       userLeftNewCommentToCard:
-        '{{user}} は <2> {{card}} </2> に新しいコメント «{{comment}}» を残しました',
+        '{{user}} 様が <2> {{card}} </2> に新しいコメント «{{comment}}» を残しました',
       userMovedCardFromListToList:
-        '{{user}} は <2> {{card}} </2> を {{fromList}} から {{toList}} に移動しました',
+        '{{user}} 様が <2> {{card}} </2> を {{fromList}} から {{toList}} に移動しました',
       userMovedThisCardFromListToList:
-        '<0>{{user}}</0> <1>はこのカードを {{fromList}} から {{toList}} に移動しました</1>',
+        '<0>{{user}}</0> <1>様がこのカードを {{fromList}} から {{toList}} に移動しました</1>',
       username: 'ユーザー名',
       usernameAlreadyInUse: 'ユーザー名は既に使われています',
       users: 'ユーザー',
-      writeComment: 'コメントを書く...',
+      version: 'バージョン',
+      viewer: 'ビューア',
+      writeComment: 'コメントを書く…',
     },
 
     action: {
@@ -155,6 +175,7 @@ export default {
       addCard_title: 'カードを追加',
       addComment: 'コメントを追加',
       addList: 'リストを追加',
+      addMember: 'メンバーを追加',
       addMoreDetailedDescription: 'より詳細な説明を追加',
       addTask: 'タスクを追加',
       addToCard: 'カードに追加',
@@ -184,10 +205,14 @@ export default {
       editDueDate_title: '期限を編集',
       editDescription_title: '説明を編集',
       editEmail_title: 'Eメールを編集',
+      editInformation_title: '情報を編集',
       editPassword_title: 'パスワードの編集',
+      editPermissions: '権限を編集',
       editStopwatch_title: 'タイマーの編集',
       editTitle_title: 'タイトルの編集',
       editUsername_title: 'ユーザー名の編集',
+      hideDetails: '詳細を隠す',
+      import: 'インポート',
       leaveBoard: 'ボードから退出',
       leaveProject: 'プロジェクトから退出',
       logOut_title: 'ログアウト',
@@ -203,6 +228,7 @@ export default {
       removeMember: 'メンバーを削除',
       save: '保存',
       showAllAttachments: '全ての添付ファイルを表示する({{hidden}} 非表示)',
+      showDetails: '詳細を表示',
       showFewerAttachments: 'テンプファイルの表示数を減らす',
       start: 'スタート',
       stop: 'ストップ',

client/src/locales/ja/login.js

@@ -5,16 +5,18 @@ export default {
       invalidEmailOrUsername: 'Eメールまたはユーザー名が無効',
       invalidPassword: 'パスワードが無効',
       logInToPlanka: 'Planka にログインする',
-      noInternetConnection: 'インターネットに接続されていません。',
-      pageNotFound_title: 'ページが見つかりません。',
+      noInternetConnection: 'インターネットに接続されていません',
+      pageNotFound_title: 'ページが見つかりません',
       password: 'パスワード',
       projectManagement: 'プロジェクト管理',
       serverConnectionFailed: 'サーバーの接続に失敗',
       unknownError: '不明なエラーです。後でもう一度試してください。',
+      useSingleSignOn: 'SSOを使用',
     },
 
     action: {
       logIn: 'ログイン',
+      logInWithSSO: 'SSOでログイン',
     },
   },
 };

client/src/locales/ko/core.js

@@ -1,167 +1,183 @@
 import dateFns from 'date-fns/locale/ko';
 
-/* Translated by Park Seok Ho */
-
 export default {
   dateFns,
 
   format: {
     date: 'yyyy/M/d',
-    time: 'HH:mm',
+    time: 'a hh시 mm분',
     dateTime: '$t(format:date) $t(format:time)',
-    longDate: 'MMMMd일',
-    longDateTime: "MMMMd'일 ' HH:MM",
+    longDate: "MMMMd'일'",
+    longDateTime: "MMMMd'일 ' a hh시 mm분",
+    fullDate: 'yyyy년M월d일',
+    fullDateTime: 'yyyy년M월d일 a hh시 mm분',
   },
 
   translation: {
     common: {
+      aboutPlanka: 'Planka에 대해서',
       account: '계정',
       actions: '활동',
-      addAttachment_title: '첨부파일 추가',
+      addAttachment_title: '첨부 파일 추가',
       addComment: '댓글',
-      addManager_title: '관리자 추가',
-      addMember_title: '회원 추가',
+      addManager_title: '매니저 추가',
+      addMember_title: '멤버 추가',
       addUser_title: '사용자 추가',
-      administrator: '시스템 관리자',
-      all: 'All',
+      administrator: '관리자',
+      all: '모두',
       allChangesWillBeAutomaticallySavedAfterConnectionRestored:
-        '모든 변경 사항은 연결이 복원된 후 자동으로 저장됩니다',
-      areYouSureYouWantToDeleteThisAttachment: '첨부 파일을 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisBoard: '보드를 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisCard: '항목카드를 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisComment: '댓글을 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisLabel: '라벨을 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisList: '리스트를 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisProject: '프로젝트를 삭제하시겠습니까?',
-      areYouSureYouWantToDeleteThisTask: '태스트를 삭제하겠습니까?',
-      areYouSureYouWantToDeleteThisUser: '이 유저를 삭제하겠습니까?',
+        '연결이 복원되면<br />모든 변경 사항이 자동으로 저장됩니다.',
+      areYouSureYouWantToDeleteThisAttachment: '해당하는 첨부 파일을 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisBoard: '해당하는 보드를 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisCard: '해당하는 항목카드를 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisComment: '해당하는 댓글을 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisLabel: '해당하는 라벨을 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisList: '해당하는 목록를 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisProject: '해당하는 프로젝트를 삭제하시겠습니까?',
+      areYouSureYouWantToDeleteThisTask: '해당하는 업무를 삭제하겠습니까?',
+      areYouSureYouWantToDeleteThisUser: '해당하는 사용자를 삭제하겠습니까?',
       areYouSureYouWantToLeaveBoard: '이 보드에서 나가시겠습니까?',
       areYouSureYouWantToLeaveProject: '이 프로젝트에서 나가시겠습니까?',
-      areYouSureYouWantToRemoveThisManagerFromProject: '프로젝트에서 관리자를 제거하시겠습니까?',
-      areYouSureYouWantToRemoveThisMemberFromBoard: '이 회원을 보드에서 탈퇴시키겠습니까?',
-      attachment: '첨부파일',
-      attachments: '첨부파일',
-      authentication: '계정 관리',
-      background: 'Background',
+      areYouSureYouWantToRemoveThisManagerFromProject:
+        '해당하는 프로젝트에서 매니저를 제거하시겠습니까?',
+      areYouSureYouWantToRemoveThisMemberFromBoard: '해당하는 멤버를 보드에서 삭제하시겠습니까?',
+      attachment: '첨부',
+      attachments: '첨부 파일',
+      authentication: '인증',
+      background: '배경',
       board: '보드',
-      boardNotFound_title: '보드를 찾을 수 없습니다.',
-      cardActions_title: 'Card Actions',
-      cardNotFound_title: '항목카드를 찾을 수 없습니다.',
-      cardOrActionAreDeleted: '항목카드 혹은 활동내역이 삭제되었습니다.',
-      color: 'Color',
-      createBoard_title: '보드명칭을 입력하세요.',
+      boardNotFound_title: '보드를 찾을 수 없습니다',
+      canComment: '댓글을 작성할 수 있습니다',
+      canEditContentOfBoard: '보드 콘텐츠를 수정할 수 있습니다.',
+      canOnlyViewBoard: '보드를 읽기만 할 수 있습니다.',
+      cardActions_title: '카드 작업',
+      cardNotFound_title: '카드를 찾을 수 없습니다',
+      cardOrActionAreDeleted: '카드 또는 작업이 삭제되었습니다.',
+      color: '색상',
+      createBoard_title: '보드 생성',
       createLabel_title: '라벨 생성',
-      createNewOneOrSelectExistingOne: '새 항목을 만들거나<br />기존 항목을 선택하세요.',
+      createNewOneOrSelectExistingOne: '새로 생성하거나<br />기존 항목을 선택하세요.',
       createProject_title: '프로젝트 생성',
-      createTextFile_title: 'Text File 생성',
+      createTextFile_title: '텍스트 파일 생성',
       currentPassword: '현재 비밀번호',
-      dangerZone_title: 'Danger Zone',
+      dangerZone_title: '위험 구역',
       date: '날짜',
-      dueDate_title: '완료일',
-      deleteAttachment_title: '첨부파일 삭제',
+      dueDate_title: '마감일',
+      deleteAttachment_title: '첨부 파일 삭제',
       deleteBoard_title: '보드 삭제',
-      deleteCard_title: '항목 카드 삭제',
+      deleteCard_title: '카드 삭제',
       deleteComment_title: '댓글 삭제',
       deleteLabel_title: '라벨 삭제',
-      deleteList_title: '리스트 삭제',
+      deleteList_title: '목록 삭제',
       deleteProject_title: '프로젝트 삭제',
-      deleteTask_title: '태스크 삭제',
+      deleteTask_title: '업무 삭제',
       deleteUser_title: '사용자 삭제',
       description: '설명',
       detectAutomatically: '자동으로 감지',
-      dropFileToUpload: '업로드 하기 위해서 파일을 Drop 하세요.',
+      dropFileToUpload: '업로드할 파일 놓기',
+      editor: '편집기',
       editAttachment_title: '첨부 수정',
-      editAvatar_title: '프로필사진 수정',
+      editAvatar_title: '아바타 수정',
       editBoard_title: '보드 수정',
-      editDueDate_title: '완료일 수정',
-      editEmail_title: '메일 수정',
+      editDueDate_title: '마감일 수정',
+      editEmail_title: '이메일 수정',
       editInformation_title: '정보 수정',
       editLabel_title: '라벨 수정',
       editPassword_title: '비밀번호 수정',
-      editStopwatch_title: '타이머 수정',
-      editUsername_title: '사용자이름 수정',
-      email: '메일',
-      emailAlreadyInUse: '기 가입된 이메일이 존재합니다.',
-      enterCardTitle: '항목카드명을 입력하세요...',
-      enterDescription: '자세한 설명을 작성하세요...',
-      enterFilename: '파일이름을 입력하세요...',
-      enterListTitle: '리스트명을 입력 (예,todo,완료,이슈등...)',
-      enterProjectTitle: '프로젝트명칭을 입력하세요.',
-      enterTaskDescription: '태스크 설명을 입력하세요...',
-      filterByLabels_title: '라벨 검색',
-      filterByMembers_title: '회원으로 검색',
-      fromComputer_title: 'PC로 부터',
-      general: 'General',
+      editPermissions_title: '권한 수정',
+      editStopwatch_title: '스톱워치 수정',
+      editUsername_title: '사용자 이름 수정',
+      email: '이메일',
+      emailAlreadyInUse: '이미 사용 중인 이메일입니다',
+      enterCardTitle: '카드 제목 입력... [Ctrl+Enter]로 자동으로 열 수 있습니다.',
+      enterDescription: '설명 입력...',
+      enterFilename: '파일 이름 입력',
+      enterListTitle: '목록 제목 입력...',
+      enterProjectTitle: '프로젝트 제목 입력',
+      enterTaskDescription: '업무 설명 입력...',
+      filterByLabels_title: '라벨로 필터링',
+      filterByMembers_title: '멤버로 필터링',
+      fromComputer_title: 'PC에서',
+      fromTrello: '트렐로에서',
+      general: '일반',
       hours: '시',
-      invalidCurrentPassword: '현재 패스워드는 유효하지 않습니다.',
+      importBoard_title: '보드 가져오기',
+      invalidCurrentPassword: '현재 비밀번호가 일치하지 않습니다',
       labels: '라벨',
-      language: '언어 선택',
-      leaveBoard_title: '보드 탈퇴',
-      leaveProject_title: '프로젝트 탈퇴',
-      list: '내역',
-      listActions_title: '활용 내역',
-      managers: '관리자',
-      members: '팀원',
+      language: '언어',
+      leaveBoard_title: '보드 떠나기',
+      leaveProject_title: '프로젝트 떠나기',
+      list: '목록',
+      listActions_title: '목록 항목 조율',
+      managers: '매니저',
+      members: '멤버',
       minutes: '분',
-      moveCard_title: '항목카드 이동',
+      moveCard_title: '카드 옮기기',
       name: '이름',
-      newEmail: '새로운 메일',
-      newPassword: '새로운 패스워드',
+      newEmail: '새로운 이메일',
+      newPassword: '새로운 비밀번호',
       newUsername: '새로운 사용자 이름',
-      noConnectionToServer: '서버에 연결할수 없습니다.',
-      noBoards: '보드가 존재하지 않습니다.',
-      noLists: '리스트가 존재하지 않습니다.',
-      noProjects: '프로젝트가 존재하지 않습니다.',
+      noConnectionToServer: '서버에 연결할 수 없습니다',
+      noBoards: '보드가 존재하지 않습니다',
+      noLists: '목록이 존재하지 않습니다',
+      noProjects: '프로젝트가 존재하지 않습니다',
       notifications: '알림',
-      noUnreadNotifications: '알림을 모두 확인했습니다.',
-      openBoard_title: '보드열기',
+      noUnreadNotifications: '확인하지 않은 알림이 없습니다.',
+      openBoard_title: '보드 열기',
       optional_inline: '옵션',
       organization: '조직',
       phone: '전화번호',
       preferences: '환경설정',
       pressPasteShortcutToAddAttachmentFromClipboard:
-        'Tip: 클립보드에서 첨부 파일을 추가하려면 Ctrl-V(Mac의 경우 Cmd-V) 입니다..',
+        '팁: 클립보드에서 첨부 파일을 추가하려면 Ctrl-V (Mac의 경우 Cmd-V)를 누릅니다.',
       project: '프로젝트',
-      projectNotFound_title: '프로젝트가 존재하지 않습니다.',
-      removeManager_title: '관리자 삭제',
-      removeMember_title: '맴버 삭제',
+      projectNotFound_title: '프로젝트를 찾을 수 없습니다',
+      removeManager_title: '매니저 삭제',
+      removeMember_title: '멤버 삭제',
+      searchLabels: '라벨 검색...',
+      searchMembers: '멤버 검색...',
+      searchUsers: '사용자 검색...',
       seconds: '초',
       selectBoard: '보드 선택',
-      selectList: '리스트 선택',
+      selectList: '목록 선택',
+      selectPermissions_title: '권한 선택',
       selectProject: '프로젝트 선택',
       settings: '설정',
-      stopwatch: '활동시간',
-      subscribeToMyOwnCardsByDefault: '내 항목카드는 기본으로 구독',
-      taskActions_title: '태스크 활동',
-      tasks: '태스크',
-      thereIsNoPreviewAvailableForThisAttachment:
-        '이 첨부 파일에 사용할 수 있는 미리보기가 없습니다.',
+      stopwatch: '스톱워치',
+      subscribeToMyOwnCardsByDefault: '기본적으로 내 카드를 구독합니다',
+      taskActions_title: '업무 조율',
+      tasks: '업무',
+      thereIsNoPreviewAvailableForThisAttachment: '이 첨부 파일은 미리 보기를 사용할 수 없습니다.',
       time: '시간',
       title: '제목',
-      userActions_title: '',
-      userAddedThisCardToList: '<0>{{user}}</0><1>이 카드를 {{list}}</1>에 추가했습니다.',
+      userActions_title: '사용자 조율',
+      userAddedThisCardToList: '<0>{{user}}</0>님이 <1>{{list}}에 카드를 추가했습니다</1>',
       userLeftNewCommentToCard:
-        '{{user}}이(가) <2>{{card}}</2>에 «{{comment}}»라는 댓글을 남겼습니다',
-      userMovedCardFromListToList: '{{user}} moved <2>{{card}}</2> from {{fromList}} to {{toList}}',
+        '{{user}}님이 <2>{{card}}</2>에 «{{comment}}»라는 댓글을 남겼습니다',
+      userMovedCardFromListToList:
+        '{{user}}님이 {{fromList}}에서 {{toList}}로 <2>{{card}}</2>를 옮겼습니다',
       userMovedThisCardFromListToList:
-        '<0>{{user}}</0><1> 이 항목카드를  {{fromList}} 에서 {{toList}} 으로 이동했습니다. </1>',
-      username: '아이디',
-      usernameAlreadyInUse: '이미 사용중인 사용자입니다.',
+        '<0>{{user}}</0><1> 님이 {{fromList}}에서 {{toList}}로 이 카드를 옮겼습니다</1>',
+      username: '사용자 이름',
+      usernameAlreadyInUse: '이미 사용중인 사용자 이름입니다',
       users: '사용자',
-      writeComment: '댓글 작성...',
+      version: '버전',
+      viewer: '열람자',
+      writeComment: '댓글 쓰기...',
     },
 
     action: {
-      addAnotherCard: '다른 항목카드 추가',
-      addAnotherList: '다른 리스트 추가',
-      addAnotherTask: '다른 TASK 추가',
-      addCard: '항목카드 추가',
-      addCard_title: '항목카드 추가',
+      addAnotherCard: '다른 카드 추가',
+      addAnotherList: '다른 목록 추가',
+      addAnotherTask: '다른 업무 추가',
+      addCard: '카드 추가',
+      addCard_title: '카드 추가',
       addComment: '댓글 추가',
-      addList: '리스트 추가',
+      addList: '목록 추가',
+      addMember: '멤버 추가',
       addMoreDetailedDescription: '자세한 설명 추가',
-      addTask: '태스트 추가',
-      addToCard: '항목카드 추가',
+      addTask: '업무 추가',
+      addToCard: '카드에 추가',
       addUser: '사용자 추가',
       createBoard: '보드 생성',
       createFile: '파일 생성',
@@ -169,51 +185,55 @@ export default {
       createNewLabel: '새로운 라벨 생성',
       createProject: '프로젝트 생성',
       delete: '삭제',
-      deleteAttachment: '첨부삭제',
-      deleteAvatar: '프로필 사진 삭제',
+      deleteAttachment: '첨부 삭제',
+      deleteAvatar: '아바타 삭제',
       deleteBoard: '보드 삭제',
-      deleteCard: '항목카드 삭제',
-      deleteCard_title: '항목카드 삭제',
+      deleteCard: '카드 삭제',
+      deleteCard_title: '카드 삭제',
       deleteComment: '댓글 삭제',
       deleteImage: '이미지 삭제',
       deleteLabel: '라벨 삭제',
-      deleteList: '리스트 삭제',
-      deleteList_title: '리스트 삭제',
+      deleteList: '목록 삭제',
+      deleteList_title: '목록 삭제',
       deleteProject: '프로젝트 삭제',
       deleteProject_title: '프로젝트 삭제',
-      deleteTask: '태스트 삭제',
-      deleteTask_title: '태스트 삭제',
+      deleteTask: '업무 삭제',
+      deleteTask_title: '업무 삭제',
       deleteUser: '사용자 삭제',
       edit: '수정',
-      editDueDate_title: '완료일 수정',
+      editDueDate_title: '마감일 수정',
       editDescription_title: '설명 수정',
-      editEmail_title: '메일 수정',
+      editEmail_title: '이메일 수정',
       editInformation_title: '정보 수정',
-      editPassword_title: '패스워드 수정',
-      editStopwatch_title: '시간 수정',
+      editPassword_title: '비밀번호 수정',
+      editPermissions: '권한 수정',
+      editStopwatch_title: '스톱워치 수정',
       editTitle_title: '제목 수정',
-      editUsername_title: '이름 수정',
-      leaveBoard: '보드에서 나가기',
-      leaveProject: '프로젝트에서 나가기',
+      editUsername_title: '사용자 이름 수정',
+      hideDetails: '세부 사항 숨기기',
+      import: '가져오기',
+      leaveBoard: '보드 나가기',
+      leaveProject: '프로젝트 나가기',
       logOut_title: '로그아웃',
       makeCover_title: '커버 만들기',
       move: '이동',
-      moveCard_title: '항목카드 이동',
+      moveCard_title: '카드 이동',
       remove: '제거',
-      removeBackground: '백그라운드 제거',
+      removeBackground: '배경 제거',
       removeCover_title: '커버 제거',
-      removeFromBoard: '보드에서 제거',
-      removeFromProject: '프로젝트에서 제거',
-      removeManager: '관리자 삭제',
-      removeMember: '멤버 삭제',
+      removeFromBoard: '보드 제거',
+      removeFromProject: '프로젝트 제거',
+      removeManager: '매니저 제거',
+      removeMember: '멤버 제거',
       save: '저장',
-      showAllAttachments: '모든 첨부파일 표시 ({{hidden}} hidden)',
-      showFewerAttachments: '일부 첨부파일만 표시',
+      showAllAttachments: '모든 첨부 파일 표시 ({{hidden}} 숨겨짐)',
+      showDetails: '세부 사항 표시',
+      showFewerAttachments: '일부 첨부 파일만 표시',
       start: '시작',
-      stop: '끝',
-      subscribe: '구독하기',
+      stop: '종료',
+      subscribe: '구독',
       unsubscribe: '구독 취소',
-      uploadNewAvatar: '새로운 프로필 사진 업로드',
+      uploadNewAvatar: '새로운 아바타 업로드',
       uploadNewImage: '새로운 이미지 업로드',
     },
   },

client/src/locales/ko/login.js

@@ -1,22 +1,22 @@
-/* Translated by Park Seok Ho */
-
 export default {
   translation: {
     common: {
-      emailOrUsername: '이메일 혹은 아이디',
-      invalidEmailOrUsername: '이메일이나 사용자 이름이 유효하지 않습니다.',
-      invalidPassword: '잘못된 비밀번호',
+      emailOrUsername: '이메일 혹은 사용자 이름',
+      invalidEmailOrUsername: '이메일 혹은 사용자 이름이 유효하지 않습니다',
+      invalidPassword: '유효하지 않은 비밀번호',
       logInToPlanka: 'Planka에 로그인',
-      noInternetConnection: '인터넷에 연결되지 않음',
-      pageNotFound_title: '페이지를 찾을수 없습니다.',
-      password: '패스워드',
+      noInternetConnection: '인터넷 연결이 없음',
+      pageNotFound_title: '페이지를 찾을 수 없습니다',
+      password: '비밀번호',
       projectManagement: '프로젝트 관리',
-      serverConnectionFailed: '서버 연결 실패',
-      unknownError: '알 수 없는 오류가 발생하였습니다, 나중에 다시 시도하세요.',
+      serverConnectionFailed: '서버 연결에 실패함',
+      unknownError: '알 수 없는 오류, 나중에 다시 시도하십시오',
+      useSingleSignOn: 'single sign-on(SSO) 사용',
     },
 
     action: {
       logIn: '로그인',
+      logInWithSSO: 'single sign-on(SSO)으로 로그인',
     },
   },
 };

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