V15: Link Picker Modal UX Flow (#17994)

* Link Picker: reworked modal UX flow

* Tweaked "Target" description

* Link Picker modal tweaks

* Localized "Reset URL" confirm modal

* Awaits validation on picker change

* Added `data-mark` attributes

---------

Co-authored-by: Jacob Overgaard <[email protected]>

Author: leekelleher

src/Umbraco.Web.UI.Client/src/assets/lang/en-us.ts

@@ -502,9 +502,9 @@ export default {
 		copiedItemOfItems: 'Copied %0% out of %1% items',
 	},
 	defaultdialogs: {
-		nodeNameLinkPicker: 'Link title',
+		nodeNameLinkPicker: 'Title',
 		urlLinkPicker: 'Link',
-		anchorLinkPicker: 'Anchor / querystring',
+		anchorLinkPicker: 'Anchor or querystring',
 		anchorInsert: 'Name',
 		closeThisWindow: 'Close this window',
 		confirmdelete: 'Are you sure you want to delete',
@@ -563,14 +563,14 @@ export default {
 		includeDescendants: 'Include descendants',
 		theFriendliestCommunity: 'The friendliest community',
 		linkToPage: 'Link to document',
-		openInNewWindow: 'Opens the linked document in a new window or tab',
+		openInNewWindow: 'Opens the link in a new window or tab',
 		linkToMedia: 'Link to media',
 		selectContentStartNode: 'Select content start node',
 		selectMedia: 'Select media',
 		selectMediaType: 'Select media type',
 		selectIcon: 'Select icon',
 		selectItem: 'Select item',
-		selectLink: 'Select link',
+		selectLink: 'Configure link',
 		selectMacro: 'Select macro',
 		selectContent: 'Select content',
 		selectContentType: 'Select content type',
@@ -671,7 +671,7 @@ export default {
 		email: 'Enter your email',
 		enterMessage: 'Enter a message...',
 		usernameHint: 'Your username is usually your email',
-		anchor: '#value or ?key=value',
+		anchor: 'Enter an anchor or querystring, #value or ?key=value',
 		enterAlias: 'Enter alias...',
 		generatingAlias: 'Generating alias...',
 		a11yCreateItem: 'Create item',

src/Umbraco.Web.UI.Client/src/assets/lang/en.ts

@@ -491,9 +491,9 @@ export default {
 		copiedItemOfItems: 'Copied %0% out of %1% items',
 	},
 	defaultdialogs: {
-		nodeNameLinkPicker: 'Link title',
+		nodeNameLinkPicker: 'Title',
 		urlLinkPicker: 'Link',
-		anchorLinkPicker: 'Anchor / querystring',
+		anchorLinkPicker: 'Anchor or querystring',
 		anchorInsert: 'Name',
 		closeThisWindow: 'Close this window',
 		confirmdelete: 'Are you sure you want to delete',
@@ -553,15 +553,15 @@ export default {
 		includeDescendants: 'Include descendants',
 		theFriendliestCommunity: 'The friendliest community',
 		linkToPage: 'Link to document',
-		openInNewWindow: 'Opens the linked document in a new window or tab',
+		openInNewWindow: 'Opens the link in a new window or tab',
 		linkToMedia: 'Link to media',
 		selectContentStartNode: 'Select content start node',
 		selectEvent: 'Select event',
 		selectMedia: 'Select media',
 		selectMediaType: 'Select media type',
 		selectIcon: 'Select icon',
 		selectItem: 'Select item',
-		selectLink: 'Select link',
+		selectLink: 'Configure link',
 		selectMacro: 'Select macro',
 		selectContent: 'Select content',
 		selectContentType: 'Select content type',
@@ -663,14 +663,15 @@ export default {
 		email: 'Enter your email',
 		enterMessage: 'Enter a message...',
 		usernameHint: 'Your username is usually your email',
-		anchor: '#value or ?key=value',
+		anchor: 'Enter an anchor or querystring, #value or ?key=value',
 		enterAlias: 'Enter alias...',
 		generatingAlias: 'Generating alias...',
 		a11yCreateItem: 'Create item',
 		a11yEdit: 'Edit',
 		a11yName: 'Name',
 		rteParagraph: 'Write something amazing...',
 		rteHeading: "What's the title?",
+		enterUrl: 'Enter a URL...',
 	},
 	editcontenttype: {
 		createListView: 'Create custom list view',
@@ -798,6 +799,7 @@ export default {
 		dictionary: 'Dictionary',
 		dimensions: 'Dimensions',
 		discard: 'Discard',
+		document: 'Document',
 		down: 'Down',
 		download: 'Download',
 		edit: 'Edit',
@@ -2671,4 +2673,13 @@ export default {
 		toolbar_removeItem: 'Remove action',
 		toolbar_emptyGroup: 'Empty',
 	},
+	linkPicker: {
+		modalSource: 'Source',
+		modalManual: 'Manual',
+		modalAnchorValidationMessage:
+			'Please enter an anchor or querystring, or select a published document or media item, or manually configure the URL.',
+		resetUrlHeadline: 'Reset URL?',
+		resetUrlMessage: 'Are you sure you want to reset this URL?',
+		resetUrlLabel: 'Reset',
+	},
 } as UmbLocalizationDictionary;