**As** an OpenProject user
**I want** to be able to add a link to a custom field type text
**in order to** quickly link to a page.

**Acceptance criteria**

* New custom field type "URL" in the administration settings. Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Begin of the insertionThe URL type has an optional attribute "Regexp" that allows to restrict what URLs/schemes/etc. can be entered with a regex

* The URL type can be marked as required

* The URL type can have a default value

* The URL type can be marked for all projects (possibly bound to change with the changes in the project selection)

* End of the insertion In the work package Begin of the insertionscreen

* When empty,End of the insertion Begin of the deletion detailsEnd of the deletion there is a Begin of the insertionplaceholder icon with "op-link-add" icon (link icon withEnd of the insertion Begin of the deletion field where users can addEnd of the deletion a Begin of the insertionplus)

* When present, the URLEnd of the insertion Begin of the deletion link. Next to it thereEnd of the deletion is Begin of the insertionshown andEnd of the insertion an icon Begin of the insertionbeside it

End of the insertion Begin of the deletion that allows to add or remove the link.

End of the deletion * Begin of the insertionIF possible:End of the insertion Clicking Begin of the deletion onEnd of the deletion the Begin of the insertion"op-icon-edit" (to be created) icon will openEnd of the insertion Begin of the deletion link opensEnd of the deletion the Begin of the insertionfield empty

* IF NOT possible: Clicking a pencil icon (tbd) will openEnd of the insertion Begin of the deletion target inEnd of the deletion the Begin of the insertionfield as is with the URL value filled

* EnteringEnd of the insertion Begin of the deletion same window (not inEnd of the deletion a Begin of the insertionparseable URL will be accepted

End of the insertion Begin of the deletion new tab).


**Open**

End of the deletion * Begin of the insertionadditional regex validation will take place if configured

* open:End of the insertion How Begin of the insertionflexibleEnd of the insertion do we Begin of the insertionwant URLs to be parsed. e.g., is \`mailto:foo@example.com\`  valid? It is a valid URI.

End of the insertion Begin of the deletion switch between editing and clicking on the link?

End of the deletion * Begin of the insertionopen: auto-parse URLs like `community.openproject.org`

* Entering an invalid or unparseable URL

* will result inEnd of the insertion Begin of the deletion _Preference Niels:_ ClickingEnd of the deletion the Begin of the insertionfield being marked as error

* a toast validation messageEnd of the insertion Begin of the deletion link opens it. The editingEnd of the deletion is Begin of the insertionshown "<field name> is not a valid URL."

End of the insertion Begin of the deletion triggered by an icon on hover.

End of the deletion * Begin of the insertionEntering a URL that does not matchEnd of the insertion Begin of the deletion _Proposal Marc:_ Treat itEnd of the deletion the Begin of the insertionregexp

* will result inEnd of the insertion Begin of the deletion same way we do withEnd of the deletion the Begin of the insertionfield being marked as error

* a toast validation messageEnd of the insertion Begin of the deletion Spent time field. The iconEnd of the deletion is Begin of the insertionshown "<field name> is invalid." consistent with other regex custom field validation messages

End of the insertion Begin of the deletion always there and then switch between add and remove link action.

End of the deletion * Begin of the insertionClicking onEnd of the insertion Begin of the deletion Do we wantEnd of the deletion the Begin of the insertionlink opensEnd of the insertion Begin of the deletion icon to allow editingEnd of the deletion the Begin of the insertiontarget

* If the linkEnd of the insertion Begin of the deletion existing link? MaybeEnd of the deletion is Begin of the insertiononEnd of the insertion Begin of the deletion easier to treatEnd of the deletion the Begin of the insertionsame host, inEnd of the insertion Begin of the deletion icon as a add and remove link. WhenEnd of the deletion the Begin of the insertionsame window

* IfEnd of the insertion Begin of the deletion user wants to changeEnd of the deletion the link Begin of the insertionis on another host, inEnd of the insertion Begin of the deletion overrides the existing one and addsEnd of the deletion a new Begin of the insertionwindow (compliance behavior for external links, to be later changed to "external link warning")


End of the insertion Begin of the deletion one (normally copying it).


End of the deletion **Visuals and Figma**

https://www.figma.com/file/oTMDTvcwrx35qExTkkSKBn/Custom-fields?type=design&node-id=624-13975&mode=design