@c8y/ng1-modules 1018.472.0 → 1018.474.0

package/roles/list/rolesList.html

@@ -1,35 +1,44 @@
 <c8y-breadcrumbs-set>
   <c8y-breadcrumbs-item
+    icon="c8y-accounts"
     path="#roles"
     label="{{ 'Roles' | translate }}"
-    icon="c8y-accounts"
   ></c8y-breadcrumbs-item>
   <c8y-breadcrumbs-item
-    label="{{ 'Accounts' | translate }}"
     icon="c8y-accounts"
+    label="{{ 'Accounts' | translate }}"
   ></c8y-breadcrumbs-item>
 </c8y-breadcrumbs-set>
 
 <c8y-ui-action-bar-set>
-  <li class="navbar-form hidden-xs" action-bar-position="left">
+  <li
+    class="navbar-form hidden-xs"
+    action-bar-position="left"
+  >
     <c8y-list-display-control
       list-length="vm.roles.length"
       on-list-class-change="vm.listClass = listClass"
     ></c8y-list-display-control>
   </li>
 
-  <li class="navbar-form" action-bar-position="left">
+  <li
+    class="navbar-form"
+    action-bar-position="left"
+  >
     <div class="input-group input-group-search">
       <input
-        title="{{ 'Filter roles' | translate }}"
-        type="search"
         class="form-control"
+        title="{{ 'Filter roles' | translate }}"
+        id="filter"
         placeholder="{{ 'Filter' | translate }}…"
+        type="search"
         ng-model="vm.searchString"
-        id="filter"
       />
       <span class="input-group-addon">
-        <i c8y-icon="search" ng-if="vm.searchString.length === 0 || !vm.searchString"></i>
+        <i
+          c8y-icon="search"
+          ng-if="vm.searchString.length === 0 || !vm.searchString"
+        ></i>
         <i
           class="text-muted"
           c8y-icon="times"
@@ -37,15 +46,21 @@
           ng-click="vm.searchString = ''"
         ></i>
       </span>
-      <span for="filter" class="sr-only" translate>Filter roles</span>
+      <span
+        class="sr-only"
+        for="filter"
+        translate
+      >
+        Filter roles
+      </span>
     </div>
   </li>
 
   <li action-bar-position="right">
     <button
+      class="btn btn-link"
       title="{{ 'Add inventory role' | translate }}"
       type="button"
-      class="btn btn-link"
       ng-click="::vm.addRole()"
       ng-show="vm.roles[0].permissions"
     >
@@ -53,9 +68,9 @@
       <span translate>Add inventory role</span>
     </button>
     <button
+      class="btn btn-link"
       title="{{ 'Add global role' | translate }}"
       type="button"
-      class="btn btn-link"
       ng-click="::vm.addRole()"
       ng-show="!vm.roles[0].permissions"
     >
@@ -69,10 +84,10 @@
 
 <!-- Empty state -->
 <c8y-ui-empty-state
-  ng-if="vm.roles.length === 0"
   [icon]="'c8y-users'"
   [title]="'No roles to display.' | translate"
   [subtitle]="'Click below to add your first role.' | translate"
+  ng-if="vm.roles.length === 0"
 >
   <button
     class="btn btn-primary"
@@ -90,7 +105,10 @@
   >
     {{ 'Add global role' | translate }}
   </button>
-  <p class="m-t-4" c8y-guide-docs>
+  <p
+    class="m-t-4"
+    c8y-guide-docs
+  >
     <small translate>
       Find out more in the
       <a c8y-guide-href="users-guide/administration/#managing-permissions">
@@ -101,8 +119,14 @@
   </p>
 </c8y-ui-empty-state>
 
-<div class="card-group" ng-class="vm.listClass">
-  <div class="page-sticky-header hidden-xs" ng-if="vm.roles.length > 0">
+<div
+  class="card-group"
+  ng-class="vm.listClass"
+>
+  <div
+    class="page-sticky-header hidden-xs"
+    ng-if="vm.roles.length > 0"
+  >
     <div class="d-flex">
       <div class="card-header">
         <p translate>Name</p>
@@ -112,7 +136,10 @@
           <span translate>Description</span>
         </div>
       </div>
-      <div class="card-footer card-column-30 m-r-8" ng-if="vm.roles[0].permissions">
+      <div
+        class="card-footer card-column-30 m-r-8"
+        ng-if="vm.roles[0].permissions"
+      >
         <span translate>Permissions</span>
       </div>
     </div>
@@ -122,22 +149,34 @@
     ng-repeat="role in vm.roles | filter:vm.searchString as filtered"
     ng-click="::vm.edit(role)"
   >
-    <div class="card card--d-col" ng-click="vm.edit(role)">
-      <div class="card-actions" ng-click="$event.stopPropagation()">
-        <div class="dropdown settings" uib-dropdown>
+    <div
+      class="card card--d-col"
+      ng-click="vm.edit(role)"
+    >
+      <div
+        class="card-actions"
+        ng-click="$event.stopPropagation()"
+      >
+        <div
+          class="dropdown settings"
+          uib-dropdown
+        >
           <button
-            type="button"
-            title="{{ 'Actions' | translate }}"
             class="dropdown-toggle c8y-dropdown"
-            uib-dropdown-toggle
+            title="{{ 'Actions' | translate }}"
             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>
               <button
                 title="{{ 'Edit' | translate }}"
@@ -175,15 +214,30 @@
 
       <div class="card-header separator">
         <div class="card-icon">
-          <i c8y-icon="connected-people" class="text-gray-darker" ng-if="role.customProperties"></i>
-          <i c8y-icon="insurance-agent" class="text-gray-darker" ng-if="!role.customProperties"></i>
+          <i
+            class="text-gray-darker"
+            c8y-icon="connected-people"
+            ng-if="role.customProperties"
+          ></i>
+          <i
+            class="text-gray-darker"
+            c8y-icon="insurance-agent"
+            ng-if="!role.customProperties"
+          ></i>
         </div>
-        <div class="card-title text-truncate" title="{{::role.name | translate}}">
+        <div
+          class="card-title text-truncate"
+          title="{{::role.name | translate}}"
+        >
           <span>{{::role.name | translate}}</span>
         </div>
       </div>
       <div class="card-block card-column-70">
-        <span class="text-label-small" title="{{ connector.description }}" translate>
+        <span
+          class="text-label-small"
+          title="{{ connector.description }}"
+          translate
+        >
           Description
         </span>
         <small ng-show="role.description">
@@ -195,8 +249,14 @@
           </small>
         </span>
       </div>
-      <div class="card-footer separator card-column-30" ng-if="role.permissions">
-        <span class="badge badge-info" ng-bind="::role.permissions.length"></span>
+      <div
+        class="card-footer separator card-column-30"
+        ng-if="role.permissions"
+      >
+        <span
+          class="badge badge-info"
+          ng-bind="::role.permissions.length"
+        ></span>
         <span
           class="text-label-small"
           translate
@@ -212,10 +272,10 @@
 
 <!-- no results empty state -->
 <c8y-ui-empty-state
-  ng-if="filtered.length === 0 && vm.searchString.length > 0"
   [icon]="'search'"
   [title]="'No results to display.' | translate"
   [subtitle]="'Refine your search terms or check your spelling.' | translate"
+  ng-if="filtered.length === 0 && vm.searchString.length > 0"
 ></c8y-ui-empty-state>
 
 <c8y-load-more></c8y-load-more>

package/simulators/detail/instructionList.html

@@ -1,33 +1,52 @@
 <div class="bg-level-1 flex-grow">
-  <ul class="c8y-nav-stacked" ui-sortable="vm.uiSortableOptions" ng-model="vm.instructions">
+  <ul
+    class="c8y-nav-stacked"
+    ui-sortable="vm.uiSortableOptions"
+    ng-model="vm.instructions"
+  >
     <li
       class="c8y-stacked-item"
-      ng-repeat="instruction in vm.instructions"
-      ng-style="vm.checkClickable(instruction)"
       ng-class="{ active: vm.isInstructionSelected(instruction) }"
+      ng-style="vm.checkClickable(instruction)"
+      ng-repeat="instruction in vm.instructions"
     >
       <i
+        class="text-muted showOnHover handle"
         c8y-icon="reorder"
-        ng-show="vm.canDrag(instruction)"
         title="{{ 'Drag to reorder' | translate }}"
-        class="text-muted showOnHover handle"
+        ng-show="vm.canDrag(instruction)"
       ></i>
       <button
         class="btn-clean d-flex fit-w text-truncate"
         type="button"
         ng-click="vm.select(instruction)"
       >
-        <i c8y-icon="{{ vm.icons[instruction.type] }}" class="icon-20 m-r-4"></i>
-        <span class="text-truncate" title="{{ vm.title(instruction) | translate }}">
+        <i
+          class="icon-20 m-r-4"
+          c8y-icon="{{ vm.icons[instruction.type] }}"
+        ></i>
+        <span
+          class="text-truncate"
+          title="{{ vm.title(instruction) | translate }}"
+        >
           <span ng-bind="vm.title(instruction) | translate"></span>
 
-          <span class="text-muted" ng-show="instruction.type === 'message'">
+          <span
+            class="text-muted"
+            ng-show="instruction.type === 'message'"
+          >
             {{ instruction.templateId }} / {{ instruction.messageId }}
           </span>
-          <span class="text-muted" ng-show="instruction.type === 'builtin'">
+          <span
+            class="text-muted"
+            ng-show="instruction.type === 'builtin'"
+          >
             {{ instruction.messageId }}
           </span>
-          <span class="text-muted" ng-show="instruction.type === 'sleep'">
+          <span
+            class="text-muted"
+            ng-show="instruction.type === 'sleep'"
+          >
             <em translate>{{ instruction.seconds }} seconds</em>
           </span>
         </span>
@@ -35,30 +54,36 @@
 
       <button
         class="m-l-auto btn btn-icon p-l-8 p-r-8 showOnHover"
-        type="button"
         aria-label="{{ 'Remove' | translate }}"
         uib-tooltip="{{ 'Remove' | translate }}"
         tooltip-popup-delay="500"
         tooltip-trigger="'mouseenter'"
         tooltip-placement="left"
+        type="button"
         ng-click="vm.remove(instruction)"
       >
-        <i c8y-icon="minus-circle" class="text-danger"></i>
+        <i
+          class="text-danger"
+          c8y-icon="minus-circle"
+        ></i>
       </button>
     </li>
 
     <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"
+        ng-show="vm.instructions.length === 0"
       >
-        <small c8y-guide-docs translate>
+        <small
+          c8y-guide-docs
+          translate
+        >
           Find out more in the
           <a
-            c8y-guide-href="users-guide/device-management/#simulator"
             target="_blank"
+            c8y-guide-href="users-guide/device-management/#simulator"
             rel="noopener noreferrer"
           >
             User guide`KEEP_ORIGINAL`

package/simulators/list/list.html

@@ -1,13 +1,19 @@
 <c8y-breadcrumbs-set>
   <c8y-breadcrumbs-item
-    label="{{ 'Simulators' | translate }}"
     icon="c8y-simulator"
+    label="{{ 'Simulators' | translate }}"
+  ></c8y-breadcrumbs-item>
+  <c8y-breadcrumbs-item
+    icon="exchange"
+    label="{{ 'Devices' | translate }}"
   ></c8y-breadcrumbs-item>
-  <c8y-breadcrumbs-item label="{{ 'Devices' | translate }}" icon="exchange"></c8y-breadcrumbs-item>
 </c8y-breadcrumbs-set>
 
 <c8y-ui-action-bar-set>
-  <li class="navbar-form hidden-xs" action-bar-position="left">
+  <li
+    class="navbar-form hidden-xs"
+    action-bar-position="left"
+  >
     <c8y-list-display-control
       list-length="vm.simulators.length"
       on-list-class-change="vm.listClass = listClass"
@@ -23,7 +29,10 @@
     ng-click="vm.load()"
     ng-disabled="vm.loading"
   >
-    <i c8y-icon="refresh" ng-class="{ 'icon-spin': vm.loading }"></i>
+    <i
+      ng-class="{ 'icon-spin': vm.loading }"
+      c8y-icon="refresh"
+    ></i>
     {{ 'Reload' | translate }}
   </button>
 </c8y-ui-action-bar-set>
@@ -32,10 +41,10 @@
 
 <!-- empty state -->
 <c8y-ui-empty-state
-  ng-if="vm.simulators.length === 0"
   [icon]="'c8y-simulator'"
   [title]="'No simulators to display.' | translate"
   [subtitle]="'Click below to add your first simulator.' | translate"
+  ng-if="vm.simulators.length === 0"
 >
   <c8y-simulator-add on-added="vm.onSimulatorAdded(simulator)"></c8y-simulator-add>
 
@@ -48,8 +57,14 @@
   </p>
 </c8y-ui-empty-state>
 
-<div class="card-group" ng-class="vm.listClass">
-  <div class="page-sticky-header hidden-xs" ng-if="vm.simulators.length > 0">
+<div
+  class="card-group"
+  ng-class="vm.listClass"
+>
+  <div
+    class="page-sticky-header hidden-xs"
+    ng-if="vm.simulators.length > 0"
+  >
     <div class="d-flex">
       <div class="card-actions"></div>
       <div class="card-header card-column-40">
@@ -75,20 +90,29 @@
     class="col-xs-12 col-sm-6 col-md-4 col-lg-3"
     ng-repeat="simulator in vm.simulators | orderBy:'name'"
   >
-    <div class="card" ng-click="vm.edit(simulator)">
+    <div
+      class="card"
+      ng-click="vm.edit(simulator)"
+    >
       <div class="card-actions">
-        <div class="dropdown settings" uib-dropdown>
+        <div
+          class="dropdown settings"
+          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>
               <button
                 title="{{ 'Edit' | translate }}"
@@ -127,7 +151,10 @@
         <div class="card-icon">
           <i c8y-icon="c8y-simulator c8y-icon-duocolor"></i>
         </div>
-        <div class="text-truncate card-title" title="{{ simulator.name }}">
+        <div
+          class="text-truncate card-title"
+          title="{{ simulator.name }}"
+        >
           {{ simulator.name }}
         </div>
       </div>
@@ -135,8 +162,8 @@
       <div class="card-block card-column-30 m-r-0">
         <div ng-switch="simulator.state">
           <label
-            title="{{ 'Toggle simulator state' | translate }}"
             class="c8y-switch c8y-switch--inline"
+            title="{{ 'Toggle simulator state' | translate }}"
             ng-click="$event.stopPropagation()"
           >
             <input
@@ -147,8 +174,8 @@
             <span></span>
             <span
               class="text-capitalize"
-              ng-switch-default
               title="{{ simulator.state | translate | lowercase }}"
+              ng-switch-default
             >
               {{ simulator.state.toLowerCase() | translate }}
             </span>
@@ -159,14 +186,24 @@
       <div class="card-footer separator card-column-30">
         <div class="d-flex fit-w">
           <div class="card-column-50 flex-grow">
-            <span class="text-label-small" translate>Instances</span>
+            <span
+              class="text-label-small"
+              translate
+            >
+              Instances
+            </span>
             <span title=" {{ simulator.instances }} {{ 'Instances' | translate }}">
               <i c8y-icon="{{ vm.icons.simulator }}"></i>
               {{ simulator.instances }}
             </span>
           </div>
           <div class="card-column-50">
-            <span class="text-label-small" translate>Instructions</span>
+            <span
+              class="text-label-small"
+              translate
+            >
+              Instructions
+            </span>
             <span title="{{ simulator.commandQueue.length }} {{ 'Instructions' | translate }}">
               <i c8y-icon="{{ vm.icons.instruction }}"></i>
               {{ simulator.commandQueue.length }}