chore: add archival note

Setting an actual reminder date (not a relative one) flowed only from the component to the outside when setting it. When editing it, the reminder date would not be populated, causing the datepicker date to stay at the current date.

.drone.yml

@@ -42,7 +42,7 @@ steps:
 #        - .cache
 
   - name: dependencies
-    image: node:20.10-alpine
+    image: node:20.11.0-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -55,7 +55,7 @@ steps:
 #      - restore-cache
 
   - name: lint
-    image: node:20.10-alpine
+    image: node:20.11.0-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -66,7 +66,7 @@ steps:
       - dependencies
 
   - name: build-prod
-    image: node:20.10-alpine
+    image: node:20.11.0-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -77,7 +77,7 @@ steps:
       - dependencies
 
   - name: test-unit
-    image: node:20.10-alpine
+    image: node:20.11.0-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.10-alpine
+    image: node:20.11.0-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -202,7 +202,7 @@ steps:
 #        - .cache
 
   - name: build
-    image: node:20.10-alpine
+    image: node:20.11.0-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -285,7 +285,7 @@ steps:
 #        - .cache
 
   - name: build
-    image: node:20.10-alpine
+    image: node:20.11.0-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -486,7 +486,7 @@ trigger:
 steps:
   - name: download
     pull: always
-    image: git.lcomrade.su/root/drone-crowdin-v2
+    image: ghcr.io/kolaente/kolaente/drone-crowdin-v2:latest
     settings:
       crowdin_key:
         from_secret: crowdin_key
@@ -513,14 +513,14 @@ steps:
       author_name: Frederick [Bot]
       branch: main
       commit: true
-      commit_message: "[skip ci] Updated translations via Crowdin"
+      commit_message: "chore(i18n): update translations via Crowdin"
       remote: "ssh://git@kolaente.dev:9022/vikunja/frontend.git"
       ssh_key:
         from_secret: git_push_ssh_key
 
   - name: upload
     pull: always
-    image: git.lcomrade.su/root/drone-crowdin-v2
+    image: ghcr.io/kolaente/kolaente/drone-crowdin-v2:latest
     depends_on:
       - clone
     settings:
@@ -532,6 +532,6 @@ steps:
         src/i18n/lang/en.json: en.json
 ---
 kind: signature
-hmac: 3380c4283256eea047e6228817161991d23457d09abe9d99f06e018b1eb047f4
+hmac: a044c7c4db3c2a11299d4d118397e9d25be36db241723a1bbd0a2f9cc90ffdac
 
 ...

.eslintrc.cjs

@@ -1,5 +1,5 @@
 /* eslint-env node */
-require("@rushstack/eslint-patch/modern-module-resolution")
+require('@rushstack/eslint-patch/modern-module-resolution')
 
 module.exports = {
 	'root': true,
@@ -7,52 +7,54 @@ module.exports = {
 		'browser': true,
 		'es2022': true,
 		'node': true,
-		'vue/setup-compiler-macros': true,
 	},
 	'extends': [
 		'eslint:recommended',
-		'plugin:vue/vue3-essential',
+		'plugin:vue/vue3-recommended',
 		'@vue/eslint-config-typescript/recommended',
 	],
 	'rules': {
-		'vue/html-quotes': [
-			'error',
-			'double',
-		],
-		'quotes': [
-			'error',
-			'single',
-		],
-		'comma-dangle': [
-			'error',
-			'always-multiline',
-		],
-		'semi': [
-			'error',
-			'never',
-		],
+		'quotes': ['error', 'single'],
+		'comma-dangle': ['error', 'always-multiline'],
+		'semi': ['error', 'never'],
 
-		// see https://segmentfault.com/q/1010000040813116/a-1020000041134455 (original in chinese)
-		'no-unused-vars': 'off',
-		'@typescript-eslint/no-unused-vars': ['error', { vars: 'all', args: 'after-used', ignoreRestSiblings: true }],
+		'vue/v-on-event-hyphenation': ['warn', 'never', { 'autofix': true }],
+		'vue/multi-word-component-names': 'off',
 
-		'vue/multi-word-component-names': 0,
-		// disabled until we have support for reactivityTransform
-		// See https://github.com/vuejs/eslint-plugin-vue/issues/1948
-		// see also setting in `vite.config`
-		'vue/no-setup-props-destructure': 0,
+		// uncategorized rules:
+		'vue/component-api-style': ['error', ['script-setup']],
+		'vue/component-name-in-template-casing': ['warn', 'PascalCase'],
+		'vue/custom-event-name-casing': ['error', 'camelCase'],
+		'vue/define-macros-order': 'error',
+		'vue/match-component-file-name': ['error', {
+			'extensions': ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+			'shouldMatchCase': true,
+		}],
+		'vue/no-boolean-default': ['warn', 'default-false'],
+		'vue/match-component-import-name': 'error',
+		'vue/prefer-separate-static-class': 'warn',
+
+		'vue/padding-line-between-blocks': 'error',
+		'vue/next-tick-style': ['error', 'promise'],
+		'vue/block-lang': [
+			'error',
+			{ 'script': { 'lang': 'ts' } },
+		],
+		'vue/no-required-prop-with-default': ['error', { 'autofix': true }],
+		'vue/no-duplicate-attr-inheritance': 'error',
+		'vue/no-empty-component-block': 'error',
+		'vue/html-indent': ['error', 'tab'],
+
+		// vue3
+		'vue/no-ref-object-destructure': 'error',
 	},
 	'parser': 'vue-eslint-parser',
 	'parserOptions': {
 		'parser': '@typescript-eslint/parser',
-		'ecmaVersion': 2022,
-		'sourceType': 'module',
+		'ecmaVersion': 'latest',
 	},
 	'ignorePatterns': [
 		'*.test.*',
 		'cypress/*',
 	],
-	'globals': {
-		'defineProps': 'readonly',
-	},
 }

.nvmrc

@@ -1 +1 @@
-20.10.0
+20.11.0

CHANGELOG.md

@@ -9,6 +9,116 @@ 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.1] - 2024-01-28
+
+### Bug Fixes
+
+* *(auth)* Correctly construct redirect url from current window href
+* *(ci)* Use working crowdin image
+* *(ci)* Use working image for crowdin update step
+* *(ci)* Use working crowdin image
+* *(color picker)* When picking a color, the color picker should not be black afterwards
+* *(editor)* List icons
+* *(editor)* Use higher-contrast colors for links and code
+* *(editor)* Don't bubble up changes when no changes were made
+* *(editor)* Focus the editor when clicking on the whole edit container
+* *(editor)* Render images without crashing
+* *(editor)* Use a stable image id to prevent constant re-rendering
+* *(editor)* Use manual input prompt instead of window.prompt
+* *(filter)* Validate filter title field after loading a filter for edit
+* *(kanban)* Ensure text and icon color only depends on the card background, not on the color scheme
+* *(kanban)* Make sure the checklist summary uses the correct text color
+* *(kanban)* Make sure spacing between assignees and other task details works out evenly
+* *(labels)* Make color reset work
+* *(labels)* Text and background combination in dark mode
+* *(notifications)* Unread indicator spacing
+* *(notifications)* Always left-align notification text
+* *(notifications)* Read indicator size
+* *(openid)* Use the full path when building the redirect url, not only the host
+* *(openid)* Use the calculated redirect url when authenticating with openid providers
+* *(project)* Always use the appropriate color for task estimate during deletion dialoge
+* *(quick add magic)* Ensure month is removed from task text
+* *(table view)* Make sure popup does not overlap
+* *(task)* Don't immediately re-trigger date change when nothing changed
+* *(task)* Bubble date changes from the picker up
+* *(task)* Update due date when marking a task done
+* *(task)* Don't show edit button when the user does not have permission to edit the task
+* *(task)* Don't show assignee edit buttons and input when the user does not have the permission to edit
+* *(tasks)* Make sure tasks show up if their parent task is not available in the current view
+* *(tasks)* Don't load tasks multiple times when viewing list or gantt view
+* *(test)* Make date assertion not brittle
+* Lint ([5e991f3](5e991f3024f7856420614171ec66468eb2e2df63))
+
+
+### Dependencies
+
+* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v2 (#3862)
+* *(deps)* Update pnpm to v8.14.0
+* *(deps)* Update dependency vue to v3.4.7 (#3873)
+* *(deps)* Update dependency axios to v1.6.5 (#3871)
+* *(deps)* Update dependency date-fns to v3 (#3857)
+* *(deps)* Update dev-dependencies (#3861)
+* *(deps)* Update dependency @kyvg/vue3-notification to v3.1.3 (#3864)
+* *(deps)* Update dependency node to v20.11.0
+* *(deps)* Update dependency vue-i18n to v9.9.0 (#3880)
+* *(deps)* Update dependency dompurify to v3.0.8 (#3881)
+* *(deps)* Update dependency floating-vue to v2.0.0 (#3883)
+* *(deps)* Update tiptap to v2.1.15 (#3884)
+* *(deps)* Update vueuse to v10.7.1 (#3872)
+* *(deps)* Update pnpm to v8.14.1 (#3885)
+* *(deps)* Update sentry-javascript monorepo to v7.93.0 (#3859)
+* *(deps)* Update dependency floating-vue to v5 (#3887)
+* *(deps)* Update dependency vue to v3.4.8 (#3886)
+* *(deps)* Update node.js to v20.11 (#3888)
+* *(deps)* Increase renovate timeout
+* *(deps)* Update tiptap to v2.1.16 (#3892)
+* *(deps)* Pin node.js (#3895)
+* *(deps)* Update dev-dependencies
+* *(deps)* Update dependency sortablejs to v1.15.2
+* *(deps)* Update vueuse to v10.7.2
+* *(deps)* Update dependency floating-vue to v5.1.0
+* *(deps)* Update dependency vue to v3.4.14
+* *(deps)* Update dev-dependencies
+* *(deps)* Update dev-dependencies (major) (#3890)
+* *(deps)* Update dependency floating-vue to v5.1.1
+* *(deps)* Update dependency floating-vue to v5.2.0
+* *(deps)* Update dev-dependencies
+* *(deps)* Update dependency vue to v3.4.15
+* *(deps)* Update dependency happy-dom to v13.2.0
+* *(deps)* Update sentry-javascript monorepo to v7.94.1
+* *(deps)* Update dependency vite to v5.0.12
+* *(deps)* Update dependency date-fns to v3.3.0
+* *(deps)* Update dev-dependencies
+* *(deps)* Update pnpm to v8.14.2
+* *(deps)* Update dependency date-fns to v3.3.1
+* *(deps)* Update dev-dependencies to v6.19.1
+* *(deps)* Update pnpm to v8.14.3
+* *(deps)* Update sentry-javascript monorepo to v7.95.0
+* *(deps)* Update dev-dependencies
+* *(deps)* Update dependency axios to v1.6.6
+* *(deps)* Update dev-dependencies
+* *(deps)* Update sentry-javascript monorepo to v7.97.0
+* *(deps)* Update sentry-javascript monorepo to v7.98.0
+* *(deps)* Update dependency axios to v1.6.7
+* *(deps)* Update dev-dependencies
+* *(deps)* Update dev-dependencies
+* *(deps)* Update dev-dependencies
+
+### Features
+
+* *(reminders)* Show reminders in notifications bar
+* Datepicker locale support (#3878) ([92f7d9d](92f7d9ded5d56b95ba7d647eba01372f6ef682ad))
+
+
+### Miscellaneous Tasks
+
+* *(i18n)* Update translations via Crowdin
+* *(i18n)* Update translations via Crowdin
+* *(i18n)* Update translations via Crowdin
+* *(perf)* Import some modules dynamically (#3179)
+* Only show webhooks overview table when there are webhooks ([326bfb5](326bfb557ab359fa154b163f5dd957928f46d3ec))
+* Only show webhooks overview table when there are webhooks ([631b02d](631b02d2eedc4a403b7c55f1c56ceaeca5379bf5))
+
 ## [0.22.0] - 2023-12-19
 
 ### Bug Fixes

Dockerfile

@@ -3,7 +3,7 @@
 #  │─││ │││  │ │
 #  ┘─┘┘─┘┘┘─┘┘─┘
 
-FROM --platform=$BUILDPLATFORM node:20.10-alpine AS builder
+FROM --platform=$BUILDPLATFORM node:20.11.0-alpine AS builder
 
 WORKDIR /build
 

README.md

@@ -1,10 +1,14 @@
+# This repository was merged with the api and is now archived
+
+You can find the new (old) code over on [vikunja/vikunja](https://kolaente.dev/vikunja/vikunja).
+
 # Web frontend for Vikunja
 
 > The todo app to organize your life.
 
 [![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.22.0-brightgreen.svg)](https://dl.vikunja.io)
+[![Download](https://img.shields.io/badge/download-v0.22.1-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.
@@ -25,7 +29,7 @@ export DOCKER_BUILDKIT=1
 docker build -t vikunja/frontend .
 ```
 
-Refer to Refer [to multi-platform documentation](https://docs.docker.com/build/building/multi-platform/) in order to build for the different platform.
+Refer to [multi-platform documentation](https://docs.docker.com/build/building/multi-platform/) in order to build for different platforms.
 
 ## Project setup
 

cypress/e2e/task/task.spec.ts

@@ -541,6 +541,86 @@ describe('Task', () => {
 				.should('contain', 'Success')
 		})
 
+		it('Can set a due date to a specific date for a task', () => {
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+				done: false,
+			})
+			cy.visit(`/tasks/${tasks[0].id}`)
+
+			cy.get('.task-view .action-buttons .button')
+				.contains('Set Due Date')
+				.click()
+			cy.get('.task-view .columns.details .column')
+				.contains('Due Date')
+				.get('.date-input .datepicker .show')
+				.click()
+			cy.get('.datepicker-popup .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today')
+				.click()
+			cy.get('[data-cy="closeDatepicker"]')
+				.contains('Confirm')
+				.click()
+
+			const today = new Date()
+			const day = today.toLocaleString('default', {day: 'numeric'})
+			const month = today.toLocaleString('default', {month: 'short'})
+			const year = today.toLocaleString('default', {year: 'numeric'})
+			const date = `${day} ${month} ${year}, 12:00:00`
+			cy.get('.task-view .columns.details .column')
+				.contains('Due Date')
+				.get('.date-input .datepicker-popup')
+				.should('not.exist')
+			cy.get('.task-view .columns.details .column')
+				.contains('Due Date')
+				.get('.date-input')
+				.should('contain.text', date)
+			cy.get('.global-notification')
+				.should('contain', 'Success')
+		})
+
+		it('Can change a due date to a specific date for a task', () => {
+			const dueDate = new Date()
+			dueDate.setHours(12)
+			dueDate.setMinutes(0)
+			dueDate.setSeconds(0)
+			dueDate.setDate(1)
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+				done: false,
+				due_date: dueDate.toISOString(),
+			})
+			cy.visit(`/tasks/${tasks[0].id}`)
+
+			cy.get('.task-view .action-buttons .button')
+				.contains('Set Due Date')
+				.click()
+			cy.get('.task-view .columns.details .column')
+				.contains('Due Date')
+				.get('.date-input .datepicker .show')
+				.click()
+			cy.get('.datepicker-popup .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today')
+				.click()
+			cy.get('[data-cy="closeDatepicker"]')
+				.contains('Confirm')
+				.click()
+
+			const today = new Date()
+			const day = today.toLocaleString('default', {day: 'numeric'})
+			const month = today.toLocaleString('default', {month: 'short'})
+			const year = today.toLocaleString('default', {year: 'numeric'})
+			const date = `${day} ${month} ${year}, 12:00:00`
+			cy.get('.task-view .columns.details .column')
+				.contains('Due Date')
+				.get('.date-input .datepicker-popup')
+				.should('not.exist')
+			cy.get('.task-view .columns.details .column')
+				.contains('Due Date')
+				.get('.date-input')
+				.should('contain.text', date)
+			cy.get('.global-notification')
+				.should('contain', 'Success')
+		})
+
 		it('Can set a reminder', () => {
 			TaskReminderFactory.truncate()
 			const tasks = TaskFactory.create(1, {
@@ -645,7 +725,7 @@ describe('Task', () => {
 				.click()
 			cy.get('.reminder-options-popup .card-content .reminder-period input')
 				.first()
-				.type('10')
+				.type('{selectall}10')
 			cy.get('.reminder-options-popup .card-content .reminder-period select')
 				.first()
 				.select('days')
@@ -771,7 +851,7 @@ describe('Task', () => {
 				.should('exist')
 		})
 
-		it.only('Can check items off a checklist', () => {
+		it('Can check items off a checklist', () => {
 			const tasks = TaskFactory.create(1, {
 				id: 1,
 				description: `
@@ -858,7 +938,7 @@ describe('Task', () => {
 					method: 'PUT',
 					url: `${Cypress.env('API_URL')}/tasks/${tasks[0].id}/attachments`,
 					headers: {
-						'Authorization':  `Bearer ${window.localStorage.getItem('token')}`,
+						'Authorization': `Bearer ${window.localStorage.getItem('token')}`,
 						'Content-Type': 'multipart/form-data',
 					},
 					body: formData,

package.json

@@ -13,7 +13,7 @@
   },
   "homepage": "https://vikunja.io/",
   "funding": "https://opencollective.com/vikunja",
-  "packageManager": "pnpm@8.12.1",
+  "packageManager": "pnpm@8.15.1",
   "keywords": [
     "todo",
     "productivity",
@@ -22,6 +22,7 @@
     "gantt",
     "kanban"
   ],
+  "type": "module",