@c8y/ng1-modules 1023.97.8 → 1024.0.0

package/dataPointExplorer/views/widgetConfig.html

@@ -18,50 +18,40 @@
                 [widget-controls]="widgetControls"
                 [config]="wrapperConfig"
               ></c8y-global-context-widget-wrapper>
-              <div class="c8yGraphFill">
-                <c8y-chart
-                  datapoints="data.graphDataPoints"
-                  date-from="data.dateFrom"
-                  date-to="data.dateTo"
-                  realtime="data.realtime"
-                  aggregation="data.aggregation"
-                  show-time="false"
-                  on-data="(onData)"
+              <div class="fit-h d-flex d-col">
+                <div
+                  class="flex-grow"
+                  style="min-height: 0"
+                >
+                  <c8y-chart
+                    datapoints="data.graphDataPoints"
+                    date-from="data.dateFrom"
+                    date-to="data.dateTo"
+                    realtime="data.realtime"
+                    aggregation="data.aggregation"
+                    show-time="false"
+                    on-data="(onData)"
+                    on-update-dates="onUpdateDates($dateFrom, $dateTo)"
+                    on-update-displayed-dates="onUpdateDisplayedDates($dateFrom, $dateTo)"
+                    on-box-changed="onBoxChanged(box)"
+                  ></c8y-chart>
+                </div>
+                <c8y-alarms-events-timelines-chart
+                  ng-if="data.alarmsEventsConfigs.length"
+                  alarms-events-configs="data.alarmsEventsConfigs"
+                  date-from="data.displayedDateFrom"
+                  date-to="data.displayedDateTo"
                   on-update-dates="onUpdateDates($dateFrom, $dateTo)"
-                  on-update-displayed-dates="onUpdateDisplayedDates($dateFrom, $dateTo)"
-                  on-box-changed="onBoxChanged(box)"
-                ></c8y-chart>
+                  realtime="data.realtime"
+                  on-realtime-alarm-fn="onRealtimeAlarmFn(onRealtimeAlarm)"
+                  on-realtime-event-fn="onRealtimeEventFn(onRealtimeEvent)"
+                  chart-box="chartBox"
+                ></c8y-alarms-events-timelines-chart>
               </div>
-              <c8y-alarms-events-timelines-chart
-                alarms-events-configs="data.graphAlarmsEventsConfigs"
-                date-from="data.displayedDateFrom"
-                date-to="data.displayedDateTo"
-                on-update-dates="onUpdateDates($dateFrom, $dateTo)"
-                realtime="data.realtime"
-                on-realtime-alarm-fn="onRealtimeAlarmFn(onRealtimeAlarm)"
-                on-realtime-event-fn="onRealtimeEventFn(onRealtimeEvent)"
-                chart-box="chartBox"
-              ></c8y-alarms-events-timelines-chart>
             </c8y-widget-preview-wrapper>
           </div>
         </div>
       </div>
     </div>
-
-    <c8y-data-point-list
-      class="bg-inherit separator-bottom"
-      datapoints="data.datapoints"
-      allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
-      dont-save="true"
-      no-target
-      no-yellow-range
-      no-red-range
-    ></c8y-data-point-list>
-    <c8y-alarms-events-timelines-config
-      class="d-block bg-inherit separator-top"
-      style="padding-top: 1px"
-      configs="data.alarmsEventsConfigs"
-      allow-alarms-events-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
-    ></c8y-alarms-events-timelines-config>
   </div>
 </div>

package/eventsBinary/cumulocity.json

@@ -4,15 +4,9 @@
     "c8y.eventsBinary"
   ],
   "category": "",
-  "description": "Component which displays binary attached to event if available",
-  "css": [
-    "styles/style.css"
-  ],
+  "description": "Component which displays binary attached to event if available",
   "js": [
     "eventsBinary.module.js",
-    "components/eventBinaryPreview/eventBinaryPreview.js",
-    "components/eventBinaryActions/eventBinaryActions.js",
-    "components/eventBinaryIcon/eventBinaryIcon.js",
     "services/eventsBinary.service.js"
   ]
 }

package/export/cumulocity.json

@@ -16,7 +16,7 @@
         "services/filters.js",
         "services/api.js"
     ],
-    "less": [
-        "style/export.less"
+    "scss": [
+        "style/export.scss"
     ]
 }

package/package.json

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

package/switchDisplay/cumulocity.json

@@ -6,9 +6,9 @@
   "category": "Device",
   "icon": "flag-o",
   "description": "Displays in realtime the status of any binary data point.",
-  "less": [
-    "style/switchDisplayConfig.less",
-    "style/switchDisplay.less"
+  "scss": [
+    "style/switchDisplayConfig.scss",
+    "style/switchDisplay.scss"
   ],
   "languages": ["en", "de"],
   "js": [

package/switchDisplay/style/{switchDisplay.less → switchDisplay.scss}

@@ -1,8 +1,5 @@
-//@import "../../c8yBranding/variables/index.less";
-
-// Temporary for DT HMI
-@status-success: #5cb85c;
-@status-danger: #bb1200;
+$status-success: var(--c8y-palette-status-success);
+$status-danger: var(--c8y-palette-status-danger);
 
 .switchDisplay {
   td {
@@ -14,14 +11,14 @@
     }
     &.activeState {
       font-weight: bold;
-      color: @status-success;
+      color: $status-success;
       .icon {
         font-size: 120%;
       }
     }
     &.inactiveState {
       font-weight: bold;
-      color: @status-danger;
+      color: $status-danger;
       .icon {
         font-size: 120%;
       }

package/switchDisplay/style/{switchDisplayConfig.less → switchDisplayConfig.scss}

@@ -1,8 +1,6 @@
-//@import "../../c8yBranding/variables/index.less";
-
 // Temporary for DT HMI
-@gray: #8F9EA2;
-@gray-50: #666;
+$gray: var(--c8y-palette-gray-50);
+$gray-50: var(--c8y-palette-gray-40);
 .switchDisplayConfig {
   table {
     tr td {
@@ -33,6 +31,6 @@
     margin-bottom: -1px;
   }
   .btn-link {
-    color: @gray-50;
+    color: $gray-50;
   }
 }

package/users/cumulocity.json

@@ -1,7 +1,7 @@
 {
   "name": "User Management",
   "ngModules": ["c8y.users"],
-  "less": ["style.less"],
+  "scss": ["style.scss"],
   "js": [
     "index.js",
     "usersUi.provider.js",

package/devicemanagement-eventList/controllers/eventList.js

@@ -1 +0,0 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ownKeys(t,e){var r,o=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),o.push.apply(o,r)),o}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach(function(e){_defineProperty(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}(()=>{function e(e){e=_objectSpread(_objectSpread({},e),{},{pageSize:50});_.assign(this,{filters:e})}e.$inject=["$routeParams"],angular.module("c8y.parts.eventList").controller("eventListCtrl",e)})();

package/devicemanagement-eventList/cumulocity.json

@@ -1,18 +0,0 @@
-{
-  "name": "Event list",
-  "ngModules": [
-    "c8y.parts.eventList"
-  ],
-  "category": "Device",
-  "icon": "bell",
-  "color": "#F2DF0F",
-  "description": "Displays a list of events triggered.",
-  "js": [
-    "index.js",
-    "controllers/eventList.js"
-  ],
-  "folderName": "eventList",
-  "appsInclude": [
-    "devicemanagement"
-  ]
-}

package/devicemanagement-eventList/index.js

@@ -1 +0,0 @@
-(()=>{function e(e,n,i){var t="online1";e.addNavigation({parent:{name:i("Overviews"),icon:"c8y-overviews"},name:i("Events"),priority:1300,icon:t,path:"events"}),n.when("/events",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"}),n.when("/device/:deviceId",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"}),n.when("/service/:deviceId",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"})}e.$inject=["c8yNavigatorProvider","c8yViewsProvider","gettext"],angular.module("c8y.parts.eventList",[]).config(e)})();

package/devicemanagement-eventList/views/index.html

@@ -1,11 +0,0 @@
-<!-- @deprecated Use `EventsComponent` from `@c8y/ngx-components/events` (registered via `eventsDeviceManagementProviders` / `eventsCockpitProviders`) instead. -->
-<div ng-controller="eventListCtrl as vm">
-  <c8y-help
-    src="/docs/device-management-application/monitoring-and-controlling-devices/#troubleshooting-devices"
-  ></c8y-help>
-  <c8y-event-list
-    show-page-titles="true"
-    filters="vm.filters"
-    initial-realtime-state="true"
-  />
-</div>

package/eventList/cumulocity.json

@@ -1,18 +0,0 @@
-{
-  "name": "Event list component",
-  "ngModules": [
-    "c8y.eventList"
-  ],
-  "category": "",
-  "icon": "rss",
-  "color": "#F03F0F",
-  "description": "A configurable component that display list of events depending on the type or device target",
-  "js": [
-    "index.js",
-    "eventList.controller.js",
-    "eventListConfig.controller.js"
-  ],
-  "copy": [
-    "img/*"
-  ]
-}

package/eventList/eventList.controller.js

@@ -1 +0,0 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ownKeys(t,e){var o,i=Object.keys(t);return Object.getOwnPropertySymbols&&(o=Object.getOwnPropertySymbols(t),e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,o)),i}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach(function(e){_defineProperty(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}angular.module("c8y.eventList").controller("EventListCtrl",["$scope","c8yWidgetConfigMigrationService",function(s,t){var a=this,c=null,f=null,l=!0,d=!1,h=null,g=_.debounce(function(){h&&(a.options=h,h=null)},100);function u(e){var t;return e&&(e=e instanceof Date?e:new Date(e),(t=e)instanceof Date)&&"Invalid Date"!==t.toString()&&0<t.getTime()?e:null}s.isLoading=!1,s.initialized=!1,s.widgetControls={supports:["dateTimeContext","isAutoRefreshEnabled","displayMode","refreshInterval","refreshOption"],configSettings:{dashboard:{live:{},history:{}},config:{live:{showAutoRefresh:!0,showTimeContext:!0},history:{showTimeContext:!0,showAggregation:!1}},view_and_config:{live:{showAutoRefresh:!0,showRefreshInterval:!1,showTimeContext:!0},history:{showTimeContext:!0,showAggregation:!1}}},settings:{dashboard:{live:{showAutoRefresh:!0,showTimeContext:!0,showRefreshInterval:!0},history:{showTimeContext:!0,showAggregation:!1}},config:{live:{showAutoRefresh:!0},history:{showTimeContext:!0,showAggregation:!1}},view_and_config:{live:{showAutoRefresh:!0,showRefreshInterval:!0,showTimeContext:!0},history:{showTimeContext:!0,showAggregation:!1}}},defaultLinks:{dashboard:{live:{dateTimeContext:!0,isAutoRefreshEnabled:!0},history:{dateTimeContext:!0}},config:{},view_and_config:{}},stateHandlers:{}},s.onGlobalContextChange=function(e){var t,o,i=e.context.dateTimeContext,n=e.diff.dateTimeContext,r="live"===(r=e.context).refreshOption&&r.isAutoRefreshEnabled&&5e3===r.refreshInterval;(s.child.config.realtime=r)!==d&&(r&&(l=!0),d=r),i&&i.dateFrom&&i.dateTo&&(t=u(i.dateFrom),i=u(i.dateTo),t)&&i&&(s.child.config.date=[t,i],t=t.toISOString(),i=i.toISOString(),o=t!==c||i!==f,n=n&&Boolean(n.interval),o=o,n=n,(r=r)&&l?(l=!1,1):n&&o||!(r||!o))&&(c=n=t,f=r=i,h=_objectSpread(_objectSpread(_objectSpread({},a.options||{}),s.child.config.options||{}),{},{dateFrom:n,dateTo:r,source:s.child.config.device&&s.child.config.device.id}),g(),s.initialized=!0),Object.assign(s.child.config,e.context)},s.dashboardChild=s.dashboardChildForLegacy,s.onLoadingStateChange=function(e){s.isLoading=e},(()=>{var e;s.child&&s.child.config&&(e=t.migrateWidgetConfig(s.child.config),Object.assign(s.child.config,e))})(),s.$on("$destroy",function(){g.cancel()})}]);

package/eventList/eventListConfig.controller.js

@@ -1 +0,0 @@
-(()=>{function t(t){!!t.config.displaySettings&&"true"!==t.config.widgetInstanceGlobalTimeContext||(t.config.widgetInstanceGlobalTimeContext=!0)}t.$inject=["$scope"],angular.module("c8y.eventList").controller("EventListConfigCtrl",["$scope",t])})();

package/eventList/index.js

@@ -1 +0,0 @@
-(()=>{function e(e,t){e.add({name:"Event list",nameDisplay:t("Event list"),description:t("Displays the list of events for selected device."),templateUrl:":::PLUGIN_PATH:::/views/eventList.html",configTemplateUrl:":::PLUGIN_PATH:::/views/eventListConfig.html",previewImage:":::PLUGIN_PATH:::/img/events-list-widget-pr.png",options:{groupsSelectable:!0},displaySettings:{globalTimeContext:!0,globalRealtimeContext:!0}})}e.$inject=["c8yComponentsProvider","gettext"],angular.module("c8y.eventList",[]).config(e)})();

package/eventList/views/eventList.html

@@ -1,21 +0,0 @@
-<!-- @deprecated Use the Angular `EventListWidgetComponent` from `@c8y/ngx-components/widgets/implementations/events` (auto-registered via `cockpitWidgetsExports`) instead. -->
-<div ng-controller="EventListCtrl as eventList">
-  <c8y-global-context-widget-wrapper
-    ng-style="{ 'z-index': 11 }"
-    [display-mode]="'inline'"
-    (global-context-change)="onGlobalContextChange($event)"
-    [widget-controls]="widgetControls"
-    [config]="child.config"
-    [is-loading]="isLoading"
-    [dashboard-child-for-legacy]="dashboardChild"
-  ></c8y-global-context-widget-wrapper>
-  <c8y-event-list
-    ng-if="eventList.options && eventList.options.dateFrom && eventList.options.dateTo"
-    filters="eventList.options"
-    initial-realtime-state="child.config.realtime"
-    realtime="child.config.realtime"
-    hide-widget-actions="true"
-    time-range-unit="true"
-    on-loading-state-change="onLoadingStateChange(refreshLoading)"
-  ></c8y-event-list>
-</div>

package/eventList/views/eventListConfig.html

@@ -1,9 +0,0 @@
-<!-- @deprecated Use the Angular `EventListWidgetConfigComponent` from `@c8y/ngx-components/widgets/implementations/events` instead. -->
-<div ng-controller="EventListConfigCtrl as ctrl">
-  <fieldset class="c8y-fieldset">
-    <legend>{{ 'Type' | translate }}</legend>
-    <div class="form-group form-group-sm m-b-16">
-      <input type="text" class="form-control" ng-model="config.options.type" />
-    </div>
-  </fieldset>
-</div>

package/eventsBinary/components/eventBinaryActions/eventBinaryActions.html

@@ -1,22 +0,0 @@
-<!-- @deprecated Binary event handling is now embedded in the new Angular event list widget. -->
-<div class="col col-12">
-  <div ng-if="vm.checkControlAvailable('download')" class="form-group">
-    <button
-      title="{{ 'Download' | translate }}"
-      class="btn btn-primary btn-xs"
-      ng-click="vm.download()"
-    >
-      <i c8y-icon="download"></i><span translate>Download</span>
-    </button>
-  </div>
-  <div ng-if="vm.checkControlAvailable('upload')" class="form-group">
-    <input type="file" c8y-on-change="vm.onNewImageSelected(event)" />
-    <button
-      title="{{ 'Upload' | translate }}"
-      class="btn btn-primary btn-xs"
-      ng-click="vm.upload()"
-    >
-      <i c8y-icon="upload"></i><span translate>Upload</span>
-    </button>
-  </div>
-</div>

package/eventsBinary/components/eventBinaryActions/eventBinaryActions.js

@@ -1 +0,0 @@
-(()=>{function n(o){var e,t,l=this,a={DOWNLOAD:"download",UPLOAD:"upload"};function i(n,e){(t=_.map(l.availableControls?l.availableControls.split(","):[],_.trim)).length||(l.enableDownload&&t.push(a.DOWNLOAD),l.enableUpload&&t.push(a.UPLOAD)),o.canDownload(e)?_.pull(t,a.UPLOAD):_.pull(t,a.DOWNLOAD)}_.assign(l,{$onInit:function(){l.show=o.doesContainBinary(l.event),i(0,l.event)},$onChanges:function(n){n.event&&i(0,n.event.currentValue)},download:function(){o.downloadAndSaveAs(l.event)},onNewImageSelected:function(n){e=n.target.files[0]},upload:function(){o.upload(e,l.event)},checkControlAvailable:function(n){return _.isEmpty(_.get(l.event,"c8y_IsIncompleteBinary"))&&_.includes(t,n)}})}n.$inject=["eventsBinaryService"],angular.module("c8y.eventsBinary").component("c8yEventBinaryActions",{templateUrl:":::PLUGIN_PATH:::/components/eventBinaryActions/eventBinaryActions.html",bindings:{event:"<",availableControls:"@",enableDownload:"<?",enableUpload:"<?"},controller:n,controllerAs:"vm"})})();

package/eventsBinary/components/eventBinaryIcon/eventBinaryIcon.js

@@ -1 +0,0 @@
-(()=>{function n(i,e){var c=this;function o(n){return i.doesContainBinary(n)?e.icon(n.c8y_IsBinary):""}_.assign(c,{$onInit:function(){c.icon=o(c.event)},$onChanges:function(n){c.icon=o(n.event.currentValue)}})}n.$inject=["eventsBinaryService","c8yBinary"],angular.module("c8y.eventsBinary").component("c8yEventBinaryIcon",{template:'<i c8y-icon="{{vm.icon}}" ng-if="vm.icon"></i>',bindings:{event:"<"},controller:n,controllerAs:"vm"})})();

package/eventsBinary/components/eventBinaryPreview/eventBinaryPreview.html

@@ -1,4 +0,0 @@
-<!-- @deprecated Use `FilePreviewComponent` from `@c8y/ngx-components/file-preview` instead. -->
-<div class="col col-12" ng-if="vm.dataUri">
-  <img ng-src="{{vm.dataUri}}" class="max-width-100"></img>
-</div>

package/eventsBinary/components/eventBinaryPreview/eventBinaryPreview.js

@@ -1 +0,0 @@
-(()=>{function n(n,e){var t=this;_.assign(t,{$onInit:function(){n.doesContainBinary(t.event)&&n.downloadAsDataUri(t.event).then(function(n){e.isImage(t.event.c8y_IsBinary)&&(t.dataUri=n)})}})}n.$inject=["eventsBinaryService","c8yBinary"],angular.module("c8y.eventsBinary").component("c8yEventBinaryPreview",{templateUrl:":::PLUGIN_PATH:::/components/eventBinaryPreview/eventBinaryPreview.html",bindings:{event:"<"},controller:n,controllerAs:"vm"})})();

package/eventsBinary/styles/style.css

@@ -1,4 +0,0 @@
-.events-binary-no-padding {
-  padding-left: 0px;
-  padding-right: 0px;
-}