update url to direct to the workpackage creation form directly

Signed-off-by: Swikriti Tripathi <swikriti808@gmail.com>

src/views/CreateWorkPackageModal.vue

@@ -248,7 +248,10 @@ export default {
 			return this.mappedProjects()
 		},
 		sanitizedRequiredCustomTypeValidationErrorMessage() {
-			const htmlLink = `<a class="openProjectUrl" href=${this.openProjectUrl} target="_blank" title="OpenProject">OpenProject</a>`
+			// get the last number from the href i.e `/api/v3/types/1`, which is the type id
+			const typeID = parseInt(this.type.self.href.match(/\d+$/)[0], 10)
+			const createWorkpackageFullUrl = this.openProjectUrl.replace(/\/+$/, '') + '/projects/' + this.project.identifier + `/work_packages/new?type=${typeID}`
+			const htmlLink = `<a class="openProjectUrl" href=${createWorkpackageFullUrl} target="_blank" title="OpenProject">OpenProject</a>`
 			const message = t(
 				'integration_openproject',
 				'This type has mandatory fields which cannot be filled here. Please, create work packages of this type directly in {htmlLink}.',

tests/jest/views/CreateWorkpackageModal.spec.js

@@ -543,6 +543,7 @@ describe('CreateWorkPackageModal.vue', () => {
 			subject: 'This is a workpackage',
 			allowedTypes,
 			projectId: 2,
+			openProjectUrl: 'https://openproject.example.com',
 		})
 		await wrapper.find(typeInputFieldSelector).setValue('Required')
 		await wrapper.find(typeOptionsSelector).trigger('click')