Remove quotes from delete dialog

[jsoref]

Summary

Quotation marks should be used to delineate things and make it clear that things are not prose.

There are other ways to delineate such things, e.g. <tt>text</tt> instead of 'text'.

Motivation

I've watched people try to select the name of the resource in order to delete an object, e.g.:

They generally trip on the 's (there are magical ways to use a mouse to avoid grabbing them, but, forcing users to deal w/ this isn't very nice).

Proposal

1. Switch from '%s' to <tt>%s</tt> (or the equivalent of <tt>...)
2. Don't include the name of the resource in the delete line, watching people try to copy the name from the field and having it run away is watching them be tortured...

[deepto98]

Can I pick this up?

[JessieTeng89]

@crenshaw-dev I can work on this if this is still available

[jsoref]

@deepto98: sure.

[souravsk]

Hi, @deepto98 did you solve this issue and if you did then can you please how did you do that I know to this so it will be very helpful to understand how to work on this type of issue.

[crenshaw-dev]

Here's an attempt: #10305

I haven't tested it yet.

[JessieTeng89]

Can I work on this issue and assign to me if it is still needed?
@crenshaw-dev @jsoref

[JessieTeng89]

Following is the plan, I will firstly use some HTML elements to instead of quotation marks for the resource name, and then I will disable the text selection for the resource name so that we can force user to input the resource name by manually without copy/paste.

[jsoref]

Disabling text selection is a no-no in my book. That's just torture. Lots of sites try to do such things and it's a really bad anti-pattern.

I'm reasonably happy w/ the theoretical changes @crenshaw-dev made, although I'd like to know if they work...

[JessieTeng89]

@jsoref I agree, I saw the pull request created by @crenshaw-dev has been closed, so I tried to find a solution for this issue.
Maybe we can update the message and replace the quotes first.

[JessieTeng89]

@jsoref Are you good with the message style change like following screenshot? I removed the unused quotes and display the resource/application name with bold, or do you have any other ideas?

[jsoref]

If we could have the equivalent of <tt> (monospace font) instead of bold, I'd prefer it. But, what you have is better than the current.

[JessieTeng89]

@jsoref By researching, it seems <tt> is already deprecated in HTML5, please see this blog https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tt.
Instead it recommends us to use the more semantically helpful <code>, <kbd>, <samp>, or <var> elements for inline text that needs to be presented in monospace type
I tried all in my local environment, please check if any style you preferrer to use.
<code>

<kbd>

<samp>

<var>

[jsoref]

Ah, I didn't necessarily mean the literal html <tt>, just a conceptual monospace w/o me writing a css style.

That said, <kbd> appears to both be semantically correct and have a reasonable rendering.

[JessieTeng89]

@jsoref
Created a PR for this issue, please help to check if it is good for merging.
#10471