@c8y/ng1-modules 1017.19.0 → 1017.21.0

package/administration-deviceUsers/views/list.html

@@ -168,6 +168,7 @@
               type="button"
               uib-dropdown-toggle
               ng-click="::$event.stopPropagation()"
+              aria-haspopup="true"
             >
               <i c8y-icon="ellipsis-v"></i>
             </button>

package/alarmsEventsExplorer/alarmsEventsTimelinesConfig/alarmsEventsTimelinesConfig.html

@@ -105,6 +105,7 @@
             type="button"
             class="dropdown-toggle c8y-dropdown"
             uib-dropdown-toggle
+            aria-haspopup="true"
           >
             <i c8y-icon="ellipsis-v"></i>
           </button>

package/asset-notes/assetNotes.html

@@ -6,20 +6,30 @@
     <div ng-if="vm.notes && !vm.notes.htmlContent">
       {{ 'No notes yet.' | translate }}
       <c8y-if-allowed admin-mos="[vm.config.context]">
-        <a title="{{ 'Edit' | translate }}" class="small" href="" ng-click="vm.edit()">
+        <button
+          type="button"
+          title="{{ 'Edit' | translate }}"
+          class="btn btn-link btn-sm"
+          ng-click="vm.edit()"
+        >
           <i c8y-icon="pencil"></i>
           {{ 'Edit' | translate }}
-        </a>
+        </button>
       </c8y-if-allowed>
     </div>
 
     <div ng-if="vm.notes && vm.notes.htmlContent" class="text-break-word asset-notes-body">
       <span ng-bind-html="vm.notes.htmlContent"></span>
       <c8y-if-allowed admin-mos="[vm.config.context]">
-        <a title="{{ 'Edit' | translate }}" class="small" href="" ng-click="vm.edit()">
+        <button
+          type="button"
+          title="{{ 'Edit' | translate }}"
+          class="btn btn-link btn-sm"
+          ng-click="vm.edit()"
+        >
           <i c8y-icon="pencil"></i>
           {{ 'Edit' | translate }}
-        </a>
+        </button>
       </c8y-if-allowed>
     </div>
 
@@ -34,6 +44,7 @@
   <div ng-if="vm.editable" class="fit-h flex-grow">
     <div class="d-flex a-i-stretch fit-h">
       <textarea
+        aria-label="{{ 'Notes' | translate }}"
         class="form-control fit-h"
         ng-model="vm.editedNotes.htmlContent"
         rows="5"
@@ -43,7 +54,6 @@
         <button
           type="button"
           class="btn btn-dot"
-          aria-label="{{ 'Save' | translate }}"
           ng-click="vm.save()"
           title="{{ 'Save' | translate }}"
         >
@@ -55,7 +65,6 @@
           type="button"
           class="btn btn-dot"
           ng-click="vm.cancel()"
-          aria-label="{{ 'Cancel' | translate }}"
           title="{{ 'Cancel' | translate }}"
         >
           <i c8y-icon="times"></i>

package/assetPropertyWidget/views/main.html

@@ -9,7 +9,7 @@
     ></c8y-schema-form>
   </form>
   <c8y-if-allowed admin-mos="[managedObject]" class="d-contents">
-    <div class="p-16 separator-bottom" ng-show="editable && canAddProperties()">
+    <div class="p-t-8 p-16" ng-show="editable && canAddProperties()">
       <button
         title="{{ 'Add fragment' | translate }}"
         type="button"
@@ -21,7 +21,7 @@
       </button>
     </div>
 
-    <div c8y-widget-footer class="p-16 sticky-bottom bg-level-1 separator-top">
+    <div c8y-widget-footer class="p-16 sticky-bottom bg-level-0 separator-top">
       <button
         title="{{ 'Edit' | translate }}"
         type="button"

package/binaryArtefactsManagement/views/list.html

@@ -179,6 +179,7 @@
                 title="{{ 'Actions' | translate }}"
                 type="button"
                 uib-dropdown-toggle
+                aria-haspopup="true"
               >
                 <i c8y-icon="ellipsis-v"></i>
               </button>

package/commandTemplates/views/commandTemplates.html

@@ -113,6 +113,7 @@
             title="{{ 'Actions' | translate }}"
             type="button"
             uib-dropdown-toggle
+            aria-haspopup="true"
           >
             <i c8y-icon="ellipsis-v"></i>
           </button>

package/core/ui/containers/header.html

@@ -42,6 +42,7 @@
         type="button"
         class=" main-header-button dropdown-toggle c8y-dropdown"
         uib-dropdown-toggle
+        aria-haspopup="true"
       >
         <i c8y-icon="th" class="icon-2x"></i>
       </button>

package/core/ui/forms/search.html

@@ -11,6 +11,7 @@
     type="button"
     class="main-header-button dropdown-toggle c8y-dropdown"
     uib-dropdown-toggle
+    aria-haspopup="true"
   >
     <i c8y-icon="search" class="icon-2x"></i>
   </button>
@@ -34,6 +35,7 @@
             class="btn btn-link dropdown-toggle"
             ng-if="vm.searchFunctionList.length > 1"
             uib-dropdown-toggle
+            aria-haspopup="true"
           >
             <span class="caret"></span>
             <i c8y-icon="search"></i>

package/core/ui/header/actions.html

@@ -4,6 +4,7 @@
     type="button"
     class="main-header-button dropdown-toggle c8y-dropdown"
     uib-dropdown-toggle
+    aria-haspopup="true"
   >
     <i c8y-icon="plus-circle" class="icon-2x"></i>
   </button>

package/core/ui/itemSelector/itemSelector.html

@@ -11,6 +11,7 @@
     title="{{ vm.displayLabel ? vm.displayLabel : vm.placeholder() }}"
     uib-dropdown-toggle
     ng-disabled="vm.disabled"
+    aria-haspopup="true"
   >
     <span class="text-truncate" ng-bind="vm.displayLabel" ng-show="vm.displayLabel"></span>
     <span

package/core/ui/navigation/breadcrumbs.html

@@ -4,6 +4,8 @@
   ng-class="{ open: showAll, multiple: breadcrumbs.length > 1 }"
 >
   <button
+    title="{{ 'Expand/collapse all breadcrumbs' | translate }}"
+    aria-label="{{ 'Expand/collapse all breadcrumbs' | translate }}"
     ng-show="breadcrumbs.length > 1"
     class="btn-show-all-breadcrumbs pull-left"
     ng-click="showAll = !showAll"
@@ -11,7 +13,7 @@
     <i
       ng-hide="showAll"
       c8y-icon="caret-right"
-      uib-tooltip="{{ 'Show all breadcrumbs' | translate }}"
+      uib-tooltip="{{ 'Expand all breadcrumbs' | translate }}"
       tooltip-append-to-body="true"
       tooltip-placement="auto"
       tooltip-popup-delay="500"

package/core/ui/properties/propertySelector.html

@@ -17,6 +17,7 @@
         type="button"
         class="btn btn-default btn-xs dropdown-toggle c8y-dropdown"
         uib-dropdown-toggle
+        aria-haspopup="true"
       >
         <i c8y-icon="plus"></i>
         {{ 'Add action' | translate }}

package/core/ui/schemaForm/overrides/decorators/bootstrap/checkbox.html

@@ -6,7 +6,11 @@
     'has-success': form.disableSuccessState !== true && hasSuccess()
   }"
 >
-  <label title="{{ form.title | translate }}" class="c8y-checkbox {{ form.labelHtmlClass }}">
+  <label
+    title="{{ form.title | translate }}"
+    class="c8y-checkbox {{ form.labelHtmlClass }}"
+    for="sf-{{ form.key.slice(-1)[0] + $id }}"
+  >
     <input
       type="checkbox"
       sf-changed="form"
@@ -15,7 +19,8 @@
       ng-model-options="form.ngModelOptions"
       schema-validate="form"
       class="{{ form.fieldHtmlClass }}"
-      name="{{ form.key.slice(-1)[0] }}"
+      title="{{ form.title | translate }}"
+      id="sf-{{ form.key.slice(-1)[0] + $id }}"
     />
     <span></span>
     <!-- To hide the label set form.labelHtmlClass to 'no-label' -->

package/core/ui/schemaForm/overrides/decorators/bootstrap/default.html

@@ -9,7 +9,7 @@
   <label
     class="control-label {{ form.labelHtmlClass }}"
     ng-class="{ 'sr-only': !showTitle() }"
-    for="{{ form.key.slice(-1)[0] + $id }}"
+    for="sf-{{ form.key.slice(-1)[0] + $id }}"
   >
     {{ form.title | translate }}
   </label>
@@ -21,15 +21,14 @@
     sf-changed="form"
     placeholder="{{ form.placeholder | translate }}"
     class="text-truncate form-control {{ form.fieldHtmlClass }}"
-    id="{{ form.key.slice(-1)[0] + $id }}"
     ng-model-options="form.ngModelOptions"
     ng-model="$$value$$"
     ng-readonly="form.readonly"
     schema-validate="form"
-    title="$$value$$"
-    name="{{ form.key.slice(-1)[0] + $id }}"
-    id="{{ form.key.slice(-1)[0] + $id }}"
-    />
+    title="{{ form.title | translate }}"
+    id="sf-{{ form.key.slice(-1)[0] + $id }}"
+    name="sf-{{ form.key.slice(-1)[0] + $id }}"
+  />
 
   <div
     ng-if="form.fieldAddonLeft || form.fieldAddonRight"
@@ -47,14 +46,14 @@
       sf-changed="form"
       placeholder="{{ form.placeholder | translate }}"
       class="text-truncate form-control {{ form.fieldHtmlClass }}"
-      id="{{ form.key.slice(-1)[0] + $id }}"
       ng-model-options="form.ngModelOptions"
       ng-model="$$value$$"
       ng-readonly="form.readonly"
       schema-validate="form"
-      title="{{ $$value$$ }}"
-      name="{{ form.key.slice(-1)[0] + $id }}"
-      />
+      title="{{ form.title | translate }}"
+      id="sf-{{ form.key.slice(-1)[0] + $id }}"
+      name="sf-{{ form.key.slice(-1)[0] + $id }}"
+    />
 
     <span
       ng-if="form.fieldAddonRight"

package/core/ui/schemaForm/overrides/decorators/bootstrap/password.html

@@ -9,7 +9,7 @@
   <label
     class="control-label {{ form.labelHtmlClass }}"
     ng-class="{ 'sr-only': !showTitle() }"
-    for="{{ form.key.slice(-1)[0] }}"
+    for="sf-{{ form.key.slice(-1)[0] + $id }}"
   >
     {{ form.title | translate }}
   </label>
@@ -21,15 +21,15 @@
     sf-changed="form"
     placeholder="{{ form.placeholder | translate }}"
     class="form-control {{ form.fieldHtmlClass }}"
-    id="{{ form.key.slice(-1)[0] }}"
     ng-model-options="form.ngModelOptions"
     ng-model="$$value$$"
     ng-disabled="form.readonly"
     schema-validate="form"
-    name="{{ form.key.slice(-1)[0] }}"
-    title="$$value$$"
+    id="sf-{{ form.key.slice(-1)[0] + $id }}"
+    name="sf-{{ form.key.slice(-1)[0] + $id }}"
+    title="{{ form.title | translate }}"
     c8y-autocomplete="off"
-    />
+  />
 
   <div
     ng-if="form.fieldAddonLeft || form.fieldAddonRight"
@@ -47,14 +47,15 @@
       sf-changed="form"
       placeholder="{{ form.placeholder | translate }}"
       class="form-control {{ form.fieldHtmlClass }}"
-      id="{{ form.key.slice(-1)[0] }}"
       ng-model-options="form.ngModelOptions"
       ng-model="$$value$$"
       ng-disabled="form.readonly"
       schema-validate="form"
-      name="{{ form.key.slice(-1)[0] }}"
+      title="{{ form.title | translate }}"
+      id="sf-{{ form.key.slice(-1)[0] + $id }}"
+      name="sf-{{ form.key.slice(-1)[0] + $id }}"
       c8y-autocomplete="off"
-      />
+    />
     <span
       ng-if="form.fieldAddonRight"
       class="input-group-addon"

package/core/ui/schemaForm/overrides/decorators/bootstrap/textarea.html

@@ -8,22 +8,22 @@
   <label
     class="{{ form.labelHtmlClass }}"
     ng-class="{ 'sr-only': !showTitle() }"
-    for="{{ form.key.slice(-1)[0] }}"
+    for="sf-{{ form.key.slice(-1)[0] + $id }}"
   >
     {{ form.title | translate }}
   </label>
   <textarea
     ng-if="!form.fieldAddonLeft && !form.fieldAddonRight"
     class="form-control {{ form.fieldHtmlClass }}"
-    id="{{ form.key.slice(-1)[0] + $id }}"
     sf-changed="form"
     placeholder="{{ form.placeholder | translate }}"
     ng-readonly="form.readonly"
     ng-model="$$value$$"
     ng-model-options="form.ngModelOptions"
     schema-validate="form"
-    name="{{ form.key.slice(-1)[0] }}"
-    aria-label="{{ 'Form title' | translate }}"
+    name="sf-{{ form.key.slice(-1)[0] + $id }}"
+    title="{{ form.title | translate }}"
+    id="sf-{{ form.key.slice(-1)[0] + $id }}"
     rows="10"
   ></textarea>
   <div
@@ -36,16 +36,16 @@
       ng-bind-html="form.fieldAddonLeft"
     ></span>
     <textarea
-      aria-label="{{ 'Form title' | translate }}"
       class="form-control {{ form.fieldHtmlClass }}"
-      id="{{ form.key.slice(-1)[0] + $id }}"
       sf-changed="form"
       placeholder="{{ form.placeholder | translate }}"
       ng-readonly="form.readonly"
       ng-model="$$value$$"
       ng-model-options="form.ngModelOptions"
       schema-validate="form"
-      name="{{ form.key.slice(-1)[0] }}"
+      name="sf-{{ form.key.slice(-1)[0] + $id }}"
+      title="{{ form.title | translate }}"
+      id="sf-{{ form.key.slice(-1)[0] + $id }}"
     ></textarea>
     <span
       ng-if="form.fieldAddonRight"

package/core/ui/user/editUser.directive.html

@@ -210,6 +210,7 @@
         class="btn dropdown-toggle fit-w"
         data-toggle="dropdown"
         uib-dropdown-toggle
+        aria-haspopup="true"
       >
         <span class="d-flex">
           <span title="{{ user.owner }}" ng-if="user.owner" class="text-truncate">

package/core/ui/views/actions.html

@@ -9,6 +9,8 @@
   class="dropdown-toggle c8y-dropdown"
   ng-show="cogActionsVisible() || buttonActionsVisible()"
   uib-dropdown-toggle
+  aria-haspopup="true"
+  title="{{ 'Actions' | translate }}"
 >
   <i c8y-icon="cog icon-2x"></i>
 </button>

package/core/ui/views/filePicker.html

@@ -40,9 +40,9 @@
         </p>
         <div class="progress">
           <div
+            aria-label="{{ vm.process.progress + '%' }}"
             class="progress-bar active progress-bar-striped"
             role="progressbar"
-            aria-valuenow="{{ vm.process.progress }}"
             aria-valuemin="0"
             aria-valuemax="100"
             style="min-width: 2em"
@@ -68,6 +68,7 @@
         <span class="input-group-btn">
           <button
             title="{{ 'Select file' | translate }}"
+            aria-label="{{ 'Select file' | translate }}"
             type="button"
             class="btn btn-default"
             ng-file-select="vm.onFileSelect(file, $files)"
@@ -78,6 +79,7 @@
           <button
             class="btn btn-dot btn-dot--danger"
             title="{{ 'Remove' | translate }}"
+            aria-label="{{ 'Remove' | translate }}"
             type="button"
             ng-click="vm.remove(file)"
             ng-show="file.file.name || (vm.multiple && !$first)"
@@ -89,6 +91,7 @@
     </div>
     <button
       title="{{ 'Add file' | translate }}"
+      aria-label="{{ 'Add file' | translate }}"
       type="button"
       class="btn btn-default"
       ng-click="vm.add()"

package/core/ui/views/loadmore.html

@@ -26,6 +26,7 @@
       class="btn btn-default dropdown-toggle"
       uib-dropdown-toggle
       ng-show="!paging.blind && _pageSizes"
+      aria-haspopup="true"
     >
       {{ 'Page size' | translate }}
       <span class="caret"></span>

package/dataBroker/connectors/connectors.html

@@ -125,6 +125,7 @@
             class="dropdown-toggle c8y-dropdown"
             uib-dropdown-toggle
             ng-click="::$event.stopPropagation()"
+            aria-haspopup="true"
           >
             <span>
               <i c8y-icon="ellipsis-v"></i>

package/dataBroker/subscriptions/subscription.html

@@ -6,6 +6,7 @@
         class="dropdown-toggle c8y-dropdown"
         uib-dropdown-toggle
         ng-click="::$event.stopPropagation()"
+        aria-haspopup="true"
       >
         <i c8y-icon="ellipsis-v"></i>
       </button>

package/device-protocol-deviceDatabase4/device-type-create-step.html

@@ -1,12 +1,15 @@
 <div class="modal-inner-scroll">
-  <p class="text-medium text-center p-l-24 p-r-24 p-t-16 p-b-16 bg-component separator-bottom sticky-top">
+  <p
+    class="text-medium text-center p-l-24 p-r-24 p-t-16 p-b-16 bg-component separator-bottom sticky-top"
+  >
     {{ vm.wizardCtrl.data.selectedProtocol.name }}
   </p>
   <div class="c8y-wizard-body p-t-16">
     <form class="form" name="modelForm" novalidate>
       <div class="form-group">
-        <label translate>Name</label>
+        <label for="name" translate>Name</label>
         <input
+          id="name"
           name="name"
           class="form-control"
           ng-model="vm.model.name"
@@ -18,9 +21,10 @@
         <c8y-error-feedback field="modelForm.name"></c8y-error-feedback>
       </div>
       <div class="form-group">
-        <label translate>Description</label>
+        <label for="description" translate>Description</label>
         <textarea
-          style="height:150px"
+          id="description"
+          rows="7"
           class="form-control"
           ng-model="vm.model.description"
           ng-disabled="vm.pending"
@@ -34,26 +38,23 @@
       title="{{ 'Back' | translate }}"
       class="btn btn-default"
       ng-click="vm.wizardCtrl.goToIndex(0)"
-      translate
     >
-      Back
+      {{ 'Back' | translate }}
     </button>
     <button
       title="{{ 'Cancel' | translate }}"
       class="btn btn-default"
       ng-click="vm.wizardCtrl.dismiss()"
-      translate
     >
-      Cancel
+      {{ 'Cancel' | translate }}
     </button>
     <button
       title="{{ 'Create' | translate }}"
       class="btn btn-primary"
       ng-click="vm.create(vm.model)"
-      translate
       ng-disabled="modelForm.$invalid || vm.pending"
     >
-      Create
+      {{ 'Create' | translate }}
     </button>
   </div>
 </div>

package/device-protocol-impact/impact-create-step.html

@@ -1,12 +1,15 @@
 <div class="modal-inner-scroll">
-  <p class="text-medium text-center p-l-24 p-r-24 p-t-16 p-b-16 bg-component separator-bottom sticky-top">
+  <p
+    class="text-medium text-center p-l-24 p-r-24 p-t-16 p-b-16 bg-component separator-bottom sticky-top"
+  >
     {{ vm.wizardCtrl.data.selectedProtocol.name }}
   </p>
   <div class="c8y-wizard-body p-t-16">
     <form class="form" name="modelForm" novalidate>
       <div class="form-group">
-        <label translate>ID</label>
+        <label for="id" translate>ID</label>
         <input
+          id="id"
           name="id"
           class="form-control"
           ng-model="vm.model.id"
@@ -18,8 +21,9 @@
         <c8y-error-feedback field="modelForm.id"></c8y-error-feedback>
       </div>
       <div class="form-group">
-        <label translate>Name</label>
+        <label for="name" translate>Name</label>
         <input
+          id="name"
           name="name"
           class="form-control"
           ng-model="vm.model.name"
@@ -31,9 +35,10 @@
         <c8y-error-feedback field="modelForm.name"></c8y-error-feedback>
       </div>
       <div class="form-group">
-        <label translate>Description</label>
+        <label for="description" translate>Description</label>
         <textarea
-          style="height:150px"
+          id="description"
+          rows="7"
           class="form-control"
           ng-model="vm.model.description"
           ng-disabled="vm.pending"
@@ -47,26 +52,23 @@
       title="{{ 'Back' | translate }}"
       class="btn btn-default"
       ng-click="vm.wizardCtrl.goToIndex(0)"
-      translate
     >
-      Back
+      {{ 'Back' | translate }}
     </button>
     <button
       title="{{ 'Cancel' | translate }}"
       class="btn btn-default"
       ng-click="vm.wizardCtrl.dismiss()"
-      translate
     >
-      Cancel
+      {{ 'Cancel' | translate }}
     </button>
     <button
       title="{{ 'Create' | translate }}"
       class="btn btn-primary"
       ng-click="vm.create(vm.model)"
-      translate
       ng-disabled="modelForm.$invalid || vm.pending"
     >
-      Create
+      {{ 'Create' | translate }}
     </button>
   </div>
 </div>

package/device-protocol-opcua-v2/opcua-v2-create-step.html

@@ -7,8 +7,9 @@
   <form class="form" name="modelForm" novalidate>
     <div class="c8y-wizard-body p-t-16">
       <div class="form-group">
-        <label translate>Name</label>
+        <label for="name" translate>Name</label>
         <input
+          id="name"
           name="name"
           class="form-control"
           ng-model="vm.model.name"
@@ -20,8 +21,9 @@
         <c8y-error-feedback field="modelForm.name"></c8y-error-feedback>
       </div>
       <div class="form-group">
-        <label translate>Description</label>
+        <label for="description" translate>Description</label>
         <textarea
+          id="description"
           rows="4"
           class="form-control"
           ng-model="vm.model.description"
@@ -34,7 +36,10 @@
           <button
             type="button"
             class="btn-help btn-help--sm"
-            aria-label="{{ 'Help' | translate }}"
+            aria-label="{{
+              'Selecting a reference server allows you to create device types based on the OPC UA model stored on an OPC UA server. This greatly simplifies the mapping process, since device types can be created based on OPC UA browse paths being actually present on the server.'
+                | translate
+            }}"
             uib-popover="{{
               'Selecting a reference server allows you to create device types based on the OPC UA model stored on an OPC UA server. This greatly simplifies the mapping process, since device types can be created based on OPC UA browse paths being actually present on the server.'
                 | translate

package/device-protocols/deviceProtocolList.html

@@ -88,6 +88,7 @@
             class="dropdown-toggle c8y-dropdown"
             title="{{ 'Actions' | translate }}"
             uib-dropdown-toggle
+            aria-haspopup="true"
           >
             <i c8y-icon="ellipsis-v"></i>
           </button>

package/deviceDatabase4/device-type-list.html

@@ -39,6 +39,7 @@
             type="button"
             class="dropdown-toggle c8y-dropdown btn-link"
             uib-dropdown-toggle
+            aria-haspopup="true"
           >
             <i c8y-icon="ellipsis-v"></i>
           </button>

package/deviceDatabase4/modals/import-device-type.html

@@ -28,6 +28,7 @@
             <a
               class="btn btn-primary btn-xs showOnHover pull-right"
               uib-tooltip="{{ 'Download' | translate }}"
+              aria-label="{{ 'Download' | translate }}"
               tooltip-popup-delay="500"
               tooltip-append-to-body="true"
               download="{{ vm.downloadFileName(deviceTypeInfo) }}"
@@ -54,13 +55,14 @@
       </ui-select>
     </div>
 
-    <label translate>Or load it from a file</label>
+    <label for="file" translate>Or load it from a file</label>
     <div
       class="input-group"
       ng-file-select="vm.onCustomDeviceTypeFileSelected($files)"
       ng-class="{ 'has-error': vm.customDeviceTypeFeedback.type === 'error' }"
     >
       <input
+        id="file"
         class="form-control"
         ng-model="vm.selection.custom.file.name"
         placeholder="{{ 'Select file to upload' | translate }}…"
@@ -85,7 +87,7 @@
         class="form-group"
         ng-class="{ 'has-error': vm.importForm.name.$dirty && vm.importForm.name.$invalid }"
       >
-        <label translate>Name</label>
+        <label for="name" translate>Name</label>
         <input
           class="form-control"
           id="name"

package/deviceDetailIdentity/views/identity.html

@@ -61,7 +61,7 @@
   </c8y-ui-action-bar-set>
 
   <div class="row">
-    <div class="col-md-8">
+    <div class="col-md-12">
       <c8y-ui-empty-state
         ng-if="ids.length === 0"
         [icon]="'barcode'"
@@ -114,16 +114,5 @@
         </div>
       </div>
     </div>
-    <div class="col-md-4">
-      <div class="card" data-cy="identity-help-text">
-        <div class="card-header">
-          <div class="card-title" translate>External ID</div>
-        </div>
-        <hr />
-        <div class="card-block">
-          <p class="text-pre-wrap">{{ helpText | translate }}</p>
-        </div>
-      </div>
-    </div>
   </div>
 </div>

package/deviceStatusWidget/requiredAvailabilityIntervalSetting.html

@@ -14,10 +14,10 @@
         ng-hide="!!vm.status.maintenanceStatus"
         ng-click="vm.toggleEdit()"
         uib-tooltip="{{ 'Edit' | translate }}"
-        aria-label="{{ 'Edit' | translate }}"
         tooltip-popup-delay="500"
         tooltip-append-to-body="true"
         tooltip-trigger="'mouseenter focus'"
+        aria-label="{{ 'Edit' | translate }}"
       >
         <i c8y-icon="pencil"></i>
       </button>
@@ -45,8 +45,8 @@
             ng-class="{ 'btn-pending': vm.saveInProgress }"
             ng-disabled="vm.saveInProgress || vm.availabilityForm.$invalid || !!vm.status.maintenanceStatus"
             ng-click="vm.save()"
-            aria-label="{{ 'Save' | translate }}"
             type="button"
+            aria-label="{{ 'Save' | translate }}"
           >
             <span title="{{ 'Save' | translate }}" ng-hide="vm.saveInProgress" class="text-success">
               <i c8y-icon="check"></i>
@@ -87,6 +87,7 @@
         <input
           id="maintenance"
           title="{{ 'Enable/disable maintenance' | translate }}"
+          aria-label="{{ 'Enable/disable maintenance' | translate }}"
           type="checkbox"
           ng-click="vm.switchMaintenance(vm.device)"
           ng-checked="vm.status.maintenanceStatus"

package/devicemanagement-location/views/index.html

@@ -30,7 +30,10 @@
           popover-placement="left"
           popover-trigger="'focus'"
           class="btn-help"
-          aria-label="{{ 'Help' | translate }}"
+          aria-label="{{
+            'Device location may be set by the device itself, or manually in the platform'
+              | translate
+          }}"
         >
           <i c8y-icon="question-circle-o"></i>
         </button>
@@ -117,11 +120,7 @@
                 class="form-control"
               />
               <span class="input-group-btn">
-                <button
-                  title="{{ 'Search' | translate }}"
-                  class="btn btn-dot"
-                  type="submit"
-                >
+                <button title="{{ 'Search' | translate }}" class="btn btn-dot" type="submit">
                   <i c8y-icon="search"></i>
                 </button>
               </span>

package/devicemanagement-logViewer/views/index.html

@@ -211,6 +211,7 @@
               type="button"
               class="dropdown-toggle c8y-dropdown btn-link"
               uib-dropdown-toggle
+              aria-haspopup="true"
             >
               <i c8y-icon="ellipsis-v"></i>
             </button>

package/export/views/list.html

@@ -168,6 +168,7 @@
               data-cy="Actions"
               class="dropdown-toggle c8y-dropdown"
               uib-dropdown-toggle
+              aria-haspopup="true"
             >
               <i c8y-icon="ellipsis-v"></i>
             </button>

package/generic-ui/generic-ui-inventory.html

@@ -48,6 +48,7 @@
       title="{{ 'Settings' | translate }}"
       class="dropdown-toggle c8y-dropdown"
       uib-dropdown-toggle
+      aria-haspopup="true"
     >
       <i c8y-icon="ellipsis-v"></i>
     </button>

package/groupsHierarchy/views/groupsList.html

@@ -27,6 +27,7 @@
               class="dropdown-toggle c8y-dropdown"
               ng-click="addNewGroup()"
               uib-dropdown-toggle
+              aria-haspopup="true"
             >
               <i c8y-icon="plus-circle"></i>
               <span>{{ 'Add group' | translate }}</span>

package/measurements/views/iconBar.html

@@ -41,8 +41,8 @@
   <button
     type="button"
     class="btn-help btn-help--sm"
-    aria-label="{{ 'Help' | translate }}"
-    uib-popover-html="'Drag x-axis to the left or right to move time.<br>Select time period to zoom.<br>Double click to zoom out.<br>Values in the y-axis may be truncated, hover over the values or the circle in the bottom to display whole values.' | translate"
+    aria-label="{{ 'Drag X-Axis to move time.<br>Select time period to zoom.<br>Double click to zoom out.<br>Values in the Y-Axis may be truncated, hover over the values or the circle in the bottom to display whole values.' | translate }}"
+    uib-popover-html="'Drag X-Axis to move time.<br>Select time period to zoom.<br>Double click to zoom out.<br>Values in the Y-Axis may be truncated, hover over the values or the circle in the bottom to display whole values.' | translate"
     popover-placement="right"
     popover-trigger="'focus'"
     popover-append-to-body="true"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/ng1-modules",
-  "version": "1017.19.0",
+  "version": "1017.21.0",
   "license": "Apache-2.0",
   "author": "Cumulocity",
   "description": "AngularJS modules for Cumulocity IoT applications.",

package/remoteAccess/remoteAccessEndpointCard/remoteAccessEndpointCard.html

@@ -59,6 +59,7 @@
         type="button"
         class="dropdown-toggle c8y-dropdown"
         uib-dropdown-toggle
+        aria-haspopup="true"
       >
         <i c8y-icon="ellipsis-v"></i>
       </button>

package/roles/detail/roleInventoryPermissionList.html

@@ -4,26 +4,29 @@
       <div class="d-flex">
         <div class="c8y-list__item__block flex-grow">
           <div class="c8y-list__item__body text-truncate-wrap p-l-0">
-            <span class="text-muted"><em translate>No permissions for this scope.</em></span> 
+            <span class="text-muted"><em translate>No permissions for this scope.</em></span>
             <button
-            title="{{ 'Add' | translate }}"
-            type="button"
-            ng-click="vm.add()"
-            class="btn-clean p-8"
-          >
-            <i c8y-icon="plus-circle" class="text-primary m-r-4 m-l-4 text-16"></i>
-          </button>
+              title="{{ 'Add' | translate }}"
+              type="button"
+              ng-click="vm.add()"
+              class="btn-clean p-8"
+            >
+              <i c8y-icon="plus-circle" class="text-primary m-r-4 m-l-4 text-16"></i>
+            </button>
           </div>
         </div>
       </div>
     </li>
-    <li class="c8y-list__item c8y-list__item--double-actions bg-level-1" ng-repeat="permission in vm.scopedPermissions">
+    <li
+      class="c8y-list__item c8y-list__item--double-actions bg-level-1"
+      ng-repeat="permission in vm.scopedPermissions"
+    >
       <div class="c8y-list__item__block d-flex a-i-center">
         <div class="c8y-list__item__body text-truncate-wrap p-l-0">
           <div class="row">
             <div class="col-sm-8">
               <div class="d-flex-md a-i-center p-b-xs-8">
-                <label class="m-b-0 m-r-4">{{ 'Type' | translate }} </label>
+                <label class="m-b-0 m-r-4">{{ 'Type' | translate }}</label>
                 <input
                   type="text"
                   class="form-control"
@@ -36,7 +39,7 @@
             </div>
             <div class="col-sm-4">
               <div class="d-flex-md a-i-center">
-                <label class="m-b-0 m-r-4">{{ 'Permission' | translate }} </label>
+                <label class="m-b-0 m-r-4">{{ 'Permission' | translate }}</label>
                 <div class="flex-grow d-flex a-i-center">
                   <div class="c8y-select-wrapper flex-grow">
                     <select
@@ -46,14 +49,20 @@
                       ng-options="access.value as (access.label | translate) for access in vm.accessTypes.values()"
                       ng-model="permission.permission"
                       ng-change="vm.removeId(permission)"
-                    >
-                    </select>
+                    ></select>
                   </div>
                   <button
                     type="button"
                     ng-show="vm.isOverridden(permission)"
                     class="btn-dot m-l-8"
-                    uib-popover="{{ 'This permission is overridden by a more generic one in this role.' | translate }}"
+                    uib-popover="{{
+                      'This permission is overridden by a more generic one in this role.'
+                        | translate
+                    }}"
+                    aria-label="{{
+                      'This permission is overridden by a more generic one in this role.'
+                        | translate
+                    }}"
                     popover-append-to-body="true"
                     popover-trigger="'focus'"
                     popover-placement="auto"
@@ -72,14 +81,14 @@
             class="btn-dot m-l-auto"
             ng-click="vm.remove(permission)"
           >
-            <i c8y-icon="minus-circle" class="text-danger" ></i>
+            <i c8y-icon="minus-circle" class="text-danger"></i>
           </button>
           <button
             title="{{ 'Add' | translate }}"
             type="button"
             ng-click="vm.add()"
             class="btn-dot"
-            ng-show="$index === (vm.scopedPermissions.length - 1)"
+            ng-show="$index === vm.scopedPermissions.length - 1"
           >
             <i c8y-icon="plus-circle" class="text-primary"></i>
           </button>

package/roles/list/rolesList.html

@@ -130,6 +130,7 @@
             title="{{ 'Actions' | translate }}"
             class="dropdown-toggle c8y-dropdown"
             uib-dropdown-toggle
+            aria-haspopup="true"
             ng-click="::$event.stopPropagation()"
           >
             <span>

package/simulators/list/list.html

@@ -83,6 +83,7 @@
             type="button"
             title="{{ 'Actions' | translate }}"
             uib-dropdown-toggle
+            aria-haspopup="true"
             ng-click="$event.stopPropagation()"
           >
             <span><i c8y-icon="ellipsis-v"></i></span>

package/smartRestEditor/requestEditor/requestEditor.html

@@ -193,7 +193,7 @@
                 <div>
                   <c8y-smart-rest-value-input
                     aria-label="{{ 'Value' | translate }}"
-                    name="mandatoryValueInput"
+                    name="'mandatoryValueInput' + $index"
                     type="mandatoryValue.type"
                     value="mandatoryValue.value"
                     data-required="false"
@@ -286,7 +286,7 @@
                 <label class="visible-sm visible-xs" translate>Value</label>
                 <c8y-smart-rest-value-input
                   aria-label="{{ 'Value' | translate }}"
-                  name="customValueInput"
+                  name="'customValueInput' + $index"
                   type="customValue.type"
                   placeholder="'Value' | translate"
                   value="customValue.value"

package/smartRestEditor/valueInput/valueInput.html

@@ -1,7 +1,6 @@
 <span ng-switch="vm.type">
   <span ng-switch-when="STRING">
     <input
-      aria-label="{{ 'Input' | translate }}"
       name="{{ vm.name }}"
       placeholder="{{ vm.placeholder }}"
       type="text"
@@ -14,7 +13,7 @@
     <c8y-date-time-picker
       ng-model="vm.value"
       placeholder="{{ vm.placeholder }}"
-      class="m-r-16 d-inline-block;"
+      class="m-r-16 d-inline-block"
       ng-required="vm.required"
     ></c8y-date-time-picker>
   </div>
@@ -33,7 +32,6 @@
   </span>
   <span ng-switch-when="INTEGER">
     <input
-      aria-label="{{ 'Input' | translate }}"
       name="{{ vm.name }}"
       placeholder="{{ vm.placeholder }}"
       type="number"

package/smartRestEditor/views/list.html

@@ -122,6 +122,7 @@
               class="dropdown-toggle c8y-dropdown"
               title="{{ 'Actions' | translate }}"
               uib-dropdown-toggle
+              aria-haspopup="true"
             >
               <span>
                 <i c8y-icon="ellipsis-v"></i>

package/smartRules/views/childAssetsSelector.html

@@ -4,6 +4,7 @@
     class="btn dropdown-toggle c8y-dropdown"
     title="{{ ctrl.getSelectedText() }}"
     uib-dropdown-toggle
+    aria-haspopup="true"
   >
     <span class="text-truncate">
       <i c8y-icon="check" ng-class="{'text-success': ctrl.areAllOriginallySelected()}"></i>

package/tenantLicenses/licenseManagement.html

@@ -17,6 +17,7 @@
             uib-dropdown>
             <button class="dropdown-toggle c8y-dropdown"
               uib-dropdown-toggle
+              aria-haspopup="true"
               title="{{ 'Actions' | translate }}">
               <i c8y-icon="ellipsis-v"></i>
             </button>

package/tenantPolicies/tenantPolicyList/tenantPolicyList.html

@@ -104,6 +104,7 @@
             class="dropdown-toggle c8y-dropdown"
             title="{{ 'Actions' | translate }}"
             uib-dropdown-toggle
+            aria-haspopup="true"
             ng-click="::$event.stopPropagation()"
           >
             <i c8y-icon="ellipsis-v"></i>

package/userRoles/inventoryRoleSelector/inventoryRoleSelector.html

@@ -11,6 +11,7 @@
     class="btn dropdown-toggle c8y-dropdown"
     title="{{ vm.displayTextAssigned() || 'Select inventory roles' | translate }}"
     uib-dropdown-toggle
+    aria-haspopup="true"
   >
     <span class="text-truncate">
       <span class="text-muted" style="opacity: 0.6">{{ vm.displayTextInherited() }}</span>
@@ -117,6 +118,7 @@
             ng-show="::vm.isInherited(role)"
             class="text-warning btn-clean"
             uib-popover="{{::'This role is already assigned to a parent asset.' | translate}}"
+            aria-label="{{::'This role is already assigned to a parent asset.' | translate}}"
             popover-append-to-body="'true'"
             popover-trigger="'focus'"
             popover-placement="right"

package/users/userList/userList.html

@@ -141,6 +141,7 @@
         title="{{ 'Actions' | translate }}"
         class="dropdown-toggle c8y-dropdown"
         uib-dropdown-toggle
+        aria-haspopup="true"
         ng-click="::$event.stopPropagation()"
       >
         <span><i c8y-icon="ellipsis-v"></i></span>