@c8y/ng1-modules 1017.137.0 → 1017.139.0

package/remoteAccess/remoteAccessEndpointCard/remoteAccessEndpointCard.html

@@ -30,21 +30,28 @@
       </div>
       <div class="col-2">
         <button
-          ng-click="vm.connect()"
-          type="button"
-          ng-disabled="vm.isDisabled(vm.endpoint)"
           class="btn btn-dot"
-          aria-label="{{ 'Endpoint status' | translate }}"
+          type="button"
+          aria-label="{{
+            (vm.getDisabledTooltip(vm.endpoint)
+              ? vm.getDisabledTooltip(vm.endpoint)
+              : vm.endpoint.connection.status
+              ? labelShowConnection
+              : labelConnect
+            ) | translate
+          }}"
           uib-tooltip="{{
             (vm.getDisabledTooltip(vm.endpoint)
               ? vm.getDisabledTooltip(vm.endpoint)
               : vm.endpoint.connection.status
-              ? 'Show connection'
-              : 'Connect'
+              ? labelShowConnection
+              : labelConnect
             ) | translate
           }}"
           tooltip-popup-delay="500"
           tooltip-append-to-body="true"
+          ng-click="vm.connect()"
+          ng-disabled="vm.isDisabled(vm.endpoint)"
         >
           <i ng-if="!vm.endpoint.connection.status" c8y-icon="disconnected"></i>
           <i ng-if="vm.endpoint.connection.status" c8y-icon="eye"></i>
@@ -55,9 +62,9 @@
   <div class="c8y-list__item__actions">
     <div class="dropdown" uib-dropdown>
       <button
-        title="{{ 'Actions' | translate }}"
-        type="button"
         class="dropdown-toggle c8y-dropdown"
+        type="button"
+        title="{{ 'Actions' | translate }}"
         uib-dropdown-toggle
         aria-haspopup="true"
       >
@@ -65,13 +72,13 @@
       </button>
       <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
         <li>
-          <button title="{{ 'Edit' | translate }}" type="button" ng-click="vm.edit()">
+          <button type="button" title="{{ 'Edit' | translate }}" ng-click="vm.edit()">
             <i c8y-icon="pencil"></i>
             {{ 'Edit' | translate }}
           </button>
         </li>
         <li>
-          <button title="{{ 'Remove' | translate }}" type="button" ng-click="vm.remove()">
+          <button type="button" title="{{ 'Remove' | translate }}" ng-click="vm.remove()">
             <i c8y-icon="minus-circle"></i>
             {{ 'Remove' | translate }}
           </button>

package/remoteAccess/remoteAccessEndpointModal/remoteAccessEndpointModal.html

@@ -1,6 +1,6 @@
 <div class="modal-header dialog-header">
   <i c8y-icon="laptop"></i>
-  <h1 id="modal-title" class="h4 text-uppercase" translate>Remote access endpoint</h1>
+  <div id="modal-title" class="modal-title" translate>Remote access endpoint</div>
 </div>
 <div class="modal-inner-scroll">
   <div class="modal-body" id="modal-body">
@@ -64,12 +64,12 @@
               {{ 'Host' | translate }}
               <button
                 class="btn-help btn-help--sm"
-                aria-label="{{ 'Help' | translate }}"
                 type="button"
+                aria-label="{{ 'Help' | translate }}"
                 uib-popover-html="'IP address or hostname in the local network' | translate"
-                popover-append-to-body="true"
                 popover-placement="right"
                 popover-trigger="'focus'"
+                popover-append-to-body="true"
               ></button>
             </label>
             <div class="input-group typeahead">
@@ -141,16 +141,18 @@
             />
             <span class="input-group-btn" ng-show="vm.passwordAlreadyExists">
               <button
-                title="{{ 'Change' | translate }}"
                 class="btn btn-default"
+                type="button"
+                title="{{ 'Change' | translate }}"
                 ng-if="!vm.changingPassword"
                 ng-click="vm.changePassword()"
               >
                 {{ 'Change' | translate }}
               </button>
               <button
-                title="{{ 'Cancel' | translate }}"
                 class="btn btn-default"
+                type="button"
+                title="{{ 'Cancel' | translate }}"
                 ng-if="vm.changingPassword"
                 ng-click="vm.cancelChangePassword()"
               >
@@ -207,16 +209,18 @@
           <div class="form-group">
             <span ng-show="vm.credentialsAvailable() || vm.initialCredentialType === 'USER_PASS'">
               <button
-                title="{{ 'Change credentials' | translate }}"
                 class="btn btn-default"
+                type="button"
+                title="{{ 'Change credentials' | translate }}"
                 ng-if="!vm.changingCredentials"
                 ng-click="vm.changeCredentials()"
               >
                 {{ 'Change credentials' | translate }}
               </button>
               <button
-                title="{{ 'Cancel' | translate }}"
                 class="btn btn-default"
+                type="button"
+                title="{{ 'Cancel' | translate }}"
                 ng-if="vm.changingCredentials"
                 ng-click="vm.cancelChangeCredentials()"
               >
@@ -248,9 +252,9 @@
         <div class="form-group" ng-if="vm.initialCredentialType === 'KEY_PAIR'">
           <span>
             <button
-              title="{{ 'Change public/private keys' | translate }}"
-              type="button"
               class="btn btn-default"
+              type="button"
+              title="{{ 'Change public/private keys' | translate }}"
               ng-hide="vm.changingKeyPair"
               ng-click="vm.changeKeyPair()"
             >
@@ -260,9 +264,9 @@
         </div>
         <div class="form-group" ng-if="!vm.keyPairAvailable() || vm.changingKeyPair">
           <button
-            title="{{ 'Generate public and private keys' | translate }}"
-            type="button"
             class="btn btn-default p-l-16"
+            type="button"
+            title="{{ 'Generate public and private keys' | translate }}"
             ng-class="{ 'btn-pending': vm.generating }"
             ng-disabled="vm.generating"
             ng-click="vm.generateKeys()"
@@ -275,8 +279,8 @@
           <label for="privateKey">
             {{ 'Private key' | translate }}
             <button
-              type="button"
               class="btn-help btn-help--sm"
+              type="button"
               aria-label="{{ 'Help' | translate }}"
               uib-popover-html="'<small>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA, ECDSA, ED25519.</small>' | translate"
               popover-append-to-body="true"
@@ -296,8 +300,8 @@
           <label for="publicKey">
             {{ 'Public key' | translate }}
             <button
-              type="button"
               class="btn-help btn-help--sm"
+              type="button"
               aria-label="{{ 'Help' | translate }}"
               uib-popover-html="'<small>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA, ECDSA, ED25519.</small>' | translate"
               popover-append-to-body="true"
@@ -306,6 +310,7 @@
             ></button>
             <button
               class="m-l-16 btn-link interact"
+              type="button"
               title="{{ 'Download key' | translate }}"
               ng-click="vm.downloadPublicKey()"
               ng-if="vm.endpoint.config.publicKey"
@@ -326,8 +331,9 @@
         <div class="form-group" ng-if="vm.privateKeyAlreadyExists || vm.publicKeyAlreadyExists">
           <span>
             <button
-              title="{{ 'Cancel' | translate }}"
               class="btn btn-default"
+              type="button"
+              title="{{ 'Cancel' | translate }}"
               ng-show="vm.changingKeyPair"
               ng-click="vm.cancelChangeKeyPair()"
             >
@@ -358,8 +364,9 @@
         <div class="form-group" ng-if="vm.initialCredentialType === 'CERTIFICATE'">
           <span>
             <button
-              title="{{ 'Change private key/certificate' | translate }}"
               class="btn btn-default"
+              type="button"
+              title="{{ 'Change private key/certificate' | translate }}"
               ng-hide="vm.changingCertificate"
               ng-click="vm.changeCertificate()"
             >
@@ -371,8 +378,8 @@
           <label for="privateKey">
             {{ 'Private key' | translate }}
             <button
-              type="button"
               class="btn-help btn-help--sm"
+              type="button"
               aria-label="{{ 'Help' | translate }}"
               uib-popover-html="'<small>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA.</small>' | translate"
               popover-append-to-body="true"
@@ -392,8 +399,8 @@
           <label for="certificate">
             {{ 'Certificate' | translate }}
             <button
-              type="button"
               class="btn-help btn-help--sm"
+              type="button"
               aria-label="{{ 'Help' | translate }}"
               uib-popover-html="'<small>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA.</small>' | translate"
               popover-append-to-body="true"
@@ -413,8 +420,9 @@
         <div class="form-group" ng-if="vm.certificateAlreadyExists || vm.privateKeyAlreadyExists">
           <span>
             <button
-              title="{{ 'Cancel' | translate }}"
               class="btn btn-default"
+              title="{{ 'Cancel' | translate }}"
+              type="button"
               ng-show="vm.changingCertificate"
               ng-click="vm.cancelChangeCertificate()"
             >
@@ -429,8 +437,8 @@
           <label for="hostKey">
             {{ 'Host key' | translate }}
             <button
-              type="button"
               class="btn-help btn-help--sm"
+              type="button"
               aria-label="{{ 'Help' | translate }}"
               uib-popover-html="'<small>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA, ECDSA, ED25519.</small>' | translate"
               popover-append-to-body="true"
@@ -453,17 +461,17 @@
 
 <div class="modal-footer">
   <button
-    title="{{ 'Cancel' | translate }}"
-    type="button"
     class="btn btn-default"
+    type="button"
+    title="{{ 'Cancel' | translate }}"
     ng-click="vm.cancel()"
   >
     {{ 'Cancel' | translate }}
   </button>
   <button
-    title="{{ 'Save' | translate }}"
-    type="button"
     class="btn btn-primary"
+    type="button"
+    title="{{ 'Save' | translate }}"
     ng-disabled="endpointForm.$pending || endpointForm.$invalid"
     ng-click="vm.save()"
   >

package/roles/detail/roleDetailGlobal.html

@@ -56,8 +56,8 @@
             {{ 'Permissions' | translate }}
           </div>
           <button
+            class="btn-help"
             type="button"
-            class="btn-help m-l-4"
             aria-label="{{ 'Help' | translate }}"
             uib-popover-template="'helpContent.html'"
             popover-trigger="'focus'"
@@ -97,12 +97,12 @@
         </div>
 
         <button
-          class="btn-help m-l-4"
-          aria-label="{{ 'Help' | translate }}"
+          class="btn-help"
           type="button"
+          aria-label="{{ 'Help' | translate }}"
           uib-popover="{{ 'This role has access to the applications selected below' | translate }}"
           popover-trigger="'focus'"
-          popover-placement="auto"
+          popover-placement="right"
           popover-append-to-body="true"
         ></button>
       </div>
@@ -122,17 +122,17 @@
   </form>
   <div class="card-footer large-padding separator-top grid__col-fullspan">
     <button
-      title="{{ 'Cancel' | translate }}"
-      type="button"
       class="btn btn-default"
+      type="button"
+      title="{{ 'Cancel' | translate }}"
       ng-click="vm.cancel()"
     >
       {{ 'Cancel' | translate }}
     </button>
     <button
-      title="{{ 'Save' | translate }}"
-      type="button"
       class="btn btn-primary"
+      type="button"
+      title="{{ 'Save' | translate }}"
       ng-click="vm.save()"
       ng-disabled="vm.saving || vm.globalRoleDetailForm.$invalid || (vm.role.id && vm.globalRoleDetailForm.$pristine)"
     >

package/roles/detail/roleDetailInventory.html

@@ -54,9 +54,9 @@
         {{ 'Permissions' | translate }}
       </div>
       <button
-        class="btn-help m-l-4"
-        aria-label="{{ 'Help' | translate }}"
+        class="btn-help"
         type="button"
+        aria-label="{{ 'Help' | translate }}"
         uib-popover-template="'helpContent.html'"
         popover-trigger="'focus'"
         popover-placement="right"
@@ -85,13 +85,13 @@
         <legend class="text-14">
           {{ scope.label | translate }}
           <button
-            class="btn-help btn-help--sm m-l-4"
-            aria-label="{{ 'Help' | translate }}"
+            class="btn-help btn-help--sm"
             type="button"
-            ng-show="::vm.STRINGS.PERMISSIONS_SCOPES[scope.value]"
-            popover-placement="right auto"
-            popover-trigger="'focus'"
+            aria-label="{{ 'Help' | translate }}"
             uib-popover="{{::vm.STRINGS.PERMISSIONS_SCOPES[scope.value] | translate}}"
+            popover-placement="right"
+            popover-trigger="'focus'"
+            ng-show="::vm.STRINGS.PERMISSIONS_SCOPES[scope.value]"
           ></button>
         </legend>
 
@@ -104,18 +104,18 @@
   </div>
   <div class="card-footer separator sticky-bottom grid__col--fullspan">
     <button
-      title="{{ 'Cancel' | translate }}"
-      type="button"
       class="btn btn-default"
+      type="button"
+      title="{{ 'Cancel' | translate }}"
       ng-click="vm.cancel()"
       ng-disabled="vm.saving"
     >
       {{ 'Cancel' | translate }}
     </button>
     <button
-      title="{{ 'Save' | translate }}"
-      type="button"
       class="btn btn-primary"
+      type="button"
+      title="{{ 'Save' | translate }}"
       ng-click="vm.save()"
       ng-disabled="vm.saving || vm.inventoryRoleDetailForm.$invalid || (vm.role.id && vm.inventoryRoleDetailForm.$pristine)"
     >

package/roles/detail/roleInventoryPermissionList.html

@@ -6,10 +6,10 @@
           <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>
             <button
-              title="{{ 'Add' | translate }}"
+              class="btn-clean p-8"
               type="button"
+              title="{{ 'Add' | translate }}"
               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>
@@ -52,20 +52,17 @@
                     ></select>
                   </div>
                   <button
-                    type="button"
-                    ng-show="vm.isOverridden(permission)"
                     class="btn-dot m-l-8"
+                    type="button"
+                    aria-label="{{ 'Help' | 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"
+                    popover-placement="right"
+                    popover-append-to-body="true"
+                    ng-show="vm.isOverridden(permission)"
                   >
                     <i c8y-icon="exclamation-triangle" class="text-warning"></i>
                   </button>
@@ -76,18 +73,18 @@
         </div>
         <div class="c8y-list__item__actions d-flex a-i-center">
           <button
-            title="{{ 'Remove' | translate }}"
-            type="button"
             class="btn-dot m-l-auto"
+            type="button"
+            title="{{ 'Remove' | translate }}"
             ng-click="vm.remove(permission)"
           >
             <i c8y-icon="minus-circle" class="text-danger"></i>
           </button>
           <button
-            title="{{ 'Add' | translate }}"
+            class="btn-dot"
             type="button"
+            title="{{ 'Add' | translate }}"
             ng-click="vm.add()"
-            class="btn-dot"
             ng-show="$index === vm.scopedPermissions.length - 1"
           >
             <i c8y-icon="plus-circle" class="text-primary"></i>

package/scada/views/componentConfig.html

@@ -3,14 +3,14 @@
     <label>
       <span translate>SVG</span>
       <button
-        type="button"
         class="btn-help btn-help--sm"
+        type="button"
         aria-label="{{ 'Help' | translate }}"
+        uib-popover="{{ 'Toggle help text' | translate }}"
+        popover-placement="right"
+        popover-trigger="'focus'"
+        popover-append-to-body="true"
         ng-click="svgTooltipVisible = !svgTooltipVisible"
-        uib-tooltip="{{ 'Toggle help text' | translate }}"
-        tooltip-popup-delay="500"
-        tooltip-append-to-body="true"
-        tooltip-placement="right"
       ></button>
     </label>
 

package/simulators/detail/instructionList.html

@@ -35,10 +35,11 @@
 
       <button
         class="m-l-auto btn btn-icon p-l-8 p-r-8 showOnHover"
-        uib-tooltip="{{ 'Remove' | translate }}"
+        type="button"
         aria-label="{{ 'Remove' | translate }}"
+        uib-tooltip="{{ 'Remove' | translate }}"
         tooltip-popup-delay="500"
-        tooltip-trigger="'mouseenter focus'"
+        tooltip-trigger="'mouseenter'"
         tooltip-placement="left"
         ng-click="vm.remove(instruction)"
       >
@@ -46,26 +47,25 @@
       </button>
     </li>
 
-    <li ng-show="vm.instructions.length === 0" class="p-24">
-      <div class="c8y-empty-state text-left ng-scope">
-        <h1 c8y-icon="installing-updates"></h1>
-        <p>
-          <strong translate>No instructions.</strong>
-          <span translate>Click below to add the first one.</span>
-          <br />
-          <small c8y-guide-docs translate>
-            Find out more in the
-            <a
-              c8y-guide-href="users-guide/device-management/#simulator"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              User guide`KEEP_ORIGINAL`
-            </a>
-            .
-          </small>
-        </p>
-      </div>
+    <li class="p-24">
+      <c8y-ui-empty-state
+        ng-show="vm.instructions.length === 0"
+        [icon]="'installing-updates'"
+        [title]="'No instructions.' | translate"
+        [subtitle]="'Click below to add the first one.' | translate"
+      >
+        <small c8y-guide-docs translate>
+          Find out more in the
+          <a
+            c8y-guide-href="users-guide/device-management/#simulator"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            User guide`KEEP_ORIGINAL`
+          </a>
+          .
+        </small>
+      </c8y-ui-empty-state>
     </li>
   </ul>
 </div>

package/simulators/detail/operationAddDialog.html

@@ -10,8 +10,8 @@
       <label for="name">
         <span translate>Custom operation type</span>
         <button
-          type="submit"
           class="btn-help btn-help--sm"
+          type="button"
           aria-label="{{ 'Help' | translate }}"
           uib-popover="{{
             'Insert the custom operation type to be supported by your simulator.' | translate
@@ -36,16 +36,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="{{ 'Add' | translate }}"
     class="btn btn-primary"
+    type="button"
+    title="{{ 'Add' | translate }}"
     ng-click="vm.close({$value: vm.op})"
     ng-disabled="newOpForm.$invalid"
   >

package/smartRestEditor/addTemplate/addTemplate.modal.html

@@ -11,12 +11,12 @@
             <span translate>Template name</span>
             <button
               class="btn-help btn-help--sm"
-              aria-label="{{ 'Help' | translate }}"
               type="button"
+              aria-label="{{ 'Help' | translate }}"
               uib-popover="{{ 'Descriptive template name' | translate }}"
-              popover-append-to-body="true"
               popover-trigger="'focus'"
               popover-placement="right"
+              popover-append-to-body="true"
             ></button>
           </label>
           <input
@@ -36,12 +36,12 @@
             <span translate>Template ID</span>
             <button
               class="btn-help btn-help--sm"
-              aria-label="{{ 'Help' | translate }}"
               type="button"
+              aria-label="{{ 'Help' | translate }}"
               uib-popover="{{ 'Unique template ID' | translate }}"
-              popover-append-to-body="true"
               popover-trigger="'focus'"
               popover-placement="right"
+              popover-append-to-body="true"
             ></button>
           </label>
           <input
@@ -68,17 +68,17 @@
 
   <div class="modal-footer">
     <button
-      title="{{ 'Cancel' | translate }}"
-      type="button"
       class="btn btn-default"
+      type="button"
+      title="{{ 'Cancel' | translate }}"
       ng-click="$ctrl.cancel()"
     >
       {{ 'Cancel' | translate }}
     </button>
     <button
-      title="{{ 'Continue' | translate }}"
-      type="button"
       class="btn btn-primary"
+      type="button"
+      title="{{ 'Continue' | translate }}"
       ng-click="$ctrl.ok()"
       ng-disabled="newSmartRestTemplateForm.$pending || newSmartRestTemplateForm.$invalid"
       data-cy="add-smartRest-template"