@c8y/ng1-modules 1017.138.0 → 1017.139.0

package/core/ui/operations/operations-timeline.html

@@ -21,8 +21,10 @@
           <button
             class="btn-clean"
             type="button"
+            aria-label="{{ op.status | translate }}"
             uib-tooltip="{{ op.status | translate }}"
             tooltip-popup-delay="500"
+            tooltip-trigger="'mouseenter'"
             tooltip-append-to-body="true"
           >
             <i c8y-icon="{{ vm.statusIcon(op) }}" ng-class="vm.statusClass(op)"></i>
@@ -42,13 +44,13 @@
             >
               <button
                 class="btn btn-dot btn-dot--danger"
+                type="button"
                 aria-label="{{ 'Cancel operation' | translate }}"
                 uib-tooltip="{{ 'Cancel operation' | translate }}"
                 tooltip-popup-delay="500"
                 tooltip-append-to-body="true"
-                tooltip-trigger="'mouseenter focus'"
+                tooltip-trigger="'mouseenter'"
                 ng-click="vm.cancel(op)"
-                type="button"
               >
                 <i c8y-icon="times"></i>
               </button>
@@ -58,8 +60,8 @@
         <div class="c8y-list__item__actions" ng-click="$event.stopPropagation()">
           <button
             class="collapse-btn"
-            title="{{ 'Expand' | translate }}"
             type="button"
+            title="{{ 'Expand' | translate }}"
             ng-click="vm.toggle(op)"
           >
             <i c8y-icon="chevron-down"></i>

package/core/ui/properties/propertySelector.html

@@ -13,9 +13,9 @@
     </div>
     <div class="dropdown" ng-hide="hideActions" uib-dropdown>
       <button
-        title="{{ 'Add action' | translate }}"
-        type="button"
         class="btn btn-default btn-xs dropdown-toggle c8y-dropdown"
+        type="button"
+        title="{{ 'Add action' | translate }}"
         uib-dropdown-toggle
         aria-haspopup="true"
       >
@@ -25,9 +25,9 @@
       <ul class="dropdown-menu dropdown-menu-right m-t-8" uib-dropdown-menu>
         <li ng-repeat="action in actions">
           <button
-            title="{{ action.config.label | translate }}"
-            type="button"
             class="btn btn-link"
+            type="button"
+            title="{{ action.config.label | translate }}"
             ng-click="addAction(action)"
           >
             {{ action.config.label | translate }}
@@ -70,12 +70,13 @@
       <td style="width: 28%">
         <button
           class="btn btn-xs btn-default"
-          ng-show="!!property.configSchema"
           type="button"
-          ng-click="configComputeProperty(property)"
+          aria-label="{{ 'Configure computed property' | translate }}"
           uib-tooltip="{{ 'Configure computed property' | translate }}"
           tooltip-popup-delay="500"
           tooltip-append-to-body="true"
+          ng-show="!!property.configSchema"
+          ng-click="configComputeProperty(property)"
         >
           <i c8y-icon="bolt"></i>
           {{ displayKeyPath(property.keyPath) }}
@@ -97,8 +98,8 @@
           </div>
           <span class="m-l-4">
             <button
-              type="button"
               class="btn btn-xs pull-right"
+              type="button"
               title="{{ 'Config renderer' | translate }}"
               ng-click="configRenderer(property)"
               ng-show="rendererHasConfig(property.renderType)"
@@ -114,8 +115,8 @@
       </td>
       <td style="width: 5%">
         <button
-          type="button"
           class="btn btn-dot btn-dot--danger showOnHover pull-right"
+          type="button"
           title="{{ 'Delete property' | translate }}"
           ng-click="removeProperty(property)"
         >

package/core/ui/properties/schemaPropertySelector.html

@@ -76,44 +76,46 @@
         >
           <span>
             <button
-              aria-label="{{ 'Complex property' | translate }}"
               class="btn btn-dot"
               type="button"
-              ng-if="isComplexProperty(property) && isAtLeastOneSubpropertyListed(property)"
+              aria-label="{{
+                'Complex property. Subproperties are listed below.`tooltip`' | translate
+              }}"
               uib-tooltip="{{
                 'Complex property. Subproperties are listed below.`tooltip`' | translate
               }}"
-              tooltip-placement="auto"
+              tooltip-placement="right"
               tooltip-popup-delay="500"
               tooltip-append-to-body="true"
+              ng-if="isComplexProperty(property) && isAtLeastOneSubpropertyListed(property)"
             >
               <i c8y-icon="tags" class="text-info"></i>
             </button>
             <button
-              aria-label="{{ 'Complex property' | translate }}"
               class="btn btn-dot"
               type="button"
-              ng-if="isComplexProperty(property) && !isAtLeastOneSubpropertyListed(property)"
+              aria-label="{{ 'Complex property.`tooltip`' | translate }}"
               uib-tooltip="{{ 'Complex property.`tooltip`' | translate }}"
-              tooltip-placement="auto"
+              tooltip-placement="right"
               tooltip-append-to-body="true"
+              ng-if="isComplexProperty(property) && !isAtLeastOneSubpropertyListed(property)"
             >
               <i class="text-info" c8y-icon="tag"></i>
             </button>
             <button
-              aria-label="{{ 'Computed property' | translate }}"
               class="btn btn-dot"
               type="button"
-              ng-show="property.computed"
+              aria-label="{{ 'Computed property.`tooltip`' | translate }}"
               uib-tooltip="{{ 'Computed property.`tooltip`' | translate }}"
               tooltip-placement="right"
               tooltip-popup-delay="500"
               tooltip-append-to-body="true"
+              ng-show="property.computed"
             >
               <i class="text-primary-light" c8y-icon="bolt"></i>
             </button>
           </span>
-          {{ property.label | translate  }}
+          {{ property.label | translate }}
         </div>
         <div class="col-xs-5 text-truncate" title="{{ property.keyPath.join('.') }}">
           {{ property.keyPath.join('.') }}
@@ -124,18 +126,18 @@
 </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="{{ 'Select' | translate }}"
+    class="btn btn-primary"
     type="button"
+    title="{{ 'Select' | translate }}"
     ng-disabled="selectIsDisabled()"
-    class="btn btn-primary"
     ng-click="close()"
   >
     {{ 'Select' | translate }}

package/core/ui/realtime/realtime-switch.html

@@ -1,8 +1,8 @@
 <button
-  type="button"
   class="btn btn-link c8y-realtime d-flex a-i-center"
   style="width: auto"
-  title="{{'Toggle realtime' | translate}}"
+  type="button"
+  title="{{ 'Toggle realtime' | translate }}"
   ng-click="vm.toggle()"
 >
   <span class="c8y-pulse flex-no-shrink" ng-class="vm.icon()"></span>

package/core/ui/roles/roles-matrix.html

@@ -18,13 +18,13 @@
       <th class="sticky-top has-sticky-card-header text-center">
         <span translate>Admin</span>
         <button
-          class="btn-help btn-help--sm m-l-0"
-          aria-label="{{ 'Help' | translate }}"
+          class="btn-help btn-help--sm"
           type="button"
+          aria-label="{{ 'Help' | translate }}"
           uib-popover="{{::vm.STRINGS.ADMIN | translate}}"
           popover-placement="top"
-          popover-append-to-body="true"
           popover-trigger="'focus'"
+          popover-append-to-body="true"
         ></button>
         <br />
         <label class="c8y-checkbox d-inline-block" ng-if="!vm.readOnly">
@@ -74,14 +74,14 @@
       <td>
         {{::vm.categoryLabel(group) | translate}}
         <button
+          class="btn-help btn-help--sm"
           type="button"
-          class="btn-help btn-help--sm m-l-4"
           aria-label="{{ 'Help' | translate }}"
-          ng-show="::vm.STRINGS.PERMISSIONS_GLOBAL[group.category]"
+          uib-popover="{{::vm.STRINGS.PERMISSIONS_GLOBAL[group.category] | translate}}"
           popover-placement="right"
           popover-append-to-body="true"
           popover-trigger="'focus'"
-          uib-popover="{{::vm.STRINGS.PERMISSIONS_GLOBAL[group.category] | translate}}"
+          ng-show="::vm.STRINGS.PERMISSIONS_GLOBAL[group.category]"
         ></button>
       </td>
       <td class="text-center">

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

@@ -32,12 +32,12 @@
   <div class="form-group col-sm-4" ng-hide="hideActive">
     <label>{{ 'Status' | translate }}</label>
     <button
-      type="button"
       class="btn btn-default m-b-0"
+      type="button"
+      aria-label="{{ 'Status' | translate }}"
       ng-model="user.enabled"
       uib-btn-checkbox="user.enabled"
       ng-disabled="disabledEdit"
-      aria-label="{{ 'Status' | translate }}"
     >
       <i c8y-icon="minus-circle" class="text-danger" ng-hide="user.enabled"></i>
       <i c8y-icon="check-circle" class="text-success" ng-show="user.enabled"></i>
@@ -85,17 +85,18 @@
     {{ 'Email' | translate }}
     <span ng-show="user.sendPasswordResetEmail"></span>
     <button
-      ng-click="$event.preventDefault()"
-      type="button"
       class="btn-help btn-help--sm"
+      type="button"
       aria-label="{{ 'Help' | translate }}"
-      ng-show="!userCanChangePasswordAndEmail"
       uib-popover="{{
         'A user managed via your authorization server cannot change the email of the user.'
           | translate
       }}"
-      popover-append-to-body="true"
       popover-trigger="'focus'"
+      popover-placement="right"
+      popover-append-to-body="true"
+      ng-show="!userCanChangePasswordAndEmail"
+      ng-click="$event.preventDefault()"
     ></button>
   </label>
 
@@ -206,9 +207,9 @@
       dropdown-append-to-body="true"
     >
       <button
-        title="{{ 'Select owner' | translate }}…"
-        type="button"
         class="btn dropdown-toggle fit-w"
+        type="button"
+        title="{{ 'Select owner' | translate }}…"
         data-toggle="dropdown"
         uib-dropdown-toggle
         aria-haspopup="true"
@@ -238,10 +239,10 @@
           ></c8y-ui-user-picker>
 
           <button
-            title="{{ 'Done' | translate }}"
+            class="btn btn-primary btn-block"
             type="button"
+            title="{{ 'Done' | translate }}"
             ng-click="setOwner(vm.currentOwner)"
-            class="btn btn-primary btn-block"
           >
             {{ 'Done' | translate }}
           </button>
@@ -263,12 +264,10 @@
         </a>
         <div class="input-group-btn">
           <button
-            type="button"
             class="btn btn-default"
-            ng-click="undelegate()"
-            ng-disabled="disabledEdit"
-            uib-tooltip="{{ 'Undelegate' | translate }}"
+            type="button"
             aria-label="{{ 'Undelegate' | translate }}"
+            uib-tooltip="{{ 'Undelegate' | translate }}"
             tooltip-popup-delay="500"
           >
             <i c8y-icon="times"></i>
@@ -279,14 +278,14 @@
         <em class="form-control d-flex a-i-center" translate>No delegation</em>
         <div class="input-group-btn">
           <button
-            type="button"
             class="btn btn-default"
-            ng-click="delegateTo()"
-            ng-disabled="disabledEdit"
+            type="button"
             aria-label="{{ 'Delegate' | translate }}"
             uib-tooltip="{{ 'Delegate' | translate }}"
             tooltip-popup-delay="500"
             tooltip-append-to-body="true"
+            ng-click="delegateTo()"
+            ng-disabled="disabledEdit"
           >
             <i c8y-icon="batch-assign" class="text-16"></i>
           </button>
@@ -350,62 +349,68 @@
         ({{ vm.tfaStrategy || 'SMS' }})
       </small>
       <button
-        ng-click="$event.preventDefault()"
-        type="button"
         class="btn-help btn-help--sm"
+        type="button"
         aria-label="{{ 'Help' | translate }}"
-        ng-show="vm.tfaStrategy === 'SMS' && notCurrentUser"
         uib-popover="{{
           'When enabled, a verification code sent by SMS is required to complete authentication'
             | translate
         }}"
-        popover-append-to-body="true"
         popover-trigger="'focus'"
+        popover-placement="right"
+        popover-append-to-body="true"
+        ng-click="$event.preventDefault()"
+        ng-show="vm.tfaStrategy === 'SMS' && notCurrentUser"
       ></button>
       <button
-        ng-click="$event.preventDefault()"
-        type="button"
         class="btn-help btn-help--sm"
+        type="button"
         aria-label="{{ 'Help' | translate }}"
-        ng-show="vm.tfaStrategy === 'SMS' && !notCurrentUser"
         uib-popover="{{
           'Authentication by SMS - cannot be changed for your own user.' | translate
         }}"
-        popover-append-to-body="true"
         popover-trigger="'focus'"
+        popover-placement="right"
+        popover-append-to-body="true"
+        ng-click="$event.preventDefault()"
+        ng-show="vm.tfaStrategy === 'SMS' && !notCurrentUser"
       ></button>
       <button
-        ng-click="$event.preventDefault()"
-        type="button"
         class="btn-help btn-help--sm"
+        type="button"
         aria-label="{{ 'Help' | translate }}"
-        ng-show="vm.tfaStrategy === 'TOTP' && user.twoFactorAuthenticationEnabled"
         uib-popover="{{
           'TOTP secret activated. It can be revoked using the button below.' | translate
         }}"
-        popover-append-to-body="true"
         popover-trigger="'focus'"
+        popover-placement="right"
+        popover-append-to-body="true"
+        ng-click="$event.preventDefault()"
+        ng-show="vm.tfaStrategy === 'TOTP' && user.twoFactorAuthenticationEnabled"
       ></button>
       <button
-        ng-click="$event.preventDefault()"
-        type="button"
         class="btn-help btn-help--sm"
+        type="button"
         aria-label="{{ 'Help' | translate }}"
-        ng-show="vm.tfaStrategy === 'TOTP' && !user.twoFactorAuthenticationEnabled"
         uib-popover="{{
           'TOTP secret is not activated. It can only be activated from the user menu.' | translate
         }}"
-        popover-append-to-body="true"
         popover-trigger="'focus'"
+        popover-placement="right"
+        popover-append-to-body="true"
+        ng-click="$event.preventDefault()"
+        ng-show="vm.tfaStrategy === 'TOTP' && !user.twoFactorAuthenticationEnabled"
       ></button>
       <button
-        ng-show="vm.messagingWarningVisible()"
         class="btn-clean"
-        ng-click="$event.preventDefault()"
-        popover-append-to-body="true"
+        type="button"
+        aria-label="{{ smsWarningPopover | translate }}"
+        uib-popover-html="smsWarningPopover | translate"
         popover-placement="right"
         popover-trigger="'focus'"
-        uib-popover-html="smsWarningPopover | translate"
+        popover-append-to-body="true"
+        ng-show="vm.messagingWarningVisible()"
+        ng-click="$event.preventDefault()"
       >
         <i c8y-icon="exclamation-triangle" class="text-danger"></i>
       </button>
@@ -426,26 +431,28 @@
       <span></span>
       <span>{{ 'Enforce TOTP setup for the user' | translate }}</span>
       <button
-        ng-click="$event.preventDefault()"
-        type="button"
         class="btn-help btn-help--sm"
+        type="button"
         aria-label="{{ 'Help' | translate }}"
-        ng-show="!notCurrentUser"
         uib-popover="{{ 'TOTP cannot be enforced for your own user.' | translate }}"
-        popover-append-to-body="true"
         popover-trigger="'focus'"
+        popover-placement="right"
+        popover-append-to-body="true"
+        ng-click="$event.preventDefault()"
+        ng-show="!notCurrentUser"
       ></button>
       <button
-        ng-click="$event.preventDefault()"
         class="btn-help btn-help--sm"
-        aria-label="{{ 'Help' | translate }}"
         type="button"
-        ng-show="topLevelTfaEnforced"
+        aria-label="{{ 'Help' | translate }}"
         uib-popover="{{
           'TOTP is enforced for the user based on the platform-level settings.' | translate
         }}"
-        popover-append-to-body="true"
         popover-trigger="'focus'"
+        popover-placement="right"
+        popover-append-to-body="true"
+        ng-click="$event.preventDefault()"
+        ng-show="topLevelTfaEnforced"
       ></button>
     </label>
   </div>
@@ -485,8 +492,8 @@
 
 <div class="form-group">
   <button
-    type="button"
     class="btn btn-default"
+    type="button"
     name="changePassword"
     ng-show="
       !disabledEdit &&

package/core/ui/user/measurementUnitPreference.html

@@ -4,12 +4,12 @@
     {{ 'Unit conversion' | translate }}
     <button
       class="btn-help btn-help--sm"
-      aria-label="{{ 'Help' | translate }}"
       type="button"
-      ng-click="$event.preventDefault()"
+      aria-label="{{ 'Help' | translate }}"
       uib-popover="{{ vm.tooltip | translate }}"
       popover-trigger="'focus'"
       popover-placement="right"
+      ng-click="$event.preventDefault()"
     ></button>
   </label>
   <ui-select ng-model="vm.user.measurementUnit">

package/core/ui/views/alarmList.html

@@ -71,12 +71,12 @@
               <button
                 class="btn-clean severity"
                 type="button"
+                aria-label="{{ 'Severity' | translate }}: {{ alarm.severity | translate }}"
                 uib-tooltip="{{ 'Severity' | translate }}: {{ alarm.severity | translate }}"
-                aria-label="{{ 'Severity' | translate }}"
                 tooltip-placement="right"
-                tooltip-trigger="'mouseenter focus'"
-                tooltip-append-to-body="true"
+                tooltip-trigger="'mouseenter'"
                 tooltip-popup-delay="500"
+                tooltip-append-to-body="true"
               >
                 <i
                   c8y-icon="{{ icon(alarm.severity) }}"
@@ -87,12 +87,12 @@
               <button
                 class="btn-clean status"
                 type="button"
+                aria-label="{{ 'Status' | translate }}: {{ alarm.status | translate }}"
                 uib-tooltip="{{ 'Status' | translate }}: {{ alarm.status | translate }}"
-                aria-label="{{ 'Status' | translate }}"
                 tooltip-placement="right"
-                tooltip-append-to-body="true"
-                tooltip-trigger="'mouseenter focus'"
+                tooltip-trigger="'mouseenter'"
                 tooltip-popup-delay="500"
+                tooltip-append-to-body="true"
               >
                 <i c8y-icon="{{ icon(alarm.status) }}"></i>
               </button>
@@ -106,16 +106,21 @@
               <div class="span m-r-4" ng-if="alarm.count > 1">
                 <button
                   class="btn-clean"
-                  aria-label="{{ 'Number of occurrences' | translate }}"
+                  type="button"
+                  aria-label="{{ 'Number of occurrences' | translate }}. {{
+                    'First occurrence' | translate
+                  }} {{ alarm.firstOccurrenceTime | absoluteDate }} ({{
+                    'device time' | translate
+                  }})."
                   uib-tooltip="{{ 'Number of occurrences' | translate }}. {{
                     'First occurrence' | translate
                   }} {{ alarm.firstOccurrenceTime | absoluteDate }} ({{
                     'device time' | translate
                   }})."
                   tooltip-placement="right"
-                  tooltip-append-to-body="true"
+                  tooltip-trigger="'mouseenter'"
                   tooltip-popup-delay="500"
-                  tooltip-trigger="'mouseenter focus'"
+                  tooltip-append-to-body="true"
                 >
                   <span class="badge badge-info">
                     {{ alarm.count }}
@@ -155,29 +160,29 @@
               <span class="showOnHover">
                 <button
                   class="btn btn-default btn-xs"
+                  type="button"
+                  aria-label="{{ 'Acknowledge' | translate }}"
+                  uib-tooltip="{{ 'Acknowledge' | translate }}"
+                  tooltip-popup-delay="500"
+                  tooltip-trigger="'mouseenter'"
+                  tooltip-append-to-body="true"
                   ng-disabled="changingStatus"
                   ng-click="changeStatus(alarm, 'ACKNOWLEDGED')"
                   ng-if="alarm.status == 'ACTIVE'"
-                  uib-tooltip="{{ 'Acknowledge' | translate }}"
-                  aria-label="{{ 'Acknowledge' | translate }}"
-                  tooltip-append-to-body="true"
-                  tooltip-trigger="'mouseenter focus'"
-                  tooltip-popup-delay="500"
-                  type="button"
                 >
                   <i c8y-icon="bell-slash"></i>
                 </button>
                 <button
                   class="btn btn-default btn-xs"
-                  ng-disabled="changingStatus"
-                  ng-click="changeStatus(alarm, 'CLEARED')"
-                  ng-if="!(alarm.status == 'CLEARED')"
-                  uib-tooltip="{{ 'Clear`alarm`' | translate }}"
+                  type="button"
                   aria-label="{{ 'Clear`alarm`' | translate }}"
+                  uib-tooltip="{{ 'Clear`alarm`' | translate }}"
                   tooltip-append-to-body="true"
-                  tooltip-trigger="'mouseenter focus'"
+                  tooltip-trigger="'mouseenter'"
                   tooltip-popup-delay="500"
-                  type="button"
+                  ng-disabled="changingStatus"
+                  ng-click="changeStatus(alarm, 'CLEARED')"
+                  ng-if="!(alarm.status == 'CLEARED')"
                 >
                   <i c8y-icon="check-circle"></i>
                 </button>
@@ -188,9 +193,9 @@
           <div class="c8y-list__item__actions">
             <!-- toggle collapse -->
             <button
+              class="collapse-btn"
               type="button"
               title="{{ 'Expand' | translate }}"
-              class="collapse-btn"
               ng-class="{ active: isOpen(alarm) }"
               ng-click="toggle(alarm);"
             >
@@ -208,18 +213,18 @@
             >
               <button
                 class="dropdown-toggle c8y-dropdown"
+                type="button"
+                title="{{ 'Actions' | translate }}"
                 aria-haspopup="true"
                 uib-dropdown-toggle
-                title="{{ 'Actions' | translate }}"
-                type="button"
               >
                 <i c8y-icon="ellipsis-v"></i>
               </button>
               <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu="">
                 <li>
                   <button
-                    title="{{ 'Acknowledge' | translate }}"
                     type="button"
+                    title="{{ 'Acknowledge' | translate }}"
                     ng-click="changeStatus(alarm, 'ACKNOWLEDGED')"
                     ng-if="alarm.status == 'ACTIVE'"
                   >
@@ -229,8 +234,8 @@
                 </li>
                 <li>
                   <button
-                    title="{{ 'Clear alarm' | translate }}"
                     type="button"
+                    title="{{ 'Clear alarm' | translate }}"
                     ng-click="changeStatus(alarm, 'CLEARED')"
                     ng-if="!(alarm.status == 'CLEARED')"
                   >
@@ -241,8 +246,8 @@
                 <li>
                   <c8y-if-allowed cfg="smartRulesSvc.permissionsCfgs.create">
                     <button
-                      title="{{ 'Create smart rule' | translate }}"
                       type="button"
+                      title="{{ 'Create smart rule' | translate }}"
                       ng-click="createSmartRule(alarm)"
                     >
                       <i c8y-icon="cogs"></i>

package/core/ui/views/auditList.html

@@ -19,10 +19,10 @@
       <label class="m-0">
         {{ 'Time' | translate }}
         <button
+          class="btn-help btn-help--sm"
           type="button"
-          class="m-l-4 btn-help btn-help--sm"
-          uib-popover-html="'Server time can be different from device times in other fields.' | translate"
           aria-label="{{ 'Help' | translate }}"
+          uib-popover-html="'Server time can be different from device times in other fields.' | translate"
           popover-placement="right"
           popover-trigger="'focus'"
         ></button>
@@ -57,12 +57,12 @@
           <button
             class="btn-clean"
             type="button"
-            ng-if="convertTypeIcon(audit.type)"
-            uib-tooltip="{{ convertType(audit.type) | translate }}"
             aria-label="{{ 'Audit' | translate }}"
-            tooltip-trigger="'mouseenter focus'"
+            uib-tooltip="{{ convertType(audit.type) | translate }}"
+            tooltip-trigger="'mouseenter'"
             tooltip-popup-delay="500"
             tooltip-append-to-body="true"
+            ng-if="convertTypeIcon(audit.type)"
           >
             <i c8y-icon="{{ convertTypeIcon(audit.type) }}"></i>
           </button>
@@ -111,10 +111,11 @@
               {{ 'Source' | translate }}
             </a>
             <button
-              ng-if="audit.sourceInfo && audit.showCogWheel && !hideDevice"
               class="btn btn-dot small m-r-8"
-              ng-click="goToAuditDetail(audit.sourceInfo)"
+              type="button"
               title="{{ 'Go to source' | translate }}"
+              ng-if="audit.sourceInfo && audit.showCogWheel && !hideDevice"
+              ng-click="goToAuditDetail(audit.sourceInfo)"
             >
               <i c8y-icon="dot-circle-o"></i>
               {{ 'Source' | translate }}