@c8y/ng1-modules 1017.138.0 → 1017.140.0

package/app-status/app-status/app-status.html

@@ -4,6 +4,7 @@
   <c8y-realtime-switch state="vm.realtime"></c8y-realtime-switch>
   <button
     class="btn btn-link"
+    type="button"
     title="{{ 'Refresh status page' | translate }}"
     ng-click="vm.refresh()"
   >
@@ -20,7 +21,7 @@
           {{ 'Instances' | translate }}
         </div>
         <button
-          class="btn-help text-14 m-l-4"
+          class="btn-help"
           type="button"
           aria-label="{{ 'Help' | translate }}"
           uib-popover="{{
@@ -28,11 +29,9 @@
               | translate
           }}"
           popover-trigger="'focus'"
-          popover-append-to-body="true"
           popover-placement="right"
-        >
-         
-        </button>
+          popover-append-to-body="true"
+        ></button>
       </div>
       <div class="card-block large-padding p-t-0 overflow-visible">
         <c8y-app-instances status-fragment="vm.status"></c8y-app-instances>
@@ -45,7 +44,7 @@
           {{ 'Subscriptions' | translate }}
         </div>
         <button
-          class="btn-help text-14 m-l-4"
+          class="btn-help"
           type="button"
           aria-label="{{ 'Help' | translate }}"
           uib-popover="{{
@@ -53,11 +52,9 @@
               | translate
           }}"
           popover-trigger="'focus'"
-          popover-append-to-body="true"
           popover-placement="right"
-        >
-         
-        </button>
+          popover-append-to-body="true"
+        ></button>
       </div>
       <div class="card-block large-padding p-t-0 overflow-visible">
         <c8y-app-tenant-subscriptions-list mo="vm.mo"></c8y-app-tenant-subscriptions-list>
@@ -72,16 +69,14 @@
           {{ 'Events' | translate }}
         </div>
         <button
-          class="btn-help text-14 m-l-4"
+          class="btn-help"
           type="button"
           aria-label="{{ 'Help' | translate }}"
           uib-popover="{{ 'Events for given application, provided in realtime' | translate }}"
           popover-trigger="'focus'"
-          popover-append-to-body="true"
           popover-placement="right"
-        >
-         
-        </button>
+          popover-append-to-body="true"
+        ></button>
       </div>
       <div class="card-block large-padding p-t-16">
         <c8y-app-events
@@ -101,16 +96,14 @@
           {{ 'Alarms' | translate }}
         </div>
         <button
-          class="btn-help text-14 m-l-4"
+          class="btn-help btn-help--sm"
           type="button"
           aria-label="{{ 'Help' | translate }}"
           uib-popover="{{ 'Alarms for given application, provided in realtime' | translate }}"
           popover-trigger="'focus'"
-          popover-append-to-body="true"
           popover-placement="right"
-        >
-         
-        </button>
+          popover-append-to-body="true"
+        ></button>
       </div>
       <div class="card-block large-padding p-r-md-0 hide-inner-cards">
         <c8y-app-alarms
@@ -127,18 +120,16 @@
           {{ 'Smart rules' | translate }}
         </div>
         <button
-          class="btn-help text-14 m-l-4"
-          aria-label="{{ 'Help' | translate }}"
+          class="btn-help btn-help--sm"
           type="button"
+          aria-label="{{ 'Help' | translate }}"
           uib-popover="{{
             'Use alarms to create smart rules for microservice availability.' | translate
           }}"
           popover-trigger="'focus'"
           popover-append-to-body="true"
           popover-placement="right"
-        >
-         
-        </button>
+        ></button>
       </div>
       <div class="card-block large-padding p-t-0 overflow-visible">
         <smart-rules-list mo="vm.mo.id" filter="smartRulesFilter"></smart-rules-list>

package/app-status/app-tenant-subscriptions-list/app-tenant-subscriptions-list.html

@@ -31,12 +31,14 @@
   >
     <div class="c8y-list__item__block">
       <div class="c8y-list__item__icon p-l-0">
-        <button class="btn-clean"
-          aria-label="{{'Status' | translate}}"
-          uib-tooltip="{{'Status' | translate}}: {{ subscription.status | translate }}"
+        <button
+          class="btn-clean"
+          type="button"
+          aria-label="{{ 'Status' | translate }}: {{ subscription.status | translate }}"
+          uib-tooltip="{{ 'Status' | translate }}: {{ subscription.status | translate }}"
           tooltip-placement="right"
           tooltip-popup-delay="500"
-          tooltip-trigger="'mouseenter focus'"
+          tooltip-trigger="'mouseenter'"
         >
           <i c8y-icon="{{ vm.getStatusIcon(subscription.status) }}"></i>
         </button>
@@ -72,9 +74,9 @@
       </div>
       <div class="c8y-list__item__actions" ng-if="vm.showDetails(subscription)">
         <button
+          class="collapse-btn"
           type="button"
           title="{{ 'Expand' | translate }}"
-          class="collapse-btn"
           ng-click="vm.openItem(subscription)"
         >
           <i c8y-icon="chevron-down"></i>

package/assetTable/views/addOperation.html

@@ -10,12 +10,13 @@
       <textarea
         c8y-code-editor="json"
         class="form-control"
+        rows="5"
         name="operation"
         ng-model="operation.json"
+        aria-label="{{ placeholder(param) | translate }}"
         uib-tooltip="{{ placeholder(param) | translate }}"
         tooltip-popup-delay="500"
         tooltip-append-to-body="true"
-        style="height: 250px"
         required
       ></textarea>
     </div>
@@ -50,9 +51,12 @@
       </ui-select>
       <span class="input-group-btn" style="vertical-align: top">
         <button
-          title="{{ 'Use this operation' | translate }}"
           class="btn btn-primary"
           type="button"
+          aria-label="{{ 'Use this operation' | translate }}"
+          uib-tooltip="{{ 'Use this operation' | translate }}"
+          tooltip-popup-delay="500"
+          tooltip-append-to-body="true"
           ng-click="chooseOperation(operation.chosen)"
         >
           <i c8y-icon="share"></i>
@@ -62,17 +66,17 @@
   </div>
   <div class="modal-footer">
     <button
-      title="{{ 'Cancel' | translate }}"
-      type="button"
       class="btn btn-default"
+      type="button"
+      title="{{ 'Cancel' | translate }}"
       ng-click="dismiss()"
     >
       {{ 'Cancel' | translate }}
     </button>
     <button
-      title="{{ 'Add' | translate }}"
-      type="submit"
       class="btn btn-primary"
+      type="submit"
+      title="{{ 'Add' | translate }}"
       data-ng-disabled="addOperationForm.$invalid"
       ng-click="close()"
     >

package/assetTable/views/assets.html

@@ -57,6 +57,7 @@
           <button
             class="btn-clean"
             type="button"
+            aria-label="{{ tooltip(dev) | translate }}"
             uib-tooltip="{{ tooltip(dev) | translate }}"
             tooltip-popup-delay="500"
             tooltip-append-to-body="true"
@@ -115,6 +116,8 @@
         <td ng-show="options.data.lastValidMessage">
           <button
             class="btn-clean"
+            type="button"
+            aria-label="{{ lastValidMessageTooltip(dev) | translate }}"
             uib-tooltip="{{ lastValidMessageTooltip(dev) | translate }}"
             tooltip-popup-delay="500"
             tooltip-append-to-body="true"
@@ -128,8 +131,9 @@
 
         <td ng-show="options.data.maintenance">
           <button
-            ng-if="dev.c8y_RequiredAvailability"
             class="btn btn-xs btn-primary text-center"
+            type="button"
+            ng-if="dev.c8y_RequiredAvailability"
             ng-click="switchMaintenance(dev)"
           >
             <span ng-if="0 >= dev.c8y_RequiredAvailability.responseInterval" translate>
@@ -141,12 +145,17 @@
         <td ng-repeat="column in options.customColumns track by $index">
           <i
             ng-style="{ color: getIcon(column.iconMap, column.fragment, dev).color || 'red' }"
-            c8y-icon="{{ getIcon(column.iconMap, column.fragment, dev).icon || 'question-circle-o' }}"
+            c8y-icon="{{
+              getIcon(column.iconMap, column.fragment, dev).icon || 'question-circle-o'
+            }}"
           ></i>
         </td>
         <td ng-show="options.deviceShellOperationButtons.length">
           <div class="btn-group">
             <button
+              class="btn btn-primary btn-xs text-center"
+              ng-class="{ 'btn-pending': button.operation.isPending[dev.id] }"
+              type="button"
               title="{{ button.label }}"
               ng-if="
                 !button.operation.chosen.deviceType ||
@@ -154,8 +163,6 @@
                   button.operation.chosen.deviceType === dev.type)
               "
               ng-repeat="button in options.deviceShellOperationButtons"
-              class="btn btn-primary btn-xs text-center"
-              ng-class="{ 'btn-pending': button.operation.isPending[dev.id] }"
               ng-click="executeOperation(button.operation, dev.id)"
               ng-disabled="!button.operation || button.operation.isPending[dev.id]"
             >

package/assetTable/views/assets2.html

@@ -1,6 +1,6 @@
 <div class="asset-table" ng-controller="AssetsCtrl">
   <div ng-show="devices.length === 0" class="c8y-empty-state text-left">
-    <h1 class="c8y-icon c8y-icon-device c8y-icon-duocolor"></h1>
+    <div class="h1 c8y-icon c8y-icon-device c8y-icon-duocolor"></div>
     <p>
       <strong translate>No items to display.</strong>
       <span translate>You must add a target asset or device.</span>

package/assetTable/views/rendererButton.html

@@ -1,8 +1,8 @@
 <div ng-controller="RendererButtonCtrl">
   <button
-    title="{{ getBtnText(config.label) | translate }}"
-    type="button"
     class="btn btn-xs btn-primary"
+    type="button"
+    title="{{ getBtnText(config.label) | translate }}"
     ng-class="{ 'btn-pending': pending }"
     ng-click="click()"
     ng-disabled="disabled || pending"

package/binaryArtefactsManagement/views/list.html

@@ -122,7 +122,7 @@
                   <button
                     ng-click="toggle(file)"
                     uib-popover-template="popoverTemplateUrl"
-                    popover-placement="auto"
+                    popover-placement="right"
                     popover-append-to-body="true"
                     popover-trigger="'focus'"
                     title="{{ 'Preview file' | translate }}"

package/configurationRepository/views/list.html

@@ -8,9 +8,9 @@
       is-open="vm.dropdownOpen"
     >
       <button
-        title="{{ 'Add configuration snapshot' | translate }}"
-        type="button"
         class="dropdown-toggle c8y-dropdown"
+        type="button"
+        title="{{ 'Add configuration snapshot' | translate }}"
         id="add-configuration-snapshot-btn"
         uib-dropdown-toggle
         aria-haspopup="true"
@@ -53,14 +53,15 @@
                 <span translate>Device type</span>
                 <button
                   class="btn-help btn-help--sm"
-                  aria-label="{{ 'Help' | translate }}"
                   type="button"
+                  aria-label="{{ 'Help' | translate }}"
                   uib-popover="{{
                     'The device type can be found in the device information tab of the target device.'
                       | translate
                   }}"
-                  popover-append-to-body="true"
                   popover-trigger="'focus'"
+                  popover-placement="right"
+                  popover-append-to-body="true"
                 ></button>
               </label>
               <input
@@ -80,8 +81,9 @@
               ></c8y-binary-input>
             </div>
             <button
-              title="{{ 'Add configuration snapshot' | translate }}"
               class="btn btn-primary"
+              type="button"
+              title="{{ 'Add configuration snapshot' | translate }}"
               ng-click="save(vm.newCfg)"
               ng-disabled="vm.newCfgForm.$invalid"
               translate
@@ -123,9 +125,9 @@
     >
       <div class="list-item-actions">
         <button
+          class="collapse-btn"
           type="button"
           title="{{ 'Expand' | translate }}"
-          class="collapse-btn"
           ng-click="isDetailExpanded = !isDetailExpanded"
         >
           <i c8y-icon="chevron-down"></i>
@@ -141,9 +143,9 @@
           <div class="col-sm-2 text-right showOnHover hidden-xs">
             <button
               class="btn btn-danger btn-xs"
-              ng-click="onClickDelete(cfg)"
-              title="{{ 'Delete' | translate }}"
               type="button"
+              title="{{ 'Delete' | translate }}"
+              ng-click="onClickDelete(cfg)"
             >
               <i c8y-icon="delete"></i>
             </button>
@@ -191,8 +193,8 @@
                 <label>
                   {{ 'Device type' | translate }}
                   <button
-                    type="button"
                     class="btn-help btn-help--sm"
+                    type="button"
                     aria-label="{{ 'Help' | translate }}"
                     uib-popover="{{
                       'The device type can be found in the device information tab of the target device.'
@@ -226,18 +228,18 @@
             </div>
           </div>
           <button
-            title="{{ 'Delete' | translate }}"
-            type="button"
             class="btn btn-danger visible-xs-inline-block"
+            type="button"
+            title="{{ 'Delete' | translate }}"
             ng-click="onClickDelete(cfgToEdit)"
           >
             <i c8y-icon="delete"></i>
             {{ 'Delete' | translate }}
           </button>
           <button
-            title="{{ 'Save' | translate }}"
-            type="submit"
             class="btn btn-primary m-l-0"
+            type="submit"
+            title="{{ 'Save' | translate }}"
             ng-click="save(cfgToEdit); isDetailExpanded = false;"
             ng-disabled="cfgForm.$invalid || cfgForm.$pristine"
           >

package/connectivityV2/sms.html

@@ -134,10 +134,10 @@
 
       <div class="form-group">
         <button
-          title="{{ 'Send' | translate }}"
-          ng-disabled="forms.messageForm.$invalid"
           class="btn btn-primary"
           type="submit"
+          title="{{ 'Send' | translate }}"
+          ng-disabled="forms.messageForm.$invalid"
           ng-click="vm.sendSms(vm.message)"
         >
           {{ 'Send' | translate }}

package/connectivityV2/status.html

@@ -107,12 +107,12 @@
               {{ vm.getSmsUsageValue() }}
               <button
                 class="btn-help btn-help--sm"
-                aria-label="{{ 'Help' | translate }}"
                 type="button"
+                aria-label="{{ 'Help' | translate }}"
                 uib-popover="{{ vm.getLastMonthSmsUsageTooltip() }}"
-                popover-placement="auto right"
-                popover-append-to-body="true"
+                popover-placement="right"
                 popover-trigger="'focus'"
+                popover-append-to-body="true"
               ></button>
             </p>
           </div>
@@ -124,12 +124,12 @@
               {{ vm.getDataUsageValue() }}
               <button
                 class="btn-help btn-help--sm"
-                aria-label="{{ 'Help' | translate }}"
                 type="button"
+                aria-label="{{ 'Help' | translate }}"
                 uib-popover="{{ vm.getDataUsageTooltip() }}"
-                popover-placement="auto right"
-                popover-append-to-body="true"
+                popover-placement="right"
                 popover-trigger="'focus'"
+                popover-append-to-body="true"
               ></button>
             </p>
           </div>
@@ -141,12 +141,12 @@
               {{ vm.getVoiceUsageValue() }}
               <button
                 class="btn-help btn-help--sm"
-                aria-label="{{ 'Help' | translate }}"
                 type="button"
+                aria-label="{{ 'Help' | translate }}"
                 uib-popover="{{ vm.getVoiceUsageTooltip() }}"
-                popover-placement="auto right"
-                popover-append-to-body="true"
+                popover-placement="right"
                 popover-trigger="'focus'"
+                popover-append-to-body="true"
               ></button>
             </p>
           </div>
@@ -160,12 +160,14 @@
             <p class="wide-linebreak-tooltip">
               <button
                 class="btn btn-danger"
-                ng-click="vm.disconnectSimFromSession()"
-                ng-disabled="vm.session.inSession !== 'Yes'"
+                type="button"
+                aria-label="{{ 'Disconnects SIM card from the session.' | translate }}"
                 uib-tooltip="{{ 'Disconnects SIM card from the session.' | translate }}"
                 tooltip-popup-delay="500"
-                tooltip-append-to-body="true"
                 tooltip-placement="right"
+                tooltip-append-to-body="true"
+                ng-click="vm.disconnectSimFromSession()"
+                ng-disabled="vm.session.inSession !== 'Yes'"
               >
                 {{ 'Disconnect' | translate }}
               </button>

package/core/ui/configurable-device-list-columns/modal-columns-configure.component.html

@@ -35,13 +35,13 @@
             configurableColumn.header || vm.formatColumnName(configurableColumn.name) | translate
           }}
           <button
-            uib-tooltip="{{ 'Remove custom column' | translate }}"
+            class="btn btn-dot"
             type="button"
-            tooltip-popup-delay="500"
-            tooltip-trigger="'mouseenter focus'"
             aria-label="{{ 'Remove custom column' | translate }}"
+            uib-tooltip="{{ 'Remove custom column' | translate }}"
+            tooltip-popup-delay="500"
+            tooltip-trigger="'mouseenter'"
             ng-if="configurableColumn.meta.custom"
-            class="btn btn-dot pull-right"
             ng-click="vm.removeCustomColumn(configurableColumn)"
           >
             <i c8y-icon="minus-circle"></i>
@@ -51,9 +51,9 @@
     </div>
     <div class="modal-body separator" ng-class="{ 'bg-level-2': vm.addingCustomColumn }">
       <button
-        title="{{ 'Add custom column' | translate }}"
-        type="button"
         class="btn btn-add-block"
+        type="button"
+        title="{{ 'Add custom column' | translate }}"
         ng-disabled="vm.addingCustomColumn"
         ng-click="vm.addCustomColumn()"
       >
@@ -128,17 +128,17 @@
 
         <div class="form-group">
           <button
-            title="{{ 'Cancel' | translate }}"
-            type="button"
             class="btn btn-default"
+            type="button"
+            title="{{ 'Cancel' | translate }}"
             ng-click="vm.cancelCustomColumnAdd()"
           >
             {{ 'Cancel' | translate }}
           </button>
           <button
-            title="{{ 'Add' | translate }}"
-            type="submit"
             class="btn btn-primary"
+            type="submit"
+            title="{{ 'Add' | translate }}"
             ng-disabled="formCustomColumnAdd.$pristine || formCustomColumnAdd.$invalid"
             ng-click="vm.confirmCustomColumnAdd()"
           >
@@ -151,17 +151,17 @@
 
   <div class="modal-footer">
     <button
-      title="{{ 'Cancel' | translate }}"
-      type="button"
       class="btn btn-default"
+      type="button"
+      title="{{ 'Cancel' | translate }}"
       ng-click="vm.dismiss()"
     >
       {{ 'Cancel' | translate }}
     </button>
     <button
-      title="{{ 'Save' | translate }}"
-      type="button"
       class="btn btn-primary"
+      type="button"
+      title="{{ 'Save' | translate }}"
       ng-click="vm.close({ $value: vm.configurableColumns })"
       ng-disabled="vm.getActiveConfigurableColumns().length === 0 || !vm.areConfigurableColumnsChanged()"
     >

package/core/ui/filteringSorting/filteredSortedList.html

@@ -27,11 +27,10 @@
             ></i>
             <button
               class="btn btn-dot p-l-0 p-r-0"
-              ng-if="ctrl.isConfigurable(column)"
-              ng-click="ctrl.configureColumn(column)"
               type="button"
-              aria-label="Filter"
               title="{{ 'Filter' | translate }}"
+              ng-if="ctrl.isConfigurable(column)"
+              ng-click="ctrl.configureColumn(column)"
             >
               <i c8y-icon="filter" ng-class="{ 'text-muted': !ctrl.isFiltered(column) }"></i>
               <i

package/core/ui/forms/search.html

@@ -7,9 +7,9 @@
   on-toggle="vm.onToggle()"
 >
   <button
-    title="{{ 'Search' | translate }}"
-    type="button"
     class="main-header-button dropdown-toggle c8y-dropdown"
+    type="button"
+    title="{{ 'Search' | translate }}"
     uib-dropdown-toggle
     aria-haspopup="true"
   >
@@ -30,21 +30,21 @@
         />
         <span class="input-group-btn">
           <button
-            aria-label="{{ 'Search' | translate }}"
-            type="button"
             class="btn btn-link dropdown-toggle"
+            type="button"
+            aria-label="{{ 'Search' | translate }}"
+            aria-haspopup="true"
             ng-if="vm.searchFunctionList.length > 1"
             uib-dropdown-toggle
-            aria-haspopup="true"
           >
             <span class="caret"></span>
             <i c8y-icon="search"></i>
           </button>
 
           <button
-            title="{{ 'Submit' | translate }}"
-            type="submit"
             class="btn btn-link"
+            type="submit"
+            title="{{ 'Submit' | translate }}"
             ng-if="vm.searchFunctionList.length == 1"
           >
             <i c8y-icon="arrow-right"></i>
@@ -58,11 +58,12 @@
               <button
                 class="tooltip-no-max-width"
                 type="button"
-                ng-click="vm.search(vm.term, $index)"
+                aria-label="{{ searchFunction.tooltip | translate }}"
                 uib-tooltip="{{ searchFunction.tooltip | translate }}"
                 tooltip-placement="bottom"
                 tooltip-popup-delay="500"
                 tooltip-append-to-body="true"
+                ng-click="vm.search(vm.term, $index)"
               >
                 {{ searchFunction.name | translate }}
               </button>

package/core/ui/navigation/breadcrumbs.html

@@ -4,10 +4,11 @@
   ng-class="{ open: showAll, multiple: breadcrumbs.length > 1 }"
 >
   <button
+    class="btn-show-all-breadcrumbs pull-left"
+    type="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"
   >
     <i
@@ -15,7 +16,7 @@
       c8y-icon="caret-right"
       uib-tooltip="{{ 'Expand all breadcrumbs' | translate }}"
       tooltip-append-to-body="true"
-      tooltip-placement="auto"
+      tooltip-placement="right"
       tooltip-popup-delay="500"
     ></i>
     <i
@@ -23,7 +24,7 @@
       c8y-icon="caret-down"
       uib-tooltip="{{ 'Collapse breadcrumbs' | translate }}"
       tooltip-append-to-body="true"
-      tooltip-placement="auto"
+      tooltip-placement="right"
       tooltip-popup-delay="500"
     ></i>
   </button>

package/core/ui/navigation/navigator.html

@@ -22,8 +22,9 @@
 
   <div class="powered-by" ng-if="!vm.hidePowered">
     <button
-      type="button"
       class="btn-clean"
+      type="button"
+      aria-label="backend: {{ vm.backendVersion }} , ui: {{ vm.uiVersion }}"
       uib-tooltip="backend: {{ vm.backendVersion }} , ui: {{ vm.uiVersion }}"
       tooltip-popup-delay="500"
       tooltip-append-to-body="true"