mirror of
https://github.com/plankanban/planka.git
synced 2025-07-19 13:19:44 +02:00
chore: merge master
This commit is contained in:
Maël Gangloff
commit
336addbae4
301 changed files with 21353 additions and 15636 deletions
53
.github/ISSUE_TEMPLATE/1-bug-report.yml
vendored
Normal file
53
.github/ISSUE_TEMPLATE/1-bug-report.yml
vendored
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
name: "🐛 Bug Report"
|
||||||
|
description: Report a bug found while using Planka
|
||||||
|
title: "[Bug]: "
|
||||||
|
labels: ["Type: Bug", "Status: Triage"]
|
||||||
|
body:
|
||||||
|
- type: dropdown
|
||||||
|
id: issue-type
|
||||||
|
attributes:
|
||||||
|
label: Where is the problem occurring?
|
||||||
|
description: Select the part of the application where you encountered the issue.
|
||||||
|
options:
|
||||||
|
- "I encountered the problem while using the application (Frontend)"
|
||||||
|
- "I encountered the problem while interacting with the server (Backend)"
|
||||||
|
- "I'm not sure"
|
||||||
|
- type: dropdown
|
||||||
|
id: browsers
|
||||||
|
attributes:
|
||||||
|
label: What browsers are you seeing the problem on?
|
||||||
|
multiple: true
|
||||||
|
options:
|
||||||
|
- Brave
|
||||||
|
- Chrome
|
||||||
|
- Firefox
|
||||||
|
- Microsoft Edge
|
||||||
|
- Safari
|
||||||
|
- Other
|
||||||
|
- type: textarea
|
||||||
|
id: current-behavior
|
||||||
|
attributes:
|
||||||
|
label: Current behaviour
|
||||||
|
description: A description of what is currently happening, including screenshots and other useful information (**DO NOT INCLUDE PRIVATE INFORMATION**).
|
||||||
|
placeholder: Currently...
|
||||||
|
validations:
|
||||||
|
required: true
|
||||||
|
- type: textarea
|
||||||
|
id: desired-behavior
|
||||||
|
attributes:
|
||||||
|
label: Desired behaviour
|
||||||
|
description: A clear description of what you think should happen.
|
||||||
|
placeholder: In this situation, I expected ...
|
||||||
|
- type: textarea
|
||||||
|
id: reproduction
|
||||||
|
attributes:
|
||||||
|
label: Steps to reproduce
|
||||||
|
description: Clearly describe which steps or actions you have taken to arrive at the problem. If you have some experience with the code, please link to the specific pieces of code.
|
||||||
|
placeholder: I did X, then Y, before arriving at Z, when ERROR ...
|
||||||
|
validations:
|
||||||
|
required: true
|
||||||
|
- type: textarea
|
||||||
|
id: other
|
||||||
|
attributes:
|
||||||
|
label: Other information
|
||||||
|
description: Any other details?
|
||||||
33
.github/ISSUE_TEMPLATE/2-feature-request.yml
vendored
Normal file
33
.github/ISSUE_TEMPLATE/2-feature-request.yml
vendored
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
name: "✨ Feature Request"
|
||||||
|
description: Suggest a feature or enhancement to improve Planka.
|
||||||
|
labels: ["Type: Idea"]
|
||||||
|
body:
|
||||||
|
- type: dropdown
|
||||||
|
id: idea-type
|
||||||
|
attributes:
|
||||||
|
label: Is this a feature for the backend or frontend?
|
||||||
|
multiple: true
|
||||||
|
options:
|
||||||
|
- Backend
|
||||||
|
- Frontend
|
||||||
|
validations:
|
||||||
|
required: true
|
||||||
|
- type: textarea
|
||||||
|
id: feature
|
||||||
|
attributes:
|
||||||
|
label: What would you like?
|
||||||
|
description: A clear description of the feature or enhancement wanted.
|
||||||
|
placeholder: I'd like to be able to...
|
||||||
|
validations:
|
||||||
|
required: true
|
||||||
|
- type: textarea
|
||||||
|
id: reason
|
||||||
|
attributes:
|
||||||
|
label: Why is this needed?
|
||||||
|
description: A clear description of why this would be useful to have.
|
||||||
|
placeholder: I want this because...
|
||||||
|
- type: textarea
|
||||||
|
id: other
|
||||||
|
attributes:
|
||||||
|
label: Other information
|
||||||
|
placeholder: Any other details?
|
||||||
|
|
@ -40,5 +40,5 @@ jobs:
|
||||||
build-args: ALPINE_VERSION=${{ env.ALPINE_VERSION }}
|
build-args: ALPINE_VERSION=${{ env.ALPINE_VERSION }}
|
||||||
push: true
|
push: true
|
||||||
tags: |
|
tags: |
|
||||||
ghcr.io/plankanban/planka:base-latest
|
ghcr.io/${{ github.repository }}:base-latest
|
||||||
ghcr.io/plankanban/planka:base-${{ env.ALPINE_VERSION }}
|
ghcr.io/${{ github.repository }}:base-${{ env.ALPINE_VERSION }}
|
||||||
|
|
|
||||||
|
|
@ -9,99 +9,45 @@ on:
|
||||||
- 'docker-*.sh'
|
- 'docker-*.sh'
|
||||||
- '*.md'
|
- '*.md'
|
||||||
branches: [master]
|
branches: [master]
|
||||||
|
workflow_dispatch:
|
||||||
env:
|
env:
|
||||||
REGISTRY_IMAGE: ghcr.io/plankanban/planka
|
REGISTRY_IMAGE: ghcr.io/${{ github.repository }}
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
build:
|
build:
|
||||||
strategy:
|
runs-on: self-hosted
|
||||||
fail-fast: false
|
|
||||||
matrix:
|
|
||||||
include:
|
|
||||||
- os: [self-hosted, x64]
|
|
||||||
platform: linux/amd64
|
|
||||||
- os: [self-hosted, arm64]
|
|
||||||
platform: linux/arm64
|
|
||||||
- os: [self-hosted, arm64]
|
|
||||||
platform: linux/arm/v7
|
|
||||||
runs-on: ${{ matrix.os }}
|
|
||||||
steps:
|
steps:
|
||||||
- name: Checkout
|
- name: Checkout
|
||||||
uses: actions/checkout@v4
|
uses: actions/checkout@v4
|
||||||
- name: Docker meta
|
|
||||||
id: meta
|
|
||||||
uses: docker/metadata-action@v5
|
|
||||||
with:
|
|
||||||
images: ${{ env.REGISTRY_IMAGE }}
|
|
||||||
- name: Set up QEMU
|
- name: Set up QEMU
|
||||||
uses: docker/setup-qemu-action@v3
|
uses: docker/setup-qemu-action@v2
|
||||||
|
|
||||||
- name: Set up Docker Buildx
|
- name: Set up Docker Buildx
|
||||||
uses: docker/setup-buildx-action@v3
|
uses: docker/setup-buildx-action@v2
|
||||||
|
|
||||||
- name: Login to GitHub Container Registry
|
- name: Login to GitHub Container Registry
|
||||||
uses: docker/login-action@v3
|
uses: docker/login-action@v2
|
||||||
with:
|
with:
|
||||||
registry: ghcr.io
|
registry: ghcr.io
|
||||||
username: ${{ github.repository_owner }}
|
username: ${{ github.repository_owner }}
|
||||||
password: ${{ secrets.GITHUB_TOKEN }}
|
password: ${{ secrets.GITHUB_TOKEN }}
|
||||||
- name: Build and push by digest
|
|
||||||
id: build
|
- name: Generate docker image tags
|
||||||
uses: docker/build-push-action@v5
|
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:
|
with:
|
||||||
context: .
|
context: .
|
||||||
platforms: ${{ matrix.platform }}
|
platforms: linux/amd64,linux/arm64,linux/arm/v7
|
||||||
labels: ${{ steps.meta.outputs.labels }}
|
push: true
|
||||||
outputs: type=image,name=${{ env.REGISTRY_IMAGE }},push-by-digest=true,name-canonical=true,push=true
|
tags: ${{ steps.metadata.outputs.tags }}
|
||||||
- name: Export digest
|
labels: ${{ steps.metadata.outputs.labels }}
|
||||||
run: |
|
cache-from: type=gha
|
||||||
mkdir -p /tmp/digests
|
cache-to: type=gha,mode=max
|
||||||
digest="${{ steps.build.outputs.digest }}"
|
|
||||||
touch "/tmp/digests/${digest#sha256:}"
|
|
||||||
- name: Upload digest
|
|
||||||
uses: actions/upload-artifact@v3
|
|
||||||
with:
|
|
||||||
name: digests
|
|
||||||
path: /tmp/digests/*
|
|
||||||
if-no-files-found: error
|
|
||||||
retention-days: 1
|
|
||||||
|
|
||||||
merge:
|
|
||||||
runs-on: [self-hosted]
|
|
||||||
needs:
|
|
||||||
- build
|
|
||||||
steps:
|
|
||||||
- name: Download digests
|
|
||||||
uses: actions/download-artifact@v3
|
|
||||||
with:
|
|
||||||
name: digests
|
|
||||||
path: /tmp/digests
|
|
||||||
- name: Set up Docker Buildx
|
|
||||||
uses: docker/setup-buildx-action@v3
|
|
||||||
- name: Docker meta
|
|
||||||
id: meta
|
|
||||||
uses: docker/metadata-action@v5
|
|
||||||
with:
|
|
||||||
images: ${{ env.REGISTRY_IMAGE }}
|
|
||||||
- name: Login to GitHub Container Registry
|
|
||||||
uses: docker/login-action@v3
|
|
||||||
with:
|
|
||||||
registry: ghcr.io
|
|
||||||
username: ${{ github.repository_owner }}
|
|
||||||
password: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
- name: Create manifest list and push
|
|
||||||
working-directory: /tmp/digests
|
|
||||||
run: |
|
|
||||||
docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
|
|
||||||
$(printf '${{ env.REGISTRY_IMAGE }}@sha256:%s ' *)
|
|
||||||
- name: Inspect image
|
|
||||||
run: |
|
|
||||||
docker buildx imagetools inspect ${{ env.REGISTRY_IMAGE }}:${{ steps.meta.outputs.version }}
|
|
||||||
rerun-failed-jobs:
|
|
||||||
runs-on: [self-hosted]
|
|
||||||
needs: [ build, merge]
|
|
||||||
if: failure()
|
|
||||||
steps:
|
|
||||||
- name: Rerun failed jobs in the current workflow
|
|
||||||
env:
|
|
||||||
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
run: gh run rerun ${{ github.run_id }} --failed
|
|
||||||
|
|
|
||||||
|
|
@ -31,12 +31,23 @@ jobs:
|
||||||
result-encoding: string
|
result-encoding: string
|
||||||
script: return context.payload.release.tag_name.replace('v', '')
|
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
|
- name: Build and push
|
||||||
uses: docker/build-push-action@v4
|
uses: docker/build-push-action@v4
|
||||||
with:
|
with:
|
||||||
context: .
|
context: .
|
||||||
platforms: linux/amd64,linux/arm64,linux/arm/v7
|
platforms: linux/amd64,linux/arm64,linux/arm/v7
|
||||||
push: true
|
push: true
|
||||||
tags: |
|
tags: ${{ steps.metadata.outputs.tags }}
|
||||||
ghcr.io/plankanban/planka:latest
|
labels: ${{ steps.metadata.outputs.labels }}
|
||||||
ghcr.io/plankanban/planka:${{ steps.set-version.outputs.result }}
|
cache-from: type=gha
|
||||||
|
cache-to: type=gha,mode=max
|
||||||
|
|
|
||||||
2
.husky/pre-commit
Executable file → Normal file
2
.husky/pre-commit
Executable file → Normal file
|
|
@ -1,4 +1,2 @@
|
||||||
#!/bin/sh
|
#!/bin/sh
|
||||||
. "$(dirname "$0")/_/husky.sh"
|
|
||||||
|
|
||||||
npx lint-staged
|
npx lint-staged
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
# Planka
|
# Planka
|
||||||
#### Elegant open source project tracking.
|
#### Elegant open source project tracking.
|
||||||
|
|
||||||
  
|
  
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -15,13 +15,13 @@ type: application
|
||||||
# This is the chart version. This version number should be incremented each time you make changes
|
# 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.
|
# to the chart and its templates, including the app version.
|
||||||
# Versions are expected to follow Semantic Versioning (https://semver.org/)
|
# Versions are expected to follow Semantic Versioning (https://semver.org/)
|
||||||
version: 0.1.26
|
version: 0.2.7
|
||||||
|
|
||||||
# This is the version number of the application being deployed. This version number should be
|
# 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
|
# 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.
|
# follow Semantic Versioning. They should reflect the version the application is using.
|
||||||
# It is recommended to use it with quotes.
|
# It is recommended to use it with quotes.
|
||||||
appVersion: "1.16.4"
|
appVersion: "1.21.1"
|
||||||
|
|
||||||
dependencies:
|
dependencies:
|
||||||
- alias: postgresql
|
- alias: postgresql
|
||||||
|
|
|
||||||
|
|
@ -14,11 +14,15 @@ If you want to fully uninstall this chart including the data, follow [these step
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
|
If you just want to spin up an instance using help, please see [these docs](https://docs.planka.cloud/docs/installation/kubernetes/helm_chart/). If you want to make changes to the chart locally, and deploy them, see the below section.
|
||||||
|
|
||||||
|
## Local Building and Using the Chart
|
||||||
|
|
||||||
The basic usage of the chart can be found below:
|
The basic usage of the chart can be found below:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
git clone https://github.com/Chris-Greaves/planka-helm-chart.git
|
git clone https://github.com/plankanban/planka.git
|
||||||
cd planka-helm-chart
|
cd planka/charts/planka
|
||||||
helm dependency build
|
helm dependency build
|
||||||
export SECRETKEY=$(openssl rand -hex 64)
|
export SECRETKEY=$(openssl rand -hex 64)
|
||||||
helm install planka . --set secretkey=$SECRETKEY \
|
helm install planka . --set secretkey=$SECRETKEY \
|
||||||
|
|
|
||||||
|
|
@ -64,8 +64,16 @@ spec:
|
||||||
{{- toYaml .Values.resources | nindent 12 }}
|
{{- toYaml .Values.resources | nindent 12 }}
|
||||||
env:
|
env:
|
||||||
{{- if not .Values.postgresql.enabled }}
|
{{- if not .Values.postgresql.enabled }}
|
||||||
|
{{- if .Values.existingDburlSecret }}
|
||||||
- name: DATABASE_URL
|
- name: DATABASE_URL
|
||||||
value: {{ required "If the included postgresql deployment is disabled you need to define a Database URL in 'dburl'" .Values.dburl }}
|
valueFrom:
|
||||||
|
secretKeyRef:
|
||||||
|
name: {{ .Values.existingDburlSecret }}
|
||||||
|
key: uri
|
||||||
|
{{- else }}
|
||||||
|
- name: DATABASE_URL
|
||||||
|
value: {{ required "If the included postgresql deployment is disabled you need to provide an existing secret in .Values.existingDburlSecret or define a Database URL in 'dburl'" .Values.dburl }}
|
||||||
|
{{- end }}
|
||||||
{{- else }}
|
{{- else }}
|
||||||
- name: DATABASE_URL
|
- name: DATABASE_URL
|
||||||
valueFrom:
|
valueFrom:
|
||||||
|
|
@ -82,17 +90,37 @@ spec:
|
||||||
value: http://localhost:3000
|
value: http://localhost:3000
|
||||||
{{- end }}
|
{{- end }}
|
||||||
- name: SECRET_KEY
|
- name: SECRET_KEY
|
||||||
|
{{- if .Values.existingSecretkeySecret }}
|
||||||
|
valueFrom:
|
||||||
|
secretKeyRef:
|
||||||
|
name: {{ .Values.existingSecretkeySecret }}
|
||||||
|
key: key
|
||||||
|
{{- else }}
|
||||||
value: {{ required "A secret key needs to be generated using 'openssl rand -hex 64' and assigned to secretkey." .Values.secretkey }}
|
value: {{ required "A secret key needs to be generated using 'openssl rand -hex 64' and assigned to secretkey." .Values.secretkey }}
|
||||||
|
{{- end }}
|
||||||
- name: TRUST_PROXY
|
- name: TRUST_PROXY
|
||||||
value: "0"
|
value: "0"
|
||||||
- name: DEFAULT_ADMIN_EMAIL
|
- name: DEFAULT_ADMIN_EMAIL
|
||||||
value: {{ .Values.admin_email }}
|
value: {{ .Values.admin_email }}
|
||||||
- name: DEFAULT_ADMIN_PASSWORD
|
|
||||||
value: {{ .Values.admin_password }}
|
|
||||||
- name: DEFAULT_ADMIN_NAME
|
- name: DEFAULT_ADMIN_NAME
|
||||||
value: {{ .Values.admin_name }}
|
value: {{ .Values.admin_name }}
|
||||||
|
{{- if .Values.existingAdminCredsSecret }}
|
||||||
|
- name: DEFAULT_ADMIN_USERNAME
|
||||||
|
valueFrom:
|
||||||
|
secretKeyRef:
|
||||||
|
name: {{ .Values.existingAdminCredsSecret }}
|
||||||
|
key: username
|
||||||
|
- name: DEFAULT_ADMIN_PASSWORD
|
||||||
|
valueFrom:
|
||||||
|
secretKeyRef:
|
||||||
|
name: {{ .Values.existingAdminCredsSecret }}
|
||||||
|
key: password
|
||||||
|
{{- else }}
|
||||||
- name: DEFAULT_ADMIN_USERNAME
|
- name: DEFAULT_ADMIN_USERNAME
|
||||||
value: {{ .Values.admin_username }}
|
value: {{ .Values.admin_username }}
|
||||||
|
- name: DEFAULT_ADMIN_PASSWORD
|
||||||
|
value: {{ .Values.admin_password }}
|
||||||
|
{{- end }}
|
||||||
{{ range $k, $v := .Values.env }}
|
{{ range $k, $v := .Values.env }}
|
||||||
- name: {{ $k | quote }}
|
- name: {{ $k | quote }}
|
||||||
value: {{ $v | quote }}
|
value: {{ $v | quote }}
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,16 @@ fullnameOverride: ""
|
||||||
# Generate a secret using openssl rand -base64 45
|
# Generate a secret using openssl rand -base64 45
|
||||||
secretkey: ""
|
secretkey: ""
|
||||||
|
|
||||||
|
## @param existingSecretkeySecret Name of an existing secret containing the session key string
|
||||||
|
## NOTE: Must contain key `key`
|
||||||
|
## NOTE: When it's set, the secretkey parameter is ignored
|
||||||
|
existingSecretkeySecret: ""
|
||||||
|
|
||||||
|
## @param existingAdminCredsSecret Name of an existing secret containing the admin username and password
|
||||||
|
## NOTE: Must contain keys `username` and `password`
|
||||||
|
## NOTE: When it's set, the `admin_username` and `admin_password` parameters are ignored
|
||||||
|
existingAdminCredsSecret: ""
|
||||||
|
|
||||||
# Base url for Planka. Will override `ingress.hosts[0].host`
|
# Base url for Planka. Will override `ingress.hosts[0].host`
|
||||||
# Defaults to `http://localhost:3000` if ingress is disabled.
|
# Defaults to `http://localhost:3000` if ingress is disabled.
|
||||||
baseUrl: ""
|
baseUrl: ""
|
||||||
|
|
@ -105,9 +115,15 @@ postgresql:
|
||||||
serviceBindings:
|
serviceBindings:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|
||||||
## Set this if you disable the built-in postgresql deployment
|
## Set this or existingDburlSecret if you disable the built-in postgresql deployment
|
||||||
dburl:
|
dburl:
|
||||||
|
|
||||||
|
## @param existingDburlSecret Name of an existing secret containing a DBurl connection string
|
||||||
|
## NOTE: Must contain key `uri`
|
||||||
|
## NOTE: When it's set, the `dburl` parameter is ignored
|
||||||
|
##
|
||||||
|
existingDburlSecret: ""
|
||||||
|
|
||||||
## PVC-based data storage configuration
|
## PVC-based data storage configuration
|
||||||
persistence:
|
persistence:
|
||||||
enabled: false
|
enabled: false
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
REACT_APP_VERSION=1.16.4
|
|
||||||
13027
client/package-lock.json
generated
13027
client/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -60,64 +60,64 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@juggle/resize-observer": "^3.4.0",
|
"@juggle/resize-observer": "^3.4.0",
|
||||||
"classnames": "^2.3.2",
|
"classnames": "^2.5.1",
|
||||||
"date-fns": "^2.30.0",
|
"date-fns": "^2.30.0",
|
||||||
"dequal": "^2.0.3",
|
"dequal": "^2.0.3",
|
||||||
"easymde": "^2.18.0",
|
"easymde": "^2.18.0",
|
||||||
"history": "^5.3.0",
|
"history": "^5.3.0",
|
||||||
"i18next": "^23.7.6",
|
"i18next": "^23.12.2",
|
||||||
"i18next-browser-languagedetector": "^7.2.0",
|
"i18next-browser-languagedetector": "^8.0.0",
|
||||||
"initials": "^3.1.2",
|
"initials": "^3.1.2",
|
||||||
"js-cookie": "^3.0.5",
|
"js-cookie": "^3.0.5",
|
||||||
"jwt-decode": "^4.0.0",
|
"jwt-decode": "^4.0.0",
|
||||||
"linkify-react": "^4.1.3",
|
"linkify-react": "^4.1.3",
|
||||||
"linkifyjs": "^4.1.3",
|
"linkifyjs": "^4.1.3",
|
||||||
"lodash": "^4.17.21",
|
"lodash": "^4.17.21",
|
||||||
"nanoid": "^5.0.3",
|
"nanoid": "^5.0.7",
|
||||||
"node-sass": "^9.0.0",
|
"node-sass": "^9.0.0",
|
||||||
"photoswipe": "^5.4.2",
|
"photoswipe": "^5.4.4",
|
||||||
"prop-types": "^15.8.1",
|
"prop-types": "^15.8.1",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-app-rewired": "^2.2.1",
|
"react-app-rewired": "^2.2.1",
|
||||||
"react-beautiful-dnd": "^13.1.1",
|
"react-beautiful-dnd": "^13.1.1",
|
||||||
"react-datepicker": "^4.21.0",
|
"react-datepicker": "^4.25.0",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
"react-dropzone": "^14.2.3",
|
"react-dropzone": "^14.2.3",
|
||||||
"react-i18next": "^13.5.0",
|
"react-i18next": "^15.0.0",
|
||||||
"react-input-mask": "^2.0.4",
|
"react-input-mask": "^2.0.4",
|
||||||
"react-markdown": "^8.0.7",
|
"react-markdown": "^8.0.7",
|
||||||
"react-photoswipe-gallery": "^2.2.7",
|
"react-photoswipe-gallery": "^2.2.7",
|
||||||
"react-redux": "^8.1.3",
|
"react-redux": "^8.1.3",
|
||||||
"react-router-dom": "^6.19.0",
|
"react-router-dom": "^6.23.1",
|
||||||
"react-scripts": "5.0.1",
|
"react-scripts": "5.0.1",
|
||||||
"react-simplemde-editor": "^5.2.0",
|
"react-simplemde-editor": "^5.2.0",
|
||||||
"react-textarea-autosize": "^8.5.3",
|
"react-textarea-autosize": "^8.5.3",
|
||||||
"redux": "^4.2.1",
|
"redux": "^4.2.1",
|
||||||
"redux-logger": "^3.0.6",
|
"redux-logger": "^3.0.6",
|
||||||
"redux-orm": "^0.16.2",
|
"redux-orm": "^0.16.2",
|
||||||
"redux-saga": "^1.2.3",
|
"redux-saga": "^1.3.0",
|
||||||
"remark-breaks": "^4.0.0",
|
"remark-breaks": "^4.0.0",
|
||||||
"remark-gfm": "^3.0.1",
|
"remark-gfm": "^3.0.1",
|
||||||
"reselect": "^4.1.8",
|
"reselect": "^4.1.8",
|
||||||
"sails.io.js": "^1.2.1",
|
"sails.io.js": "^1.2.1",
|
||||||
"semantic-ui-react": "^2.1.4",
|
"semantic-ui-react": "^2.1.5",
|
||||||
"socket.io-client": "^2.5.0",
|
"socket.io-client": "^2.5.0",
|
||||||
"validator": "^13.11.0",
|
"validator": "^13.12.0",
|
||||||
"whatwg-fetch": "^3.6.19",
|
"whatwg-fetch": "^3.6.20",
|
||||||
"zxcvbn": "^4.4.2"
|
"zxcvbn": "^4.4.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@testing-library/jest-dom": "^6.1.4",
|
"@testing-library/jest-dom": "^6.4.5",
|
||||||
"@testing-library/react": "^14.1.0",
|
"@testing-library/react": "^15.0.7",
|
||||||
"@testing-library/user-event": "^14.5.1",
|
"@testing-library/user-event": "^14.5.2",
|
||||||
"babel-preset-airbnb": "^5.0.0",
|
"babel-preset-airbnb": "^5.0.0",
|
||||||
"chai": "^4.3.10",
|
"chai": "^4.4.1",
|
||||||
"eslint": "^8.53.0",
|
"eslint": "^8.57.0",
|
||||||
"eslint-config-airbnb": "^19.0.4",
|
"eslint-config-airbnb": "^19.0.4",
|
||||||
"eslint-plugin-import": "^2.29.0",
|
"eslint-plugin-import": "^2.29.1",
|
||||||
"eslint-plugin-jsx-a11y": "^6.8.0",
|
"eslint-plugin-jsx-a11y": "^6.8.0",
|
||||||
"eslint-plugin-react": "^7.33.2",
|
"eslint-plugin-react": "^7.34.2",
|
||||||
"eslint-plugin-react-hooks": "^4.6.0",
|
"eslint-plugin-react-hooks": "^4.6.2",
|
||||||
"react-test-renderer": "^18.2.0"
|
"react-test-renderer": "^18.2.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
<meta name="theme-color" content="#000000" />
|
<meta name="theme-color" content="#000000" />
|
||||||
<meta
|
<meta
|
||||||
name="description"
|
name="description"
|
||||||
|
|
|
||||||
|
|
@ -57,10 +57,15 @@ updateCard.failure = (id, error) => ({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const handleCardUpdate = (card) => ({
|
const handleCardUpdate = (card, isFetched, cardMemberships, cardLabels, tasks, attachments) => ({
|
||||||
type: ActionTypes.CARD_UPDATE_HANDLE,
|
type: ActionTypes.CARD_UPDATE_HANDLE,
|
||||||
payload: {
|
payload: {
|
||||||
card,
|
card,
|
||||||
|
isFetched,
|
||||||
|
cardMemberships,
|
||||||
|
cardLabels,
|
||||||
|
tasks,
|
||||||
|
attachments,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -121,6 +126,14 @@ const handleCardDelete = (card) => ({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const filterText = (boardId, text) => ({
|
||||||
|
type: ActionTypes.TEXT_FILTER_IN_CURRENT_BOARD,
|
||||||
|
payload: {
|
||||||
|
boardId,
|
||||||
|
text,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
createCard,
|
createCard,
|
||||||
handleCardCreate,
|
handleCardCreate,
|
||||||
|
|
@ -129,4 +142,5 @@ export default {
|
||||||
duplicateCard,
|
duplicateCard,
|
||||||
deleteCard,
|
deleteCard,
|
||||||
handleCardDelete,
|
handleCardDelete,
|
||||||
|
filterText,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -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) => ({
|
const deleteList = (id) => ({
|
||||||
type: ActionTypes.LIST_DELETE,
|
type: ActionTypes.LIST_DELETE,
|
||||||
payload: {
|
payload: {
|
||||||
|
|
@ -94,6 +126,8 @@ export default {
|
||||||
handleListCreate,
|
handleListCreate,
|
||||||
updateList,
|
updateList,
|
||||||
handleListUpdate,
|
handleListUpdate,
|
||||||
|
sortList,
|
||||||
|
handleListSort,
|
||||||
deleteList,
|
deleteList,
|
||||||
handleListDelete,
|
handleListDelete,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,14 @@
|
||||||
import http from './http';
|
import http from './http';
|
||||||
import socket from './socket';
|
|
||||||
|
|
||||||
/* Actions */
|
/* Actions */
|
||||||
|
|
||||||
const createAccessToken = (data, headers) => http.post('/access-tokens', data, headers);
|
const createAccessToken = (data, headers) =>
|
||||||
|
http.post('/access-tokens?withHttpOnlyToken=true', data, headers);
|
||||||
|
|
||||||
const exchangeForAccessTokenUsingOidc = (data, headers) =>
|
const exchangeForAccessTokenUsingOidc = (data, headers) =>
|
||||||
http.post('/access-tokens/exchange-using-oidc', data, headers);
|
http.post('/access-tokens/exchange-using-oidc?withHttpOnlyToken=true', data, headers);
|
||||||
|
|
||||||
const deleteCurrentAccessToken = (headers) =>
|
const deleteCurrentAccessToken = (headers) => http.delete('/access-tokens/me', undefined, headers);
|
||||||
socket.delete('/access-tokens/me', undefined, headers);
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
createAccessToken,
|
createAccessToken,
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import Config from '../constants/Config';
|
||||||
const http = {};
|
const http = {};
|
||||||
|
|
||||||
// TODO: add all methods
|
// TODO: add all methods
|
||||||
['GET', 'POST'].forEach((method) => {
|
['GET', 'POST', 'DELETE'].forEach((method) => {
|
||||||
http[method.toLowerCase()] = (url, data, headers) => {
|
http[method.toLowerCase()] = (url, data, headers) => {
|
||||||
const formData =
|
const formData =
|
||||||
data &&
|
data &&
|
||||||
|
|
@ -19,6 +19,7 @@ const http = {};
|
||||||
method,
|
method,
|
||||||
headers,
|
headers,
|
||||||
body: formData,
|
body: formData,
|
||||||
|
credentials: 'include',
|
||||||
})
|
})
|
||||||
.then((response) =>
|
.then((response) =>
|
||||||
response.json().then((body) => ({
|
response.json().then((body) => ({
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
import socket from './socket';
|
import socket from './socket';
|
||||||
|
import { transformCard } from './cards';
|
||||||
|
|
||||||
/* Actions */
|
/* Actions */
|
||||||
|
|
||||||
|
|
@ -7,10 +8,33 @@ const createList = (boardId, data, headers) =>
|
||||||
|
|
||||||
const updateList = (id, data, headers) => socket.patch(`/lists/${id}`, 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);
|
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 {
|
export default {
|
||||||
createList,
|
createList,
|
||||||
updateList,
|
updateList,
|
||||||
|
sortList,
|
||||||
deleteList,
|
deleteList,
|
||||||
|
makeHandleListSort,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ io.sails.environment = process.env.NODE_ENV;
|
||||||
|
|
||||||
const { socket } = io;
|
const { socket } = io;
|
||||||
|
|
||||||
socket.path = `${Config.BASE_PATH}/socket.io`;
|
socket.path = `${Config.SERVER_BASE_PATH}/socket.io`;
|
||||||
socket.connect = socket._connect; // eslint-disable-line no-underscore-dangle
|
socket.connect = socket._connect; // eslint-disable-line no-underscore-dangle
|
||||||
|
|
||||||
['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].forEach((method) => {
|
['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].forEach((method) => {
|
||||||
|
|
|
||||||
2337
client/src/assets/css/font-awesome.css
vendored
Normal file
2337
client/src/assets/css/font-awesome.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
4
client/src/assets/css/font-awesome.min.css
vendored
Normal file
4
client/src/assets/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
client/src/assets/fonts/FontAwesome.otf
Normal file
BIN
client/src/assets/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/fontawesome-webfont.eot
Normal file
BIN
client/src/assets/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
client/src/assets/fonts/fontawesome-webfont.svg
Normal file
2671
client/src/assets/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 434 KiB |
BIN
client/src/assets/fonts/fontawesome-webfont.ttf
Normal file
BIN
client/src/assets/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/fontawesome-webfont.woff
Normal file
BIN
client/src/assets/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/fontawesome-webfont.woff2
Normal file
BIN
client/src/assets/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
|
|
@ -1,6 +1,8 @@
|
||||||
:global(#app) {
|
:global(#app) {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
max-height: 100vh;
|
||||||
|
max-width: 100vw;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
|
|
|
||||||
|
|
@ -48,16 +48,6 @@
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panelItem {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
margin: 0 20px;
|
margin: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@ const BoardActions = React.memo(
|
||||||
labels,
|
labels,
|
||||||
filterUsers,
|
filterUsers,
|
||||||
filterLabels,
|
filterLabels,
|
||||||
|
filterText,
|
||||||
allUsers,
|
allUsers,
|
||||||
canEdit,
|
canEdit,
|
||||||
canEditMemberships,
|
canEditMemberships,
|
||||||
|
|
@ -27,6 +28,7 @@ const BoardActions = React.memo(
|
||||||
onLabelUpdate,
|
onLabelUpdate,
|
||||||
onLabelMove,
|
onLabelMove,
|
||||||
onLabelDelete,
|
onLabelDelete,
|
||||||
|
onTextFilterUpdate,
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div className={styles.wrapper}>
|
<div className={styles.wrapper}>
|
||||||
|
|
@ -46,6 +48,7 @@ const BoardActions = React.memo(
|
||||||
<Filters
|
<Filters
|
||||||
users={filterUsers}
|
users={filterUsers}
|
||||||
labels={filterLabels}
|
labels={filterLabels}
|
||||||
|
filterText={filterText}
|
||||||
allBoardMemberships={memberships}
|
allBoardMemberships={memberships}
|
||||||
allLabels={labels}
|
allLabels={labels}
|
||||||
canEdit={canEdit}
|
canEdit={canEdit}
|
||||||
|
|
@ -57,6 +60,7 @@ const BoardActions = React.memo(
|
||||||
onLabelUpdate={onLabelUpdate}
|
onLabelUpdate={onLabelUpdate}
|
||||||
onLabelMove={onLabelMove}
|
onLabelMove={onLabelMove}
|
||||||
onLabelDelete={onLabelDelete}
|
onLabelDelete={onLabelDelete}
|
||||||
|
onTextFilterUpdate={onTextFilterUpdate}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -71,6 +75,7 @@ BoardActions.propTypes = {
|
||||||
labels: PropTypes.array.isRequired,
|
labels: PropTypes.array.isRequired,
|
||||||
filterUsers: PropTypes.array.isRequired,
|
filterUsers: PropTypes.array.isRequired,
|
||||||
filterLabels: PropTypes.array.isRequired,
|
filterLabels: PropTypes.array.isRequired,
|
||||||
|
filterText: PropTypes.string.isRequired,
|
||||||
allUsers: PropTypes.array.isRequired,
|
allUsers: PropTypes.array.isRequired,
|
||||||
/* eslint-enable react/forbid-prop-types */
|
/* eslint-enable react/forbid-prop-types */
|
||||||
canEdit: PropTypes.bool.isRequired,
|
canEdit: PropTypes.bool.isRequired,
|
||||||
|
|
@ -86,6 +91,7 @@ BoardActions.propTypes = {
|
||||||
onLabelUpdate: PropTypes.func.isRequired,
|
onLabelUpdate: PropTypes.func.isRequired,
|
||||||
onLabelMove: PropTypes.func.isRequired,
|
onLabelMove: PropTypes.func.isRequired,
|
||||||
onLabelDelete: PropTypes.func.isRequired,
|
onLabelDelete: PropTypes.func.isRequired,
|
||||||
|
onTextFilterUpdate: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default BoardActions;
|
export default BoardActions;
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,15 @@
|
||||||
:global(#app) {
|
:global(#app) {
|
||||||
.action {
|
.action {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
margin-right: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.actions {
|
.actions {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
justify-content: flex-start;
|
||||||
margin: 20px 20px;
|
margin: 20px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,10 @@
|
||||||
import React, { useCallback } from 'react';
|
import React, { useCallback, useRef, useState } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
import classNames from 'classnames';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
|
import { Icon } from 'semantic-ui-react';
|
||||||
import { usePopup } from '../../lib/popup';
|
import { usePopup } from '../../lib/popup';
|
||||||
|
import { Input } from '../../lib/custom-ui';
|
||||||
|
|
||||||
import User from '../User';
|
import User from '../User';
|
||||||
import Label from '../Label';
|
import Label from '../Label';
|
||||||
|
|
@ -14,6 +17,7 @@ const Filters = React.memo(
|
||||||
({
|
({
|
||||||
users,
|
users,
|
||||||
labels,
|
labels,
|
||||||
|
filterText,
|
||||||
allBoardMemberships,
|
allBoardMemberships,
|
||||||
allLabels,
|
allLabels,
|
||||||
canEdit,
|
canEdit,
|
||||||
|
|
@ -25,8 +29,17 @@ const Filters = React.memo(
|
||||||
onLabelUpdate,
|
onLabelUpdate,
|
||||||
onLabelMove,
|
onLabelMove,
|
||||||
onLabelDelete,
|
onLabelDelete,
|
||||||
|
onTextFilterUpdate,
|
||||||
}) => {
|
}) => {
|
||||||
const [t] = useTranslation();
|
const [t] = useTranslation();
|
||||||
|
const [isSearchFocused, setIsSearchFocused] = useState(false);
|
||||||
|
|
||||||
|
const searchFieldRef = useRef(null);
|
||||||
|
|
||||||
|
const cancelSearch = useCallback(() => {
|
||||||
|
onTextFilterUpdate('');
|
||||||
|
searchFieldRef.current.blur();
|
||||||
|
}, [onTextFilterUpdate]);
|
||||||
|
|
||||||
const handleRemoveUserClick = useCallback(
|
const handleRemoveUserClick = useCallback(
|
||||||
(id) => {
|
(id) => {
|
||||||
|
|
@ -42,9 +55,39 @@ const Filters = React.memo(
|
||||||
[onLabelRemove],
|
[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 BoardMembershipsPopup = usePopup(BoardMembershipsStep);
|
||||||
const LabelsPopup = usePopup(LabelsStep);
|
const LabelsPopup = usePopup(LabelsStep);
|
||||||
|
|
||||||
|
const isSearchActive = filterText || isSearchFocused;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<span className={styles.filter}>
|
<span className={styles.filter}>
|
||||||
|
|
@ -100,6 +143,25 @@ const Filters = React.memo(
|
||||||
</span>
|
</span>
|
||||||
))}
|
))}
|
||||||
</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 */
|
/* eslint-disable react/forbid-prop-types */
|
||||||
users: PropTypes.array.isRequired,
|
users: PropTypes.array.isRequired,
|
||||||
labels: PropTypes.array.isRequired,
|
labels: PropTypes.array.isRequired,
|
||||||
|
filterText: PropTypes.string.isRequired,
|
||||||
allBoardMemberships: PropTypes.array.isRequired,
|
allBoardMemberships: PropTypes.array.isRequired,
|
||||||
allLabels: PropTypes.array.isRequired,
|
allLabels: PropTypes.array.isRequired,
|
||||||
/* eslint-enable react/forbid-prop-types */
|
/* eslint-enable react/forbid-prop-types */
|
||||||
|
|
@ -121,6 +184,7 @@ Filters.propTypes = {
|
||||||
onLabelUpdate: PropTypes.func.isRequired,
|
onLabelUpdate: PropTypes.func.isRequired,
|
||||||
onLabelMove: PropTypes.func.isRequired,
|
onLabelMove: PropTypes.func.isRequired,
|
||||||
onLabelDelete: PropTypes.func.isRequired,
|
onLabelDelete: PropTypes.func.isRequired,
|
||||||
|
onTextFilterUpdate: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Filters;
|
export default Filters;
|
||||||
|
|
|
||||||
|
|
@ -43,4 +43,36 @@
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
padding: 2px 12px;
|
padding: 2px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
height: 30px;
|
||||||
|
margin: 0 12px;
|
||||||
|
transition: width 0.2s ease;
|
||||||
|
width: 280px;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchInactive {
|
||||||
|
color: #fff;
|
||||||
|
height: 24px;
|
||||||
|
width: 220px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
background: rgba(0, 0, 0, 0.24);
|
||||||
|
border: none;
|
||||||
|
color: #fff !important;
|
||||||
|
font-size: 12px;
|
||||||
|
|
||||||
|
&::placeholder {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,7 @@ const Card = React.memo(
|
||||||
index,
|
index,
|
||||||
name,
|
name,
|
||||||
dueDate,
|
dueDate,
|
||||||
|
isDueDateCompleted,
|
||||||
stopwatch,
|
stopwatch,
|
||||||
coverUrl,
|
coverUrl,
|
||||||
boardId,
|
boardId,
|
||||||
|
|
@ -120,7 +121,7 @@ const Card = React.memo(
|
||||||
)}
|
)}
|
||||||
{dueDate && (
|
{dueDate && (
|
||||||
<span className={classNames(styles.attachment, styles.attachmentLeft)}>
|
<span className={classNames(styles.attachment, styles.attachmentLeft)}>
|
||||||
<DueDate value={dueDate} size="tiny" />
|
<DueDate value={dueDate} isCompleted={isDueDateCompleted} size="tiny" />
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
{stopwatch && (
|
{stopwatch && (
|
||||||
|
|
@ -221,6 +222,7 @@ Card.propTypes = {
|
||||||
index: PropTypes.number.isRequired,
|
index: PropTypes.number.isRequired,
|
||||||
name: PropTypes.string.isRequired,
|
name: PropTypes.string.isRequired,
|
||||||
dueDate: PropTypes.instanceOf(Date),
|
dueDate: PropTypes.instanceOf(Date),
|
||||||
|
isDueDateCompleted: PropTypes.bool,
|
||||||
stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
|
stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
|
||||||
coverUrl: PropTypes.string,
|
coverUrl: PropTypes.string,
|
||||||
boardId: PropTypes.string.isRequired,
|
boardId: PropTypes.string.isRequired,
|
||||||
|
|
@ -255,6 +257,7 @@ Card.propTypes = {
|
||||||
|
|
||||||
Card.defaultProps = {
|
Card.defaultProps = {
|
||||||
dueDate: undefined,
|
dueDate: undefined,
|
||||||
|
isDueDateCompleted: undefined,
|
||||||
stopwatch: undefined,
|
stopwatch: undefined,
|
||||||
coverUrl: undefined,
|
coverUrl: undefined,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -21,6 +21,14 @@
|
||||||
background: #ebeef0;
|
background: #ebeef0;
|
||||||
color: #516b7a;
|
color: #516b7a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
&:focus,
|
||||||
|
&:active {
|
||||||
|
background: #ebeef0;
|
||||||
|
color: #516b7a;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.attachment {
|
.attachment {
|
||||||
|
|
@ -55,6 +63,12 @@
|
||||||
box-shadow: 0 1px 0 #ccc;
|
box-shadow: 0 1px 0 #ccc;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
.target {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #f5f6f7;
|
background: #f5f6f7;
|
||||||
border-bottom-color: rgba(9, 30, 66, 0.25);
|
border-bottom-color: rgba(9, 30, 66, 0.25);
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@ import TextareaAutosize from 'react-textarea-autosize';
|
||||||
import { Button, Form, TextArea } from 'semantic-ui-react';
|
import { Button, Form, TextArea } from 'semantic-ui-react';
|
||||||
|
|
||||||
import { useClosableForm, useField } from '../../hooks';
|
import { useClosableForm, useField } from '../../hooks';
|
||||||
|
import { focusEnd } from '../../utils/element-helpers';
|
||||||
|
|
||||||
import styles from './NameEdit.module.scss';
|
import styles from './NameEdit.module.scss';
|
||||||
|
|
||||||
|
|
@ -79,7 +80,7 @@ const NameEdit = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (isOpened) {
|
if (isOpened) {
|
||||||
field.current.ref.current.focus();
|
focusEnd(field.current.ref.current);
|
||||||
}
|
}
|
||||||
}, [isOpened]);
|
}, [isOpened]);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,7 @@ import TextareaAutosize from 'react-textarea-autosize';
|
||||||
import { Button, Form, TextArea } from 'semantic-ui-react';
|
import { Button, Form, TextArea } from 'semantic-ui-react';
|
||||||
|
|
||||||
import { useForm } from '../../../hooks';
|
import { useForm } from '../../../hooks';
|
||||||
|
import { focusEnd } from '../../../utils/element-helpers';
|
||||||
|
|
||||||
import styles from './CommentEdit.module.scss';
|
import styles from './CommentEdit.module.scss';
|
||||||
|
|
||||||
|
|
@ -70,7 +71,7 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref)
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (isOpened) {
|
if (isOpened) {
|
||||||
textField.current.ref.current.focus();
|
focusEnd(textField.current.ref.current);
|
||||||
}
|
}
|
||||||
}, [isOpened]);
|
}, [isOpened]);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
import React, { useCallback, useRef } from 'react';
|
import React, { useCallback, useRef, useState } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { Button, Grid, Icon, Modal } from 'semantic-ui-react';
|
import { Button, Checkbox, Grid, Icon, Modal } from 'semantic-ui-react';
|
||||||
import { usePopup } from '../../lib/popup';
|
import { usePopup } from '../../lib/popup';
|
||||||
import { Markdown } from '../../lib/custom-ui';
|
import { Markdown } from '../../lib/custom-ui';
|
||||||
|
|
||||||
|
|
@ -32,6 +32,7 @@ const CardModal = React.memo(
|
||||||
name,
|
name,
|
||||||
description,
|
description,
|
||||||
dueDate,
|
dueDate,
|
||||||
|
isDueDateCompleted,
|
||||||
stopwatch,
|
stopwatch,
|
||||||
isSubscribed,
|
isSubscribed,
|
||||||
isActivitiesFetching,
|
isActivitiesFetching,
|
||||||
|
|
@ -81,6 +82,7 @@ const CardModal = React.memo(
|
||||||
onClose,
|
onClose,
|
||||||
}) => {
|
}) => {
|
||||||
const [t] = useTranslation();
|
const [t] = useTranslation();
|
||||||
|
const [isLinkCopied, setIsLinkCopied] = useState(false);
|
||||||
|
|
||||||
const isGalleryOpened = useRef(false);
|
const isGalleryOpened = useRef(false);
|
||||||
|
|
||||||
|
|
@ -117,6 +119,12 @@ const CardModal = React.memo(
|
||||||
[onUpdate],
|
[onUpdate],
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const handleDueDateCompletionChange = useCallback(() => {
|
||||||
|
onUpdate({
|
||||||
|
isDueDateCompleted: !isDueDateCompleted,
|
||||||
|
});
|
||||||
|
}, [isDueDateCompleted, onUpdate]);
|
||||||
|
|
||||||
const handleStopwatchUpdate = useCallback(
|
const handleStopwatchUpdate = useCallback(
|
||||||
(newStopwatch) => {
|
(newStopwatch) => {
|
||||||
onUpdate({
|
onUpdate({
|
||||||
|
|
@ -146,6 +154,14 @@ const CardModal = React.memo(
|
||||||
onClose();
|
onClose();
|
||||||
}, [onDuplicate, onClose]);
|
}, [onDuplicate, onClose]);
|
||||||
|
|
||||||
|
const handleCopyLinkClick = useCallback(() => {
|
||||||
|
navigator.clipboard.writeText(window.location.href);
|
||||||
|
setIsLinkCopied(true);
|
||||||
|
setTimeout(() => {
|
||||||
|
setIsLinkCopied(false);
|
||||||
|
}, 5000);
|
||||||
|
}, []);
|
||||||
|
|
||||||
const handleGalleryOpen = useCallback(() => {
|
const handleGalleryOpen = useCallback(() => {
|
||||||
isGalleryOpened.current = true;
|
isGalleryOpened.current = true;
|
||||||
}, []);
|
}, []);
|
||||||
|
|
@ -291,13 +307,24 @@ const CardModal = React.memo(
|
||||||
context: 'title',
|
context: 'title',
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
<span className={styles.attachment}>
|
<span className={classNames(styles.attachment, styles.attachmentDueDate)}>
|
||||||
{canEdit ? (
|
{canEdit ? (
|
||||||
<DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
|
<>
|
||||||
<DueDate value={dueDate} />
|
<Checkbox
|
||||||
</DueDateEditPopup>
|
checked={isDueDateCompleted}
|
||||||
|
disabled={!canEdit}
|
||||||
|
onChange={handleDueDateCompletionChange}
|
||||||
|
/>
|
||||||
|
<DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
|
||||||
|
<DueDate
|
||||||
|
withStatusIcon
|
||||||
|
value={dueDate}
|
||||||
|
isCompleted={isDueDateCompleted}
|
||||||
|
/>
|
||||||
|
</DueDateEditPopup>
|
||||||
|
</>
|
||||||
) : (
|
) : (
|
||||||
<DueDate value={dueDate} />
|
<DueDate withStatusIcon value={dueDate} isCompleted={isDueDateCompleted} />
|
||||||
)}
|
)}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -506,6 +533,19 @@ const CardModal = React.memo(
|
||||||
<Icon name="copy outline" className={styles.actionIcon} />
|
<Icon name="copy outline" className={styles.actionIcon} />
|
||||||
{t('action.duplicate')}
|
{t('action.duplicate')}
|
||||||
</Button>
|
</Button>
|
||||||
|
{window.isSecureContext && (
|
||||||
|
<Button fluid className={styles.actionButton} onClick={handleCopyLinkClick}>
|
||||||
|
<Icon
|
||||||
|
name={isLinkCopied ? 'linkify' : 'unlink'}
|
||||||
|
className={styles.actionIcon}
|
||||||
|
/>
|
||||||
|
{isLinkCopied
|
||||||
|
? t('common.linkIsCopied')
|
||||||
|
: t('action.copyLink', {
|
||||||
|
context: 'title',
|
||||||
|
})}
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
<DeletePopup
|
<DeletePopup
|
||||||
title="common.deleteCard"
|
title="common.deleteCard"
|
||||||
content="common.areYouSureYouWantToDeleteThisCard"
|
content="common.areYouSureYouWantToDeleteThisCard"
|
||||||
|
|
@ -540,6 +580,7 @@ CardModal.propTypes = {
|
||||||
name: PropTypes.string.isRequired,
|
name: PropTypes.string.isRequired,
|
||||||
description: PropTypes.string,
|
description: PropTypes.string,
|
||||||
dueDate: PropTypes.instanceOf(Date),
|
dueDate: PropTypes.instanceOf(Date),
|
||||||
|
isDueDateCompleted: PropTypes.bool,
|
||||||
stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
|
stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
|
||||||
isSubscribed: PropTypes.bool.isRequired,
|
isSubscribed: PropTypes.bool.isRequired,
|
||||||
isActivitiesFetching: PropTypes.bool.isRequired,
|
isActivitiesFetching: PropTypes.bool.isRequired,
|
||||||
|
|
@ -594,6 +635,7 @@ CardModal.propTypes = {
|
||||||
CardModal.defaultProps = {
|
CardModal.defaultProps = {
|
||||||
description: undefined,
|
description: undefined,
|
||||||
dueDate: undefined,
|
dueDate: undefined,
|
||||||
|
isDueDateCompleted: false,
|
||||||
stopwatch: undefined,
|
stopwatch: undefined,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -20,12 +20,20 @@
|
||||||
|
|
||||||
.actionIcon {
|
.actionIcon {
|
||||||
color: #17394d;
|
color: #17394d;
|
||||||
display: inline;
|
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.actions {
|
.actions {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 425px) {
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.actionsTitle {
|
.actionsTitle {
|
||||||
|
|
@ -50,6 +58,12 @@
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.attachmentDueDate {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.attachments {
|
.attachments {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 8px 8px 0;
|
margin: 0 8px 8px 0;
|
||||||
|
|
@ -63,6 +77,11 @@
|
||||||
|
|
||||||
.contentPadding {
|
.contentPadding {
|
||||||
padding: 8px 8px 0 16px;
|
padding: 8px 8px 0 16px;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
padding-right: 16px;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cursorPointer {
|
.cursorPointer {
|
||||||
|
|
@ -155,6 +174,11 @@
|
||||||
|
|
||||||
.modalPadding {
|
.modalPadding {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.moduleHeader {
|
.moduleHeader {
|
||||||
|
|
@ -185,6 +209,15 @@
|
||||||
|
|
||||||
.sidebarPadding {
|
.sidebarPadding {
|
||||||
padding: 8px 16px 0 8px;
|
padding: 8px 16px 0 8px;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
align-items: flex-start;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
gap: 10px;
|
||||||
|
padding-left: 16px;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
|
|
||||||
|
|
@ -57,6 +57,7 @@ const DescriptionEdit = React.forwardRef(({ children, defaultValue, onUpdate },
|
||||||
|
|
||||||
const mdEditorOptions = useMemo(
|
const mdEditorOptions = useMemo(
|
||||||
() => ({
|
() => ({
|
||||||
|
autoDownloadFontAwesome: false,
|
||||||
autofocus: true,
|
autofocus: true,
|
||||||
spellChecker: false,
|
spellChecker: false,
|
||||||
status: false,
|
status: false,
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@ import TextareaAutosize from 'react-textarea-autosize';
|
||||||
import { Button, Form, TextArea } from 'semantic-ui-react';
|
import { Button, Form, TextArea } from 'semantic-ui-react';
|
||||||
|
|
||||||
import { useField } from '../../../hooks';
|
import { useField } from '../../../hooks';
|
||||||
|
import { focusEnd } from '../../../utils/element-helpers';
|
||||||
|
|
||||||
import styles from './NameEdit.module.scss';
|
import styles from './NameEdit.module.scss';
|
||||||
|
|
||||||
|
|
@ -65,7 +66,7 @@ const NameEdit = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (isOpened) {
|
if (isOpened) {
|
||||||
field.current.ref.current.focus();
|
focusEnd(field.current.ref.current);
|
||||||
}
|
}
|
||||||
}, [isOpened]);
|
}, [isOpened]);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
bottom: 20px;
|
bottom: 20px;
|
||||||
box-shadow: #b04632 0 1px 0;
|
box-shadow: #b04632 0 1px 0;
|
||||||
|
max-width: calc(100% - 40px);
|
||||||
padding: 12px 18px;
|
padding: 12px 18px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,10 @@
|
||||||
import upperFirst from 'lodash/upperFirst';
|
import upperFirst from 'lodash/upperFirst';
|
||||||
import React from 'react';
|
import React, { useEffect, useRef } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
|
import { Icon } from 'semantic-ui-react';
|
||||||
|
import { useForceUpdate } from '../../lib/hooks';
|
||||||
|
|
||||||
import getDateFormat from '../../utils/get-date-format';
|
import getDateFormat from '../../utils/get-date-format';
|
||||||
|
|
||||||
|
|
@ -14,6 +16,12 @@ const SIZES = {
|
||||||
MEDIUM: 'medium',
|
MEDIUM: 'medium',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const STATUSES = {
|
||||||
|
DUE_SOON: 'dueSoon',
|
||||||
|
OVERDUE: 'overdue',
|
||||||
|
COMPLETED: 'completed',
|
||||||
|
};
|
||||||
|
|
||||||
const LONG_DATE_FORMAT_BY_SIZE = {
|
const LONG_DATE_FORMAT_BY_SIZE = {
|
||||||
tiny: 'longDate',
|
tiny: 'longDate',
|
||||||
small: 'longDate',
|
small: 'longDate',
|
||||||
|
|
@ -26,8 +34,47 @@ const FULL_DATE_FORMAT_BY_SIZE = {
|
||||||
medium: 'fullDateTime',
|
medium: 'fullDateTime',
|
||||||
};
|
};
|
||||||
|
|
||||||
const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
|
const STATUS_ICON_PROPS_BY_STATUS = {
|
||||||
|
[STATUSES.DUE_SOON]: {
|
||||||
|
name: 'hourglass half',
|
||||||
|
color: 'orange',
|
||||||
|
},
|
||||||
|
[STATUSES.OVERDUE]: {
|
||||||
|
name: 'hourglass end',
|
||||||
|
color: 'red',
|
||||||
|
},
|
||||||
|
[STATUSES.COMPLETED]: {
|
||||||
|
name: 'checkmark',
|
||||||
|
color: 'green',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
const getStatus = (dateTime, isCompleted) => {
|
||||||
|
if (isCompleted) {
|
||||||
|
return STATUSES.COMPLETED;
|
||||||
|
}
|
||||||
|
|
||||||
|
const secondsLeft = Math.floor((dateTime.getTime() - new Date().getTime()) / 1000);
|
||||||
|
|
||||||
|
if (secondsLeft <= 0) {
|
||||||
|
return STATUSES.OVERDUE;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (secondsLeft <= 24 * 60 * 60) {
|
||||||
|
return STATUSES.DUE_SOON;
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
};
|
||||||
|
|
||||||
|
const DueDate = React.memo(({ value, size, isCompleted, isDisabled, withStatusIcon, onClick }) => {
|
||||||
const [t] = useTranslation();
|
const [t] = useTranslation();
|
||||||
|
const forceUpdate = useForceUpdate();
|
||||||
|
|
||||||
|
const statusRef = useRef(null);
|
||||||
|
statusRef.current = getStatus(value, isCompleted);
|
||||||
|
|
||||||
|
const intervalRef = useRef(null);
|
||||||
|
|
||||||
const dateFormat = getDateFormat(
|
const dateFormat = getDateFormat(
|
||||||
value,
|
value,
|
||||||
|
|
@ -35,11 +82,34 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
|
||||||
FULL_DATE_FORMAT_BY_SIZE[size],
|
FULL_DATE_FORMAT_BY_SIZE[size],
|
||||||
);
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if ([null, STATUSES.DUE_SOON].includes(statusRef.current)) {
|
||||||
|
intervalRef.current = setInterval(() => {
|
||||||
|
const status = getStatus(value, isCompleted);
|
||||||
|
|
||||||
|
if (status !== statusRef.current) {
|
||||||
|
forceUpdate();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (status === STATUSES.OVERDUE) {
|
||||||
|
clearInterval(intervalRef.current);
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
if (intervalRef.current) {
|
||||||
|
clearInterval(intervalRef.current);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}, [value, isCompleted, forceUpdate]);
|
||||||
|
|
||||||
const contentNode = (
|
const contentNode = (
|
||||||
<span
|
<span
|
||||||
className={classNames(
|
className={classNames(
|
||||||
styles.wrapper,
|
styles.wrapper,
|
||||||
styles[`wrapper${upperFirst(size)}`],
|
styles[`wrapper${upperFirst(size)}`],
|
||||||
|
!withStatusIcon && statusRef.current && styles[`wrapper${upperFirst(statusRef.current)}`],
|
||||||
onClick && styles.wrapperHoverable,
|
onClick && styles.wrapperHoverable,
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -47,6 +117,10 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
|
||||||
value,
|
value,
|
||||||
postProcess: 'formatDate',
|
postProcess: 'formatDate',
|
||||||
})}
|
})}
|
||||||
|
{withStatusIcon && statusRef.current && (
|
||||||
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
||||||
|
<Icon {...STATUS_ICON_PROPS_BY_STATUS[statusRef.current]} className={styles.statusIcon} />
|
||||||
|
)}
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -62,14 +136,19 @@ const DueDate = React.memo(({ value, size, isDisabled, onClick }) => {
|
||||||
DueDate.propTypes = {
|
DueDate.propTypes = {
|
||||||
value: PropTypes.instanceOf(Date).isRequired,
|
value: PropTypes.instanceOf(Date).isRequired,
|
||||||
size: PropTypes.oneOf(Object.values(SIZES)),
|
size: PropTypes.oneOf(Object.values(SIZES)),
|
||||||
|
isCompleted: PropTypes.bool.isRequired,
|
||||||
isDisabled: PropTypes.bool,
|
isDisabled: PropTypes.bool,
|
||||||
|
withStatusIcon: PropTypes.bool,
|
||||||
onClick: PropTypes.func,
|
onClick: PropTypes.func,
|
||||||
|
onCompletionToggle: PropTypes.func,
|
||||||
};
|
};
|
||||||
|
|
||||||
DueDate.defaultProps = {
|
DueDate.defaultProps = {
|
||||||
size: SIZES.MEDIUM,
|
size: SIZES.MEDIUM,
|
||||||
isDisabled: false,
|
isDisabled: false,
|
||||||
|
withStatusIcon: false,
|
||||||
onClick: undefined,
|
onClick: undefined,
|
||||||
|
onCompletionToggle: undefined,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default DueDate;
|
export default DueDate;
|
||||||
|
|
|
||||||
|
|
@ -8,16 +8,17 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.statusIcon {
|
||||||
|
line-height: 1;
|
||||||
|
margin: 0 0 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
background: #dce0e4;
|
background: #dce0e4;
|
||||||
border: none;
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: #6a808b;
|
color: #6a808b;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
outline: none;
|
|
||||||
text-align: left;
|
|
||||||
transition: background 0.3s ease;
|
transition: background 0.3s ease;
|
||||||
vertical-align: top;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapperHoverable:hover {
|
.wrapperHoverable:hover {
|
||||||
|
|
@ -43,4 +44,21 @@
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Statuses */
|
||||||
|
|
||||||
|
.wrapperDueSoon {
|
||||||
|
background: #f2711c;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapperOverdue {
|
||||||
|
background: #db2828;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapperCompleted {
|
||||||
|
background: #21ba45;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
:global(#app) {
|
:global(#app) {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
|
max-width: 100vw;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,7 @@ import { usePopup } from '../../lib/popup';
|
||||||
|
|
||||||
import Paths from '../../constants/Paths';
|
import Paths from '../../constants/Paths';
|
||||||
import NotificationsStep from './NotificationsStep';
|
import NotificationsStep from './NotificationsStep';
|
||||||
|
import User from '../User';
|
||||||
import UserStep from '../UserStep';
|
import UserStep from '../UserStep';
|
||||||
|
|
||||||
import styles from './Header.module.scss';
|
import styles from './Header.module.scss';
|
||||||
|
|
@ -91,7 +92,8 @@ const Header = React.memo(
|
||||||
onLogout={onLogout}
|
onLogout={onLogout}
|
||||||
>
|
>
|
||||||
<Menu.Item className={classNames(styles.item, styles.itemHoverable)}>
|
<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>
|
</Menu.Item>
|
||||||
</UserPopup>
|
</UserPopup>
|
||||||
</Menu.Menu>
|
</Menu.Menu>
|
||||||
|
|
|
||||||
|
|
@ -86,6 +86,15 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.userName {
|
||||||
|
display: none;
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
@media only screen and (min-width: 797px) {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
background: rgba(0, 0, 0, 0.24);
|
background: rgba(0, 0, 0, 0.24);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ const SIZES = {
|
||||||
|
|
||||||
const Label = React.memo(({ name, color, size, isDisabled, onClick }) => {
|
const Label = React.memo(({ name, color, size, isDisabled, onClick }) => {
|
||||||
const contentNode = (
|
const contentNode = (
|
||||||
<div
|
<span
|
||||||
title={name}
|
title={name}
|
||||||
className={classNames(
|
className={classNames(
|
||||||
styles.wrapper,
|
styles.wrapper,
|
||||||
|
|
@ -28,7 +28,7 @@ const Label = React.memo(({ name, color, size, isDisabled, onClick }) => {
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{name || '\u00A0'}
|
{name || '\u00A0'}
|
||||||
</div>
|
</span>
|
||||||
);
|
);
|
||||||
|
|
||||||
return onClick ? (
|
return onClick ? (
|
||||||
|
|
|
||||||
|
|
@ -11,17 +11,17 @@
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-sizing: border-box;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
display: inline-block;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
outline: none;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||||
|
vertical-align: top;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapperNameless{
|
.wrapperNameless {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,15 +5,17 @@ import { Menu } from 'semantic-ui-react';
|
||||||
import { Popup } from '../../lib/custom-ui';
|
import { Popup } from '../../lib/custom-ui';
|
||||||
|
|
||||||
import { useSteps } from '../../hooks';
|
import { useSteps } from '../../hooks';
|
||||||
|
import ListSortStep from '../ListSortStep';
|
||||||
import DeleteStep from '../DeleteStep';
|
import DeleteStep from '../DeleteStep';
|
||||||
|
|
||||||
import styles from './ActionsStep.module.scss';
|
import styles from './ActionsStep.module.scss';
|
||||||
|
|
||||||
const StepTypes = {
|
const StepTypes = {
|
||||||
DELETE: 'DELETE',
|
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 [t] = useTranslation();
|
||||||
const [step, openStep, handleBack] = useSteps();
|
const [step, openStep, handleBack] = useSteps();
|
||||||
|
|
||||||
|
|
@ -27,20 +29,41 @@ const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onDelete, onClose }) =>
|
||||||
onClose();
|
onClose();
|
||||||
}, [onCardAdd, onClose]);
|
}, [onCardAdd, onClose]);
|
||||||
|
|
||||||
|
const handleSortClick = useCallback(() => {
|
||||||
|
openStep(StepTypes.SORT);
|
||||||
|
}, [openStep]);
|
||||||
|
|
||||||
const handleDeleteClick = useCallback(() => {
|
const handleDeleteClick = useCallback(() => {
|
||||||
openStep(StepTypes.DELETE);
|
openStep(StepTypes.DELETE);
|
||||||
}, [openStep]);
|
}, [openStep]);
|
||||||
|
|
||||||
if (step && step.type === StepTypes.DELETE) {
|
const handleSortTypeSelect = useCallback(
|
||||||
return (
|
(type) => {
|
||||||
<DeleteStep
|
onSort({
|
||||||
title="common.deleteList"
|
type,
|
||||||
content="common.areYouSureYouWantToDeleteThisList"
|
});
|
||||||
buttonContent="action.deleteList"
|
|
||||||
onConfirm={onDelete}
|
onClose();
|
||||||
onBack={handleBack}
|
},
|
||||||
/>
|
[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 (
|
return (
|
||||||
|
|
@ -62,6 +85,11 @@ const ActionsStep = React.memo(({ onNameEdit, onCardAdd, onDelete, onClose }) =>
|
||||||
context: 'title',
|
context: 'title',
|
||||||
})}
|
})}
|
||||||
</Menu.Item>
|
</Menu.Item>
|
||||||
|
<Menu.Item className={styles.menuItem} onClick={handleSortClick}>
|
||||||
|
{t('action.sortList', {
|
||||||
|
context: 'title',
|
||||||
|
})}
|
||||||
|
</Menu.Item>
|
||||||
<Menu.Item className={styles.menuItem} onClick={handleDeleteClick}>
|
<Menu.Item className={styles.menuItem} onClick={handleDeleteClick}>
|
||||||
{t('action.deleteList', {
|
{t('action.deleteList', {
|
||||||
context: 'title',
|
context: 'title',
|
||||||
|
|
@ -77,6 +105,7 @@ ActionsStep.propTypes = {
|
||||||
onNameEdit: PropTypes.func.isRequired,
|
onNameEdit: PropTypes.func.isRequired,
|
||||||
onCardAdd: PropTypes.func.isRequired,
|
onCardAdd: PropTypes.func.isRequired,
|
||||||
onDelete: PropTypes.func.isRequired,
|
onDelete: PropTypes.func.isRequired,
|
||||||
|
onSort: PropTypes.func.isRequired,
|
||||||
onClose: PropTypes.func.isRequired,
|
onClose: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,18 @@ import { ReactComponent as PlusMathIcon } from '../../assets/images/plus-math-ic
|
||||||
import styles from './List.module.scss';
|
import styles from './List.module.scss';
|
||||||
|
|
||||||
const List = React.memo(
|
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 [t] = useTranslation();
|
||||||
const [isAddCardOpened, setIsAddCardOpened] = useState(false);
|
const [isAddCardOpened, setIsAddCardOpened] = useState(false);
|
||||||
|
|
||||||
|
|
@ -114,6 +125,7 @@ const List = React.memo(
|
||||||
onNameEdit={handleNameEdit}
|
onNameEdit={handleNameEdit}
|
||||||
onCardAdd={handleCardAdd}
|
onCardAdd={handleCardAdd}
|
||||||
onDelete={onDelete}
|
onDelete={onDelete}
|
||||||
|
onSort={onSort}
|
||||||
>
|
>
|
||||||
<Button className={classNames(styles.headerButton, styles.target)}>
|
<Button className={classNames(styles.headerButton, styles.target)}>
|
||||||
<Icon fitted name="pencil" size="small" />
|
<Icon fitted name="pencil" size="small" />
|
||||||
|
|
@ -159,6 +171,7 @@ List.propTypes = {
|
||||||
cardIds: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
|
cardIds: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
|
||||||
canEdit: PropTypes.bool.isRequired,
|
canEdit: PropTypes.bool.isRequired,
|
||||||
onUpdate: PropTypes.func.isRequired,
|
onUpdate: PropTypes.func.isRequired,
|
||||||
|
onSort: PropTypes.func.isRequired,
|
||||||
onDelete: PropTypes.func.isRequired,
|
onDelete: PropTypes.func.isRequired,
|
||||||
onCardCreate: PropTypes.func.isRequired,
|
onCardCreate: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -80,6 +80,12 @@
|
||||||
&:hover .target {
|
&:hover .target {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
.target {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerEditable {
|
.headerEditable {
|
||||||
|
|
@ -103,6 +109,14 @@
|
||||||
background: rgba(9, 30, 66, 0.13);
|
background: rgba(9, 30, 66, 0.13);
|
||||||
color: #516b7a;
|
color: #516b7a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
&:focus,
|
||||||
|
&:active {
|
||||||
|
background: rgba(9, 30, 66, 0.13);
|
||||||
|
color: #516b7a;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerName {
|
.headerName {
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@ import TextareaAutosize from 'react-textarea-autosize';
|
||||||
import { TextArea } from 'semantic-ui-react';
|
import { TextArea } from 'semantic-ui-react';
|
||||||
|
|
||||||
import { useField } from '../../hooks';
|
import { useField } from '../../hooks';
|
||||||
|
import { focusEnd } from '../../utils/element-helpers';
|
||||||
|
|
||||||
import styles from './NameEdit.module.scss';
|
import styles from './NameEdit.module.scss';
|
||||||
|
|
||||||
|
|
@ -71,7 +72,7 @@ const NameEdit = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (isOpened) {
|
if (isOpened) {
|
||||||
field.current.ref.current.select();
|
focusEnd(field.current.ref.current);
|
||||||
}
|
}
|
||||||
}, [isOpened]);
|
}, [isOpened]);
|
||||||
|
|
||||||
|
|
|
||||||
61
client/src/components/ListSortStep/ListSortStep.jsx
Normal file
61
client/src/components/ListSortStep/ListSortStep.jsx
Normal file
|
|
@ -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;
|
||||||
11
client/src/components/ListSortStep/ListSortStep.module.scss
Normal file
11
client/src/components/ListSortStep/ListSortStep.module.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
:global(#app) {
|
||||||
|
.menu {
|
||||||
|
margin: -7px -12px -5px;
|
||||||
|
width: calc(100% + 24px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menuItem {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
3
client/src/components/ListSortStep/index.js
Normal file
3
client/src/components/ListSortStep/index.js
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
import ListSortStep from './ListSortStep';
|
||||||
|
|
||||||
|
export default ListSortStep;
|
||||||
|
|
@ -18,6 +18,11 @@ const createMessage = (error) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
switch (error.message) {
|
switch (error.message) {
|
||||||
|
case 'Invalid credentials':
|
||||||
|
return {
|
||||||
|
type: 'error',
|
||||||
|
content: 'common.invalidCredentials',
|
||||||
|
};
|
||||||
case 'Invalid email or username':
|
case 'Invalid email or username':
|
||||||
return {
|
return {
|
||||||
type: 'error',
|
type: 'error',
|
||||||
|
|
@ -116,6 +121,7 @@ const Login = React.memo(
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (wasSubmitting && !isSubmitting && error) {
|
if (wasSubmitting && !isSubmitting && error) {
|
||||||
switch (error.message) {
|
switch (error.message) {
|
||||||
|
case 'Invalid credentials':
|
||||||
case 'Invalid email or username':
|
case 'Invalid email or username':
|
||||||
emailOrUsernameField.current.select();
|
emailOrUsernameField.current.select();
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@ import React, { useCallback } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { Button } from 'semantic-ui-react';
|
import { Button } from 'semantic-ui-react';
|
||||||
|
import { Popup } from '../../lib/custom-ui';
|
||||||
|
|
||||||
import { useSteps } from '../../hooks';
|
import { useSteps } from '../../hooks';
|
||||||
import User from '../User';
|
import User from '../User';
|
||||||
|
|
@ -19,6 +20,7 @@ const ActionsStep = React.memo(
|
||||||
({
|
({
|
||||||
membership,
|
membership,
|
||||||
permissionsSelectStep,
|
permissionsSelectStep,
|
||||||
|
title,
|
||||||
leaveButtonContent,
|
leaveButtonContent,
|
||||||
leaveConfirmationTitle,
|
leaveConfirmationTitle,
|
||||||
leaveConfirmationContent,
|
leaveConfirmationContent,
|
||||||
|
|
@ -31,6 +33,7 @@ const ActionsStep = React.memo(
|
||||||
canLeave,
|
canLeave,
|
||||||
onUpdate,
|
onUpdate,
|
||||||
onDelete,
|
onDelete,
|
||||||
|
onBack,
|
||||||
onClose,
|
onClose,
|
||||||
}) => {
|
}) => {
|
||||||
const [t] = useTranslation();
|
const [t] = useTranslation();
|
||||||
|
|
@ -53,6 +56,11 @@ const ActionsStep = React.memo(
|
||||||
[onUpdate],
|
[onUpdate],
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const handleDeleteConfirm = useCallback(() => {
|
||||||
|
onDelete();
|
||||||
|
onClose();
|
||||||
|
}, [onDelete, onClose]);
|
||||||
|
|
||||||
if (step) {
|
if (step) {
|
||||||
switch (step.type) {
|
switch (step.type) {
|
||||||
case StepTypes.EDIT_PERMISSIONS: {
|
case StepTypes.EDIT_PERMISSIONS: {
|
||||||
|
|
@ -81,7 +89,7 @@ const ActionsStep = React.memo(
|
||||||
? leaveConfirmationButtonContent
|
? leaveConfirmationButtonContent
|
||||||
: deleteConfirmationButtonContent
|
: deleteConfirmationButtonContent
|
||||||
}
|
}
|
||||||
onConfirm={onDelete}
|
onConfirm={handleDeleteConfirm}
|
||||||
onBack={handleBack}
|
onBack={handleBack}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
@ -89,7 +97,7 @@ const ActionsStep = React.memo(
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
const contentNode = (
|
||||||
<>
|
<>
|
||||||
<span className={styles.user}>
|
<span className={styles.user}>
|
||||||
<User name={membership.user.name} avatarUrl={membership.user.avatarUrl} size="large" />
|
<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 = {
|
ActionsStep.propTypes = {
|
||||||
membership: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
|
membership: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
|
||||||
permissionsSelectStep: PropTypes.elementType,
|
permissionsSelectStep: PropTypes.elementType,
|
||||||
|
title: PropTypes.string,
|
||||||
leaveButtonContent: PropTypes.string,
|
leaveButtonContent: PropTypes.string,
|
||||||
leaveConfirmationTitle: PropTypes.string,
|
leaveConfirmationTitle: PropTypes.string,
|
||||||
leaveConfirmationContent: PropTypes.string,
|
leaveConfirmationContent: PropTypes.string,
|
||||||
|
|
@ -143,11 +165,13 @@ ActionsStep.propTypes = {
|
||||||
canLeave: PropTypes.bool.isRequired,
|
canLeave: PropTypes.bool.isRequired,
|
||||||
onUpdate: PropTypes.func,
|
onUpdate: PropTypes.func,
|
||||||
onDelete: PropTypes.func.isRequired,
|
onDelete: PropTypes.func.isRequired,
|
||||||
|
onBack: PropTypes.func,
|
||||||
onClose: PropTypes.func.isRequired,
|
onClose: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
ActionsStep.defaultProps = {
|
ActionsStep.defaultProps = {
|
||||||
permissionsSelectStep: undefined,
|
permissionsSelectStep: undefined,
|
||||||
|
title: 'common.memberActions',
|
||||||
leaveButtonContent: 'action.leaveBoard',
|
leaveButtonContent: 'action.leaveBoard',
|
||||||
leaveConfirmationTitle: 'common.leaveBoard',
|
leaveConfirmationTitle: 'common.leaveBoard',
|
||||||
leaveConfirmationContent: 'common.areYouSureYouWantToLeaveBoard',
|
leaveConfirmationContent: 'common.areYouSureYouWantToLeaveBoard',
|
||||||
|
|
@ -157,6 +181,7 @@ ActionsStep.defaultProps = {
|
||||||
deleteConfirmationContent: 'common.areYouSureYouWantToRemoveThisMemberFromBoard',
|
deleteConfirmationContent: 'common.areYouSureYouWantToRemoveThisMemberFromBoard',
|
||||||
deleteConfirmationButtonContent: 'action.removeMember',
|
deleteConfirmationButtonContent: 'action.removeMember',
|
||||||
onUpdate: undefined,
|
onUpdate: undefined,
|
||||||
|
onBack: undefined,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ActionsStep;
|
export default ActionsStep;
|
||||||
|
|
|
||||||
|
|
@ -5,16 +5,21 @@ import { usePopup } from '../../lib/popup';
|
||||||
|
|
||||||
import AddStep from './AddStep';
|
import AddStep from './AddStep';
|
||||||
import ActionsStep from './ActionsStep';
|
import ActionsStep from './ActionsStep';
|
||||||
|
import MembershipsStep from './MembershipsStep';
|
||||||
import User from '../User';
|
import User from '../User';
|
||||||
|
|
||||||
import styles from './Memberships.module.scss';
|
import styles from './Memberships.module.scss';
|
||||||
|
|
||||||
|
const MAX_MEMBERS = 6;
|
||||||
|
|
||||||
const Memberships = React.memo(
|
const Memberships = React.memo(
|
||||||
({
|
({
|
||||||
items,
|
items,
|
||||||
allUsers,
|
allUsers,
|
||||||
permissionsSelectStep,
|
permissionsSelectStep,
|
||||||
|
title,
|
||||||
addTitle,
|
addTitle,
|
||||||
|
actionsTitle,
|
||||||
leaveButtonContent,
|
leaveButtonContent,
|
||||||
leaveConfirmationTitle,
|
leaveConfirmationTitle,
|
||||||
leaveConfirmationContent,
|
leaveConfirmationContent,
|
||||||
|
|
@ -31,11 +36,14 @@ const Memberships = React.memo(
|
||||||
}) => {
|
}) => {
|
||||||
const AddPopup = usePopup(AddStep);
|
const AddPopup = usePopup(AddStep);
|
||||||
const ActionsPopup = usePopup(ActionsStep);
|
const ActionsPopup = usePopup(ActionsStep);
|
||||||
|
const MembershipsPopup = usePopup(MembershipsStep);
|
||||||
|
|
||||||
|
const remainMembersCount = items.length - MAX_MEMBERS;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<span className={styles.users}>
|
<span className={styles.users}>
|
||||||
{items.map((item) => (
|
{items.slice(0, MAX_MEMBERS).map((item) => (
|
||||||
<span key={item.id} className={styles.user}>
|
<span key={item.id} className={styles.user}>
|
||||||
<ActionsPopup
|
<ActionsPopup
|
||||||
membership={item}
|
membership={item}
|
||||||
|
|
@ -63,6 +71,30 @@ const Memberships = React.memo(
|
||||||
</span>
|
</span>
|
||||||
))}
|
))}
|
||||||
</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 && (
|
{canEdit && (
|
||||||
<AddPopup
|
<AddPopup
|
||||||
users={allUsers}
|
users={allUsers}
|
||||||
|
|
@ -85,7 +117,9 @@ Memberships.propTypes = {
|
||||||
allUsers: PropTypes.array.isRequired,
|
allUsers: PropTypes.array.isRequired,
|
||||||
/* eslint-enable react/forbid-prop-types */
|
/* eslint-enable react/forbid-prop-types */
|
||||||
permissionsSelectStep: PropTypes.elementType,
|
permissionsSelectStep: PropTypes.elementType,
|
||||||
|
title: PropTypes.string,
|
||||||
addTitle: PropTypes.string,
|
addTitle: PropTypes.string,
|
||||||
|
actionsTitle: PropTypes.string,
|
||||||
leaveButtonContent: PropTypes.string,
|
leaveButtonContent: PropTypes.string,
|
||||||
leaveConfirmationTitle: PropTypes.string,
|
leaveConfirmationTitle: PropTypes.string,
|
||||||
leaveConfirmationContent: PropTypes.string,
|
leaveConfirmationContent: PropTypes.string,
|
||||||
|
|
@ -103,7 +137,9 @@ Memberships.propTypes = {
|
||||||
|
|
||||||
Memberships.defaultProps = {
|
Memberships.defaultProps = {
|
||||||
permissionsSelectStep: undefined,
|
permissionsSelectStep: undefined,
|
||||||
|
title: undefined,
|
||||||
addTitle: undefined,
|
addTitle: undefined,
|
||||||
|
actionsTitle: undefined,
|
||||||
leaveButtonContent: undefined,
|
leaveButtonContent: undefined,
|
||||||
leaveConfirmationTitle: undefined,
|
leaveConfirmationTitle: undefined,
|
||||||
leaveConfirmationContent: undefined,
|
leaveConfirmationContent: undefined,
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,10 @@
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 36px;
|
width: 36px;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 797px) {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: rgba(0, 0, 0, 0.32);
|
background: rgba(0, 0, 0, 0.32);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
121
client/src/components/Memberships/MembershipsStep.jsx
Normal file
121
client/src/components/Memberships/MembershipsStep.jsx
Normal file
|
|
@ -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;
|
||||||
|
|
@ -12,7 +12,9 @@ const ManagersPane = React.memo(({ items, allUsers, onCreate, onDelete }) => {
|
||||||
<Memberships
|
<Memberships
|
||||||
items={items}
|
items={items}
|
||||||
allUsers={allUsers}
|
allUsers={allUsers}
|
||||||
|
title="common.managers"
|
||||||
addTitle="common.addManager"
|
addTitle="common.addManager"
|
||||||
|
actionsTitle="common.managerActions"
|
||||||
leaveButtonContent="action.leaveProject"
|
leaveButtonContent="action.leaveProject"
|
||||||
leaveConfirmationTitle="common.leaveProject"
|
leaveConfirmationTitle="common.leaveProject"
|
||||||
leaveConfirmationContent="common.areYouSureYouWantToLeaveProject"
|
leaveConfirmationContent="common.areYouSureYouWantToLeaveProject"
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@ import 'react-datepicker/dist/react-datepicker.css';
|
||||||
import 'photoswipe/dist/photoswipe.css';
|
import 'photoswipe/dist/photoswipe.css';
|
||||||
import 'easymde/dist/easymde.min.css';
|
import 'easymde/dist/easymde.min.css';
|
||||||
import '../lib/custom-ui/styles.css';
|
import '../lib/custom-ui/styles.css';
|
||||||
|
import '../assets/css/font-awesome.css';
|
||||||
import '../styles.module.scss';
|
import '../styles.module.scss';
|
||||||
|
|
||||||
function Root({ store, history }) {
|
function Root({ store, history }) {
|
||||||
|
|
|
||||||
|
|
@ -10,13 +10,10 @@
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
background: #dce0e4;
|
background: #dce0e4;
|
||||||
border: none;
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: #6a808b;
|
color: #6a808b;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
outline: none;
|
|
||||||
text-align: left;
|
|
||||||
transition: background 0.3s ease;
|
transition: background 0.3s ease;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
border: none;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
outline: none;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import React from 'react';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { Image, Tab } from 'semantic-ui-react';
|
import { Image, Tab } from 'semantic-ui-react';
|
||||||
|
|
||||||
import Config from '../../constants/Config';
|
import version from '../../version';
|
||||||
|
|
||||||
import logo from '../../assets/images/logo.png';
|
import logo from '../../assets/images/logo.png';
|
||||||
|
|
||||||
|
|
@ -15,7 +15,7 @@ const AboutPane = React.memo(() => {
|
||||||
<Tab.Pane attached={false} className={styles.wrapper}>
|
<Tab.Pane attached={false} className={styles.wrapper}>
|
||||||
<Image centered src={logo} size="large" />
|
<Image centered src={logo} size="large" />
|
||||||
<div className={styles.version}>
|
<div className={styles.version}>
|
||||||
{t('common.version')} {Config.VERSION}
|
{t('common.version')} {version}
|
||||||
</div>
|
</div>
|
||||||
</Tab.Pane>
|
</Tab.Pane>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -173,6 +173,10 @@ export default {
|
||||||
LIST_UPDATE__SUCCESS: 'LIST_UPDATE__SUCCESS',
|
LIST_UPDATE__SUCCESS: 'LIST_UPDATE__SUCCESS',
|
||||||
LIST_UPDATE__FAILURE: 'LIST_UPDATE__FAILURE',
|
LIST_UPDATE__FAILURE: 'LIST_UPDATE__FAILURE',
|
||||||
LIST_UPDATE_HANDLE: 'LIST_UPDATE_HANDLE',
|
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: 'LIST_DELETE',
|
||||||
LIST_DELETE__SUCCESS: 'LIST_DELETE__SUCCESS',
|
LIST_DELETE__SUCCESS: 'LIST_DELETE__SUCCESS',
|
||||||
LIST_DELETE__FAILURE: 'LIST_DELETE__FAILURE',
|
LIST_DELETE__FAILURE: 'LIST_DELETE__FAILURE',
|
||||||
|
|
@ -191,9 +195,6 @@ export default {
|
||||||
CARD_UPDATE__SUCCESS: 'CARD_UPDATE__SUCCESS',
|
CARD_UPDATE__SUCCESS: 'CARD_UPDATE__SUCCESS',
|
||||||
CARD_UPDATE__FAILURE: 'CARD_UPDATE__FAILURE',
|
CARD_UPDATE__FAILURE: 'CARD_UPDATE__FAILURE',
|
||||||
CARD_UPDATE_HANDLE: 'CARD_UPDATE_HANDLE',
|
CARD_UPDATE_HANDLE: 'CARD_UPDATE_HANDLE',
|
||||||
CARD_TRANSFER: 'CARD_TRANSFER',
|
|
||||||
CARD_TRANSFER__SUCCESS: 'CARD_TRANSFER__SUCCESS',
|
|
||||||
CARD_TRANSFER__FAILURE: 'CARD_TRANSFER__FAILURE',
|
|
||||||
CARD_DUPLICATE: 'CARD_DUPLICATE',
|
CARD_DUPLICATE: 'CARD_DUPLICATE',
|
||||||
CARD_DUPLICATE__SUCCESS: 'CARD_DUPLICATE__SUCCESS',
|
CARD_DUPLICATE__SUCCESS: 'CARD_DUPLICATE__SUCCESS',
|
||||||
CARD_DUPLICATE__FAILURE: 'CARD_DUPLICATE__FAILURE',
|
CARD_DUPLICATE__FAILURE: 'CARD_DUPLICATE__FAILURE',
|
||||||
|
|
@ -201,6 +202,7 @@ export default {
|
||||||
CARD_DELETE__SUCCESS: 'CARD_DELETE__SUCCESS',
|
CARD_DELETE__SUCCESS: 'CARD_DELETE__SUCCESS',
|
||||||
CARD_DELETE__FAILURE: 'CARD_DELETE__FAILURE',
|
CARD_DELETE__FAILURE: 'CARD_DELETE__FAILURE',
|
||||||
CARD_DELETE_HANDLE: 'CARD_DELETE_HANDLE',
|
CARD_DELETE_HANDLE: 'CARD_DELETE_HANDLE',
|
||||||
|
TEXT_FILTER_IN_CURRENT_BOARD: 'TEXT_FILTER_IN_CURRENT_BOARD',
|
||||||
|
|
||||||
/* Tasks */
|
/* Tasks */
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
const VERSION = process.env.REACT_APP_VERSION;
|
|
||||||
|
|
||||||
const { BASE_URL } = window;
|
const { BASE_URL } = window;
|
||||||
|
|
||||||
const BASE_PATH = BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
|
const BASE_PATH = BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
|
||||||
|
|
||||||
const SERVER_BASE_URL =
|
const SERVER_BASE_URL =
|
||||||
process.env.REACT_APP_SERVER_BASE_URL ||
|
process.env.REACT_APP_SERVER_BASE_URL ||
|
||||||
(process.env.NODE_ENV === 'production' ? BASE_URL : 'http://localhost:1337');
|
(process.env.NODE_ENV === 'production' ? BASE_URL : 'http://localhost:1337');
|
||||||
|
|
||||||
|
const SERVER_BASE_PATH = SERVER_BASE_URL.replace(/^.*\/\/[^/]*(.*)[^?#]*.*$/, '$1');
|
||||||
const SERVER_HOST_NAME = SERVER_BASE_URL.replace(/^(.*\/\/[^/?#]*).*$/, '$1');
|
const SERVER_HOST_NAME = SERVER_BASE_URL.replace(/^(.*\/\/[^/?#]*).*$/, '$1');
|
||||||
|
|
||||||
const ACCESS_TOKEN_KEY = 'accessToken';
|
const ACCESS_TOKEN_KEY = 'accessToken';
|
||||||
|
|
@ -17,9 +17,9 @@ const POSITION_GAP = 65535;
|
||||||
const ACTIVITIES_LIMIT = 50;
|
const ACTIVITIES_LIMIT = 50;
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
VERSION,
|
|
||||||
BASE_PATH,
|
BASE_PATH,
|
||||||
SERVER_BASE_URL,
|
SERVER_BASE_URL,
|
||||||
|
SERVER_BASE_PATH,
|
||||||
SERVER_HOST_NAME,
|
SERVER_HOST_NAME,
|
||||||
ACCESS_TOKEN_KEY,
|
ACCESS_TOKEN_KEY,
|
||||||
ACCESS_TOKEN_VERSION_KEY,
|
ACCESS_TOKEN_VERSION_KEY,
|
||||||
|
|
|
||||||
|
|
@ -120,6 +120,8 @@ export default {
|
||||||
LIST_MOVE: `${PREFIX}/LIST_MOVE`,
|
LIST_MOVE: `${PREFIX}/LIST_MOVE`,
|
||||||
LIST_DELETE: `${PREFIX}/LIST_DELETE`,
|
LIST_DELETE: `${PREFIX}/LIST_DELETE`,
|
||||||
LIST_DELETE_HANDLE: `${PREFIX}/LIST_DELETE_HANDLE`,
|
LIST_DELETE_HANDLE: `${PREFIX}/LIST_DELETE_HANDLE`,
|
||||||
|
LIST_SORT: `${PREFIX}/LIST_SORT`,
|
||||||
|
LIST_SORT_HANDLE: `${PREFIX}/LIST_SORT_HANDLE`,
|
||||||
|
|
||||||
/* Cards */
|
/* Cards */
|
||||||
|
|
||||||
|
|
@ -137,6 +139,7 @@ export default {
|
||||||
CARD_DELETE: `${PREFIX}/CARD_DELETE`,
|
CARD_DELETE: `${PREFIX}/CARD_DELETE`,
|
||||||
CURRENT_CARD_DELETE: `${PREFIX}/CURRENT_CARD_DELETE`,
|
CURRENT_CARD_DELETE: `${PREFIX}/CURRENT_CARD_DELETE`,
|
||||||
CARD_DELETE_HANDLE: `${PREFIX}/CARD_DELETE_HANDLE`,
|
CARD_DELETE_HANDLE: `${PREFIX}/CARD_DELETE_HANDLE`,
|
||||||
|
TEXT_FILTER_IN_CURRENT_BOARD: `${PREFIX}/FILTER_TEXT_HANDLE`,
|
||||||
|
|
||||||
/* Tasks */
|
/* Tasks */
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,13 @@ export const BoardMembershipRoles = {
|
||||||
VIEWER: 'viewer',
|
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 = {
|
export const ActivityTypes = {
|
||||||
CREATE_CARD: 'createCard',
|
CREATE_CARD: 'createCard',
|
||||||
MOVE_CARD: 'moveCard',
|
MOVE_CARD: 'moveCard',
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@ const mapStateToProps = (state) => {
|
||||||
const labels = selectors.selectLabelsForCurrentBoard(state);
|
const labels = selectors.selectLabelsForCurrentBoard(state);
|
||||||
const filterUsers = selectors.selectFilterUsersForCurrentBoard(state);
|
const filterUsers = selectors.selectFilterUsersForCurrentBoard(state);
|
||||||
const filterLabels = selectors.selectFilterLabelsForCurrentBoard(state);
|
const filterLabels = selectors.selectFilterLabelsForCurrentBoard(state);
|
||||||
|
const filterText = selectors.selectFilterTextForCurrentBoard(state);
|
||||||
const currentUserMembership = selectors.selectCurrentUserMembershipForCurrentBoard(state);
|
const currentUserMembership = selectors.selectCurrentUserMembershipForCurrentBoard(state);
|
||||||
|
|
||||||
const isCurrentUserEditor =
|
const isCurrentUserEditor =
|
||||||
|
|
@ -23,6 +24,7 @@ const mapStateToProps = (state) => {
|
||||||
labels,
|
labels,
|
||||||
filterUsers,
|
filterUsers,
|
||||||
filterLabels,
|
filterLabels,
|
||||||
|
filterText,
|
||||||
allUsers,
|
allUsers,
|
||||||
canEdit: isCurrentUserEditor,
|
canEdit: isCurrentUserEditor,
|
||||||
canEditMemberships: isCurrentUserManager,
|
canEditMemberships: isCurrentUserManager,
|
||||||
|
|
@ -43,6 +45,7 @@ const mapDispatchToProps = (dispatch) =>
|
||||||
onLabelUpdate: entryActions.updateLabel,
|
onLabelUpdate: entryActions.updateLabel,
|
||||||
onLabelMove: entryActions.moveLabel,
|
onLabelMove: entryActions.moveLabel,
|
||||||
onLabelDelete: entryActions.deleteLabel,
|
onLabelDelete: entryActions.deleteLabel,
|
||||||
|
onTextFilterUpdate: entryActions.filterText,
|
||||||
},
|
},
|
||||||
dispatch,
|
dispatch,
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -20,10 +20,8 @@ const makeMapStateToProps = () => {
|
||||||
const allLabels = selectors.selectLabelsForCurrentBoard(state);
|
const allLabels = selectors.selectLabelsForCurrentBoard(state);
|
||||||
const currentUserMembership = selectors.selectCurrentUserMembershipForCurrentBoard(state);
|
const currentUserMembership = selectors.selectCurrentUserMembershipForCurrentBoard(state);
|
||||||
|
|
||||||
const { name, dueDate, stopwatch, coverUrl, boardId, listId, isPersisted } = selectCardById(
|
const { name, dueDate, isDueDateCompleted, stopwatch, coverUrl, boardId, listId, isPersisted } =
|
||||||
state,
|
selectCardById(state, id);
|
||||||
id,
|
|
||||||
);
|
|
||||||
|
|
||||||
const users = selectUsersByCardId(state, id);
|
const users = selectUsersByCardId(state, id);
|
||||||
const labels = selectLabelsByCardId(state, id);
|
const labels = selectLabelsByCardId(state, id);
|
||||||
|
|
@ -38,6 +36,7 @@ const makeMapStateToProps = () => {
|
||||||
index,
|
index,
|
||||||
name,
|
name,
|
||||||
dueDate,
|
dueDate,
|
||||||
|
isDueDateCompleted,
|
||||||
stopwatch,
|
stopwatch,
|
||||||
coverUrl,
|
coverUrl,
|
||||||
boardId,
|
boardId,
|
||||||
|
|
|
||||||
|
|
@ -21,6 +21,7 @@ const mapStateToProps = (state) => {
|
||||||
name,
|
name,
|
||||||
description,
|
description,
|
||||||
dueDate,
|
dueDate,
|
||||||
|
isDueDateCompleted,
|
||||||
stopwatch,
|
stopwatch,
|
||||||
isSubscribed,
|
isSubscribed,
|
||||||
isActivitiesFetching,
|
isActivitiesFetching,
|
||||||
|
|
@ -49,6 +50,7 @@ const mapStateToProps = (state) => {
|
||||||
name,
|
name,
|
||||||
description,
|
description,
|
||||||
dueDate,
|
dueDate,
|
||||||
|
isDueDateCompleted,
|
||||||
stopwatch,
|
stopwatch,
|
||||||
isSubscribed,
|
isSubscribed,
|
||||||
isActivitiesFetching,
|
isActivitiesFetching,
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,7 @@ const mapDispatchToProps = (dispatch, { id }) =>
|
||||||
bindActionCreators(
|
bindActionCreators(
|
||||||
{
|
{
|
||||||
onUpdate: (data) => entryActions.updateList(id, data),
|
onUpdate: (data) => entryActions.updateList(id, data),
|
||||||
|
onSort: (data) => entryActions.sortList(id, data),
|
||||||
onDelete: () => entryActions.deleteList(id),
|
onDelete: () => entryActions.deleteList(id),
|
||||||
onCardCreate: (data, autoOpen) => entryActions.createCard(id, data, autoOpen),
|
onCardCreate: (data, autoOpen) => entryActions.createCard(id, data, autoOpen),
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -6,12 +6,13 @@ import entryActions from '../entry-actions';
|
||||||
import Projects from '../components/Projects';
|
import Projects from '../components/Projects';
|
||||||
|
|
||||||
const mapStateToProps = (state) => {
|
const mapStateToProps = (state) => {
|
||||||
|
const { allowAllToCreateProjects } = selectors.selectConfig(state);
|
||||||
const { isAdmin } = selectors.selectCurrentUser(state);
|
const { isAdmin } = selectors.selectCurrentUser(state);
|
||||||
const projects = selectors.selectProjectsForCurrentUser(state);
|
const projects = selectors.selectProjectsForCurrentUser(state);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
items: projects,
|
items: projects,
|
||||||
canAdd: isAdmin,
|
canAdd: allowAllToCreateProjects || isAdmin,
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -105,6 +105,13 @@ const handleCardDelete = (card) => ({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const filterText = (text) => ({
|
||||||
|
type: EntryActionTypes.TEXT_FILTER_IN_CURRENT_BOARD,
|
||||||
|
payload: {
|
||||||
|
text,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
createCard,
|
createCard,
|
||||||
handleCardCreate,
|
handleCardCreate,
|
||||||
|
|
@ -120,4 +127,5 @@ export default {
|
||||||
deleteCard,
|
deleteCard,
|
||||||
deleteCurrentCard,
|
deleteCurrentCard,
|
||||||
handleCardDelete,
|
handleCardDelete,
|
||||||
|
filterText,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -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) => ({
|
const deleteList = (id) => ({
|
||||||
type: EntryActionTypes.LIST_DELETE,
|
type: EntryActionTypes.LIST_DELETE,
|
||||||
payload: {
|
payload: {
|
||||||
|
|
@ -57,6 +75,8 @@ export default {
|
||||||
updateList,
|
updateList,
|
||||||
handleListUpdate,
|
handleListUpdate,
|
||||||
moveList,
|
moveList,
|
||||||
|
sortList,
|
||||||
|
handleListSort,
|
||||||
deleteList,
|
deleteList,
|
||||||
handleListDelete,
|
handleListDelete,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -58,9 +58,9 @@ i18n
|
||||||
.use(initReactI18next)
|
.use(initReactI18next)
|
||||||
.init({
|
.init({
|
||||||
resources: embeddedLocales,
|
resources: embeddedLocales,
|
||||||
fallbackLng: 'en',
|
fallbackLng: 'en-US',
|
||||||
supportedLngs: languages,
|
supportedLngs: languages,
|
||||||
load: 'languageOnly',
|
load: 'currentOnly',
|
||||||
interpolation: {
|
interpolation: {
|
||||||
escapeValue: false,
|
escapeValue: false,
|
||||||
format(value, format, language) {
|
format(value, format, language) {
|
||||||
|
|
@ -80,7 +80,7 @@ i18n
|
||||||
});
|
});
|
||||||
|
|
||||||
i18n.loadCoreLocale = async (language = i18n.resolvedLanguage) => {
|
i18n.loadCoreLocale = async (language = i18n.resolvedLanguage) => {
|
||||||
if (language === 'en') {
|
if (language === i18n.options.fallbackLng[0]) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,4 +9,6 @@ export default class Input extends SemanticUIInput {
|
||||||
static Mask = InputMask;
|
static Mask = InputMask;
|
||||||
|
|
||||||
focus = (options) => this.inputRef.current.focus(options);
|
focus = (options) => this.inputRef.current.focus(options);
|
||||||
|
|
||||||
|
blur = () => this.inputRef.current.blur();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
252
client/src/locales/bg-BG/core.js
Normal file
252
client/src/locales/bg-BG/core.js
Normal file
|
|
@ -0,0 +1,252 @@
|
||||||
|
import dateFns from 'date-fns/locale/bg';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
dateFns,
|
||||||
|
|
||||||
|
format: {
|
||||||
|
date: 'd.MM.yyyy',
|
||||||
|
time: 'p',
|
||||||
|
dateTime: '$t(format:date) $t(format:time)',
|
||||||
|
longDate: 'd. MMM',
|
||||||
|
longDateTime: "d. MMMM 'в' p",
|
||||||
|
fullDate: 'd. MMM. y',
|
||||||
|
fullDateTime: "d. MMMM. y 'в' p",
|
||||||
|
},
|
||||||
|
|
||||||
|
translation: {
|
||||||
|
common: {
|
||||||
|
aboutPlanka: 'За Planka',
|
||||||
|
account: 'Акаунт',
|
||||||
|
actions: 'Действия',
|
||||||
|
addAttachment_title: 'Добавяне на прикачен файл',
|
||||||
|
addComment: 'Добавяне на коментар',
|
||||||
|
addManager_title: 'Добавяне на мениджър',
|
||||||
|
addMember_title: 'Добавяне на член',
|
||||||
|
addUser_title: 'Добавяне на потребител',
|
||||||
|
administrator: 'Администратор',
|
||||||
|
all: 'Всички',
|
||||||
|
allChangesWillBeAutomaticallySavedAfterConnectionRestored:
|
||||||
|
'Всички промени ще бъдат автоматично запазени<br />след възстановяване на връзката.',
|
||||||
|
areYouSureYouWantToDeleteThisAttachment:
|
||||||
|
'Сигурни ли сте, че искате да изтриете този прикачен файл?',
|
||||||
|
areYouSureYouWantToDeleteThisBoard: 'Сигурни ли сте, че искате да изтриете това табло?',
|
||||||
|
areYouSureYouWantToDeleteThisCard: 'Сигурни ли сте, че искате да изтриете тази карта?',
|
||||||
|
areYouSureYouWantToDeleteThisComment: 'Сигурни ли сте, че искате да изтриете този коментар?',
|
||||||
|
areYouSureYouWantToDeleteThisLabel: 'Сигурни ли сте, че искате да изтриете този етикет?',
|
||||||
|
areYouSureYouWantToDeleteThisList: 'Сигурни ли сте, че искате да изтриете този списък?',
|
||||||
|
areYouSureYouWantToDeleteThisProject: 'Сигурни ли сте, че искате да изтриете този проект?',
|
||||||
|
areYouSureYouWantToDeleteThisTask: 'Сигурни ли сте, че искате да изтриете тази задача?',
|
||||||
|
areYouSureYouWantToDeleteThisUser: 'Сигурни ли сте, че искате да изтриете този потребител?',
|
||||||
|
areYouSureYouWantToLeaveBoard: 'Сигурни ли сте, че искате да напуснете таблото?',
|
||||||
|
areYouSureYouWantToLeaveProject: 'Сигурни ли сте, че искате да напуснете проекта?',
|
||||||
|
areYouSureYouWantToRemoveThisManagerFromProject:
|
||||||
|
'Сигурни ли сте, че искате да премахнете този мениджър от проекта?',
|
||||||
|
areYouSureYouWantToRemoveThisMemberFromBoard:
|
||||||
|
'Сигурни ли сте, че искате да премахнете този член от таблото?',
|
||||||
|
attachment: 'Прикачен файл',
|
||||||
|
attachments: 'Прикачени файлове',
|
||||||
|
authentication: 'Удостоверяване',
|
||||||
|
background: 'Фон',
|
||||||
|
board: 'Табло',
|
||||||
|
boardNotFound_title: 'Таблото не е намерено',
|
||||||
|
canComment: 'може да коментира',
|
||||||
|
canEditContentOfBoard: 'може да редактира съдържание на таблото',
|
||||||
|
canOnlyViewBoard: 'може само да преглежда таблото',
|
||||||
|
cardActions_title: 'Действия с карта',
|
||||||
|
cardNotFound_title: 'Картата не може да бъде открита',
|
||||||
|
cardOrActionAreDeleted: 'Картата или действието са изтрити.',
|
||||||
|
color: 'Цвят',
|
||||||
|
copy_inline: 'копирай',
|
||||||
|
createBoard_title: 'Създаване на табло',
|
||||||
|
createLabel_title: 'Създаване на етикет',
|
||||||
|
createNewOneOrSelectExistingOne: 'Създайте нов или изберете<br/>съществуващ.',
|
||||||
|
createProject_title: 'Създаване на проект',
|
||||||
|
createTextFile_title: 'Създаване на текстов файл',
|
||||||
|
currentPassword: 'Текуща парола',
|
||||||
|
dangerZone_title: 'Опасна зона',
|
||||||
|
date: 'Дата',
|
||||||
|
dueDate: 'Дата на падежа',
|
||||||
|
dueDate_title: 'Краен срок',
|
||||||
|
deleteAttachment_title: 'Изтриване на прикачен файл',
|
||||||
|
deleteBoard_title: 'Изтриване на табло',
|
||||||
|
deleteCard_title: 'Изтриване на карта',
|
||||||
|
deleteComment_title: 'Изтриване на коментар',
|
||||||
|
deleteLabel_title: 'Изтриване на етикета',
|
||||||
|
deleteList_title: 'Изтриване на списък',
|
||||||
|
deleteProject_title: 'Изтриване на проект',
|
||||||
|
deleteTask_title: 'Изтриване на задача',
|
||||||
|
deleteUser_title: 'Изтриване на потребител',
|
||||||
|
description: 'Описание',
|
||||||
|
detectAutomatically: 'Aвтоматично откриване',
|
||||||
|
dropFileToUpload: 'Пуснете файл за качване',
|
||||||
|
editor: 'Редактор',
|
||||||
|
editAttachment_title: 'Редактирай прикачения файл',
|
||||||
|
editAvatar_title: 'Редактиране на аватар',
|
||||||
|
editBoard_title: 'Редактиране на табло',
|
||||||
|
editDueDate_title: 'Редактиране на дата на падеж',
|
||||||
|
editEmail_title: 'Редактиране на имейл',
|
||||||
|
editInformation_title: 'Редактиране на информация',
|
||||||
|
editLabel_title: 'Редактиране на табло',
|
||||||
|
editPassword_title: 'Редактиране на парола',
|
||||||
|
editPermissions_title: 'Редактиране на права',
|
||||||
|
editStopwatch_title: 'Редактиране на Хронометър',
|
||||||
|
editUsername_title: 'Редактиране на потребителско име',
|
||||||
|
email: 'Имейл',
|
||||||
|
emailAlreadyInUse: 'Имейлът вече се използва',
|
||||||
|
enterCardTitle: 'Въведете заглавие на картата... [Ctrl+Enter] за автоматично отваряне.',
|
||||||
|
enterDescription: 'Въведете описание...',
|
||||||
|
enterFilename: 'Въведете име на файла',
|
||||||
|
enterListTitle: 'Въведете заглавие на списък...',
|
||||||
|
enterProjectTitle: 'Въведете заглавие на проекта',
|
||||||
|
enterTaskDescription: 'Въведете описание на задачата...',
|
||||||
|
filterByLabels_title: 'Филтриране по етикети',
|
||||||
|
filterByMembers_title: 'Филтриране по членове',
|
||||||
|
fromComputer_title: 'От компютър',
|
||||||
|
fromTrello: 'От Trello',
|
||||||
|
general: 'Общ',
|
||||||
|
hours: 'Часове',
|
||||||
|
importBoard_title: 'Импортиране на табло',
|
||||||
|
invalidCurrentPassword: 'Невалидна текуща парола',
|
||||||
|
labels: 'Етикети',
|
||||||
|
language: 'Език',
|
||||||
|
leaveBoard_title: 'Напуснете таблото',
|
||||||
|
leaveProject_title: 'Напуснете проекта',
|
||||||
|
list: 'Списък',
|
||||||
|
listActions_title: 'Списък с действия',
|
||||||
|
managers: 'Мениджъри',
|
||||||
|
managerActions_title: 'Действия с мениджъри',
|
||||||
|
members: 'Членове',
|
||||||
|
memberActions_title: 'Действия с членове',
|
||||||
|
minutes: 'Минути',
|
||||||
|
moveCard_title: 'Преместване на карта',
|
||||||
|
name: 'Име',
|
||||||
|
newestFirst: 'Първо най-новите',
|
||||||
|
newEmail: 'Нов имейл',
|
||||||
|
newPassword: 'Нова парола',
|
||||||
|
newUsername: 'Ново потребителско име',
|
||||||
|
noConnectionToServer: 'Няма връзка със сървъра',
|
||||||
|
noBoards: 'Няма табла',
|
||||||
|
noLists: 'Няма списъци',
|
||||||
|
noProjects: 'Няма проекти',
|
||||||
|
notifications: 'Уведомления',
|
||||||
|
noUnreadNotifications: 'Няма непрочетени известия.',
|
||||||
|
oldestFirst: 'Първо най-старите',
|
||||||
|
openBoard_title: 'Отворете табло',
|
||||||
|
optional_inline: 'по желание',
|
||||||
|
organization: 'Организация',
|
||||||
|
phone: 'Телефон',
|
||||||
|
preferences: 'Предпочитания',
|
||||||
|
pressPasteShortcutToAddAttachmentFromClipboard:
|
||||||
|
'Съвет: натиснете Ctrl-V (Cmd-V на Mac), за да добавите прикачен файл от клипборда',
|
||||||
|
project: 'Проект',
|
||||||
|
projectNotFound_title: 'Проектът не е намерен',
|
||||||
|
removeManager_title: 'Премахване на мениджър',
|
||||||
|
removeMember_title: 'Премахване на член',
|
||||||
|
searchLabels: 'Търсене на етикети...',
|
||||||
|
searchMembers: 'Търсене на членове...',
|
||||||
|
searchUsers: 'Търсене на потребители...',
|
||||||
|
searchCards: 'Търсене на карти...',
|
||||||
|
seconds: 'секунди',
|
||||||
|
selectBoard: 'Изберете табло',
|
||||||
|
selectList: 'Изберете списък',
|
||||||
|
selectPermissions_title: 'Изберете правата',
|
||||||
|
selectProject: 'Изберете проект',
|
||||||
|
settings: 'Настройки',
|
||||||
|
sortList_title: 'Сортиране на списък',
|
||||||
|
stopwatch: 'Хронометър',
|
||||||
|
subscribeToMyOwnCardsByDefault: 'Абонирайте се за собствените си карти по подразбиране',
|
||||||
|
taskActions_title: 'Действия със задачи',
|
||||||
|
tasks: 'Задачи',
|
||||||
|
thereIsNoPreviewAvailableForThisAttachment: 'Няма наличен преглед за този прикачен файл.',
|
||||||
|
time: 'Време',
|
||||||
|
title: 'Заглавие',
|
||||||
|
userActions_title: 'Потребителски действия',
|
||||||
|
userAddedThisCardToList: '<0>{{user}}</0><1> добави тази карта в {{list}}</1>',
|
||||||
|
userLeftNewCommentToCard: '{{user}} остави нов коментар «{{comment}}» в <2>{{card}}</2>',
|
||||||
|
userMovedCardFromListToList:
|
||||||
|
'{{user}} премести <2>{{card}}</2> от {{fromList}} към {{toList}}',
|
||||||
|
userMovedThisCardFromListToList:
|
||||||
|
'<0>{{user}}</0><1> премести тази карта от {{fromList}} към {{toList}}</1>',
|
||||||
|
username: 'Потребителско име',
|
||||||
|
usernameAlreadyInUse: 'Потребителското име вече се използва',
|
||||||
|
users: 'Потребители',
|
||||||
|
version: 'Версия',
|
||||||
|
viewer: 'Зрител',
|
||||||
|
writeComment: 'Напишете коментар...',
|
||||||
|
},
|
||||||
|
|
||||||
|
action: {
|
||||||
|
addAnotherCard: 'Добавяне на друга карта',
|
||||||
|
addAnotherList: 'Добавяне на друг списък',
|
||||||
|
addAnotherTask: 'Добавяне на друга задача',
|
||||||
|
addCard: 'Добавяне на карта',
|
||||||
|
addCard_title: 'Добавяне на карта',
|
||||||
|
addComment: 'Добавяне на коментар',
|
||||||
|
addList: 'Добавяне на списък',
|
||||||
|
addMember: 'Добавяне на член',
|
||||||
|
addMoreDetailedDescription: 'Добавяне на по-подробно описание',
|
||||||
|
addTask: 'Добавяне на задача',
|
||||||
|
addToCard: 'Добавяне към карта',
|
||||||
|
addUser: 'Добавяне на потребител',
|
||||||
|
createBoard: 'Създаване на табло',
|
||||||
|
createFile: 'Създаване на файл',
|
||||||
|
createLabel: 'Създаване на етикет',
|
||||||
|
createNewLabel: 'Създаване на нов етикет',
|
||||||
|
createProject: 'Създаване на проект',
|
||||||
|
delete: 'Изтриване',
|
||||||
|
deleteAttachment: 'Изтриване на прикачения файл',
|
||||||
|
deleteAvatar: 'Изтриване на аватар',
|
||||||
|
deleteBoard: 'Изтриване на табло',
|
||||||
|
deleteCard: 'Изтриване на карта',
|
||||||
|
deleteCard_title: 'Изтриване на карта',
|
||||||
|
deleteComment: 'Изтриване на коментара',
|
||||||
|
deleteImage: 'Изтриване на изображение',
|
||||||
|
deleteLabel: 'Изтриване на етикета',
|
||||||
|
deleteList: 'Изтриване на списък',
|
||||||
|
deleteList_title: 'Изтриване на списък',
|
||||||
|
deleteProject: 'Изтриване на проект',
|
||||||
|
deleteProject_title: 'Изтриване на проект',
|
||||||
|
deleteTask: 'Изтриване на задача',
|
||||||
|
deleteTask_title: 'Изтриване на задача',
|
||||||
|
deleteUser: 'Изтриване на потребител',
|
||||||
|
duplicate: 'Направи дубликат',
|
||||||
|
duplicateCard_title: 'Дублирана карта',
|
||||||
|
edit: 'Редактиране',
|
||||||
|
editDueDate_title: 'Редактиране на краен срок',
|
||||||
|
editDescription_title: 'Редактиране на описание',
|
||||||
|
editEmail_title: 'Редактиране на имейл',
|
||||||
|
editInformation_title: 'Редактиране на информация',
|
||||||
|
editPassword_title: 'Редактиране на парола',
|
||||||
|
editPermissions: 'Разрешения за редактиране',
|
||||||
|
editStopwatch_title: 'Редактиране на хронометър',
|
||||||
|
editTitle_title: 'Редактиране на заглавието',
|
||||||
|
editUsername_title: 'Редактиране на потребителско име',
|
||||||
|
hideDetails: 'Скриване на детайлите',
|
||||||
|
import: 'Импортиране',
|
||||||
|
leaveBoard: 'Напускане на дъската',
|
||||||
|
leaveProject: 'Напускане на проекта',
|
||||||
|
logOut_title: 'Излезте',
|
||||||
|
makeCover_title: 'Създаване на корица',
|
||||||
|
move: 'Преместване',
|
||||||
|
moveCard_title: 'Преместване на карта',
|
||||||
|
remove: 'Премахване',
|
||||||
|
removeBackground: 'Премахване на фона',
|
||||||
|
removeCover_title: 'Премахване на корицата',
|
||||||
|
removeFromBoard: 'Премахване от борда',
|
||||||
|
removeFromProject: 'Премахване от проекта',
|
||||||
|
removeManager: 'Премахване на мениджър',
|
||||||
|
removeMember: 'Премахване на член',
|
||||||
|
save: 'Запазване',
|
||||||
|
showAllAttachments: 'Показване на всички прикачени файлове ({{hidden}} скрити)',
|
||||||
|
showDetails: 'Показване на подробности',
|
||||||
|
showFewerAttachments: 'Показване на по-малко прикачени файлове',
|
||||||
|
sortList_title: 'Списък за сортиране',
|
||||||
|
start: 'Старт',
|
||||||
|
stop: 'Стоп',
|
||||||
|
subscribe: 'Абонирайте се',
|
||||||
|
unsubscribe: 'Отписване',
|
||||||
|
uploadNewAvatar: 'Качване на нов аватар',
|
||||||
|
uploadNewImage: 'Качване на ново изображение',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
8
client/src/locales/bg-BG/index.js
Normal file
8
client/src/locales/bg-BG/index.js
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
import login from './login';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
language: 'bg-BG',
|
||||||
|
country: 'bg',
|
||||||
|
name: 'Български',
|
||||||
|
embeddedLocale: login,
|
||||||
|
};
|
||||||
22
client/src/locales/bg-BG/login.js
Normal file
22
client/src/locales/bg-BG/login.js
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
export default {
|
||||||
|
translation: {
|
||||||
|
common: {
|
||||||
|
emailOrUsername: 'Имейл или потребителско име',
|
||||||
|
invalidEmailOrUsername: 'Невалиден имейл или потребителско име',
|
||||||
|
invalidPassword: 'Невалидна парола',
|
||||||
|
logInToPlanka: 'Влезте в Planka',
|
||||||
|
noInternetConnection: 'Няма интернет връзка',
|
||||||
|
pageNotFound_title: 'Страницата не е намерена',
|
||||||
|
password: 'Парола',
|
||||||
|
projectManagement: 'Управление на проекти',
|
||||||
|
serverConnectionFailed: 'Неуспешна връзка със сървъра',
|
||||||
|
unknownError: 'Неизвестна грешка, опитайте отново по-късно',
|
||||||
|
useSingleSignOn: 'Използване на single sign-on',
|
||||||
|
},
|
||||||
|
|
||||||
|
action: {
|
||||||
|
logIn: 'Вход',
|
||||||
|
logInWithSSO: 'Вход чрез SSO',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
@ -64,7 +64,8 @@ export default {
|
||||||
currentPassword: 'Aktuální heslo',
|
currentPassword: 'Aktuální heslo',
|
||||||
dangerZone_title: 'Nebezpečná zóna',
|
dangerZone_title: 'Nebezpečná zóna',
|
||||||
date: 'Datum',
|
date: 'Datum',
|
||||||
dueDate_title: 'Termín do',
|
dueDate: 'Termín',
|
||||||
|
dueDate_title: 'Termín',
|
||||||
deleteAttachment_title: 'Smazat přílohu',
|
deleteAttachment_title: 'Smazat přílohu',
|
||||||
deleteBoard_title: 'Smazat tabuli',
|
deleteBoard_title: 'Smazat tabuli',
|
||||||
deleteCard_title: 'Smazat kartu',
|
deleteCard_title: 'Smazat kartu',
|
||||||
|
|
@ -81,7 +82,7 @@ export default {
|
||||||
editAttachment_title: 'Upravit přílohu',
|
editAttachment_title: 'Upravit přílohu',
|
||||||
editAvatar_title: 'Upravit avatar',
|
editAvatar_title: 'Upravit avatar',
|
||||||
editBoard_title: 'Upravit tabuli',
|
editBoard_title: 'Upravit tabuli',
|
||||||
editDueDate_title: 'Upravit Termín do',
|
editDueDate_title: 'Upravit termín',
|
||||||
editEmail_title: 'Upravit e-mail',
|
editEmail_title: 'Upravit e-mail',
|
||||||
editInformation_title: 'Upravit informace',
|
editInformation_title: 'Upravit informace',
|
||||||
editLabel_title: 'Upravit štítek',
|
editLabel_title: 'Upravit štítek',
|
||||||
|
|
@ -116,6 +117,7 @@ export default {
|
||||||
minutes: 'Minuty',
|
minutes: 'Minuty',
|
||||||
moveCard_title: 'Přesunout kartu',
|
moveCard_title: 'Přesunout kartu',
|
||||||
name: 'Jméno',
|
name: 'Jméno',
|
||||||
|
newestFirst: 'Nejnovější',
|
||||||
newEmail: 'Nový e-mail',
|
newEmail: 'Nový e-mail',
|
||||||
newPassword: 'Nové heslo',
|
newPassword: 'Nové heslo',
|
||||||
newUsername: 'Nové uživatelské jméno',
|
newUsername: 'Nové uživatelské jméno',
|
||||||
|
|
@ -125,6 +127,7 @@ export default {
|
||||||
noProjects: 'Žádné projekty',
|
noProjects: 'Žádné projekty',
|
||||||
notifications: 'Oznámení',
|
notifications: 'Oznámení',
|
||||||
noUnreadNotifications: 'Žádné nepřečtené oznámení',
|
noUnreadNotifications: 'Žádné nepřečtené oznámení',
|
||||||
|
oldestFirst: 'Nejstarší',
|
||||||
openBoard_title: 'Otevřít tabuli',
|
openBoard_title: 'Otevřít tabuli',
|
||||||
optional_inline: 'volitelné',
|
optional_inline: 'volitelné',
|
||||||
organization: 'Společnost',
|
organization: 'Společnost',
|
||||||
|
|
@ -139,12 +142,14 @@ export default {
|
||||||
searchLabels: 'Hledat štítky...',
|
searchLabels: 'Hledat štítky...',
|
||||||
searchMembers: 'Hledat členy...',
|
searchMembers: 'Hledat členy...',
|
||||||
searchUsers: 'Hledat uživatele...',
|
searchUsers: 'Hledat uživatele...',
|
||||||
|
searchCards: 'Hledat karty...',
|
||||||
seconds: 'Vteřin',
|
seconds: 'Vteřin',
|
||||||
selectBoard: 'Vybrat tabuli',
|
selectBoard: 'Vybrat tabuli',
|
||||||
selectList: 'Vybrat seznam',
|
selectList: 'Vybrat seznam',
|
||||||
selectPermissions_title: 'Vybrat oprávnění',
|
selectPermissions_title: 'Vybrat oprávnění',
|
||||||
selectProject: 'Vybrat projekt',
|
selectProject: 'Vybrat projekt',
|
||||||
settings: 'Nastavení',
|
settings: 'Nastavení',
|
||||||
|
sortList_title: 'Řadit podle',
|
||||||
stopwatch: 'Časovač',
|
stopwatch: 'Časovač',
|
||||||
subscribeToMyOwnCardsByDefault: 'Ve výchozím nastavení odebírat vlastní karty',
|
subscribeToMyOwnCardsByDefault: 'Ve výchozím nastavení odebírat vlastní karty',
|
||||||
taskActions_title: 'Akce na úkolu',
|
taskActions_title: 'Akce na úkolu',
|
||||||
|
|
@ -203,7 +208,7 @@ export default {
|
||||||
duplicate: 'Duplikovat',
|
duplicate: 'Duplikovat',
|
||||||
duplicateCard_title: 'Duplikovat kartu',
|
duplicateCard_title: 'Duplikovat kartu',
|
||||||
edit: 'Upravit',
|
edit: 'Upravit',
|
||||||
editDueDate_title: 'Upravit termín do',
|
editDueDate_title: 'Upravit termín',
|
||||||
editDescription_title: 'Upravit popis',
|
editDescription_title: 'Upravit popis',
|
||||||
editEmail_title: 'Upravit e-mail',
|
editEmail_title: 'Upravit e-mail',
|
||||||
editInformation_title: 'Upravit informace',
|
editInformation_title: 'Upravit informace',
|
||||||
|
|
@ -231,6 +236,7 @@ export default {
|
||||||
showAllAttachments: 'Zozbrazit všechny přílohy ({{hidden}} skryté)',
|
showAllAttachments: 'Zozbrazit všechny přílohy ({{hidden}} skryté)',
|
||||||
showDetails: 'Zobrazit detaily',
|
showDetails: 'Zobrazit detaily',
|
||||||
showFewerAttachments: 'Zobrazit méně příloh',
|
showFewerAttachments: 'Zobrazit méně příloh',
|
||||||
|
sortList_title: 'Řadit podle',
|
||||||
start: 'Start',
|
start: 'Start',
|
||||||
stop: 'Stop',
|
stop: 'Stop',
|
||||||
subscribe: 'Odebírat',
|
subscribe: 'Odebírat',
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import login from './login';
|
import login from './login';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
language: 'cs',
|
language: 'cs-CZ',
|
||||||
country: 'cz',
|
country: 'cz',
|
||||||
name: 'Čeština',
|
name: 'Čeština',
|
||||||
embeddedLocale: login,
|
embeddedLocale: login,
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
export default {
|
export default {
|
||||||
translation: {
|
translation: {
|
||||||
common: {
|
common: {
|
||||||
emailOrUsername: 'Email nebo uživatelské jméno',
|
emailOrUsername: 'E-mail nebo uživatelské jméno',
|
||||||
invalidEmailOrUsername: 'Nesprávný email nebo uživatelské jméno',
|
invalidEmailOrUsername: 'Nesprávný e-mail nebo uživatelské jméno',
|
||||||
invalidPassword: 'Nesprávné heslo',
|
invalidPassword: 'Nesprávné heslo',
|
||||||
logInToPlanka: 'Přihlásit se do Planka',
|
logInToPlanka: 'Přihlásit se do Planka',
|
||||||
noInternetConnection: 'Bez připojení k internetu',
|
noInternetConnection: 'Bez připojení k internetu',
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import login from './login';
|
import login from './login';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
language: 'da',
|
language: 'da-DK',
|
||||||
country: 'dk',
|
country: 'dk',
|
||||||
name: 'Dansk',
|
name: 'Dansk',
|
||||||
embeddedLocale: login,
|
embeddedLocale: login,
|
||||||
|
|
@ -104,6 +104,7 @@ export default {
|
||||||
language: 'Sprache',
|
language: 'Sprache',
|
||||||
leaveBoard_title: 'Board verlassen',
|
leaveBoard_title: 'Board verlassen',
|
||||||
leaveProject_title: 'Projekt verlassen',
|
leaveProject_title: 'Projekt verlassen',
|
||||||
|
linkIsCopied: 'Link kopiert',
|
||||||
list: 'Listen',
|
list: 'Listen',
|
||||||
listActions_title: 'Aufgaben auflisten',
|
listActions_title: 'Aufgaben auflisten',
|
||||||
managers: 'Manager',
|
managers: 'Manager',
|
||||||
|
|
@ -169,6 +170,7 @@ export default {
|
||||||
addTask: 'Aufgabe hinzufügen',
|
addTask: 'Aufgabe hinzufügen',
|
||||||
addToCard: 'Zu Karte hinzufügen',
|
addToCard: 'Zu Karte hinzufügen',
|
||||||
addUser: 'Benutzer hinzufügen',
|
addUser: 'Benutzer hinzufügen',
|
||||||
|
copyLink_title: 'Link kopieren',
|
||||||
createBoard: 'Board erstellen',
|
createBoard: 'Board erstellen',
|
||||||
createFile: 'Datei erstellen',
|
createFile: 'Datei erstellen',
|
||||||
createLabel: 'Label erstellen',
|
createLabel: 'Label erstellen',
|
||||||
|
|
@ -190,6 +192,8 @@ export default {
|
||||||
deleteTask: 'Aufgabe löschen',
|
deleteTask: 'Aufgabe löschen',
|
||||||
deleteTask_title: 'Aufgabe löschen',
|
deleteTask_title: 'Aufgabe löschen',
|
||||||
deleteUser: 'Benutzer löschen',
|
deleteUser: 'Benutzer löschen',
|
||||||
|
duplicate: 'Kopieren',
|
||||||
|
duplicateCard_title: 'Karte kopieren',
|
||||||
edit: 'Bearbeiten',
|
edit: 'Bearbeiten',
|
||||||
editDueDate_title: 'Fälligkeitsdatum bearbeiten',
|
editDueDate_title: 'Fälligkeitsdatum bearbeiten',
|
||||||
editDescription_title: 'Beschreibung ändern',
|
editDescription_title: 'Beschreibung ändern',
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import login from './login';
|
import login from './login';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
language: 'de',
|
language: 'de-DE',
|
||||||
country: 'de',
|
country: 'de',
|
||||||
name: 'Deutsch',
|
name: 'Deutsch',
|
||||||
embeddedLocale: login,
|
embeddedLocale: login,
|
||||||
|
|
@ -60,6 +60,7 @@ export default {
|
||||||
currentPassword: 'Current password',
|
currentPassword: 'Current password',
|
||||||
dangerZone_title: 'Danger Zone',
|
dangerZone_title: 'Danger Zone',
|
||||||
date: 'Date',
|
date: 'Date',
|
||||||
|
dueDate: 'Due date',
|
||||||
dueDate_title: 'Due Date',
|
dueDate_title: 'Due Date',
|
||||||
deleteAttachment_title: 'Delete Attachment',
|
deleteAttachment_title: 'Delete Attachment',
|
||||||
deleteBoard_title: 'Delete Board',
|
deleteBoard_title: 'Delete Board',
|
||||||
|
|
@ -105,13 +106,17 @@ export default {
|
||||||
language: 'Language',
|
language: 'Language',
|
||||||
leaveBoard_title: 'Leave Board',
|
leaveBoard_title: 'Leave Board',
|
||||||
leaveProject_title: 'Leave Project',
|
leaveProject_title: 'Leave Project',
|
||||||
|
linkIsCopied: 'Link is copied',
|
||||||
list: 'List',
|
list: 'List',
|
||||||
listActions_title: 'List Actions',
|
listActions_title: 'List Actions',
|
||||||
managers: 'Managers',
|
managers: 'Managers',
|
||||||
|
managerActions_title: 'Manager Actions',
|
||||||
members: 'Members',
|
members: 'Members',
|
||||||
|
memberActions_title: 'Member Actions',
|
||||||
minutes: 'Minutes',
|
minutes: 'Minutes',
|
||||||
moveCard_title: 'Move Card',
|
moveCard_title: 'Move Card',
|
||||||
name: 'Name',
|
name: 'Name',
|
||||||
|
newestFirst: 'Newest first',
|
||||||
newEmail: 'New e-mail',
|
newEmail: 'New e-mail',
|
||||||
newPassword: 'New password',
|
newPassword: 'New password',
|
||||||
newUsername: 'New username',
|
newUsername: 'New username',
|
||||||
|
|
@ -121,6 +126,7 @@ export default {
|
||||||
noProjects: 'No projects',
|
noProjects: 'No projects',
|
||||||
notifications: 'Notifications',
|
notifications: 'Notifications',
|
||||||
noUnreadNotifications: 'No unread notifications.',
|
noUnreadNotifications: 'No unread notifications.',
|
||||||
|
oldestFirst: 'Oldest first',
|
||||||
openBoard_title: 'Open Board',
|
openBoard_title: 'Open Board',
|
||||||
optional_inline: 'optional',
|
optional_inline: 'optional',
|
||||||
organization: 'Organization',
|
organization: 'Organization',
|
||||||
|
|
@ -135,12 +141,14 @@ export default {
|
||||||
searchLabels: 'Search labels...',
|
searchLabels: 'Search labels...',
|
||||||
searchMembers: 'Search members...',
|
searchMembers: 'Search members...',
|
||||||
searchUsers: 'Search users...',
|
searchUsers: 'Search users...',
|
||||||
|
searchCards: 'Search cards...',
|
||||||
seconds: 'Seconds',
|
seconds: 'Seconds',
|
||||||
selectBoard: 'Select board',
|
selectBoard: 'Select board',
|
||||||
selectList: 'Select list',
|
selectList: 'Select list',
|
||||||
selectPermissions_title: 'Select Permissions',
|
selectPermissions_title: 'Select Permissions',
|
||||||
selectProject: 'Select project',
|
selectProject: 'Select project',
|
||||||
settings: 'Settings',
|
settings: 'Settings',
|
||||||
|
sortList_title: 'Sort List',
|
||||||
stopwatch: 'Stopwatch',
|
stopwatch: 'Stopwatch',
|
||||||
subscribeToMyOwnCardsByDefault: 'Subscribe to my own cards by default',
|
subscribeToMyOwnCardsByDefault: 'Subscribe to my own cards by default',
|
||||||
taskActions_title: 'Task Actions',
|
taskActions_title: 'Task Actions',
|
||||||
|
|
@ -176,6 +184,7 @@ export default {
|
||||||
addTask: 'Add task',
|
addTask: 'Add task',
|
||||||
addToCard: 'Add to card',
|
addToCard: 'Add to card',
|
||||||
addUser: 'Add user',
|
addUser: 'Add user',
|
||||||
|
copyLink_title: 'Copy Link',
|
||||||
createBoard: 'Create board',
|
createBoard: 'Create board',
|
||||||
createFile: 'Create file',
|
createFile: 'Create file',
|
||||||
createLabel: 'Create label',
|
createLabel: 'Create label',
|
||||||
|
|
@ -228,6 +237,7 @@ export default {
|
||||||
showAllAttachments: 'Show all attachments ({{hidden}} hidden)',
|
showAllAttachments: 'Show all attachments ({{hidden}} hidden)',
|
||||||
showDetails: 'Show details',
|
showDetails: 'Show details',
|
||||||
showFewerAttachments: 'Show fewer attachments',
|
showFewerAttachments: 'Show fewer attachments',
|
||||||
|
sortList_title: 'Sort List',
|
||||||
start: 'Start',
|
start: 'Start',
|
||||||
stop: 'Stop',
|
stop: 'Stop',
|
||||||
subscribe: 'Subscribe',
|
subscribe: 'Subscribe',
|
||||||
|
|
@ -4,8 +4,8 @@ import login from './login';
|
||||||
import core from './core';
|
import core from './core';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
language: 'en',
|
language: 'en-US',
|
||||||
country: 'gb',
|
country: 'us',
|
||||||
name: 'English',
|
name: 'English',
|
||||||
embeddedLocale: merge(login, core),
|
embeddedLocale: merge(login, core),
|
||||||
};
|
};
|
||||||
|
|
@ -3,6 +3,7 @@ export default {
|
||||||
common: {
|
common: {
|
||||||
emailOrUsername: 'E-mail or username',
|
emailOrUsername: 'E-mail or username',
|
||||||
invalidEmailOrUsername: 'Invalid e-mail or username',
|
invalidEmailOrUsername: 'Invalid e-mail or username',
|
||||||
|
invalidCredentials: 'Invalid credentials',
|
||||||
invalidPassword: 'Invalid password',
|
invalidPassword: 'Invalid password',
|
||||||
logInToPlanka: 'Log in to Planka',
|
logInToPlanka: 'Log in to Planka',
|
||||||
noInternetConnection: 'No internet connection',
|
noInternetConnection: 'No internet connection',
|
||||||
|
|
@ -43,7 +43,7 @@ export default {
|
||||||
boardNotFound_title: 'Tablero no encontrado',
|
boardNotFound_title: 'Tablero no encontrado',
|
||||||
cardActions_title: 'Acciones de las tarjetas',
|
cardActions_title: 'Acciones de las tarjetas',
|
||||||
cardNotFound_title: 'tarjeta no encontrada',
|
cardNotFound_title: 'tarjeta no encontrada',
|
||||||
cardOrActionAreDeleted: 'La tarjeta o la acción está eliminada.',
|
cardOrActionAreDeleted: 'La tarjeta o la acción está borrada.',
|
||||||
color: 'Color',
|
color: 'Color',
|
||||||
createBoard_title: 'Crear Tablero',
|
createBoard_title: 'Crear Tablero',
|
||||||
createLabel_title: 'Crear Etiqueta',
|
createLabel_title: 'Crear Etiqueta',
|
||||||
|
|
@ -53,7 +53,7 @@ export default {
|
||||||
currentPassword: 'Contraseña Actual',
|
currentPassword: 'Contraseña Actual',
|
||||||
date: 'Fecha',
|
date: 'Fecha',
|
||||||
dueDate_title: 'Fecha de Vencimiento',
|
dueDate_title: 'Fecha de Vencimiento',
|
||||||
deleteAttachment_title: 'Eliminar Adjunto',
|
deleteAttachment_title: 'Borrar Adjunto',
|
||||||
deleteBoard_title: 'Borrar Tablero',
|
deleteBoard_title: 'Borrar Tablero',
|
||||||
deleteCard_title: 'Borrar tarjeta',
|
deleteCard_title: 'Borrar tarjeta',
|
||||||
deleteComment_title: 'Borrar Comentario',
|
deleteComment_title: 'Borrar Comentario',
|
||||||
|
|
@ -72,7 +72,7 @@ export default {
|
||||||
editLabel_title: 'Editar Etiqueta',
|
editLabel_title: 'Editar Etiqueta',
|
||||||
editPassword_title: 'Editar Contraseña',
|
editPassword_title: 'Editar Contraseña',
|
||||||
editStopwatch_title: 'Editar Temporizador',
|
editStopwatch_title: 'Editar Temporizador',
|
||||||
editUsername_title: 'Edit nombre de usuario',
|
editUsername_title: 'Editar nombre de usuario',
|
||||||
email: 'Correo',
|
email: 'Correo',
|
||||||
emailAlreadyInUse: 'El correo ya está en uso',
|
emailAlreadyInUse: 'El correo ya está en uso',
|
||||||
enterCardTitle: 'Escribe el título de la tarjeta...',
|
enterCardTitle: 'Escribe el título de la tarjeta...',
|
||||||
|
|
@ -85,8 +85,8 @@ export default {
|
||||||
filterByMembers_title: 'Filtrar por Miembros',
|
filterByMembers_title: 'Filtrar por Miembros',
|
||||||
fromComputer_title: 'Desde Computador',
|
fromComputer_title: 'Desde Computador',
|
||||||
hours: 'Horas',
|
hours: 'Horas',
|
||||||
invalidCurrentPassword: 'Contraseña actual invalida',
|
invalidCurrentPassword: 'Contraseña actual inválida',
|
||||||
labels: 'Etíquetas',
|
labels: 'Etiquetas',
|
||||||
list: 'Lista',
|
list: 'Lista',
|
||||||
listActions_title: 'Acciónes de Lista',
|
listActions_title: 'Acciónes de Lista',
|
||||||
members: 'Miembros',
|
members: 'Miembros',
|
||||||
|
|
@ -168,14 +168,14 @@ export default {
|
||||||
deleteProject_title: 'Borrar Proyecto',
|
deleteProject_title: 'Borrar Proyecto',
|
||||||
deleteTask: 'Borrar tarea',
|
deleteTask: 'Borrar tarea',
|
||||||
deleteTask_title: 'Borrar Tarea',
|
deleteTask_title: 'Borrar Tarea',
|
||||||
deleteUser: 'Delete usuario',
|
deleteUser: 'Borrar usuario',
|
||||||
edit: 'Editar',
|
edit: 'Editar',
|
||||||
editDueDate_title: 'Editar Fecha de Vencimiento',
|
editDueDate_title: 'Editar Fecha de Vencimiento',
|
||||||
editDescription_title: 'Editar Descripción',
|
editDescription_title: 'Editar Descripción',
|
||||||
editEmail_title: 'Editar Correo',
|
editEmail_title: 'Editar Correo',
|
||||||
editPassword_title: 'Editar Contraseña',
|
editPassword_title: 'Editar Contraseña',
|
||||||
editStopwatch_title: 'Edit Temporizador',
|
editStopwatch_title: 'Editar Temporizador',
|
||||||
editTitle_title: 'Edit Título',
|
editTitle_title: 'Editar Título',
|
||||||
editUsername_title: 'Editar Nombre de Usuario',
|
editUsername_title: 'Editar Nombre de Usuario',
|
||||||
logOut_title: 'Cerrar Sesión',
|
logOut_title: 'Cerrar Sesión',
|
||||||
makeCover_title: 'Hacer Cubierta',
|
makeCover_title: 'Hacer Cubierta',
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import login from './login';
|
import login from './login';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
language: 'es',
|
language: 'es-ES',
|
||||||
country: 'es',
|
country: 'es',
|
||||||
name: 'Español',
|
name: 'Español',
|
||||||
embeddedLocale: login,
|
embeddedLocale: login,
|
||||||
254
client/src/locales/fa-IR/core.js
Normal file
254
client/src/locales/fa-IR/core.js
Normal file
|
|
@ -0,0 +1,254 @@
|
||||||
|
import dateFns from 'date-fns/locale/fa-IR';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
dateFns,
|
||||||
|
|
||||||
|
format: {
|
||||||
|
date: 'M/d/yyyy',
|
||||||
|
time: 'p',
|
||||||
|
dateTime: '$t(format:date) $t(format:time)',
|
||||||
|
longDate: 'MMM d',
|
||||||
|
longDateTime: "MMMM d 'at' p",
|
||||||
|
fullDate: 'MMM d, y',
|
||||||
|
fullDateTime: "MMMM d, y 'at' p",
|
||||||
|
},
|
||||||
|
|
||||||
|
translation: {
|
||||||
|
common: {
|
||||||
|
aboutPlanka: 'درباره Planka',
|
||||||
|
account: 'حساب کاربری',
|
||||||
|
actions: 'اقدامات',
|
||||||
|
addAttachment_title: 'اضافه کردن پیوست',
|
||||||
|
addComment: 'اضافه کردن نظر',
|
||||||
|
addManager_title: 'اضافه کردن مدیر',
|
||||||
|
addMember_title: 'اضافه کردن عضو',
|
||||||
|
addUser_title: 'اضافه کردن کاربر',
|
||||||
|
administrator: 'مدیر سیستم',
|
||||||
|
all: 'همه',
|
||||||
|
allChangesWillBeAutomaticallySavedAfterConnectionRestored:
|
||||||
|
'تمام تغییرات به صورت خودکار ذخیره میشوند<br />بعد از بازیابی ارتباط.',
|
||||||
|
areYouSureYouWantToDeleteThisAttachment:
|
||||||
|
'آیا مطمئن هستید که میخواهید این پیوست را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisBoard: 'آیا مطمئن هستید که میخواهید این برد را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisCard: 'آیا مطمئن هستید که میخواهید این کارت را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisComment: 'آیا مطمئن هستید که میخواهید این نظر را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisLabel: 'آیا مطمئن هستید که میخواهید این برچسب را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisList: 'آیا مطمئن هستید که میخواهید این لیست را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisProject: 'آیا مطمئن هستید که میخواهید این پروژه را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisTask: 'آیا مطمئن هستید که میخواهید این وظیفه را حذف کنید؟',
|
||||||
|
areYouSureYouWantToDeleteThisUser: 'آیا مطمئن هستید که میخواهید این کاربر را حذف کنید؟',
|
||||||
|
areYouSureYouWantToLeaveBoard: 'آیا مطمئن هستید که میخواهید از برد خارج شوید؟',
|
||||||
|
areYouSureYouWantToLeaveProject: 'آیا مطمئن هستید که میخواهید از پروژه خارج شوید؟',
|
||||||
|
areYouSureYouWantToRemoveThisManagerFromProject:
|
||||||
|
'آیا مطمئن هستید که میخواهید این مدیر را از پروژه حذف کنید؟',
|
||||||
|
areYouSureYouWantToRemoveThisMemberFromBoard:
|
||||||
|
'آیا مطمئن هستید که میخواهید این عضو را از برد حذف کنید؟',
|
||||||
|
attachment: 'پیوست',
|
||||||
|
attachments: 'پیوستها',
|
||||||
|
authentication: 'احراز هویت',
|
||||||
|
background: 'پسزمینه',
|
||||||
|
board: 'برد',
|
||||||
|
boardNotFound_title: 'برد یافت نشد',
|
||||||
|
canComment: 'میتواند نظر بدهد',
|
||||||
|
canEditContentOfBoard: 'میتواند محتوای برد را ویرایش کند.',
|
||||||
|
canOnlyViewBoard: 'فقط میتواند برد را مشاهده کند.',
|
||||||
|
cardActions_title: 'اقدامات کارت',
|
||||||
|
cardNotFound_title: 'کارت یافت نشد',
|
||||||
|
cardOrActionAreDeleted: 'کارت یا اقدام حذف شدهاند.',
|
||||||
|
color: 'رنگ',
|
||||||
|
copy_inline: 'کپی',
|
||||||
|
createBoard_title: 'ایجاد برد',
|
||||||
|
createLabel_title: 'ایجاد برچسب',
|
||||||
|
createNewOneOrSelectExistingOne: 'یک جدید ایجاد کنید یا<br />یکی موجود را انتخاب کنید.',
|
||||||
|
createProject_title: 'ایجاد پروژه',
|
||||||
|
createTextFile_title: 'ایجاد فایل متنی',
|
||||||
|
currentPassword: 'رمز عبور فعلی',
|
||||||
|
dangerZone_title: 'منطقه خطر',
|
||||||
|
date: 'تاریخ',
|
||||||
|
dueDate: 'تاریخ سررسید',
|
||||||
|
dueDate_title: 'تاریخ سررسید',
|
||||||
|
deleteAttachment_title: 'حذف پیوست',
|
||||||
|
deleteBoard_title: 'حذف برد',
|
||||||
|
deleteCard_title: 'حذف کارت',
|
||||||
|
deleteComment_title: 'حذف نظر',
|
||||||
|
deleteLabel_title: 'حذف برچسب',
|
||||||
|
deleteList_title: 'حذف لیست',
|
||||||
|
deleteProject_title: 'حذف پروژه',
|
||||||
|
deleteTask_title: 'حذف وظیفه',
|
||||||
|
deleteUser_title: 'حذف کاربر',
|
||||||
|
description: 'توضیحات',
|
||||||
|
detectAutomatically: 'تشخیص خودکار',
|
||||||
|
dropFileToUpload: 'فایل را برای آپلود بکشید',
|
||||||
|
editor: 'ویرایشگر',
|
||||||
|
editAttachment_title: 'ویرایش پیوست',
|
||||||
|
editAvatar_title: 'ویرایش آواتار',
|
||||||
|
editBoard_title: 'ویرایش برد',
|
||||||
|
editDueDate_title: 'ویرایش تاریخ سررسید',
|
||||||
|
editEmail_title: 'ویرایش ایمیل',
|
||||||
|
editInformation_title: 'ویرایش اطلاعات',
|
||||||
|
editLabel_title: 'ویرایش برچسب',
|
||||||
|
editPassword_title: 'ویرایش رمز عبور',
|
||||||
|
editPermissions_title: 'ویرایش دسترسیها',
|
||||||
|
editStopwatch_title: 'ویرایش کرنومتر',
|
||||||
|
editUsername_title: 'ویرایش نام کاربری',
|
||||||
|
email: 'ایمیل',
|
||||||
|
emailAlreadyInUse: 'ایمیل قبلا استفاده شده است',
|
||||||
|
enterCardTitle: 'عنوان کارت را وارد کنید... [Ctrl+Enter] برای باز شدن خودکار.',
|
||||||
|
enterDescription: 'توضیحات را وارد کنید...',
|
||||||
|
enterFilename: 'نام فایل را وارد کنید',
|
||||||
|
enterListTitle: 'عنوان لیست را وارد کنید...',
|
||||||
|
enterProjectTitle: 'عنوان پروژه را وارد کنید',
|
||||||
|
enterTaskDescription: 'توضیحات وظیفه را وارد کنید...',
|
||||||
|
filterByLabels_title: 'فیلتر بر اساس برچسبها',
|
||||||
|
filterByMembers_title: 'فیلتر بر اساس اعضا',
|
||||||
|
fromComputer_title: 'از کامپیوتر',
|
||||||
|
fromTrello: 'از Trello',
|
||||||
|
general: 'عمومی',
|
||||||
|
hours: 'ساعتها',
|
||||||
|
importBoard_title: 'وارد کردن برد',
|
||||||
|
invalidCurrentPassword: 'رمز عبور فعلی نامعتبر است',
|
||||||
|
labels: 'برچسبها',
|
||||||
|
language: 'زبان',
|
||||||
|
leaveBoard_title: 'ترک برد',
|
||||||
|
leaveProject_title: 'ترک پروژه',
|
||||||
|
linkIsCopied: 'لینک کپی شد',
|
||||||
|
list: 'لیست',
|
||||||
|
listActions_title: 'اقدامات لیست',
|
||||||
|
managers: 'مدیران',
|
||||||
|
managerActions_title: 'اقدامات مدیر',
|
||||||
|
members: 'اعضا',
|
||||||
|
memberActions_title: 'اقدامات عضو',
|
||||||
|
minutes: 'دقیقهها',
|
||||||
|
moveCard_title: 'انتقال کارت',
|
||||||
|
name: 'نام',
|
||||||
|
newestFirst: 'جدیدترین اول',
|
||||||
|
newEmail: 'ایمیل جدید',
|
||||||
|
newPassword: 'رمز عبور جدید',
|
||||||
|
newUsername: 'نام کاربری جدید',
|
||||||
|
noConnectionToServer: 'ارتباط با سرور قطع است',
|
||||||
|
noBoards: 'بردی وجود ندارد',
|
||||||
|
noLists: 'لیستی وجود ندارد',
|
||||||
|
noProjects: 'پروژهای وجود ندارد',
|
||||||
|
notifications: 'اعلانها',
|
||||||
|
noUnreadNotifications: 'اعلان خوانده نشدهای وجود ندارد.',
|
||||||
|
oldestFirst: 'قدیمیترین اول',
|
||||||
|
openBoard_title: 'باز کردن برد',
|
||||||
|
optional_inline: 'اختیاری',
|
||||||
|
organization: 'سازمان',
|
||||||
|
phone: 'تلفن',
|
||||||
|
preferences: 'ترجیحات',
|
||||||
|
pressPasteShortcutToAddAttachmentFromClipboard:
|
||||||
|
'نکته: با فشردن Ctrl-V (Cmd-V در مک) میتوانید پیوست را از کلیپ بورد اضافه کنید.',
|
||||||
|
project: 'پروژه',
|
||||||
|
projectNotFound_title: 'پروژه یافت نشد',
|
||||||
|
removeManager_title: 'حذف مدیر',
|
||||||
|
removeMember_title: 'حذف عضو',
|
||||||
|
searchLabels: 'جستجوی برچسبها...',
|
||||||
|
searchMembers: 'جستجوی اعضا...',
|
||||||
|
searchUsers: 'جستجوی کاربران...',
|
||||||
|
searchCards: 'جستجوی کارتها...',
|
||||||
|
seconds: 'ثانیهها',
|
||||||
|
selectBoard: 'انتخاب برد',
|
||||||
|
selectList: 'انتخاب لیست',
|
||||||
|
selectPermissions_title: 'انتخاب دسترسیها',
|
||||||
|
selectProject: 'انتخاب پروژه',
|
||||||
|
settings: 'تنظیمات',
|
||||||
|
sortList_title: 'مرتبسازی لیست',
|
||||||
|
stopwatch: 'کرنومتر',
|
||||||
|
subscribeToMyOwnCardsByDefault: 'به طور پیشفرض به کارتهای خودم مشترک شوم',
|
||||||
|
taskActions_title: 'اقدامات وظیفه',
|
||||||
|
tasks: 'وظایف',
|
||||||
|
thereIsNoPreviewAvailableForThisAttachment: 'پیش نمایشی برای این پیوست موجود نیست.',
|
||||||
|
time: 'زمان',
|
||||||
|
title: 'عنوان',
|
||||||
|
userActions_title: 'اقدامات کاربر',
|
||||||
|
userAddedThisCardToList: '<0>{{user}}</0><1> این کارت را به {{list}} اضافه کرد</1>',
|
||||||
|
userLeftNewCommentToCard: '{{user}} نظر جدید «{{comment}}» را به <2>{{card}}</2> اضافه کرد',
|
||||||
|
userMovedCardFromListToList:
|
||||||
|
'{{user}} <2>{{card}}</2> را از {{fromList}} به {{toList}} منتقل کرد',
|
||||||
|
userMovedThisCardFromListToList:
|
||||||
|
'<0>{{user}}</0><1> این کارت را از {{fromList}} به {{toList}} منتقل کرد</1>',
|
||||||
|
username: 'نام کاربری',
|
||||||
|
usernameAlreadyInUse: 'نام کاربری قبلا استفاده شده است',
|
||||||
|
users: 'کاربران',
|
||||||
|
version: 'نسخه',
|
||||||
|
viewer: 'بیننده',
|
||||||
|
writeComment: 'نظر بنویسید...',
|
||||||
|
},
|
||||||
|
|
||||||
|
action: {
|
||||||
|
addAnotherCard: 'اضافه کردن کارت دیگر',
|
||||||
|
addAnotherList: 'اضافه کردن لیست دیگر',
|
||||||
|
addAnotherTask: 'اضافه کردن وظیفه دیگر',
|
||||||
|
addCard: 'اضافه کردن کارت',
|
||||||
|
addCard_title: 'اضافه کردن کارت',
|
||||||
|
addComment: 'اضافه کردن نظر',
|
||||||
|
addList: 'اضافه کردن لیست',
|
||||||
|
addMember: 'اضافه کردن عضو',
|
||||||
|
addMoreDetailedDescription: 'اضافه کردن توضیحات بیشتر',
|
||||||
|
addTask: 'اضافه کردن وظیفه',
|
||||||
|
addToCard: 'اضافه کردن به کارت',
|
||||||
|
addUser: 'اضافه کردن کاربر',
|
||||||
|
copyLink_title: 'کپی لینک',
|
||||||
|
createBoard: 'ایجاد برد',
|
||||||
|
createFile: 'ایجاد فایل',
|
||||||
|
createLabel: 'ایجاد برچسب',
|
||||||
|
createNewLabel: 'ایجاد برچسب جدید',
|
||||||
|
createProject: 'ایجاد پروژه',
|
||||||
|
delete: 'حذف',
|
||||||
|
deleteAttachment: 'حذف پیوست',
|
||||||
|
deleteAvatar: 'حذف آواتار',
|
||||||
|
deleteBoard: 'حذف برد',
|
||||||
|
deleteCard: 'حذف کارت',
|
||||||
|
deleteCard_title: 'حذف کارت',
|
||||||
|
deleteComment: 'حذف نظر',
|
||||||
|
deleteImage: 'حذف تصویر',
|
||||||
|
deleteLabel: 'حذف برچسب',
|
||||||
|
deleteList: 'حذف لیست',
|
||||||
|
deleteList_title: 'حذف لیست',
|
||||||
|
deleteProject: 'حذف پروژه',
|
||||||
|
deleteProject_title: 'حذف پروژه',
|
||||||
|
deleteTask: 'حذف وظیفه',
|
||||||
|
deleteTask_title: 'حذف وظیفه',
|
||||||
|
deleteUser: 'حذف کاربر',
|
||||||
|
duplicate: 'تکرار',
|
||||||
|
duplicateCard_title: 'تکرار کارت',
|
||||||
|
edit: 'ویرایش',
|
||||||
|
editDueDate_title: 'ویرایش تاریخ سررسید',
|
||||||
|
editDescription_title: 'ویرایش توضیحات',
|
||||||
|
editEmail_title: 'ویرایش ایمیل',
|
||||||
|
editInformation_title: 'ویرایش اطلاعات',
|
||||||
|
editPassword_title: 'ویرایش رمز عبور',
|
||||||
|
editPermissions: 'ویرایش دسترسیها',
|
||||||
|
editStopwatch_title: 'ویرایش کرنومتر',
|
||||||
|
editTitle_title: 'ویرایش عنوان',
|
||||||
|
editUsername_title: 'ویرایش نام کاربری',
|
||||||
|
hideDetails: 'پنهان کردن جزئیات',
|
||||||
|
import: 'وارد کردن',
|
||||||
|
leaveBoard: 'ترک برد',
|
||||||
|
leaveProject: 'ترک پروژه',
|
||||||
|
logOut_title: 'خروج',
|
||||||
|
makeCover_title: 'ایجاد کاور',
|
||||||
|
move: 'انتقال',
|
||||||
|
moveCard_title: 'انتقال کارت',
|
||||||
|
remove: 'حذف',
|
||||||
|
removeBackground: 'حذف پسزمینه',
|
||||||
|
removeCover_title: 'حذف کاور',
|
||||||
|
removeFromBoard: 'حذف از برد',
|
||||||
|
removeFromProject: 'حذف از پروژه',
|
||||||
|
removeManager: 'حذف مدیر',
|
||||||
|
removeMember: 'حذف عضو',
|
||||||
|
save: 'ذخیره',
|
||||||
|
showAllAttachments: 'نمایش همه پیوستها ({{hidden}} مخفی)',
|
||||||
|
showDetails: 'نمایش جزئیات',
|
||||||
|
showFewerAttachments: 'نمایش کمتر پیوستها',
|
||||||
|
sortList_title: 'مرتبسازی لیست',
|
||||||
|
start: 'شروع',
|
||||||
|
stop: 'توقف',
|
||||||
|
subscribe: 'مشترک شدن',
|
||||||
|
unsubscribe: 'لغو اشتراک',
|
||||||
|
uploadNewAvatar: 'آپلود آواتار جدید',
|
||||||
|
uploadNewImage: 'آپلود تصویر جدید',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue