@c8y/ng1-modules 1018.379.0 → 1018.380.0

package/core/ui/directives/loadMore.js

@@ -1 +1 @@
-"use strict";!function(){function e(o){e.$inject=["$scope","$element"];var t=[250,500,1e3];function i(e){if(e.paging&&(e.paging.next||e.paging.blind))return o("More data may be available.")}return{restrict:"EA",replace:!0,templateUrl:":::PLUGIN_PATH:::/ui/views/loadmore.html",link:function(n,e,o){n.hidePageSize=!0,n.getLoadMoreTooltip=_.partial(i,n),o=!_.isUndefined(o.changePageSize),!n.hidePageSize&&o&&(n._pageSizes=_.cloneDeep(t),n.$on("paging.statistics.pageSize",function(e){var e=parseInt(e,10),o=_.cloneDeep(t);e&&(n._pageSizes=_.without(o,e))}))},controller:e};function e(n,o){var t;function i(){var e=jQuery(o),e=_.head(e);t||(e=e.querySelector(".classForObserver"),(t=new IntersectionObserver(a,{root:null,rootMargin:"0px 0px 0px 0px",threshold:1})).observe(e))}function a(e){n.paging&&n.paging.next&&e.forEach(function(e){e.isIntersecting&&n.loadNext()})}n.$watch("paging",function(e){var o;e&&e.next?(o=e.next)===_.noop?n.shouldShowLoadMore=!0:e.noPreFetch?(n.shouldShowLoadMore=!0,i()):o().then(function(e){n.shouldShowLoadMore=!_.isEmpty(e),n.shouldShowLoadMore&&i()}):n.shouldShowLoadMore=!1})}}e.$inject=["gettext"],angular.module("c8y.ui").directive("c8yLoadMore",e)}();
+"use strict";!function(){function e(t){e.$inject=["$scope","$element"];var a=[250,500,1e3];function n(e){if(e.paging&&(e.paging.next||e.paging.blind))return t("More data may be available.")}return{restrict:"EA",replace:!0,templateUrl:":::PLUGIN_PATH:::/ui/views/loadmore.html",link:function(o,e,t){Object.hasOwn(t,"cheapnextcheck")&&(o.cheapNextCheck=!0),o.hidePageSize=!0,o.getLoadMoreTooltip=_.partial(n,o),t=!_.isUndefined(t.changePageSize),!o.hidePageSize&&t&&(o._pageSizes=_.cloneDeep(a),o.$on("paging.statistics.pageSize",function(e){var e=parseInt(e,10),t=_.cloneDeep(a);e&&(o._pageSizes=_.without(t,e))}))},controller:e};function e(o,t){var a;function n(){var e=jQuery(t),e=_.head(e);a||(e=e.querySelector(".classForObserver"),(a=new IntersectionObserver(i,{root:null,rootMargin:"0px 0px 0px 0px",threshold:1})).observe(e))}function i(e){o.paging&&o.paging.next&&e.forEach(function(e){e.isIntersecting&&o.loadNext()})}o.$watch("paging",function(e){var t;e&&e.next?(t=e.next)===_.noop?o.shouldShowLoadMore=!0:e.noPreFetch?(o.shouldShowLoadMore=!0,n()):o.cheapNextCheck&&e.statistics&&e.statistics.currentPage&&e.statistics.totalPages?(o.shouldShowLoadMore=e.statistics.currentPage<e.statistics.totalPages,o.shouldShowLoadMore&&n()):t().then(function(e){o.shouldShowLoadMore=!_.isEmpty(e),o.shouldShowLoadMore&&n()}):o.shouldShowLoadMore=!1})}}e.$inject=["gettext"],angular.module("c8y.ui").directive("c8yLoadMore",e)}();

package/package.json

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

package/users/userList/userList.html

@@ -1,61 +1,103 @@
 <div class="page-sticky-header user-list-row hidden-sm hidden-xs">
   <div class="col-expand"></div>
-  <label class="col-username" translate>Username and login alias</label>
+  <label
+    class="col-username"
+    translate
+  >
+    Username and login alias
+  </label>
   <label class="col-subaccounts"></label>
-  <label class="col-fullname" translate>Name and email</label>
-  <label class="col-globalroles" translate>Global roles</label>
-  <label class="col-passwordstrength" translate style="flex: 0 0 92px">Pass strength</label>
+  <label
+    class="col-fullname"
+    translate
+  >
+    Name and email
+  </label>
+  <label
+    class="col-globalroles"
+    translate
+  >
+    Global roles
+  </label>
+  <label
+    class="col-passwordstrength"
+    style="flex: 0 0 92px"
+    translate
+  >
+    Pass strength
+  </label>
   <div class="col-actions"></div>
 </div>
 
 <div
   class="user-list-row"
-  ng-repeat="user in vm.userFlatTree | filter:vm.visible"
   ng-class="::{owned: !!user.owner, owns: user.subusersCount > 0}"
   ng-style="{ 'margin-left': user._depth * 4, 'margin-right': user._depth * 4 }"
+  ng-repeat="user in vm.userFlatTree | filter:vm.visible"
 >
   <button
     class="col-expand interact btn-clean"
-    type="button"
     title="{{ 'Direct sub-users' | translate }}"
+    type="button"
     ng-click="::!vm.searchOn() && vm.toggleExpanded(user)"
     ng-show="::user.subusersCount"
   >
-    <label class="hidden-md hidden-lg" translate>Direct sub-users</label>
+    <label
+      class="hidden-md hidden-lg"
+      translate
+    >
+      Direct sub-users
+    </label>
     <span class="badge badge-info hidden-md hidden-lg">{{ user.subusersCount }}</span>
     <i c8y-icon="chevron-down" ng-class="{ open: user._expanded }" ng-hide="vm.searchOn()" data-cy="user--with-subusers-expandBtn"></i>
   </button>
-  <div class="col-expand" ng-hide="::user.subusersCount"></div>
+  <div
+    class="col-expand"
+    ng-hide="::user.subusersCount"
+  ></div>
 
   <button
     class="col-username interact text-truncate btn-clean l-h-1"
-    type="button"
     ng-style="{ width: 250 - user._depth * 4 }"
+    type="button"
     ng-click="vm.editUser(user)"
   >
-    <div class="user-dot" ng-class="{ 'user-disabled': !user.enabled }">
+    <div
+      class="user-dot"
+      ng-class="{ 'user-disabled': !user.enabled }"
+    >
       {{::user.userName.substr(0,2)}}
     </div>
     <span class="username text-truncate">
       <span
-        title="{{:: user.userName + (user.displayName ? ' (' + user.displayName + ')' : '')}}"
         class="h4"
+        title="{{:: user.userName + (user.displayName ? ' (' + user.displayName + ')' : '')}}"
       >
         {{::user.userName}}
       </span>
       <br />
       <small
         class="text-muted"
-        ng-if="user.displayName"
         title="{{:: user.userName + (user.displayName ? ' (' + user.displayName + ')' : '')}}"
+        ng-if="user.displayName"
       >
         <em>{{::user.displayName}}</em>
       </small>
 
       <br ng-hide="::user.enabled" />
-      <small class="disabled" ng-hide="::user.enabled" translate>Disabled</small>
+      <small
+        class="disabled"
+        ng-hide="::user.enabled"
+        translate
+      >
+        Disabled
+      </small>
       <br ng-show="::user.delegatedBy" />
-      <small class="delegated text-primary" ng-show="::user.delegatedBy" translate>
+      <small
+        class="delegated text-primary"
+        ng-show="::user.delegatedBy"
+        translate
+      >
         Delegated by {{::user.delegatedBy}}
       </small>
     </span>
@@ -64,11 +106,11 @@
   <div class="col-subaccounts text-center">
     <button
       class="btn-clean"
-      type="button"
       aria-label="{{ 'Direct sub-users' | translate }}"
       uib-tooltip="{{ 'Direct sub-users' | translate }}"
       tooltip-popup-delay="500"
       tooltip-placement="right"
+      type="button"
       ng-show="vm.USER_HIERARCHY && user.subusersCount"
     >
       <span class="badge badge-info">{{ user.subusersCount }}</span>
@@ -77,8 +119,8 @@
 
   <button
     class="col-fullname interact text-truncate btn-clean l-h-1"
-    type="button"
     title="{{ 'Edit user' | translate }}"
+    type="button"
     ng-click="vm.editUser(user)"
   >
     <span title="{{::vm.fullName(user)}}">{{::vm.fullName(user)}}</span>
@@ -101,8 +143,8 @@
       <div class="col-sm-1 p-l-sm-4">
         <button
           class="btn-help"
-          type="button"
           aria-label="{{ 'Help' | translate }}"
+          type="button"
           uib-popover-html="vm.editGlobalRolesForUserWithExternalOrigin | translate"
           popover-trigger="'focus'"
           popover-placement="right"
@@ -116,9 +158,9 @@
   <!-- Password strength -->
   <div class="col-passwordstrength">
     <span
-      ng-if="user.passwordStrength"
       class="icon-flex"
       title="{{::vm.getPasswordStrength(user.passwordStrength) | translate}}"
+      ng-if="user.passwordStrength"
     >
       <i
         c8y-icon="{{::vm.getPasswordIcon(user.passwordStrength)}}"
@@ -133,35 +175,44 @@
   <div class="col-twofactorauth text-right">
     <i
       class="text-success"
-      ng-show="user.twoFactorAuthenticationEnabled"
-      uib-tooltip="{{ 'TFA active' | translate }} ({{ vm.totpStrategy }})"
       c8y-icon="key"
+      uib-tooltip="{{ 'TFA active' | translate }} ({{ vm.totpStrategy }})"
+      ng-show="user.twoFactorAuthenticationEnabled"
     ></i>
   </div>
 
   <div class="col-actions">
-    <div class="dropdown" uib-dropdown>
+    <div
+      class="dropdown"
+      uib-dropdown
+    >
       <button
         class="dropdown-toggle c8y-dropdown"
-        type="button"
         title="{{ 'Actions' | translate }}"
-        uib-dropdown-toggle
         aria-haspopup="true"
+        type="button"
+        uib-dropdown-toggle
         ng-click="::$event.stopPropagation()"
       >
         <span><i c8y-icon="ellipsis-v"></i></span>
       </button>
-      <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
+      <ul
+        class="dropdown-menu dropdown-menu-right"
+        uib-dropdown-menu
+      >
         <li>
-          <a title="{{ 'Edit' | translate }}" ng-href="#{{::vm.detailLink(user)}}">
+          <a
+            title="{{ 'Edit' | translate }}"
+            ng-href="#{{::vm.detailLink(user)}}"
+          >
             <i c8y-icon="edit"></i>
             {{ 'Edit' | translate }}
           </a>
         </li>
         <li>
           <button
-            type="button"
             title="{{ 'Copy inventory roles from' | translate }}…"
+            type="button"
             ng-click="vm.copyInventoryRoles(user)"
           >
             <i c8y-icon="clipboard"></i>
@@ -169,15 +220,19 @@
           </button>
         </li>
         <li ng-show="::vm.showDelegate(user)">
-          <button type="button" title="{{ 'Delegate' | translate }}" ng-click="vm.delegate(user)">
+          <button
+            title="{{ 'Delegate' | translate }}"
+            type="button"
+            ng-click="vm.delegate(user)"
+          >
             <i c8y-icon="batch-assign"></i>
             {{ 'Delegate' | translate }}
           </button>
         </li>
         <li ng-show="::vm.showUndelegate(user)">
           <button
-            type="button"
             title="{{ 'Undelegate' | translate }}"
+            type="button"
             ng-click="vm.removeDelegate(user)"
           >
             <i c8y-icon="batch-assign"></i>
@@ -185,21 +240,29 @@
           </button>
         </li>
         <li ng-show="user.enabled && !vm.isCurrent(user)">
-          <button type="button" title="{{ 'Disable' | translate }}" ng-click="vm.disable(user)">
+          <button
+            title="{{ 'Disable' | translate }}"
+            type="button"
+            ng-click="vm.disable(user)"
+          >
             <i c8y-icon="ban"></i>
             {{ 'Disable' | translate }}
           </button>
         </li>
         <li ng-hide="::(user.enabled)">
-          <button type="button" title="{{ 'Enable' | translate }}" ng-click="vm.enable(user)">
+          <button
+            title="{{ 'Enable' | translate }}"
+            type="button"
+            ng-click="vm.enable(user)"
+          >
             <i c8y-icon="check-circle-o"></i>
             {{ 'Enable' | translate }}
           </button>
         </li>
         <li>
           <button
-            type="button"
             title="{{ 'Delete' | translate }}"
+            type="button"
             ng-click="vm.remove(user)"
             ng-hide="::vm.isUndeletable(user)"
           >
@@ -210,7 +273,10 @@
       </ul>
     </div>
   </div>
-  <div class="tip" ng-class="{ expanded: user._expanded }"></div>
+  <div
+    class="tip"
+    ng-class="{ expanded: user._expanded }"
+  ></div>
 </div>
 
-<c8y-load-more></c8y-load-more>
+<c8y-load-more cheapNextCheck></c8y-load-more>