Use the umbConfirmAction directive when deleting tags

[BatJan]

Prerequisites

• I have written a descriptive pull-request title
• I have linked this PR to an issue on the tracker at http://issues.umbraco.org/issue/U4-11535

Description

Instead of deleting a tag once it's being clicked then let's make use of the umbConfirmAction directive so the tag does not disappear immediately if it was clicked by mistake. This also make the UI make use of the "Are you sure you want to do this?" convention.

OBS: It's still a little work in progress! I'll add a comment when I think it's ready for review :)

[BatJan]

Ok, so now this PR is ready to review.

I changed the default behavior so it now provides the editor with an option to regret hitting the delete icon. The behavior can be seen in this video https://www.youtube.com/watch?v=AteKF5jMKfA&feature=youtu.be

First I click the delete icon, and then the checkmark to delete it. Then I click the delete icon on another tag bug this time hit the "x" to regret. I also demonstrate that nothing happens if I just click on the tag itself. It used to be deleted when doing that.

I also added a dictionary item used for the "title" attribute on the tag so the user can get a little hint when holding the mouse over the delete icon.

Please let me know if any changes are requested :)

[bjarnef]

Maybe restructure this to the following? :)

.umb-tags {
    border: @gray-10 solid 1px;
    padding: 10px;
    font-size: 13px;
    text-shadow: none;

    .tag {
        cursor: default;
        padding: 10px;
        background: @turquoise;
        position: relative;

        .icon-trash {
            cursor: pointer;
            padding: 2px;
            font-size: 12px;
            position: relative;
            right: -6px;
        }

        .umb_confirm-action__overlay.-left {
            top: 6px;
            left: auto;
            right: 15px;
        }
    }
    
    input {
        border: none;
        background: @white;
    }
}

[BatJan]

I can do that - No problem.

[BatJan]

Done :)

[nul800sebastiaan]

Thanks you two! Works well, looks good and it's very helpful to editors! 👍

[BatJan]

I think this is my fastest processed PR ever - You're on 🔥 @nul800sebastiaan :-) 👏