Compare commits
70 Commits
24e54204b9
...
38e22c1415
Author | SHA1 | Date |
---|---|---|
renovate | 38e22c1415 | |
kolaente | fae5b764dd | |
kolaente | 7f70471894 | |
kolaente | e98e5a0d2f | |
renovate | 21e34d6d54 | |
kolaente | 4b71604513 | |
kolaente | 609b86e614 | |
renovate | 4faffd37a7 | |
renovate | 008585d61f | |
renovate | d0ae285663 | |
renovate | 00d0f88798 | |
renovate | 4cf31080f8 | |
renovate | 21e54de3b8 | |
renovate | 143cabbac5 | |
kolaente | 0607c97da9 | |
kolaente | be925b29e3 | |
kolaente | 2541733c71 | |
kolaente | 4d6fd9ecc4 | |
kolaente | 818f31c220 | |
kolaente | 34e4862c88 | |
renovate | 0d074113f1 | |
kolaente | 0730955403 | |
kolaente | 75035ec1f8 | |
konrad | 923fc4eaa0 | |
kolaente | ea7dab68ae | |
kolaente | 8b9e5e54af | |
kolaente | a4a2b95dc7 | |
kolaente | 9fdb6a8d24 | |
kolaente | fc6b707405 | |
kolaente | 9efe860f26 | |
kolaente | af13d68c48 | |
kolaente | 3cb1e7dede | |
renovate | e27d88785e | |
renovate | b1fc5dbd97 | |
renovate | 1786dee042 | |
renovate | 8491caf419 | |
renovate | 3b15293b47 | |
renovate | e65f13eaa3 | |
renovate | 25561f3229 | |
renovate | 97d149c2f5 | |
kolaente | c8809d899a | |
renovate | 203041ae36 | |
renovate | 11d11012e7 | |
renovate | 30046c7ff5 | |
renovate | 668ff753b3 | |
renovate | 0b68ab93e1 | |
renovate | af22d2e88a | |
kolaente | 611e9feb6d | |
kolaente | e770496524 | |
kolaente | 1cbb93ea9b | |
Frederick [Bot] | f7c06e53b7 | |
Frederick [Bot] | 240906f236 | |
renovate | 282ec3164b | |
Frederick [Bot] | a994264234 | |
kolaente | 4868ac824e | |
kolaente | 0c58ea1ade | |
kolaente | f45303c2e3 | |
kolaente | c3e53970de | |
Frederick [Bot] | 0795c0e448 | |
renovate | cfd46dc39b | |
kolaente | debae2326e | |
renovate | 23d670525d | |
kolaente | 2967019cd9 | |
kolaente | d3497c96d7 | |
kolaente | bd83294ac0 | |
kolaente | 6c4f1e1cbf | |
kolaente | fa269f155a | |
kolaente | 602d15985b | |
renovate | cc3c1a9429 | |
renovate | cfd49864e1 |
16
.drone.yml
16
.drone.yml
|
@ -42,7 +42,7 @@ steps:
|
|||
# - .cache
|
||||
|
||||
- name: dependencies
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
environment:
|
||||
PNPM_CACHE_FOLDER: .cache/pnpm
|
||||
|
@ -55,7 +55,7 @@ steps:
|
|||
# - restore-cache
|
||||
|
||||
- name: lint
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
environment:
|
||||
PNPM_CACHE_FOLDER: .cache/pnpm
|
||||
|
@ -66,7 +66,7 @@ steps:
|
|||
- dependencies
|
||||
|
||||
- name: build-prod
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
environment:
|
||||
PNPM_CACHE_FOLDER: .cache/pnpm
|
||||
|
@ -77,7 +77,7 @@ steps:
|
|||
- dependencies
|
||||
|
||||
- name: test-unit
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
commands:
|
||||
- corepack enable && pnpm config set store-dir .cache/pnpm
|
||||
|
@ -87,7 +87,7 @@ steps:
|
|||
|
||||
- name: typecheck
|
||||
failure: ignore
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
environment:
|
||||
PNPM_CACHE_FOLDER: .cache/pnpm
|
||||
|
@ -202,7 +202,7 @@ steps:
|
|||
# - .cache
|
||||
|
||||
- name: build
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
environment:
|
||||
PNPM_CACHE_FOLDER: .cache/pnpm
|
||||
|
@ -285,7 +285,7 @@ steps:
|
|||
# - .cache
|
||||
|
||||
- name: build
|
||||
image: node:20.9-alpine
|
||||
image: node:20.10-alpine
|
||||
pull: always
|
||||
environment:
|
||||
PNPM_CACHE_FOLDER: .cache/pnpm
|
||||
|
@ -532,6 +532,6 @@ steps:
|
|||
src/i18n/lang/en.json: en.json
|
||||
---
|
||||
kind: signature
|
||||
hmac: dab902060979f246df77641c995c843ea39f86dba2de9003da7e593ce6f6f08a
|
||||
hmac: 3380c4283256eea047e6228817161991d23457d09abe9d99f06e018b1eb047f4
|
||||
|
||||
...
|
||||
|
|
|
@ -6,7 +6,6 @@
|
|||
# (2) Comment in and adjust the values as needed.
|
||||
|
||||
# VITE_IS_ONLINE=true
|
||||
# VITE_WORKBOX_DEBUG=false
|
||||
# SENTRY_AUTH_TOKEN=YOUR_TOKEN
|
||||
# SENTRY_ORG=vikunja
|
||||
# SENTRY_PROJECT=frontend-oss
|
||||
|
|
|
@ -12,7 +12,7 @@ jobs:
|
|||
action:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: dessant/repo-lockdown@v3
|
||||
- uses: dessant/repo-lockdown@v4
|
||||
with:
|
||||
pr-comment: 'Hi! Thank you for your contribution.
|
||||
|
||||
|
|
386
CHANGELOG.md
386
CHANGELOG.md
|
@ -9,6 +9,390 @@ All releases can be found on https://code.vikunja.io/frontend/releases.
|
|||
|
||||
The releases aim at the api versions which is why there are missing versions.
|
||||
|
||||
## [0.22.0] - 2023-12-19
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* *(api tokens)* Expiry of tokens in a number of days
|
||||
* *(api tokens)* Lint
|
||||
* *(api tokens)* Make deletion of old tokens work
|
||||
* *(api tokens)* Show a token after it was created
|
||||
* *(attachments)* Layout and coloring in dark mode
|
||||
* *(auth)* Correctly redirect the user to the last visited page after login
|
||||
* *(auth)* Silently discard invalid auth tokens and log the user out
|
||||
* *(background)* Unsplash author credit in dark mode
|
||||
* *(build)* Don't download Puppeteer when building for prod
|
||||
* *(ci)* Pin used node version to 20.5 to avoid build issues
|
||||
* *(ci)* Use correct secret key to push
|
||||
* *(docker)* Set correct default value for custom logo url
|
||||
* *(editor)* Actions styling
|
||||
* *(editor)* Actually populate loaded data into the editor
|
||||
* *(editor)* Add icons for clearing marks and nodes
|
||||
* *(editor)* Add missing dependencies for commands
|
||||
* *(editor)* Add missing dependency
|
||||
* *(editor)* Add workaround for checklist tiptap bug
|
||||
* *(editor)* Alignment and focus states
|
||||
* *(editor)* Allow checking a checkbox even when the editor is set to read only
|
||||
* *(editor)* Always set mode to preview after save
|
||||
* *(editor)* Always show placeholder when empty
|
||||
* *(editor)* Change description when switching between tasks
|
||||
* *(editor)* Check for almost empty editor value
|
||||
* *(editor)* Check for empty content
|
||||
* *(editor)* Checklist button icon
|
||||
* *(editor)* Commands list in dark mode
|
||||
* *(editor)* Correctly resolve images in descriptions
|
||||
* *(editor)* Don't check parent checkbox when child label was clicked
|
||||
* *(editor)* Don't crash when the component isn't completely mounted
|
||||
* *(editor)* Don't create empty "blob" files when pasting images
|
||||
* *(editor)* Don't prevent typing editor focus shortcut when other instance of an editor is focused already
|
||||
* *(editor)* Don't use global shortcut when anything is focused
|
||||
* *(editor)* Duplicate name
|
||||
* *(editor)* Duplicate name for extension
|
||||
* *(editor)* Focus state
|
||||
* *(editor)* Image button icon
|
||||
* *(editor)* Image paste handling
|
||||
* *(editor)* Keep editor open when emptying content from the outside
|
||||
* *(editor)* Keep editor open when emptying content from the outside (#3852)
|
||||
* *(editor)* Lint
|
||||
* *(editor)* Lint
|
||||
* *(editor)* List styling
|
||||
* *(editor)* Make checklist indicator work again
|
||||
* *(editor)* Make initial editor mode (preview/edit) work
|
||||
* *(editor)* Make tests work with changed structure
|
||||
* *(editor)* Permission check for table editing
|
||||
* *(editor)* Placeholder showing or not showing
|
||||
* *(editor)* Reset on empty
|
||||
* *(editor)* Show editor if there is no content initially
|
||||
* *(editor)* Use edit enable
|
||||
* *(editor)* Use modelValue directly to update values in the editor
|
||||
* *(filter)* Don't immediately re-trigger prepareFilter
|
||||
* *(filter)* Don't prevent entering date math strings
|
||||
* *(filter)* Don't show other filters in project selection in saved filter
|
||||
* *(filter)* Make other filters are not available for project selection
|
||||
* *(filters)* Don't allow marking a filter as favorite
|
||||
* *(filters)* Incorrect translation string
|
||||
* *(filters)* Infinite loop when creating filters with dates (#3061)
|
||||
* *(gantt)* Open task with double click from the gantt chart
|
||||
* *(gantt)* Update the gantt view when switching between projects
|
||||
* *(i18n)* Add upload files config
|
||||
* *(i18n)* Fall back to browser language if the configured user language is invalid
|
||||
* *(i18n)* Hungarian translation
|
||||
* *(kanban)* Check if doneBucketId is set
|
||||
* *(kanban)* Make sure kanban cards always have text color matching their background
|
||||
* *(kanban)* Opening a task from the kanban board and then reloading the page should not crash everything when then navigating back
|
||||
* *(list view)* Align nested subtasks with the parent text
|
||||
* *(menu)* Separate favorite and saved filter projects from other projects
|
||||
* *(navigation)* Don't hide color bubble in navigation on touch devices
|
||||
* *(navigation)* Show filter settings dropdown
|
||||
* *(project)* Correctly show project color next to project title in list view
|
||||
* *(projects)* Don't suggest to create a new task in an empty filter
|
||||
* *(quick actions)* Always open quick actions with hotkey, even if other inputs are focused
|
||||
* *(quick actions)* Always search for projects
|
||||
* *(quick actions)* Don't show projects when searching for labels or tasks
|
||||
* *(quick actions)* Invalid class prop
|
||||
* *(quick actions)* Project filter
|
||||
* *(quick actions)* Project search
|
||||
* *(quick actions)* Search for tasks within a project when specifying a project with quick add magic
|
||||
* *(quick add magic)* Annually and variants spelling
|
||||
* *(quick add magic)* Headline
|
||||
* *(quick add magic)* Ignore common task indention when adding multiple tasks at once
|
||||
* *(quick add magic)* Repeating intervals in words
|
||||
* *(settings)* Allow removing the default project via settings
|
||||
* *(settings)* Move overdue remindeer time below
|
||||
* *(sw)* Remove debug option via env as it would not be replaced correctly in prod builds
|
||||
* *(task)* Correct spacing to task and project title
|
||||
* *(task)* Correctly build task identifier
|
||||
* *(task)* Don't reload the kanban board when opening a task
|
||||
* *(task)* Don't reload the kanban board when opening a task
|
||||
* *(task)* Duplicate attribute
|
||||
* *(task)* Make sure the modal close button is not overlapped with the title field (#3256)
|
||||
* *(task)* Priority label sizing and positioning in different environments
|
||||
* *(task)* Priority label spacing
|
||||
* *(task)* Remove wrong repeat types
|
||||
* *(task)* Show related tasks form with shortcut even when there are already other related tasks
|
||||
* *(task)* Use editor as preview first, then check for edit
|
||||
* *(task)* Use empty description helper everywhere
|
||||
* *(tasks)* Don't use the filter for upcoming when one is set for the home page
|
||||
* *(tasks)* Favorited sub tasks are not shown in favorites pseudo list
|
||||
* *(tasks)* Ignore empty lines when adding multiple tasks at once
|
||||
* *(tasks)* Make sure tasks are fully clickable
|
||||
* *(tasks)* Play pop sound directly and not from store
|
||||
* *(tasks)* Prevent endless references
|
||||
* *(tasks)* Reset page number when applying filters
|
||||
* *(tasks)* Update api route
|
||||
* *(tasks)* Update sub task relations in list view after they were created
|
||||
* *(tasks)* Use mousedown event instead of click to close the task popup
|
||||
* *(test)* Use correct file input
|
||||
* *(user)* Allow openid users to request their deletion
|
||||
* *(webhooks)* Styling* Correctly resolve kanban board in the background when moving a task ([8902c15](8902c15f7e9590da075e860f3d35939169ee246a))
|
||||
* Don't render route modal when no properties are defined ([b1fe3fe](b1fe3fe29b3f7c8e3f1fa279b74f674bc63db232))
|
||||
* Don't try to load buckets for project id 0 ([15ecafd](15ecafdf04391139da27f38dac9ed915d6220a9a))
|
||||
* Lint ([218d724](218d72494a088b612e720ca2e9b566c0d3446579))
|
||||
* Lint ([337c3e5](337c3e5e3e06a9e4928bebffda2e2f223fef398b))
|
||||
* Lint ([7f2d921](7f2d92138e302188d6000632b4bc9bf053194dee))
|
||||
* Lint ([99e2161](99e2161c09b1e2b08f3a907bd2e3ad2c71da87d3))
|
||||
* Lint ([c01957a](c01957aae24696812c80b18c77137b5030fc757a))
|
||||
* Tests ([f6d1db3](f6d1db35957c4c2fda7a58539a0a39db1b683ccb))
|
||||
|
||||
|
||||
### Dependencies
|
||||
|
||||
* *(deps)* Remove unused dependencies
|
||||
* *(deps)* Update dependencies
|
||||
* *(deps)* Update dependencies
|
||||
* *(deps)* Update dependency @fortawesome/vue-fontawesome to v3.0.5 (#3815)
|
||||
* *(deps)* Update dependency @github/hotkey to v2.1.0 (#3766)
|
||||
* *(deps)* Update dependency @github/hotkey to v2.1.1 (#3770)
|
||||
* *(deps)* Update dependency @github/hotkey to v2.2.0 (#3809)
|
||||
* *(deps)* Update dependency @github/hotkey to v2.3.0 (#3810)
|
||||
* *(deps)* Update dependency @github/hotkey to v2.3.1 (#3845)
|
||||
* *(deps)* Update dependency @github/hotkey to v3
|
||||
* *(deps)* Update dependency @infectoone/vue-ganttastic to v2.2.0
|
||||
* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v0.12.2
|
||||
* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v1
|
||||
* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v1.5.0 (#3812)
|
||||
* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v1.6.0
|
||||
* *(deps)* Update dependency @kyvg/vue3-notification to v3
|
||||
* *(deps)* Update dependency @kyvg/vue3-notification to v3.1.2
|
||||
* *(deps)* Update dependency @types/is-touch-device to v1.0.1 (#3786)
|
||||
* *(deps)* Update dependency @types/is-touch-device to v1.0.2 (#3816)
|
||||
* *(deps)* Update dependency @types/lodash.clonedeep to v4.5.8 (#3787)
|
||||
* *(deps)* Update dependency @types/lodash.clonedeep to v4.5.9 (#3817)
|
||||
* *(deps)* Update dependency @types/node to v18.17.0
|
||||
* *(deps)* Update dependency @types/node to v20 (#3796)
|
||||
* *(deps)* Update dependency @types/sortablejs to v1.15.4 (#3788)
|
||||
* *(deps)* Update dependency @types/sortablejs to v1.15.5 (#3818)
|
||||
* *(deps)* Update dependency @vueuse/core to v10.3.0
|
||||
* *(deps)* Update dependency @vueuse/core to v10.4.0 (#3723)
|
||||
* *(deps)* Update dependency axios to v1.5.1
|
||||
* *(deps)* Update dependency axios to v1.6.0 (#3801)
|
||||
* *(deps)* Update dependency axios to v1.6.2 (#3820)
|
||||
* *(deps)* Update dependency caniuse-lite to v1.0.30001514
|
||||
* *(deps)* Update dependency codemirror to v5.65.14
|
||||
* *(deps)* Update dependency dayjs to v1.11.10 (#3753)
|
||||
* *(deps)* Update dependency dompurify to v3.0.5
|
||||
* *(deps)* Update dependency dompurify to v3.0.6 (#3754)
|
||||
* *(deps)* Update dependency eslint to v8.52.0 (#3785)
|
||||
* *(deps)* Update dependency highlight.js to v11.9.0 (#3763)
|
||||
* *(deps)* Update dependency lowlight to v2.9.0 (#3789)
|
||||
* *(deps)* Update dependency marked to v5.1.1
|
||||
* *(deps)* Update dependency marked to v9
|
||||
* *(deps)* Update dependency marked to v9.1.0 (#3760)
|
||||
* *(deps)* Update dependency marked to v9.1.1 (#3768)
|
||||
* *(deps)* Update dependency marked to v9.1.2 (#3774)
|
||||
* *(deps)* Update dependency node (#3797)
|
||||
* *(deps)* Update dependency node (#3834)
|
||||
* *(deps)* Update dependency node to v18.18.0
|
||||
* *(deps)* Update dependency node to v18.18.1
|
||||
* *(deps)* Update dependency node to v18.18.2
|
||||
* *(deps)* Update dependency pinia to v2.1.6
|
||||
* *(deps)* Update dependency pinia to v2.1.7 (#3771)
|
||||
* *(deps)* Update dependency sass to v1.69.2 (#3767)
|
||||
* *(deps)* Update dependency sortablejs to v1.15.1 (#3841)
|
||||
* *(deps)* Update dependency ufo to v1.2.0
|
||||
* *(deps)* Update dependency ufo to v1.3.1
|
||||
* *(deps)* Update dependency ufo to v1.3.2 (#3824)
|
||||
* *(deps)* Update dependency vite to v4.4.2
|
||||
* *(deps)* Update dependency vite to v4.4.3
|
||||
* *(deps)* Update dependency vue to v3.3.10 (#3843)
|
||||
* *(deps)* Update dependency vue to v3.3.13
|
||||
* *(deps)* Update dependency vue to v3.3.5 (#3782)
|
||||
* *(deps)* Update dependency vue to v3.3.6 (#3784)
|
||||
* *(deps)* Update dependency vue to v3.3.7 (#3799)
|
||||
* *(deps)* Update dependency vue to v3.3.8 (#3814)
|
||||
* *(deps)* Update dependency vue to v3.3.9 (#3837)
|
||||
* *(deps)* Update dependency vue-i18n to v9.5.0
|
||||
* *(deps)* Update dependency vue-i18n to v9.6.0 (#3800)
|
||||
* *(deps)* Update dependency vue-i18n to v9.6.1 (#3803)
|
||||
* *(deps)* Update dependency vue-i18n to v9.6.5 (#3807)
|
||||
* *(deps)* Update dependency vue-i18n to v9.7.0 (#3825)
|
||||
* *(deps)* Update dependency vue-i18n to v9.8.0 (#3833)
|
||||
* *(deps)* Update dependency vue-router to v4.2.5 (#3755)
|
||||
* *(deps)* Update dessant/repo-lockdown action to v4
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies
|
||||
* *(deps)* Update dev-dependencies (#3721)
|
||||
* *(deps)* Update dev-dependencies (#3726)
|
||||
* *(deps)* Update dev-dependencies (#3740)
|
||||
* *(deps)* Update dev-dependencies (#3746)
|
||||
* *(deps)* Update dev-dependencies (#3747)
|
||||
* *(deps)* Update dev-dependencies (#3757)
|
||||
* *(deps)* Update dev-dependencies (#3761)
|
||||
* *(deps)* Update dev-dependencies (#3769)
|
||||
* *(deps)* Update dev-dependencies (#3776)
|
||||
* *(deps)* Update dev-dependencies (#3780)
|
||||
* *(deps)* Update dev-dependencies (#3793)
|
||||
* *(deps)* Update dev-dependencies (#3802)
|
||||
* *(deps)* Update dev-dependencies (#3806)
|
||||
* *(deps)* Update dev-dependencies (#3811)
|
||||
* *(deps)* Update dev-dependencies (#3813)
|
||||
* *(deps)* Update dev-dependencies (#3821)
|
||||
* *(deps)* Update dev-dependencies (#3826)
|
||||
* *(deps)* Update dev-dependencies (#3828)
|
||||
* *(deps)* Update dev-dependencies (#3829)
|
||||
* *(deps)* Update dev-dependencies (#3835)
|
||||
* *(deps)* Update dev-dependencies (#3842)
|
||||
* *(deps)* Update dev-dependencies (#3846)
|
||||
* *(deps)* Update dev-dependencies (#3856)
|
||||
* *(deps)* Update dev-dependencies (major) (#3741)
|
||||
* *(deps)* Update dev-dependencies (major) (#3827)
|
||||
* *(deps)* Update dev-dependencies to v6
|
||||
* *(deps)* Update flake
|
||||
* *(deps)* Update font awesome to v6.4.2
|
||||
* *(deps)* Update font awesome to v6.5.1 (#3839)
|
||||
* *(deps)* Update lockfile
|
||||
* *(deps)* Update lockfile
|
||||
* *(deps)* Update lockfile
|
||||
* *(deps)* Update lockfile
|
||||
* *(deps)* Update lockfile
|
||||
* *(deps)* Update lockfile
|
||||
* *(deps)* Update node.js to v18.17.0
|
||||
* *(deps)* Update node.js to v18.17.1
|
||||
* *(deps)* Update node.js to v20.7 (#3736)
|
||||
* *(deps)* Update node.js to v20.8 (#3756)
|
||||
* *(deps)* Update pnpm to v8.10.2
|
||||
* *(deps)* Update pnpm to v8.10.5
|
||||
* *(deps)* Update pnpm to v8.11.0
|
||||
* *(deps)* Update pnpm to v8.12.1
|
||||
* *(deps)* Update pnpm to v8.6.12
|
||||
* *(deps)* Update pnpm to v8.6.7
|
||||
* *(deps)* Update pnpm to v8.6.8
|
||||
* *(deps)* Update pnpm to v8.6.9
|
||||
* *(deps)* Update pnpm to v8.7.0
|
||||
* *(deps)* Update pnpm to v8.8.0
|
||||
* *(deps)* Update pnpm to v8.9.0
|
||||
* *(deps)* Update pnpm to v8.9.2
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.58.0
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.58.1
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.59.1
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.59.2
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.59.3
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.60.0
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.73.0
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.74.0 (#3772)
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.74.1 (#3778)
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.75.1 (#3798)
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.77.0 (#3805)
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.80.1 (#3819)
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.85.0 (#3831)
|
||||
* *(deps)* Update sentry-javascript monorepo to v7.88.0
|
||||
* *(deps)* Update sub-dependencies
|
||||
* *(deps)* Update tiptap to v2.1.12 (#3790)
|
||||
* *(deps)* Update tiptap to v2.1.13 (#3840)
|
||||
* *(deps)* Update vueuse to v10.5.0 (#3762)
|
||||
* *(deps)* Update vueuse to v10.6.1 (#3822)
|
||||
* *(deps)* Update vueuse to v10.7.0 (#3844)
|
||||
|
||||
### Features
|
||||
|
||||
* *(api tokens)* Add basic api token overview
|
||||
* *(api tokens)* Add deleting api tokens
|
||||
* *(api tokens)* Add token creation form
|
||||
* *(api tokens)* Allow custom selection of expiry dates
|
||||
* *(api tokens)* Allow selecting all permissions
|
||||
* *(api tokens)* Format permissions and groups human-readable
|
||||
* *(api tokens)* Show warning if token has expired
|
||||
* *(api tokens)* Validate title field when creating a new token
|
||||
* *(assignees)* Improve avatar list consistency
|
||||
* *(editor)* Add all slash commands
|
||||
* *(editor)* Add bubble menu
|
||||
* *(editor)* Add code highlighting
|
||||
* *(editor)* Add command list example
|
||||
* *(editor)* Add comment when pressing ctrl enter
|
||||
* *(editor)* Add placeholder
|
||||
* *(editor)* Add proper description for all buttons
|
||||
* *(editor)* Add tests to check rendering of task description
|
||||
* *(editor)* Add tooltips for everything
|
||||
* *(editor)* Add uploading an image on save
|
||||
* *(editor)* Allow passing placeholder down
|
||||
* *(editor)* Edit mode
|
||||
* *(editor)* Edit shortcut to set focus into the editor
|
||||
* *(editor)* Enable table
|
||||
* *(editor)* Image upload
|
||||
* *(editor)* Improve overall styling
|
||||
* *(editor)* Make image upload work via slash command
|
||||
* *(editor)* Make task list work
|
||||
* *(editor)* Mark a checkbox item as done when clicking on its text
|
||||
* *(editor)* Move all editor related components into one folder
|
||||
* *(editor)* Only load attachment images when rendering is done
|
||||
* *(editor)* Open links when clicking on them
|
||||
* *(editor)* Properly bubble changes when they are made
|
||||
* *(editor)* Resolve and load attachment images from content
|
||||
* *(editor)* Save when pressing ctrl enter
|
||||
* *(gantt)* Implement dynamic sizing on small date ranges (#3750)
|
||||
* *(i18n)* Add Slovene language for selection in the ui
|
||||
* *(i18n)* Add arabic to list of selectable languages
|
||||
* *(i18n)* Add hungarian translation for selection
|
||||
* *(i18n)* Run translation update directly
|
||||
* *(i18n)* Update crowdin sync to use v2 api
|
||||
* *(i18n)* Update translations only once a day
|
||||
* *(kanban)* Add icon for bucket collapse
|
||||
* *(kanban)* Add setting for default bucket
|
||||
* *(kanban)* Save done bucket with project instead of bucket
|
||||
* *(labels)* Assign random color when creating labels
|
||||
* *(list view)* Show subtasks nested
|
||||
* *(migration)* Proper wording for async migration
|
||||
* *(notifications)* Add option to mark all as read
|
||||
* *(quick actions)* Show done tasks last
|
||||
* *(quick actions)* Show labels as labels and tasks with all of their details
|
||||
* *(quick actions)* Show task identifier
|
||||
* *(quick actions)* Show tasks for a label when selecting it
|
||||
* *(quick add magic)* Allow using the project identifier via quick add magic
|
||||
* *(task)* Add more tests
|
||||
* *(task)* Group related task action buttons
|
||||
* *(task)* Immediately set focus on the task search input when opening the related tasks menu
|
||||
* *(task)* Move task priority to the front when showing tasks inline
|
||||
* *(task)* Save currently opened task with control/meta + s
|
||||
* *(tasks)* Make the whole task in list view clickable
|
||||
* *(tasks)* Update due date text every minute
|
||||
* *(webhooks)* Add form validation* Allow custom logo via environment variable (#3685) ([cade3df](cade3df3e9a7eca8e0aa9d1553dd5597f0f5a8a2))
|
||||
* *(webhooks)* Add webhook management form
|
||||
* Add demo mode warning message ([ed8fb71](ed8fb71ff0b05860f320e2a1fe6c3cb29ed2889a))
|
||||
* Add setting for default bucket ([04ba101](04ba1011cc3042f657ddb40ee727caf455db8b64))
|
||||
* Api tokens ([28f2551](28f2551d87b99c59055a4909195e435dbd9794b6))
|
||||
* Improve error message for invalid API url ([725fd1a](725fd1ad467fb988810cb23f12d372af236bd21d))
|
||||
* Move from easymde to tiptap editor (#2222) ([26fc9b4](26fc9b4e4f8b96616385f4ca0a77a0ff7ee5eee5))
|
||||
* Quick actions improvments ([47d5890](47d589002ccef5047a25ea3ad8ebe582c3b0bbc6))
|
||||
* Webhooks (#3783) ([5d991e5](5d991e539bb3a249447847c13c92ee35d356b902))
|
||||
|
||||
### Miscellaneous Tasks
|
||||
|
||||
* *(ci)* Sign drone config
|
||||
* *(editor)* Add break icon
|
||||
* *(editor)* Add horizontal line icon
|
||||
* *(editor)* Cleanup
|
||||
* *(editor)* Cleanup unused options
|
||||
* *(editor)* Format
|
||||
* *(editor)* Make sure all tiptap dependencies are updated as one
|
||||
* *(editor)* Move checklist to the other lists
|
||||
* *(editor)* Remove converting markdown
|
||||
* *(editor)* Remove marked usages
|
||||
* *(editor)* Remove old editor component
|
||||
* *(editor)* Remove unused components
|
||||
* *(editor)* Use typed props definition
|
||||
* *(filter)* Remove debug log
|
||||
* *(quick actions)* Format* Provide better error messages when refreshing user info fails ([d535879](d5358793de7fc53795329382222e5f3bafc7fba1))
|
||||
* Add pr lockdown ([07b1e9a](07b1e9a6b76eb7d92640e00a1dec4294efd2947b))
|
||||
* Cleanup ([a4a2b95](a4a2b95dc7eaad5fe313884eec0d22d7ae5f85c1))
|
||||
* Debug ([3cb1e7d](3cb1e7dede659acd19410e0611346e0f582f2ff3))
|
||||
* Format ([c3f85fc](c3f85fcb1988603a58104552b35101b13e93b06e))
|
||||
* Improve checking for API url '/' suffix (#121) ([311b1d7](311b1d7594cfd03be4d998f4aead041a8ca63f8c))
|
||||
* Include version json string in release zip ([c4adcf4](c4adcf4655550214ae795d941eb51878f34cedeb))
|
||||
* Update flake ([64c90c7](64c90c7fe8a77ded21778a798f18862fe966bd1a))
|
||||
* Update lockfile ([9f82ec4](9f82ec4162151ba32f329cb8e335eff6b21cebd4))
|
||||
|
||||
### Other
|
||||
|
||||
* *(other)* [skip ci] Updated translations via Crowdin
|
||||
|
||||
## [0.21.0] - 2023-07-07
|
||||
|
||||
### Bug Fixes
|
||||
|
@ -5526,4 +5910,4 @@ Co-committed-by: renovate <renovatebot@kolaente.de>
|
|||
* Fixed trying to verify an email when there was none
|
||||
* Fixed loading tasks when the user was not authenticated
|
||||
|
||||
## [0.1] - 2018-09-20
|
||||
## [0.1] - 2018-09-20
|
|
@ -3,7 +3,7 @@
|
|||
# │─││ │││ │ │
|
||||
# ┘─┘┘─┘┘┘─┘┘─┘
|
||||
|
||||
FROM --platform=$BUILDPLATFORM node:20.9-alpine AS builder
|
||||
FROM --platform=$BUILDPLATFORM node:20.10-alpine AS builder
|
||||
|
||||
WORKDIR /build
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
[![Build Status](https://drone.kolaente.de/api/badges/vikunja/frontend/status.svg)](https://drone.kolaente.de/vikunja/frontend)
|
||||
[![License: AGPL v3](https://img.shields.io/badge/License-AGPL%20v3-blue.svg)](LICENSE)
|
||||
[![Download](https://img.shields.io/badge/download-v0.21.0-brightgreen.svg)](https://dl.vikunja.io)
|
||||
[![Download](https://img.shields.io/badge/download-v0.22.0-brightgreen.svg)](https://dl.vikunja.io)
|
||||
[![Translation](https://badges.crowdin.net/vikunja/localized.svg)](https://crowdin.com/project/vikunja)
|
||||
|
||||
This is the web frontend for Vikunja, written in Vue.js.
|
||||
|
@ -49,4 +49,4 @@ pnpm run build
|
|||
|
||||
```shell
|
||||
pnpm run lint
|
||||
```
|
||||
```
|
|
@ -5,6 +5,19 @@ import {ProjectFactory} from '../../factories/project'
|
|||
import {TaskFactory} from '../../factories/task'
|
||||
import {prepareProjects} from './prepareProjects'
|
||||
|
||||
function createSingleTaskInBucket(count = 1, attrs = {}) {
|
||||
const projects = ProjectFactory.create(1)
|
||||
const buckets = BucketFactory.create(2, {
|
||||
project_id: projects[0].id,
|
||||
})
|
||||
const tasks = TaskFactory.create(count, {
|
||||
project_id: projects[0].id,
|
||||
bucket_id: buckets[0].id,
|
||||
...attrs,
|
||||
})
|
||||
return tasks[0]
|
||||
}
|
||||
|
||||
describe('Project View Kanban', () => {
|
||||
createFakeUserAndLogin()
|
||||
prepareProjects()
|
||||
|
@ -207,15 +220,7 @@ describe('Project View Kanban', () => {
|
|||
})
|
||||
|
||||
it('Should remove a task from the board when deleting it', () => {
|
||||
const projects = ProjectFactory.create(1)
|
||||
const buckets = BucketFactory.create(2, {
|
||||
project_id: projects[0].id,
|
||||
})
|
||||
const tasks = TaskFactory.create(5, {
|
||||
project_id: 1,
|
||||
bucket_id: buckets[0].id,
|
||||
})
|
||||
const task = tasks[0]
|
||||
const task = createSingleTaskInBucket(5)
|
||||
cy.visit('/projects/1/kanban')
|
||||
|
||||
cy.get('.kanban .bucket .tasks .task')
|
||||
|
@ -238,4 +243,43 @@ describe('Project View Kanban', () => {
|
|||
cy.get('.kanban .bucket .tasks')
|
||||
.should('not.contain', task.title)
|
||||
})
|
||||
|
||||
it('Should show a task description icon if the task has a description', () => {
|
||||
cy.intercept(Cypress.env('API_URL') + '/projects/1/buckets**').as('loadTasks')
|
||||
const task = createSingleTaskInBucket(1, {
|
||||
description: 'Lorem Ipsum',
|
||||
})
|
||||
|
||||
cy.visit(`/projects/${task.project_id}/kanban`)
|
||||
cy.wait('@loadTasks')
|
||||
|
||||
cy.get('.bucket .tasks .task .footer .icon svg')
|
||||
.should('exist')
|
||||
})
|
||||
|
||||
it('Should not show a task description icon if the task has an empty description', () => {
|
||||
cy.intercept(Cypress.env('API_URL') + '/projects/1/buckets**').as('loadTasks')
|
||||
const task = createSingleTaskInBucket(1, {
|
||||
description: '',
|
||||
})
|
||||
|
||||
cy.visit(`/projects/${task.project_id}/kanban`)
|
||||
cy.wait('@loadTasks')
|
||||
|
||||
cy.get('.bucket .tasks .task .footer .icon svg')
|
||||
.should('not.exist')
|
||||
})
|
||||
|
||||
it('Should not show a task description icon if the task has a description containing only an empty p tag', () => {
|
||||
cy.intercept(Cypress.env('API_URL') + '/projects/1/buckets**').as('loadTasks')
|
||||
const task = createSingleTaskInBucket(1, {
|
||||
description: '<p></p>',
|
||||
})
|
||||
|
||||
cy.visit(`/projects/${task.project_id}/kanban`)
|
||||
cy.wait('@loadTasks')
|
||||
|
||||
cy.get('.bucket .tasks .task .footer .icon svg')
|
||||
.should('not.exist')
|
||||
})
|
||||
})
|
|
@ -36,7 +36,7 @@ function uploadAttachmentAndVerify(taskId: number) {
|
|||
cy.get('.task-view .action-buttons .button')
|
||||
.contains('Add Attachments')
|
||||
.click()
|
||||
cy.get('input[type=file]', {timeout: 1000})
|
||||
cy.get('input[type=file]#files', {timeout: 1000})
|
||||
.selectFile('cypress/fixtures/image.jpg', {force: true}) // The input is not visible, but on purpose
|
||||
cy.wait('@uploadAttachment')
|
||||
|
||||
|
@ -112,10 +112,50 @@ describe('Task', () => {
|
|||
.should('contain', 'Favorites')
|
||||
})
|
||||
|
||||
it('Should show a task description icon if the task has a description', () => {
|
||||
cy.intercept(Cypress.env('API_URL') + '/projects/1/tasks**').as('loadTasks')
|
||||
TaskFactory.create(1, {
|
||||
description: 'Lorem Ipsum',
|
||||
})
|
||||
|
||||
cy.visit('/projects/1/list')
|
||||
cy.wait('@loadTasks')
|
||||
|
||||
cy.get('.tasks .task .project-task-icon')
|
||||
.should('exist')
|
||||
})
|
||||
|
||||
it('Should not show a task description icon if the task has an empty description', () => {
|
||||
cy.intercept(Cypress.env('API_URL') + '/projects/1/tasks**').as('loadTasks')
|
||||
TaskFactory.create(1, {
|
||||
description: '',
|
||||
})
|
||||
|
||||
cy.visit('/projects/1/list')
|
||||
cy.wait('@loadTasks')
|
||||
|
||||
cy.get('.tasks .task .project-task-icon')
|
||||
.should('not.exist')
|
||||
})
|
||||
|
||||
it('Should not show a task description icon if the task has a description containing only an empty p tag', () => {
|
||||
cy.intercept(Cypress.env('API_URL') + '/projects/1/tasks**').as('loadTasks')
|
||||
TaskFactory.create(1, {
|
||||
description: '<p></p>',
|
||||
})
|
||||
|
||||
cy.visit('/projects/1/list')
|
||||
cy.wait('@loadTasks')
|
||||
|
||||
cy.get('.tasks .task .project-task-icon')
|
||||
.should('not.exist')
|
||||
})
|
||||
|
||||
describe('Task Detail View', () => {
|
||||
beforeEach(() => {
|
||||
TaskCommentFactory.truncate()
|
||||
LabelTaskFactory.truncate()
|
||||
TaskAttachmentFactory.truncate()
|
||||
})
|
||||
|
||||
it('Shows all task details', () => {
|
||||
|
@ -213,6 +253,45 @@ describe('Task', () => {
|
|||
.should('exist')
|
||||
})
|
||||
|
||||
it('Shows an empty editor when the description of a task is empty', () => {
|
||||
const tasks = TaskFactory.create(1, {
|
||||
id: 1,
|
||||
description: '',
|
||||
})
|
||||
cy.visit(`/tasks/${tasks[0].id}`)
|
||||
|
||||
cy.get('.task-view .details.content.description .tiptap.ProseMirror p')
|
||||
.should('have.attr', 'data-placeholder')
|
||||
cy.get('.task-view .details.content.description .tiptap button.done-edit')
|
||||
.should('not.exist')
|
||||
})
|
||||
|
||||
it('Shows a preview editor when the description of a task is not empty', () => {
|
||||
const tasks = TaskFactory.create(1, {
|
||||
id: 1,
|
||||
description: 'Lorem Ipsum dolor sit amet',
|
||||
})
|
||||
cy.visit(`/tasks/${tasks[0].id}`)
|
||||
|
||||
cy.get('.task-view .details.content.description .tiptap.ProseMirror p')
|
||||
.should('not.have.attr', 'data-placeholder')
|
||||
cy.get('.task-view .details.content.description .tiptap button.done-edit')
|
||||
.should('exist')
|
||||
})
|
||||
|
||||
it('Shows a preview editor when the description of a task contains html', () => {
|
||||
const tasks = TaskFactory.create(1, {
|
||||
id: 1,
|
||||
description: '<p>Lorem Ipsum dolor sit amet</p>',
|
||||
})
|
||||
cy.visit(`/tasks/${tasks[0].id}`)
|
||||
|
||||
cy.get('.task-view .details.content.description .tiptap.ProseMirror p')
|
||||
.should('not.have.attr', 'data-placeholder')
|
||||
cy.get('.task-view .details.content.description .tiptap button.done-edit')
|
||||
.should('exist')
|
||||
})
|
||||
|
||||
it('Can add a new comment', () => {
|
||||
const tasks = TaskFactory.create(1, {
|
||||
id: 1,
|
||||
|
@ -692,7 +771,7 @@ describe('Task', () => {
|
|||
.should('exist')
|
||||
})
|
||||
|
||||
it('Can check items off a checklist', () => {
|
||||
it.only('Can check items off a checklist', () => {
|
||||
const tasks = TaskFactory.create(1, {
|
||||
id: 1,
|
||||
description: `
|
||||
|
@ -761,7 +840,7 @@ describe('Task', () => {
|
|||
.should('exist')
|
||||
})
|
||||
|
||||
it.only('Should render an image from attachment', async () => {
|
||||
it('Should render an image from attachment', async () => {
|
||||
|
||||
TaskAttachmentFactory.truncate()
|
||||
|
||||
|
|
|
@ -25,7 +25,6 @@ interface ImportMetaEnv {
|
|||
readonly SENTRY_ORG?: string
|
||||
readonly SENTRY_PROJECT?: string
|
||||
|
||||
readonly VITE_WORKBOX_DEBUG?: boolean
|
||||
readonly VITE_IS_ONLINE: boolean
|
||||
}
|
||||
|
||||
|
|
|
@ -2,11 +2,11 @@
|
|||
"nodes": {
|
||||
"nixpkgs": {
|
||||
"locked": {
|
||||
"lastModified": 1697730408,
|
||||
"narHash": "sha256-Ww//zzukdTrwTrCUkaJA/NsaLEfUfQpWZXBdXBYfhak=",
|
||||
"lastModified": 1701336116,
|
||||
"narHash": "sha256-kEmpezCR/FpITc6yMbAh4WrOCiT2zg5pSjnKrq51h5Y=",
|
||||
"owner": "NixOS",
|
||||
"repo": "nixpkgs",
|
||||
"rev": "ff0a5a776b56e0ca32d47a4a47695452ec7f7d80",
|
||||
"rev": "f5c27c6136db4d76c30e533c20517df6864c46ee",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
|
|
159
package.json
159
package.json
|
@ -13,7 +13,7 @@
|
|||
},
|
||||
"homepage": "https://vikunja.io/",
|
||||
"funding": "https://opencollective.com/vikunja",
|
||||
"packageManager": "pnpm@8.10.5",
|
||||
"packageManager": "pnpm@8.12.1",
|
||||
"keywords": [
|
||||
"todo",
|
||||
"productivity",
|
||||
|
@ -45,55 +45,54 @@
|
|||
"story:preview": "histoire preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "6.4.2",
|
||||
"@fortawesome/free-regular-svg-icons": "6.4.2",
|
||||
"@fortawesome/free-solid-svg-icons": "6.4.2",
|
||||
"@fortawesome/fontawesome-svg-core": "6.5.1",
|
||||
"@fortawesome/free-regular-svg-icons": "6.5.1",
|
||||
"@fortawesome/free-solid-svg-icons": "6.5.1",
|
||||
"@fortawesome/vue-fontawesome": "3.0.5",
|
||||
"@github/hotkey": "2.3.0",
|
||||
"@github/hotkey": "3.1.0",
|
||||
"@infectoone/vue-ganttastic": "2.2.0",
|
||||
"@intlify/unplugin-vue-i18n": "1.5.0",
|
||||
"@kyvg/vue3-notification": "3.0.2",
|
||||
"@sentry/tracing": "7.80.1",
|
||||
"@sentry/vue": "7.80.1",
|
||||
"@tiptap/core": "2.1.12",
|
||||
"@tiptap/extension-blockquote": "2.1.12",
|
||||
"@tiptap/extension-bold": "2.1.12",
|
||||
"@tiptap/extension-bullet-list": "2.1.12",
|
||||
"@tiptap/extension-code": "2.1.12",
|
||||
"@tiptap/extension-code-block-lowlight": "2.1.12",
|
||||
"@tiptap/extension-document": "2.1.12",
|
||||
"@tiptap/extension-dropcursor": "2.1.12",
|
||||
"@tiptap/extension-gapcursor": "2.1.12",
|
||||
"@tiptap/extension-hard-break": "2.1.12",
|
||||
"@tiptap/extension-heading": "2.1.12",
|
||||
"@tiptap/extension-history": "2.1.12",
|
||||
"@tiptap/extension-horizontal-rule": "2.1.12",
|
||||
"@tiptap/extension-image": "2.1.12",
|
||||
"@tiptap/extension-italic": "2.1.12",
|
||||
"@tiptap/extension-link": "2.1.12",
|
||||
"@tiptap/extension-list-item": "2.1.12",
|
||||
"@tiptap/extension-ordered-list": "2.1.12",
|
||||
"@tiptap/extension-paragraph": "2.1.12",
|
||||
"@tiptap/extension-placeholder": "2.1.12",
|
||||
"@tiptap/extension-strike": "2.1.12",
|
||||
"@tiptap/extension-table": "2.1.12",
|
||||
"@tiptap/extension-table-cell": "2.1.12",
|
||||
"@tiptap/extension-table-header": "2.1.12",
|
||||
"@tiptap/extension-table-row": "2.1.12",
|
||||
"@tiptap/extension-task-item": "2.1.12",
|
||||
"@tiptap/extension-task-list": "2.1.12",
|
||||
"@tiptap/extension-text": "2.1.12",
|
||||
"@tiptap/extension-typography": "2.1.12",
|
||||
"@tiptap/extension-underline": "2.1.12",
|
||||
"@tiptap/pm": "2.1.12",
|
||||
"@tiptap/suggestion": "2.1.12",
|
||||
"@tiptap/vue-3": "2.1.12",
|
||||
"@intlify/unplugin-vue-i18n": "2.0.0",
|
||||
"@kyvg/vue3-notification": "3.1.2",
|
||||
"@sentry/tracing": "7.88.0",
|
||||
"@sentry/vue": "7.88.0",
|
||||
"@tiptap/core": "2.1.13",
|
||||
"@tiptap/extension-blockquote": "2.1.13",
|
||||
"@tiptap/extension-bold": "2.1.13",
|
||||
"@tiptap/extension-bullet-list": "2.1.13",
|
||||
"@tiptap/extension-code": "2.1.13",
|
||||
"@tiptap/extension-code-block-lowlight": "2.1.13",
|
||||
"@tiptap/extension-document": "2.1.13",
|
||||
"@tiptap/extension-dropcursor": "2.1.13",
|
||||
"@tiptap/extension-gapcursor": "2.1.13",
|
||||
"@tiptap/extension-hard-break": "2.1.13",
|
||||
"@tiptap/extension-heading": "2.1.13",
|
||||
"@tiptap/extension-history": "2.1.13",
|
||||
"@tiptap/extension-horizontal-rule": "2.1.13",
|
||||
"@tiptap/extension-image": "2.1.13",
|
||||
"@tiptap/extension-italic": "2.1.13",
|
||||
"@tiptap/extension-link": "2.1.13",
|
||||
"@tiptap/extension-list-item": "2.1.13",
|
||||
"@tiptap/extension-ordered-list": "2.1.13",
|
||||
"@tiptap/extension-paragraph": "2.1.13",
|
||||
"@tiptap/extension-placeholder": "2.1.13",
|
||||
"@tiptap/extension-strike": "2.1.13",
|
||||
"@tiptap/extension-table": "2.1.13",
|
||||
"@tiptap/extension-table-cell": "2.1.13",
|
||||
"@tiptap/extension-table-header": "2.1.13",
|
||||
"@tiptap/extension-table-row": "2.1.13",
|
||||
"@tiptap/extension-task-item": "2.1.13",
|
||||
"@tiptap/extension-task-list": "2.1.13",
|
||||
"@tiptap/extension-text": "2.1.13",
|
||||
"@tiptap/extension-typography": "2.1.13",
|
||||
"@tiptap/extension-underline": "2.1.13",
|
||||
"@tiptap/pm": "2.1.13",
|
||||
"@tiptap/suggestion": "2.1.13",
|
||||
"@tiptap/vue-3": "2.1.13",
|
||||
"@types/is-touch-device": "1.0.2",
|
||||
"@types/lodash.clonedeep": "4.5.9",
|
||||
"@types/sortablejs": "1.15.5",
|
||||
"@vueuse/core": "10.5.0",
|
||||
"@vueuse/router": "10.5.0",
|
||||
"axios": "1.6.2",
|
||||
"@vueuse/core": "10.7.0",
|
||||
"@vueuse/router": "10.7.0",
|
||||
"axios": "1.6.3",
|
||||
"blurhash": "2.0.5",
|
||||
"bulma-css-variables": "0.9.33",
|
||||
"camel-case": "4.1.2",
|
||||
|
@ -111,13 +110,13 @@
|
|||
"pinia": "2.1.7",
|
||||
"register-service-worker": "1.7.2",
|
||||
"snake-case": "3.0.4",
|
||||
"sortablejs": "1.15.0",
|
||||
"sortablejs": "1.15.1",
|
||||
"tippy.js": "6.3.7",
|
||||
"ufo": "1.3.2",
|
||||
"vue": "3.3.8",
|
||||
"vue": "3.3.13",
|
||||
"vue-advanced-cropper": "2.8.8",
|
||||
"vue-flatpickr-component": "11.0.3",
|
||||
"vue-i18n": "9.7.0",
|
||||
"vue-i18n": "9.8.0",
|
||||
"vue-router": "4.2.5",
|
||||
"workbox-precaching": "7.0.0",
|
||||
"zhyswan-vuedraggable": "4.1.3"
|
||||
|
@ -127,54 +126,54 @@
|
|||
"@cypress/vite-dev-server": "5.0.6",
|
||||
"@cypress/vue": "6.0.0",
|
||||
"@faker-js/faker": "8.3.1",
|
||||
"@histoire/plugin-screenshot": "0.17.0",
|
||||
"@histoire/plugin-vue": "0.17.5",
|
||||
"@rushstack/eslint-patch": "1.5.1",
|
||||
"@histoire/plugin-screenshot": "0.17.6",
|
||||
"@histoire/plugin-vue": "0.17.6",
|
||||
"@rushstack/eslint-patch": "1.6.1",
|
||||
"@tsconfig/node18": "18.2.2",
|
||||
"@types/codemirror": "5.60.13",
|
||||
"@types/codemirror": "5.60.15",
|
||||
"@types/dompurify": "3.0.5",
|
||||
"@types/flexsearch": "0.7.6",
|
||||
"@types/is-touch-device": "1.0.2",
|
||||
"@types/lodash.debounce": "4.0.9",
|
||||
"@types/marked": "5.0.2",
|
||||
"@types/node": "20.9.1",
|
||||
"@types/node": "20.10.5",
|
||||
"@types/postcss-preset-env": "7.7.0",
|
||||
"@types/sortablejs": "1.15.5",
|
||||
"@typescript-eslint/eslint-plugin": "6.11.0",
|
||||
"@typescript-eslint/parser": "6.11.0",
|
||||
"@vitejs/plugin-legacy": "4.1.1",
|
||||
"@vitejs/plugin-vue": "4.5.0",
|
||||
"@types/sortablejs": "1.15.7",
|
||||
"@typescript-eslint/eslint-plugin": "6.15.0",
|
||||
"@typescript-eslint/parser": "6.15.0",
|
||||
"@vitejs/plugin-legacy": "5.2.0",
|
||||
"@vitejs/plugin-vue": "4.5.2",
|
||||
"@vue/eslint-config-typescript": "12.0.0",
|
||||
"@vue/test-utils": "2.4.2",
|
||||
"@vue/tsconfig": "0.4.0",
|
||||
"@vue/test-utils": "2.4.3",
|
||||
"@vue/tsconfig": "0.5.1",
|
||||
"autoprefixer": "10.4.16",
|
||||
"browserslist": "4.22.1",
|
||||
"caniuse-lite": "1.0.30001563",
|
||||
"css-has-pseudo": "6.0.0",
|
||||
"csstype": "3.1.2",
|
||||
"cypress": "13.5.1",
|
||||
"esbuild": "0.19.5",
|
||||
"eslint": "8.53.0",
|
||||
"eslint-plugin-vue": "9.18.1",
|
||||
"browserslist": "4.22.2",
|
||||
"caniuse-lite": "1.0.30001570",
|
||||
"css-has-pseudo": "6.0.1",
|
||||
"csstype": "3.1.3",
|
||||
"cypress": "13.6.1",
|
||||
"esbuild": "0.19.10",
|
||||
"eslint": "8.56.0",
|
||||
"eslint-plugin-vue": "9.19.2",
|
||||
"happy-dom": "12.10.3",
|
||||
"histoire": "0.17.5",
|
||||
"postcss": "8.4.31",
|
||||
"histoire": "0.17.6",
|
||||
"postcss": "8.4.32",
|
||||
"postcss-easing-gradients": "3.0.1",
|
||||
"postcss-easings": "4.0.0",
|
||||
"postcss-focus-within": "8.0.0",
|
||||
"postcss-focus-within": "8.0.1",
|
||||
"postcss-preset-env": "9.3.0",
|
||||
"rollup": "4.4.1",
|
||||
"rollup-plugin-visualizer": "5.9.2",
|
||||
"rollup": "4.9.1",
|
||||
"rollup-plugin-visualizer": "5.11.0",
|
||||
"sass": "1.69.5",
|
||||
"start-server-and-test": "2.0.3",
|
||||
"typescript": "5.2.2",
|
||||
"vite": "4.5.0",
|
||||
"typescript": "5.3.3",
|
||||
"vite": "5.0.10",
|
||||
"vite-plugin-inject-preload": "1.3.3",
|
||||
"vite-plugin-pwa": "0.16.7",
|
||||
"vite-plugin-pwa": "0.17.4",
|
||||
"vite-plugin-sentry": "1.3.0",
|
||||
"vite-svg-loader": "4.0.0",
|
||||
"vitest": "0.34.6",
|
||||
"vue-tsc": "1.8.22",
|
||||
"vite-svg-loader": "5.1.0",
|
||||
"vitest": "1.0.4",
|
||||
"vue-tsc": "1.8.25",
|
||||
"wait-on": "7.2.0",
|
||||
"workbox-cli": "7.0.0"
|
||||
},
|
||||
|
|
4022
pnpm-lock.yaml
4022
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
|
@ -47,7 +47,6 @@
|
|||
<icon :icon="project.isFavorite ? 'star' : ['far', 'star']"/>
|
||||
</BaseButton>
|
||||
<ProjectSettingsDropdown
|
||||
v-if="project.id > 0"
|
||||
class="menu-list-dropdown"
|
||||
:project="project"
|
||||
:level="level"
|
||||
|
@ -58,7 +57,6 @@
|
|||
</BaseButton>
|
||||
</template>
|
||||
</ProjectSettingsDropdown>
|
||||
<span class="list-setting-spacer" v-else></span>
|
||||
</div>
|
||||
<ProjectsNavigation
|
||||
v-if="canNestDeeper && childProjectsOpen && canCollapse"
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="tiptap">
|
||||
<div class="tiptap" ref="tiptapInstanceRef">
|
||||
<EditorToolbar
|
||||
v-if="editor && isEditing"
|
||||
:editor="editor"
|
||||
|
@ -62,7 +62,7 @@
|
|||
|
||||
<editor-content
|
||||
class="tiptap__editor"
|
||||
:class="{'tiptap__editor-is-empty': isEmpty, 'tiptap__editor-is-edit-enabled': isEditing}"
|
||||
:class="{'tiptap__editor-is-edit-enabled': isEditing}"
|
||||
:editor="editor"
|
||||
/>
|
||||
|
||||
|
@ -117,8 +117,7 @@
|
|||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {ref, watch, onBeforeUnmount, nextTick, onMounted, computed} from 'vue'
|
||||
import {refDebounced} from '@vueuse/core'
|
||||
import {computed, nextTick, onBeforeUnmount, onMounted, ref, watch} from 'vue'
|
||||
|
||||
import EditorToolbar from './EditorToolbar.vue'
|
||||
|
||||
|
@ -175,6 +174,8 @@ import {mergeAttributes} from '@tiptap/core'
|
|||
import {createRandomID} from '@/helpers/randomId'
|
||||
import {isEditorContentEmpty} from '@/helpers/editorContentEmpty'
|
||||
|
||||
const tiptapInstanceRef = ref<HTMLInputElement | null>(null)
|
||||
|
||||
const {t} = useI18n()
|
||||
|
||||
const CustomTableCell = TableCell.extend({
|
||||
|
@ -199,12 +200,33 @@ const CustomTableCell = TableCell.extend({
|
|||
})
|
||||
|
||||
type CacheKey = `${ITask['id']}-${IAttachment['id']}`
|
||||
const loadedAttachments = ref<{ [key: CacheKey]: string }>({})
|
||||
const loadedAttachments = ref<{
|
||||
[key: CacheKey]: string
|
||||
}>({})
|
||||
|
||||
const CustomImage = Image.extend({
|
||||
addAttributes() {
|
||||
return {
|
||||
src: {
|
||||
default: null,
|
||||
},
|
||||
alt: {
|
||||
default: null,
|
||||
},
|
||||
title: {
|
||||
default: null,
|
||||
},
|
||||
id: {
|
||||
default: null,
|
||||
},
|
||||
'data-src': {
|
||||
default: null,
|
||||
},
|
||||
}
|
||||
},
|
||||
renderHTML({HTMLAttributes}) {
|
||||
if (HTMLAttributes.src?.startsWith(window.API_URL)) {
|
||||
|
||||
if (HTMLAttributes.src?.startsWith(window.API_URL) || HTMLAttributes['data-src']?.startsWith(window.API_URL)) {
|
||||
const imageUrl = HTMLAttributes['data-src'] ?? HTMLAttributes.src
|
||||
const id = 'tiptap-image-' + createRandomID()
|
||||
nextTick(async () => {
|
||||
|
||||
|
@ -213,7 +235,7 @@ const CustomImage = Image.extend({
|
|||
if (!img) return
|
||||
|
||||
// The url is something like /tasks/<id>/attachments/<id>
|
||||
const parts = img.dataset?.src.slice(window.API_URL.length + 1).split('/')
|
||||
const parts = imageUrl.slice(window.API_URL.length + 1).split('/')
|
||||
const taskId = Number(parts[1])
|
||||
const attachmentId = Number(parts[3])
|
||||
const cacheKey: CacheKey = `${taskId}-${attachmentId}`
|
||||
|
@ -223,15 +245,14 @@ const CustomImage = Image.extend({
|
|||
const attachment = new AttachmentModel({taskId: taskId, id: attachmentId})
|
||||
|
||||
const attachmentService = new AttachmentService()
|
||||
const url = await attachmentService.getBlobUrl(attachment)
|
||||
loadedAttachments.value[cacheKey] = url
|
||||
loadedAttachments.value[cacheKey] = await attachmentService.getBlobUrl(attachment)
|
||||
}
|
||||
|
||||
img.src = loadedAttachments.value[cacheKey]
|
||||
})
|
||||
|
||||
return ['img', mergeAttributes(this.options.HTMLAttributes, {
|
||||
'data-src': HTMLAttributes.src,
|
||||
'data-src': imageUrl,
|
||||
src: '#',
|
||||
alt: HTMLAttributes.alt,
|
||||
title: HTMLAttributes.title,
|
||||
|
@ -253,7 +274,6 @@ const {
|
|||
showSave = false,
|
||||
placeholder = '',
|
||||
editShortcut = '',
|
||||
initialMode = 'edit',
|
||||
} = defineProps<{
|
||||
modelValue: string,
|
||||
uploadCallback?: UploadCallback,
|
||||
|
@ -262,14 +282,11 @@ const {
|
|||
showSave?: boolean,
|
||||
placeholder?: string,
|
||||
editShortcut?: string,
|
||||
initialMode?: Mode,
|
||||
}>()
|
||||
|
||||
const emit = defineEmits(['update:modelValue', 'save'])
|
||||
|
||||
const inputHTML = ref('')
|
||||
const isEmpty = computed(() => isEditorContentEmpty(inputHTML.value))
|
||||
const internalMode = ref<Mode>(initialMode)
|
||||
const internalMode = ref<Mode>('edit')
|
||||
const isEditing = computed(() => internalMode.value === 'edit' && isEditEnabled)
|
||||
|
||||
const editor = useEditor({
|
||||
|
@ -341,14 +358,28 @@ const editor = useEditor({
|
|||
TaskItem.configure({
|
||||
nested: true,
|
||||
onReadOnlyChecked: (node: Node, checked: boolean): boolean => {
|
||||
if (isEditEnabled) {
|
||||
node.attrs.checked = checked
|
||||
inputHTML.value = editor.value?.getHTML()
|
||||
bubbleSave()
|
||||
return true
|
||||
if (!isEditEnabled) {
|
||||
return false
|
||||
}
|
||||
|
||||
return false
|
||||
// The following is a workaround for this bug:
|
||||
// https://github.com/ueberdosis/tiptap/issues/4521
|
||||
// https://github.com/ueberdosis/tiptap/issues/3676
|
||||
|
||||
editor.value!.state.doc.descendants((subnode, pos) => {
|
||||
if (node.eq(subnode)) {
|
||||
const {tr} = editor.value!.state
|
||||
tr.setNodeMarkup(pos, undefined, {
|
||||
...node.attrs,
|
||||
checked,
|
||||
})
|
||||
editor.value!.view.dispatch(tr)
|
||||
bubbleSave()
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
return true
|
||||
},
|
||||
}),
|
||||
|
||||
|
@ -358,52 +389,55 @@ const editor = useEditor({
|
|||
BubbleMenu,
|
||||
],
|
||||
onUpdate: () => {
|
||||
inputHTML.value = editor.value!.getHTML()
|
||||
bubbleNow()
|
||||
},
|
||||
})
|
||||
|
||||
watch(
|
||||
() => modelValue,
|
||||
value => {
|
||||
inputHTML.value = value
|
||||
|
||||
if (!editor?.value) return
|
||||
|
||||
if (editor.value.getHTML() === value) {
|
||||
return
|
||||
}
|
||||
|
||||
editor.value.commands.setContent(value, false)
|
||||
},
|
||||
)
|
||||
|
||||
const debouncedInputHTML = refDebounced(inputHTML, 1000)
|
||||
watch(debouncedInputHTML, () => bubbleNow())
|
||||
|
||||
function bubbleNow() {
|
||||
emit('update:modelValue', inputHTML.value)
|
||||
}
|
||||
|
||||
function bubbleSave() {
|
||||
bubbleNow()
|
||||
emit('save', inputHTML.value)
|
||||
if (isEditing.value) {
|
||||
internalMode.value = 'preview'
|
||||
}
|
||||
}
|
||||
|
||||
function setEdit() {
|
||||
internalMode.value = 'edit'
|
||||
editor.value?.commands.focus()
|
||||
}
|
||||
|
||||
watch(
|
||||
() => isEditing.value,
|
||||
() => {
|
||||
editor.value?.setEditable(isEditing.value)
|
||||
},
|
||||
{immediate: true},
|
||||
)
|
||||
|
||||
watch(
|
||||
() => modelValue,
|
||||
value => {
|
||||
if (!editor?.value) return
|
||||
|
||||
if (editor.value.getHTML() === value) {
|
||||
return
|
||||
}
|
||||
|
||||
setModeAndValue(value)
|
||||
},
|
||||
{immediate: true},
|
||||
)
|
||||
|
||||
function bubbleNow() {
|
||||
if (editor.value?.getHTML() === modelValue) {
|
||||
return
|
||||
}
|
||||
|
||||
emit('update:modelValue', editor.value?.getHTML())
|
||||
}
|
||||
|
||||
function bubbleSave() {
|
||||
bubbleNow()
|
||||
emit('save', editor.value?.getHTML())
|
||||
if (isEditing.value) {
|
||||
internalMode.value = 'preview'
|
||||
}
|
||||
}
|
||||
|
||||
function setEdit(focus: boolean = true) {
|
||||
internalMode.value = 'edit'
|
||||
if (focus) {
|
||||
editor.value?.commands.focus()
|
||||
}
|
||||
}
|
||||
|
||||
onBeforeUnmount(() => editor.value?.destroy())
|
||||
|
||||
const uploadInputRef = ref<HTMLInputElement | null>(null)
|
||||
|
@ -473,28 +507,45 @@ function setLink() {
|
|||
.run()
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
internalMode.value = initialMode
|
||||
document.addEventListener('paste', handleImagePaste)
|
||||
onMounted(async () => {
|
||||
if (editShortcut !== '') {
|
||||
document.addEventListener('keydown', setFocusToEditor)
|
||||
}
|
||||
|
||||
await nextTick()
|
||||
|
||||
const input = tiptapInstanceRef.value?.querySelectorAll('.tiptap__editor')[0]?.children[0]
|
||||
input?.addEventListener('paste', handleImagePaste)
|
||||
|
||||
setModeAndValue(modelValue)
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
document.removeEventListener('paste', handleImagePaste)
|
||||
nextTick(() => {
|
||||
const input = tiptapInstanceRef.value?.querySelectorAll('.tiptap__editor')[0]?.children[0]
|
||||
input?.removeEventListener('paste', handleImagePaste)
|
||||
})
|
||||
if (editShortcut !== '') {
|
||||
document.removeEventListener('keydown', setFocusToEditor)
|
||||
}
|
||||
})
|
||||
|
||||
function setModeAndValue(value: string) {
|
||||
internalMode.value = isEditorContentEmpty(value) ? 'edit' : 'preview'
|
||||
editor.value?.commands.setContent(value, false)
|
||||
}
|
||||
|
||||
function handleImagePaste(event) {
|
||||
if (event?.clipboardData?.items?.length === 0) {
|
||||
return
|
||||
}
|
||||
|
||||
event.preventDefault()
|
||||
event?.clipboardData?.items?.forEach(i => {
|
||||
if (i.kind === 'file' && i.type.startsWith('image/')) {
|
||||
uploadAndInsertFiles([i.getAsFile()])
|
||||
}
|
||||
})
|
||||
|
||||
const image = event.clipboardData.items[0]
|
||||
if (image.kind === 'file' && image.type.startsWith('image/')) {
|
||||
uploadAndInsertFiles([image.getAsFile()])
|
||||
}
|
||||
}
|
||||
|
||||
// See https://github.com/github/hotkey/discussions/85#discussioncomment-5214660
|
||||
|
@ -509,29 +560,84 @@ function setFocusToEditor(event) {
|
|||
}
|
||||
event.preventDefault()
|
||||
|
||||
if (initialMode === 'preview' && isEditEnabled && !isEditing.value) {
|
||||
if (!isEditing.value && isEditEnabled) {
|
||||
internalMode.value = 'edit'
|
||||
}
|
||||
|
||||
editor.value?.commands.focus()
|
||||
}
|
||||
|
||||
function clickTasklistCheckbox(event) {
|
||||
event.stopImmediatePropagation()
|
||||
|
||||
if (event.target.localName !== 'p') {
|
||||
return
|
||||
}
|
||||
|
||||
event.target.parentNode.parentNode.firstChild.click()
|
||||
}
|
||||
|
||||
watch(
|
||||
() => isEditing.value,
|
||||
editing => {
|
||||
nextTick(() => {
|
||||
const checkboxes = tiptapInstanceRef.value?.querySelectorAll('[data-checked]')
|
||||
if (typeof checkboxes === 'undefined' || checkboxes.length === 0) {
|
||||
return
|
||||
}
|
||||
|
||||
if (editing) {
|
||||
checkboxes.forEach(check => {
|
||||
if (check.children.length < 2) {
|
||||
return
|
||||
}
|
||||
|
||||
// We assume the first child contains the label element with the checkbox and the second child the actual label
|
||||
// When the actual label is clicked, we forward that click to the checkbox.
|
||||
check.children[1].removeEventListener('click', clickTasklistCheckbox)
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
checkboxes.forEach(check => {
|
||||
if (check.children.length < 2) {
|
||||
return
|
||||
}
|
||||
|
||||
// We assume the first child contains the label element with the checkbox and the second child the actual label
|
||||
// When the actual label is clicked, we forward that click to the checkbox.
|
||||
check.children[1].addEventListener('click', clickTasklistCheckbox)
|
||||
})
|
||||
})
|
||||
},
|
||||
{immediate: true},
|
||||
)
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.tiptap__editor {
|
||||
&.tiptap__editor-is-edit-enabled {
|
||||
min-height: 10rem;
|
||||
|
||||
.ProseMirror {
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
&:focus-within, &:focus {
|
||||
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
|
||||
}
|
||||
|
||||
ul[data-type='taskList'] li > div {
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
|
||||
transition: box-shadow $transition;
|
||||
border-radius: $radius;
|
||||
|
||||
&:focus-within, &:focus {
|
||||
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.tiptap p.is-empty::before {
|
||||
.tiptap p::before {
|
||||
content: attr(data-placeholder);
|
||||
color: var(--grey-400);
|
||||
pointer-events: none;
|
||||
|
@ -541,7 +647,7 @@ function setFocusToEditor(event) {
|
|||
|
||||
// Basic editor styles
|
||||
.ProseMirror {
|
||||
padding: .5rem;
|
||||
padding: .5rem .5rem .5rem 0;
|
||||
|
||||
&:focus-within, &:focus {
|
||||
box-shadow: none;
|
||||
|
@ -774,6 +880,7 @@ ul[data-type='taskList'] {
|
|||
|
||||
> div {
|
||||
flex: 1 1 auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -124,6 +124,7 @@ function to(n, index) {
|
|||
switch (n.name) {
|
||||
case names.TASK_COMMENT:
|
||||
case names.TASK_ASSIGNED:
|
||||
case names.TASK_REMINDER:
|
||||
to.name = 'task.detail'
|
||||
to.params.id = n.notification.task.id
|
||||
break
|
||||
|
@ -221,7 +222,7 @@ async function markAllRead() {
|
|||
height: .35rem;
|
||||
background: var(--primary);
|
||||
border-radius: 100%;
|
||||
margin-left: .5rem;
|
||||
margin: 0 .5rem;
|
||||
|
||||
&.read {
|
||||
background: transparent;
|
||||
|
|
|
@ -177,8 +177,9 @@ export const ALPHABETICAL_SORT = 'title'
|
|||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {computed, nextTick, onMounted, reactive, ref, shallowReactive, toRefs, watch} from 'vue'
|
||||
import {computed, nextTick, onMounted, reactive, ref, shallowReactive, toRefs} from 'vue'
|
||||
import {camelCase} from 'camel-case'
|
||||
import {watchDebounced} from '@vueuse/core'
|
||||
|
||||
import type {ILabel} from '@/modelTypes/ILabel'
|
||||
import type {IUser} from '@/modelTypes/IUser'
|
||||
|
@ -274,15 +275,16 @@ onMounted(() => {
|
|||
filters.value.requireAllFilters = params.value.filter_concat === 'and'
|
||||
})
|
||||
|
||||
watch(
|
||||
// Using watchDebounced to prevent the filter re-triggering itself.
|
||||
// FIXME: Only here until this whole component changes a lot with the new filter syntax.
|
||||
watchDebounced(
|
||||
modelValue,
|
||||
(value) => {
|
||||
// FIXME: filters should only be converted to snake case in
|
||||
// the last moment
|
||||
// FIXME: filters should only be converted to snake case in the last moment
|
||||
params.value = objectToSnakeCase(value)
|
||||
prepareFilters()
|
||||
},
|
||||
{immediate: true},
|
||||
{immediate: true, debounce: 500, maxWait: 1000},
|
||||
)
|
||||
|
||||
const sortAlphabetically = computed({
|
||||
|
@ -311,7 +313,7 @@ function prepareFilters() {
|
|||
prepareDate('end_date', 'endDate')
|
||||
prepareSingleValue('priority', 'priority', 'usePriority', true)
|
||||
prepareSingleValue('percent_done', 'percentDone', 'usePercentDone', true)
|
||||
prepareDate('reminders')
|
||||
prepareDate('reminders', 'reminders')
|
||||
prepareRelatedObjectFilter('users', 'assignees')
|
||||
prepareProjectsFilter()
|
||||
|
||||
|
@ -387,13 +389,13 @@ function setDateFilter(filterName, {dateFrom, dateTo}) {
|
|||
change()
|
||||
}
|
||||
|
||||
function prepareDate(filterName, variableName) {
|
||||
function prepareDate(filterName: string, variableName: 'dueDate' | 'startDate' | 'endDate' | 'reminders') {
|
||||
if (typeof params.value.filter_by === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
let foundDateStart = false
|
||||
let foundDateEnd = false
|
||||
let foundDateStart: boolean | string = false
|
||||
let foundDateEnd: boolean | string = false
|
||||
for (const i in params.value.filter_by) {
|
||||
if (params.value.filter_by[i] === filterName && params.value.filter_comparator[i] === 'greater_equals') {
|
||||
foundDateStart = i
|
||||
|
|
|
@ -149,13 +149,15 @@ async function addTask() {
|
|||
await Promise.all(newTasks)
|
||||
|
||||
const taskRelationService = new TaskRelationService()
|
||||
const allParentTasks = tasksToCreate.filter(t => t.parent !== null).map(t => t.parent)
|
||||
const relations = tasksToCreate.map(async t => {
|
||||
const createdTask = createdTasks[t.title]
|
||||
if (typeof createdTask === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
if (t.parent === null) {
|
||||
const isParent = allParentTasks.includes(t.title)
|
||||
if (t.parent === null && !isParent) {
|
||||
emit('taskAdded', createdTask)
|
||||
return
|
||||
}
|
||||
|
@ -171,10 +173,19 @@ async function addTask() {
|
|||
relationKind: RELATION_KIND.PARENTTASK,
|
||||
}))
|
||||
|
||||
createdTask.relatedTasks[RELATION_KIND.PARENTTASK] = [createdParentTask]
|
||||
createdTask.relatedTasks[RELATION_KIND.PARENTTASK] = [{
|
||||
...createdParentTask,
|
||||
relatedTasks: {}, // To avoid endless references
|
||||
}]
|
||||
// we're only emitting here so that the relation shows up in the project
|
||||
emit('taskAdded', createdTask)
|
||||
|
||||
createdParentTask.relatedTasks[RELATION_KIND.SUBTASK] = [{
|
||||
...createdTask,
|
||||
relatedTasks: {}, // To avoid endless references
|
||||
}]
|
||||
emit('taskAdded', createdParentTask)
|
||||
|
||||
return rel
|
||||
})
|
||||
await Promise.all(relations)
|
||||
|
|
|
@ -218,13 +218,19 @@ const actions = computed(() => {
|
|||
])))
|
||||
})
|
||||
|
||||
function attachmentUpload(
|
||||
file: File,
|
||||
onSuccess: (url: string) => void,
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
onError: (error: string) => void,
|
||||
) {
|
||||
return uploadFile(props.taskId, file, onSuccess)
|
||||
async function attachmentUpload(files: File[] | FileList): (Promise<string[]>) {
|
||||
|
||||
const uploadPromises: Promise<string>[] = []
|
||||
|
||||
files.forEach((file: File) => {
|
||||
const promise = new Promise<string>((resolve) => {
|
||||
uploadFile(props.taskId, file, (uploadedFileUrl: string) => resolve(uploadedFileUrl))
|
||||
})
|
||||
|
||||
uploadPromises.push(promise)
|
||||
})
|
||||
|
||||
return await Promise.all(uploadPromises)
|
||||
}
|
||||
|
||||
const taskCommentService = shallowReactive(new TaskCommentService())
|
||||
|
@ -299,7 +305,7 @@ async function editComment() {
|
|||
if (commentEdit.comment === '') {
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
if (changeTimeout.value !== null) {
|
||||
clearTimeout(changeTimeout.value)
|
||||
}
|
||||
|
@ -368,7 +374,7 @@ async function deleteComment(commentToDelete: ITaskComment) {
|
|||
}
|
||||
|
||||
.image.is-avatar {
|
||||
border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.media-content {
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
</CustomTransition>
|
||||
</h3>
|
||||
<editor
|
||||
class="tiptap__task-description"
|
||||
:is-edit-enabled="canWrite"
|
||||
:upload-callback="uploadCallback"
|
||||
:placeholder="$t('task.description.placeholder')"
|
||||
|
@ -25,7 +26,6 @@
|
|||
v-model="description"
|
||||
@update:model-value="saveWithDelay"
|
||||
@save="save"
|
||||
:initial-mode="isEditorContentEmpty(description) ? 'preview' : 'edit'"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -38,7 +38,6 @@ import Editor from '@/components/input/AsyncEditor'
|
|||
|
||||
import type {ITask} from '@/modelTypes/ITask'
|
||||
import {useTaskStore} from '@/stores/tasks'
|
||||
import {isEditorContentEmpty} from '@/helpers/editorContentEmpty'
|
||||
|
||||
type AttachmentUploadFunction = (file: File, onSuccess: (attachmentUrl: string) => void) => Promise<string>
|
||||
|
||||
|
@ -123,3 +122,10 @@ async function uploadCallback(files: File[] | FileList): (Promise<string[]>) {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.tiptap__task-description {
|
||||
// The exact amount of pixels we need to make the description icon align with the buttons and the form inside the editor.
|
||||
// The icon is not exactly the same length on all sides so we need to hack our way around it.
|
||||
margin-left: 4px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
'is-loading': loadingInternal || loading,
|
||||
'draggable': !(loadingInternal || loading),
|
||||
'has-light-text': color !== TASK_DEFAULT_COLOR && !colorIsDark(color),
|
||||
'has-custom-background-color': color !== TASK_DEFAULT_COLOR ? color : undefined,
|
||||
}"
|
||||
:style="{'background-color': color !== TASK_DEFAULT_COLOR ? color : undefined}"
|
||||
@click.exact="openTaskDetail()"
|
||||
|
@ -48,7 +49,10 @@
|
|||
</progress>
|
||||
<div class="footer">
|
||||
<labels :labels="task.labels"/>
|
||||
<priority-label :priority="task.priority" :done="task.done" class="is-inline-flex is-align-items-center"/>
|
||||
<priority-label
|
||||
:priority="task.priority"
|
||||
:done="task.done"
|
||||
class="is-inline-flex is-align-items-center"/>
|
||||
<assignee-list
|
||||
v-if="task.assignees.length > 0"
|
||||
:assignees="task.assignees"
|
||||
|
@ -60,7 +64,7 @@
|
|||
<span class="icon" v-if="task.attachments.length > 0">
|
||||
<icon icon="paperclip"/>
|
||||
</span>
|
||||
<span v-if="task.description" class="icon">
|
||||
<span v-if="!isEditorContentEmpty(task.description)" class="icon">
|
||||
<icon icon="align-left"/>
|
||||
</span>
|
||||
<span class="icon" v-if="task.repeatAfter.amount > 0">
|
||||
|
@ -91,6 +95,7 @@ import {useTaskStore} from '@/stores/tasks'
|
|||
import AssigneeList from '@/components/tasks/partials/assigneeList.vue'
|
||||
import {useAuthStore} from '@/stores/auth'
|
||||
import {playPopSound} from '@/helpers/playPop'
|
||||
import {isEditorContentEmpty} from '@/helpers/editorContentEmpty'
|
||||
|
||||
const router = useRouter()
|
||||
|
||||
|
@ -113,7 +118,7 @@ async function toggleTaskDone(task: ITask) {
|
|||
...task,
|
||||
done: !task.done,
|
||||
})
|
||||
|
||||
|
||||
if (updatedTask.done && useAuthStore().settings.frontendSettings.playSoundWhenDone) {
|
||||
playPopSound()
|
||||
}
|
||||
|
@ -279,6 +284,16 @@ $task-background: var(--white);
|
|||
width: auto;
|
||||
}
|
||||
|
||||
&.has-custom-background-color {
|
||||
color: hsl(215, 27.9%, 16.9%); // copied from grey-800 to avoid different values in dark mode
|
||||
|
||||
.footer .icon,
|
||||
.due-date,
|
||||
.priority-label {
|
||||
background: hsl(220, 13%, 91%);
|
||||
}
|
||||
}
|
||||
|
||||
&.has-light-text {
|
||||
color: var(--white);
|
||||
|
||||
|
|
|
@ -3,7 +3,10 @@
|
|||
<div
|
||||
:class="{'is-loading': taskService.loading}"
|
||||
class="task loader-container"
|
||||
@click.stop.self="openTaskDetail"
|
||||
@mouseup.stop.self="openTaskDetail"
|
||||
@mousedown.stop.self="focusTaskLink"
|
||||
ref="taskContainerRef"
|
||||
tabindex="-1"
|
||||
>
|
||||
<fancycheckbox
|
||||
:disabled="(isArchived || disabled) && !canMarkAsDone"
|
||||
|
@ -20,6 +23,8 @@
|
|||
<div
|
||||
:class="{ 'done': task.done, 'show-project': showProject && project}"
|
||||
class="tasktext"
|
||||
@mouseup.stop.self="openTaskDetail"
|
||||
@mousedown.stop.self="focusTaskLink"
|
||||
>
|
||||
<span>
|
||||
<router-link
|
||||
|
@ -88,7 +93,7 @@
|
|||
<span class="project-task-icon" v-if="task.attachments.length > 0">
|
||||
<icon icon="paperclip"/>
|
||||
</span>
|
||||
<span class="project-task-icon" v-if="task.description">
|
||||
<span class="project-task-icon" v-if="!isEditorContentEmpty(task.description)">
|
||||
<icon icon="align-left"/>
|
||||
</span>
|
||||
<span class="project-task-icon" v-if="task.repeatAfter.amount > 0">
|
||||
|
@ -179,6 +184,7 @@ import AssigneeList from '@/components/tasks/partials/assigneeList.vue'
|
|||
import {useIntervalFn} from '@vueuse/core'
|
||||
import {playPopSound} from '@/helpers/playPop'
|
||||
import {useAuthStore} from '@/stores/auth'
|
||||
import {isEditorContentEmpty} from '@/helpers/editorContentEmpty'
|
||||
|
||||
const {
|
||||
theTask,
|
||||
|
@ -313,13 +319,24 @@ function hideDeferDueDatePopup(e) {
|
|||
}
|
||||
|
||||
const taskLink = ref<HTMLElement | null>(null)
|
||||
const taskContainerRef = ref<HTMLElement | null>(null)
|
||||
|
||||
function hasTextSelected() {
|
||||
const isTextSelected = window.getSelection().toString()
|
||||
return !(typeof isTextSelected === 'undefined' || isTextSelected === '' || isTextSelected === '\n')
|
||||
}
|
||||
|
||||
function openTaskDetail() {
|
||||
const isTextSelected = window.getSelection().toString()
|
||||
if (!isTextSelected) {
|
||||
if (!hasTextSelected()) {
|
||||
taskLink.value.$el.click()
|
||||
}
|
||||
}
|
||||
|
||||
function focusTaskLink() {
|
||||
if (!hasTextSelected()) {
|
||||
taskContainerRef.value.focus()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
@ -1,16 +1,11 @@
|
|||
import {parseURL} from 'ufo'
|
||||
|
||||
import {createRandomID} from '@/helpers/randomId'
|
||||
import type {IProvider} from '@/types/IProvider'
|
||||
|
||||
export const redirectToProvider = (provider: IProvider, redirectUrl = '') => {
|
||||
export const redirectToProvider = (provider: IProvider) => {
|
||||
|
||||
// We're not using the redirect url provided by the server to allow redirects when using the electron app.
|
||||
// The implications are not quite clear yet hence the logic to pass in another redirect url still exists.
|
||||
if (redirectUrl === '') {
|
||||
const {host, protocol} = parseURL(window.location.href)
|
||||
redirectUrl = `${protocol}//${host}/auth/openid/`
|
||||
}
|
||||
const redirectUrl = `${window.location.href.replace('/login', '')}/auth/openid/`
|
||||
|
||||
const state = createRandomID(24)
|
||||
localStorage.setItem('state', state)
|
||||
|
@ -18,7 +13,7 @@ export const redirectToProvider = (provider: IProvider, redirectUrl = '') => {
|
|||
window.location.href = `${provider.authUrl}?client_id=${provider.clientId}&redirect_uri=${redirectUrl}${provider.key}&response_type=code&scope=openid email profile&state=${state}`
|
||||
}
|
||||
export const redirectToProviderOnLogout = (provider: IProvider) => {
|
||||
if (provider.logoutUrl.length > 0){
|
||||
if (provider.logoutUrl.length > 0) {
|
||||
window.location.href = `${provider.logoutUrl}`
|
||||
}
|
||||
}
|
||||
|
|
|
@ -20,6 +20,7 @@ export const SUPPORTED_LOCALES = {
|
|||
'ja-JP': '日本語',
|
||||
'hu-HU': 'Magyar',
|
||||
'ar-SA': 'اَلْعَرَبِيَّةُ',
|
||||
'sl-SI': 'Slovenščina',
|
||||
} as const
|
||||
|
||||
export type SupportedLocale = keyof typeof SUPPORTED_LOCALES
|
||||
|
|
|
@ -160,6 +160,7 @@
|
|||
"expired": "This token has expired {ago}.",
|
||||
"tokenCreatedSuccess": "Here is your new api token: {token}",
|
||||
"tokenCreatedNotSeeAgain": "Store it in a secure location, you won't see it again!",
|
||||
"selectAll": "Select all",
|
||||
"delete": {
|
||||
"header": "Delete this token",
|
||||
"text1": "Are you sure you want to delete the token \"{token}\"?",
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
"welcomeEvening": "こんばんは、{username}さん",
|
||||
"lastViewed": "最近の表示",
|
||||
"addToHomeScreen": "Add this app to your home screen for faster access and improved experience.",
|
||||
"goToOverview": "Go to overview",
|
||||
"goToOverview": "概要に移動",
|
||||
"project": {
|
||||
"importText": "他のサービスからVikunjaにプロジェクトやタスクをインポートします:",
|
||||
"import": "Vikunjaへのデータのインポート"
|
||||
|
@ -150,8 +150,8 @@
|
|||
"title": "APIトークン",
|
||||
"general": "API tokens allow you to use Vikunja's API without user credentials.",
|
||||
"apiDocs": "Check out the api docs",
|
||||
"createAToken": "Create a token",
|
||||
"createToken": "Create token",
|
||||
"createAToken": "トークンの生成",
|
||||
"createToken": "トークンの生成",
|
||||
"30d": "30日",
|
||||
"60d": "60日",
|
||||
"90d": "90日",
|
||||
|
@ -161,7 +161,7 @@
|
|||
"tokenCreatedSuccess": "Here is your new api token: {token}",
|
||||
"tokenCreatedNotSeeAgain": "このトークンは二度と表示されません。安全な場所に保管してください。",
|
||||
"delete": {
|
||||
"header": "Delete this token",
|
||||
"header": "トークンの削除",
|
||||
"text1": "Are you sure you want to delete the token \"{token}\"?",
|
||||
"text2": "This will revoke access to all applications or integrations using it. You cannot undo this."
|
||||
},
|
||||
|
@ -343,7 +343,7 @@
|
|||
"defaultBucketHint": "When creating tasks without specifying a bucket, they will be added to this bucket.",
|
||||
"defaultBucketSavedSuccess": "The default bucket has been saved successfully.",
|
||||
"deleteLast": "You cannot remove the last bucket.",
|
||||
"addTaskPlaceholder": "Enter the new task title…",
|
||||
"addTaskPlaceholder": "新しいタスク名を入力…",
|
||||
"addTask": "タスクの追加",
|
||||
"addAnotherTask": "他のタスクを追加",
|
||||
"addBucket": "新しいバケットの作成",
|
||||
|
@ -351,7 +351,7 @@
|
|||
"deleteHeaderBucket": "バケットの削除",
|
||||
"deleteBucketText1": "このバケットを削除して本当によろしいですか?",
|
||||
"deleteBucketText2": "This will not delete any tasks but move them into the default bucket.",
|
||||
"deleteBucketSuccess": "The bucket has been deleted successfully.",
|
||||
"deleteBucketSuccess": "バケットは正常に削除されました。",
|
||||
"bucketTitleSavedSuccess": "The bucket title has been saved successfully.",
|
||||
"bucketLimitSavedSuccess": "The bucket limit been saved successfully.",
|
||||
"collapse": "Collapse this bucket"
|
||||
|
@ -362,15 +362,15 @@
|
|||
}
|
||||
},
|
||||
"webhooks": {
|
||||
"title": "Webhooks",
|
||||
"title": "Webhook",
|
||||
"targetUrl": "Target URL",
|
||||
"targetUrlInvalid": "Please provide a valid URL.",
|
||||
"events": "Events",
|
||||
"eventsHint": "Select all events this webhook should recieve updates for (within the current project).",
|
||||
"mustSelectEvents": "You must select at least one event.",
|
||||
"delete": "Delete this webhook",
|
||||
"delete": "Webhookの削除",
|
||||
"deleteText": "Are you sure you want to delete this webhook? External targets will not be notified of its events anymore.",
|
||||
"deleteSuccess": "The webhook was successfully deleted.",
|
||||
"deleteSuccess": "Webhookは正常に削除されました。",
|
||||
"create": "Create webhook",
|
||||
"secret": "Secret",
|
||||
"secretHint": "If provided, all requests to the webhook target URL will be signed using HMAC.",
|
||||
|
@ -527,48 +527,48 @@
|
|||
"bold": "太字",
|
||||
"italic": "斜体",
|
||||
"strikethrough": "打ち消し線",
|
||||
"underline": "Underline",
|
||||
"underline": "下線",
|
||||
"code": "コード",
|
||||
"codeTooltip": "Capture a code snippet.",
|
||||
"quote": "引用",
|
||||
"quoteTooltip": "Capture a quote.",
|
||||
"bulletList": "Bullet list",
|
||||
"bulletList": "順序なしリスト",
|
||||
"bulletListTooltip": "Create a simple bullet list.",
|
||||
"unorderedList": "Unordered list",
|
||||
"orderedList": "Ordered list",
|
||||
"unorderedList": "順序なしリスト",
|
||||
"orderedList": "順序付きリスト",
|
||||
"orderedListTooltip": "Create a list with numbering.",
|
||||
"cleanBlock": "Clean Block",
|
||||
"link": "リンク",
|
||||
"image": "画像",
|
||||
"imageTooltip": "Upload an image from your computer.",
|
||||
"table": {
|
||||
"title": "Table",
|
||||
"insert": "Insert table",
|
||||
"title": "テーブル",
|
||||
"insert": "テーブルの挿入",
|
||||
"addColumnBefore": "Add column before",
|
||||
"addColumnAfter": "Add column after",
|
||||
"deleteColumn": "Delete column",
|
||||
"deleteColumn": "列の削除",
|
||||
"addRowBefore": "Add row before",
|
||||
"addRowAfter": "Add row after",
|
||||
"deleteRow": "Delete row",
|
||||
"deleteTable": "Delete table",
|
||||
"mergeCells": "Merge cells",
|
||||
"splitCell": "Split cell",
|
||||
"deleteRow": "行の削除",
|
||||
"deleteTable": "テーブルの削除",
|
||||
"mergeCells": "セルの統合",
|
||||
"splitCell": "セルの分割",
|
||||
"toggleHeaderColumn": "Toggle header column",
|
||||
"toggleHeaderRow": "Toggle header row",
|
||||
"toggleHeaderCell": "Toggle header cell",
|
||||
"mergeOrSplit": "Merge or split",
|
||||
"fixTables": "Fix tables"
|
||||
"fixTables": "テーブルの修正"
|
||||
},
|
||||
"horizontalRule": "横罫",
|
||||
"horizontalRuleTooltip": "Divide a section.",
|
||||
"sideBySide": "Side By Side",
|
||||
"guide": "説明書",
|
||||
"text": "Text",
|
||||
"text": "テキスト",
|
||||
"textTooltip": "Just start typing with plain text.",
|
||||
"taskList": "Task list",
|
||||
"taskList": "タスクリスト",
|
||||
"taskListTooltip": "Track tasks with a to-do list.",
|
||||
"undo": "Undo",
|
||||
"redo": "Redo",
|
||||
"undo": "元に戻す",
|
||||
"redo": "やり直す",
|
||||
"placeholder": "Type some text or hit '/' to see more options…"
|
||||
},
|
||||
"multiselect": {
|
||||
|
@ -797,7 +797,7 @@
|
|||
"delete": "関連タスクの削除",
|
||||
"deleteText1": "この関連タスクを削除して本当によろしいですか?",
|
||||
"select": "Select a relation kind",
|
||||
"taskRequired": "Please select a task or enter a new task title.",
|
||||
"taskRequired": "タスクを選択するか、新しいタスク名を入力してください。",
|
||||
"kinds": {
|
||||
"subtask": "サブタスク",
|
||||
"parenttask": "親タスク",
|
||||
|
@ -844,7 +844,7 @@
|
|||
"title": "Quick Add Magic",
|
||||
"intro": "When creating a task, you can use special keywords to directly add attributes to the newly created task. This allows to add commonly used attributes to tasks much faster.",
|
||||
"multiple": "You can use this multiple times.",
|
||||
"label1": "To add a label, simply prefix the name of the label with {prefix}.",
|
||||
"label1": "ラベルを付けるには、ラベル名の前に {prefix} を入力します。",
|
||||
"label2": "Vikunja will first check if the label already exist and create it if not.",
|
||||
"label3": "To use spaces, simply add a \" or ' around the label name.",
|
||||
"label4": "For example: {prefix}\"Label with spaces\".",
|
||||
|
@ -894,7 +894,7 @@
|
|||
"header": "Remove a user from the team",
|
||||
"text1": "Are you sure you want to remove this user from the team?",
|
||||
"text2": "They will lose access to all projects this team has access to. This CANNOT BE UNDONE!",
|
||||
"success": "The user was successfully deleted from the team."
|
||||
"success": "ユーザーは正常にチームから削除されました。"
|
||||
},
|
||||
"leave": {
|
||||
"title": "Leave team",
|
||||
|
@ -998,7 +998,7 @@
|
|||
"tasks": "タスク",
|
||||
"projects": "プロジェクト",
|
||||
"teams": "チーム",
|
||||
"labels": "Labels",
|
||||
"labels": "ラベル",
|
||||
"newProject": "新しいプロジェクト名を入力…",
|
||||
"newTask": "新しいタスク名を入力…",
|
||||
"newTeam": "新しいチーム名を入力…",
|
||||
|
@ -1074,12 +1074,12 @@
|
|||
"8002": "そのラベルは存在しません。",
|
||||
"8003": "You do not have access to this label.",
|
||||
"9001": "The right is invalid.",
|
||||
"10001": "The bucket does not exist.",
|
||||
"10001": "そのバケットは存在しません。",
|
||||
"10002": "The bucket does not belong to that project.",
|
||||
"10003": "You cannot remove the last bucket on a project.",
|
||||
"10004": "You cannot add the task to this bucket as it already exceeded the limit of tasks it can hold.",
|
||||
"10005": "There can be only one done bucket per project.",
|
||||
"11001": "The saved filter does not exist.",
|
||||
"11001": "その絞り込み条件は存在しません。",
|
||||
"11002": "絞り込み条件はリンクの共有には使用できません。",
|
||||
"12001": "The subscription entity type is invalid.",
|
||||
"12002": "You are already subscribed to the entity itself or a parent entity.",
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -9,6 +9,7 @@ export const NOTIFICATION_NAMES = {
|
|||
'TASK_COMMENT': 'task.comment',
|
||||
'TASK_ASSIGNED': 'task.assigned',
|
||||
'TASK_DELETED': 'task.deleted',
|
||||
'TASK_REMINDER': 'task.reminder',
|
||||
'PROJECT_CREATED': 'project.created',
|
||||
'TEAM_MEMBER_ADDED': 'team.member.added',
|
||||
} as const
|
||||
|
@ -35,6 +36,11 @@ interface NotificationCreated extends Notification {
|
|||
project: IProject
|
||||
}
|
||||
|
||||
interface NotificationTaskReminder extends Notification {
|
||||
task: ITask
|
||||
project: IProject
|
||||
}
|
||||
|
||||
interface NotificationMemberAdded extends Notification {
|
||||
member: IUser
|
||||
team: ITeam
|
||||
|
@ -43,7 +49,7 @@ interface NotificationMemberAdded extends Notification {
|
|||
export interface INotification extends IAbstract {
|
||||
id: number
|
||||
name: string
|
||||
notification: NotificationTask | NotificationAssigned | NotificationDeleted | NotificationCreated | NotificationMemberAdded
|
||||
notification: NotificationTask | NotificationAssigned | NotificationDeleted | NotificationCreated | NotificationMemberAdded | NotificationTaskReminder
|
||||
read: boolean
|
||||
readAt: Date | null
|
||||
|
||||
|
|
|
@ -56,6 +56,12 @@ export default class NotificationModel extends AbstractModel<INotification> impl
|
|||
team: new TeamModel(this.notification.team),
|
||||
}
|
||||
break
|
||||
case NOTIFICATION_NAMES.TASK_REMINDER:
|
||||
this.notification = {
|
||||
task: new TaskModel(this.notification.task),
|
||||
project: new ProjectModel(this.notification.project),
|
||||
}
|
||||
break
|
||||
}
|
||||
|
||||
this.created = new Date(this.created)
|
||||
|
@ -88,6 +94,8 @@ export default class NotificationModel extends AbstractModel<INotification> impl
|
|||
}
|
||||
|
||||
return `added ${who} to the ${this.notification.team.name} team`
|
||||
case NOTIFICATION_NAMES.TASK_REMINDER:
|
||||
return `Reminder for ${this.notification.task.getTextIdentifier()} ${this.notification.task.title} (${this.notification.project.title})`
|
||||
}
|
||||
|
||||
return ''
|
||||
|
|
|
@ -27,7 +27,7 @@ function redirectToProviderIfNothingElseIsEnabled() {
|
|||
(window.location.pathname.startsWith('/login') || window.location.pathname === '/') && // Kinda hacky, but prevents an endless loop.
|
||||
window.location.search.includes('redirectToProvider=true')
|
||||
) {
|
||||
redirectToProvider(auth.openidConnect.providers[0], auth.openidConnect.redirectUrl)
|
||||
redirectToProvider(auth.openidConnect.providers[0])
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -11,7 +11,6 @@ const workboxVersion = 'v7.0.0'
|
|||
importScripts(`${fullBaseUrl}workbox-${workboxVersion}/workbox-sw.js`)
|
||||
workbox.setConfig({
|
||||
modulePathPrefix: `${fullBaseUrl}workbox-${workboxVersion}`,
|
||||
debug: Boolean(import.meta.env.VITE_WORKBOX_DEBUG),
|
||||
})
|
||||
|
||||
import { precacheAndRoute } from 'workbox-precaching'
|
||||
|
|
|
@ -37,7 +37,7 @@
|
|||
>
|
||||
<div class="bucket-header" @click="() => unCollapseBucket(bucket)">
|
||||
<span
|
||||
v-if="project.doneBucketId === bucket.id"
|
||||
v-if="project?.doneBucketId === bucket.id"
|
||||
class="icon is-small has-text-success mr-2"
|
||||
v-tooltip="$t('project.kanban.doneBucketHint')"
|
||||
>
|
||||
|
@ -97,7 +97,7 @@
|
|||
<dropdown-item
|
||||
@click.stop="toggleDoneBucket(bucket)"
|
||||
v-tooltip="$t('project.kanban.doneBucketHintExtended')"
|
||||
:icon-class="{'has-text-success': bucket.id === project.doneBucketId}"
|
||||
:icon-class="{'has-text-success': bucket.id === project?.doneBucketId}"
|
||||
icon="check-double"
|
||||
>
|
||||
{{ $t('project.kanban.doneBucket') }}
|
||||
|
@ -436,7 +436,7 @@ async function updateTaskPosition(e) {
|
|||
oldBucket !== undefined && // This shouldn't actually be `undefined`, but let's play it safe.
|
||||
newBucket.id !== oldBucket.id
|
||||
) {
|
||||
newTask.done = project.value.doneBucketId === newBucket.id
|
||||
newTask.done = project.value?.doneBucketId === newBucket.id
|
||||
}
|
||||
if (
|
||||
oldBucket !== undefined && // This shouldn't actually be `undefined`, but let's play it safe.
|
||||
|
@ -620,7 +620,7 @@ async function toggleDefaultBucket(bucket: IBucket) {
|
|||
}
|
||||
|
||||
async function toggleDoneBucket(bucket: IBucket) {
|
||||
const doneBucketId = project.value.doneBucketId === bucket.id
|
||||
const doneBucketId = project.value?.doneBucketId === bucket.id
|
||||
? 0
|
||||
: bucket.id
|
||||
|
||||
|
|
|
@ -175,7 +175,11 @@ const tasks = ref<ITask[]>([])
|
|||
watch(
|
||||
allTasks,
|
||||
() => {
|
||||
tasks.value = [...allTasks.value].filter(t => typeof t.relatedTasks?.parenttask === 'undefined')
|
||||
tasks.value = [...allTasks.value]
|
||||
if (projectId < 0) {
|
||||
return
|
||||
}
|
||||
tasks.value = tasks.value.filter(t => typeof t.relatedTasks?.parenttask === 'undefined')
|
||||
},
|
||||
)
|
||||
|
||||
|
@ -241,9 +245,9 @@ function updateTaskList(task: ITask) {
|
|||
loadTasks()
|
||||
}
|
||||
else {
|
||||
tasks.value = [
|
||||
allTasks.value = [
|
||||
task,
|
||||
...tasks.value,
|
||||
...allTasks.value,
|
||||
]
|
||||
}
|
||||
|
||||
|
|
|
@ -6,7 +6,8 @@
|
|||
'is-modal': isModal,
|
||||
}"
|
||||
>
|
||||
<div class="task-view">
|
||||
<!-- Removing everything until the task is loaded to prevent empty initialization of other components -->
|
||||
<div class="task-view" v-if="visible">
|
||||
<Heading
|
||||
:task="task"
|
||||
@update:task="Object.assign(task, $event)"
|
||||
|
@ -605,7 +606,8 @@ watch(
|
|||
}
|
||||
|
||||
try {
|
||||
Object.assign(task.value, await taskService.get({id}))
|
||||
const loaded = await taskService.get({id})
|
||||
Object.assign(task.value, loaded)
|
||||
attachmentStore.set(task.value.attachments)
|
||||
taskColor.value = task.value.hexColor
|
||||
setActiveFields()
|
||||
|
|
|
@ -12,22 +12,24 @@ import 'flatpickr/dist/flatpickr.css'
|
|||
import {useI18n} from 'vue-i18n'
|
||||
import {useAuthStore} from '@/stores/auth'
|
||||
import Message from '@/components/misc/message.vue'
|
||||
import type {IApiToken} from '@/modelTypes/IApiToken'
|
||||
|
||||
const service = new ApiTokenService()
|
||||
const tokens = ref([])
|
||||
const tokens = ref<IApiToken[]>([])
|
||||
const apiDocsUrl = window.API_URL + '/docs'
|
||||
const showCreateForm = ref(false)
|
||||
const availableRoutes = ref(null)
|
||||
const newToken = ref(new ApiTokenModel())
|
||||
const newToken = ref<IApiToken>(new ApiTokenModel())
|
||||
const newTokenExpiry = ref<string | number>(30)
|
||||
const newTokenExpiryCustom = ref(new Date())
|
||||
const newTokenPermissions = ref({})
|
||||
const newTokenPermissionsGroup = ref({})
|
||||
const newTokenTitleValid = ref(true)
|
||||
const apiTokenTitle = ref()
|
||||
const tokenCreatedSuccessMessage = ref('')
|
||||
|
||||
const showDeleteModal = ref(false)
|
||||
const tokenToDelete = ref(null)
|
||||
const showDeleteModal = ref<boolean>(false)
|
||||
const tokenToDelete = ref<IApiToken>()
|
||||
|
||||
const {t} = useI18n()
|
||||
const authStore = useAuthStore()
|
||||
|
@ -65,8 +67,8 @@ function resetPermissions() {
|
|||
async function deleteToken() {
|
||||
await service.delete(tokenToDelete.value)
|
||||
showDeleteModal.value = false
|
||||
tokenToDelete.value = null
|
||||
const index = tokens.value.findIndex(el => el.id === tokenToDelete.value.id)
|
||||
tokenToDelete.value = null
|
||||
if (index === -1) {
|
||||
return
|
||||
}
|
||||
|
@ -111,6 +113,32 @@ async function createToken() {
|
|||
function formatPermissionTitle(title: string): string {
|
||||
return title.replaceAll('_', ' ')
|
||||
}
|
||||
|
||||
function selectPermissionGroup(group: string, checked: boolean) {
|
||||
Object.entries(availableRoutes.value[group]).forEach(entry => {
|
||||
const [key] = entry
|
||||
newTokenPermissions.value[group][key] = checked
|
||||
})
|
||||
}
|
||||
|
||||
function toggleGroupPermissionsFromChild(group: string, checked: boolean) {
|
||||
if (checked) {
|
||||
// Check if all permissions of that group are checked and check the "select all" checkbox in that case
|
||||
let allChecked = true
|
||||
Object.entries(availableRoutes.value[group]).forEach(entry => {
|
||||
const [key] = entry
|
||||
if (!newTokenPermissions.value[group][key]) {
|
||||
allChecked = false
|
||||
}
|
||||
})
|
||||
|
||||
if (allChecked) {
|
||||
newTokenPermissionsGroup.value[group] = true
|
||||
}
|
||||
} else {
|
||||
newTokenPermissionsGroup.value[group] = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
@ -215,15 +243,31 @@ function formatPermissionTitle(title: string): string {
|
|||
<p>{{ $t('user.settings.apiTokens.permissionExplanation') }}</p>
|
||||
<div v-for="(routes, group) in availableRoutes" class="mb-2" :key="group">
|
||||
<strong class="is-capitalized">{{ formatPermissionTitle(group) }}</strong><br/>
|
||||
<fancycheckbox
|
||||
<template
|
||||
v-if="Object.keys(routes).length > 1"
|
||||
>
|
||||
<fancycheckbox
|
||||
class="mr-2 is-italic"
|
||||
v-model="newTokenPermissionsGroup[group]"
|
||||
@update:model-value="checked => selectPermissionGroup(group, checked)"
|
||||
>
|
||||
{{ $t('user.settings.apiTokens.selectAll') }}
|
||||
</fancycheckbox>
|
||||
<br/>
|
||||
</template>
|
||||
<template
|
||||
v-for="(paths, route) in routes"
|
||||
:key="group+'-'+route"
|
||||
class="mr-2 is-capitalized"
|
||||
v-model="newTokenPermissions[group][route]"
|
||||
>
|
||||
{{ formatPermissionTitle(route) }}
|
||||
</fancycheckbox>
|
||||
<br/>
|
||||
<fancycheckbox
|
||||
class="mr-2 is-capitalized"
|
||||
v-model="newTokenPermissions[group][route]"
|
||||
@update:model-value="checked => toggleGroupPermissionsFromChild(group, checked)"
|
||||
>
|
||||
{{ formatPermissionTitle(route) }}
|
||||
</fancycheckbox>
|
||||
<br/>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Reference in New Issue