Listview: Fix translations and use "Remove" text for button instead of icon (#11411)

Author: BatJan

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/includeproperties.prevalues.html

@@ -18,8 +18,8 @@
             <thead>
                 <tr>
                     <td></td>
-                    <th>Alias</th>
-                    <th>Header</th>
+                    <th><localize key="general_alias">Alias</localize></th>
+                    <th><localize key="general_header">Header</localize></th>
                     <th><localize key="template_template">Template</localize></th>
                     <td></td>
                 </tr>
@@ -32,14 +32,16 @@
                     <td>
                        <div class="list-view-layout__name flex-column content-start">
                             <span class="list-view-layout__name-text" ng-bind="val.alias"></span>
-                            <span class="list-view-layout__system" ng-show="val.isSystem == 1">(system field)</span>
+                            <span class="list-view-layout__system" ng-show="val.isSystem == 1">(<localize key="general_systemField">systemField</localize>)</span>
                        </div>
                     </td>
                     <td>
                         <ng-form name="headerForm" ng-if="!val.isSystem">
                             <input type="text" name="header" ng-model="val.header" required />
                             <span ng-messages="headerForm.header.$error" show-validation-on-submit>
-                                <span class="help-inline" ng-message="required">Required</span>
+                                <span class="help-inline" ng-message="required">
+                                    <localize key="general_required">Required</localize>
+                                </span>
                             </span>
                         </ng-form>
 
@@ -53,8 +55,8 @@
                         </ng-form>
                     </td>
                     <td>
-                        <button type="button" class="btn-icon" ng-click="removeField(val)" aria-label="Remove">
-                            <umb-icon icon="icon-trash"></umb-icon>
+                        <button type="button" class="umb-node-preview__action umb-node-preview__action--red" ng-click="removeField(val)">
+                            <localize key="general_remove">Remove</localize><span class="sr-only"> {{val.alias}}</span>
                         </button>
                     </td>
                 </tr>
@@ -63,5 +65,4 @@
         </table>
     </div>
 
-
-</div>
+</div>

src/Umbraco.Web.UI/Umbraco/config/lang/da.xml

@@ -813,6 +813,8 @@
     <key alias="videos">Videoer</key>
     <key alias="installing">installere</key>
     <key alias="avatar">Avatar til</key>
+    <key alias="header">Overskrift</key>
+    <key alias="systemField">system felt</key>
   </area>
   <area alias="colors">
     <key alias="blue">Blå</key>

src/Umbraco.Web.UI/Umbraco/config/lang/en.xml

@@ -802,6 +802,8 @@
     <key alias="videos">Videos</key>
     <key alias="installing">Installing</key>
     <key alias="avatar">Avatar for</key>
+    <key alias="header">Header</key>
+    <key alias="systemField">system field</key>
   </area>
   <area alias="colors">
     <key alias="blue">Blue</key>

src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml

@@ -811,6 +811,8 @@
     <key alias="videos">Videos</key>
     <key alias="installing">Installing</key>
     <key alias="avatar">Avatar for</key>
+    <key alias="header">Header</key>
+    <key alias="systemField">system field</key>
   </area>
   <area alias="colors">
     <key alias="blue">Blue</key>