@c8y/ng1-modules 1017.0.7 → 1017.0.9

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,7 +41,7 @@
   <button
     type="button"
     class="btn-help btn-help--sm"
-    aria-label="{{ 'Help' | translate }}"
+    aria-label="{{ '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 }}"
     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"
     popover-placement="right"
     popover-trigger="'focus'"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/ng1-modules",
-  "version": "1017.0.7",
+  "version": "1017.0.9",
   "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/list/smartRulesList.html

@@ -102,15 +102,15 @@
                           </button>
                         </li>
                         <li ng-if="vm.canModify(rule)">
-                          <buttonn
+                          <button
                             title="{{ 'Delete smart rule' | translate }}"
                             ng-click="vm.remove(rule)"
                           >
                             <i c8y-icon="times"></i>
                             {{ 'Delete' | translate }}
-                          </buttonn>
+                          </button>
                         </li>
-                        <li role="separator" class="divider" ng-if="vm.canInspect()"></li>
+                        <li class="divider" ng-if="vm.canInspect()"></li>
                         <li ng-if="vm.canInspect()">
                           <a
                             ng-href="/apps/administration#/eventprocessing/{{ rule.cepModuleId }}"

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/tenantApplications/subscribed-applications/subscribed-applications.html

@@ -31,23 +31,27 @@
               {{ a | humanizeAppName }}
             </p>
             <button
-              uib-tooltip="{{'Status' | translate}}: {{::vm.getStringTooltip(a.id) | translate}}"
+              uib-tooltip="{{ 'Status' | translate }}: {{::vm.getStringTooltip(a.id) | translate}}"
               tooltip-popup-delay="500"
               tooltip-append-to-body="true"
               tooltip-placement="right"
-              aria-label="{{'Status' | translate}}"
+              aria-label="{{ 'Status' | translate }}"
               class="btn-clean m-l-4"
               ng-if="::vm.getStatusIcon(a.id)"
             >
               <i c8y-icon="{{::vm.getStatusIcon(a.id)}}"></i>
             </button>
+
             <button
-              title="{{ 'unsubscribe' | translate }}"
+              class="btn btn-dot m-l-auto m-r-8 text-muted"
               type="button"
               ng-click="vm.dissociate(a)"
-              class="btn btn-primary btn-xs showOnHover m-l-auto m-r-8"
+              uib-tooltip="{{ 'Unsubscribe' | translate }}"
+              aria-label="{{ 'Unsubscribe' | translate }}"
+              tooltip-popup-delay="500"
+              tooltip-append-to-body="true"
             >
-              {{ 'unsubscribe' | translate }}
+              <i c8y-icon="unsubscribe"></i>
             </button>
           </div>
         </div>

package/tenantApplications/views/index.html

@@ -56,12 +56,14 @@
           </span>
         </div>
         <div class="flex-no-shrink d-flex">
-          <label class="control-label m-b-0 m-r-4 a-s-center">{{ 'Owner' | translate }}</label>
+          <label for="owner" class="control-label m-b-0 m-r-4 a-s-center">
+            {{ 'Owner' | translate }}
+          </label>
           <div class="c8y-select-wrapper">
             <select
               ng-options="owner.value as owner.label for owner in owners | orderBy:'label'"
               ng-model="filter.owner"
-              aria-label="{{ 'Owner' | translate }}"
+              id="owner"
               class="form-control"
             ></select>
           </div>
@@ -73,7 +75,7 @@
         <li
           class="c8y-list__item collapsible bg-inherit"
           ng-class="{ expanded: isOpen(a) }"
-          ng-repeat="a in applications|filter:filterOwner|filter:filter.text"
+          ng-repeat="a in applications |filter:filterOwner|filter:filter.text"
         >
           <div class="c8y-list__item__block">
             <div class="c8y-list__item__appicon p-l-0">
@@ -82,19 +84,22 @@
             <div class="c8y-list__item__body m-t-auto m-b-auto">
               <div class="d-flex">
                 <button
+                  title="{{ a | humanizeAppName }}"
                   class="btn-clean text-truncate"
                   ng-click="openItem(a)"
-                  title="{{ a | humanizeAppName }}"
                 >
                   {{ a | humanizeAppName }}
                 </button>
+
                 <button
-                  title="{{ 'subscribe' | translate }}"
-                  ng-click="associate(a)"
-                  class="btn btn-primary btn-xs showOnHover m-l-auto m-r-8"
-                  translate
+                  class="btn-dot m-l-auto m-r-8"
+                  type="button"
+                  uib-tooltip="{{ 'Subscribe' | translate }}"
+                  aria-label="{{ 'Subscribe' | translate }}"
+                  tooltip-popup-delay="500"
+                  tooltip-append-to-body="true"
                 >
-                  subscribe
+                  <i c8y-icon="subscription"></i>
                 </button>
               </div>
             </div>