@c8y/tutorial 1019.24.2 → 1020.0.4

package/src/selector/asset-selector-example/tree-search/asset-selector-tree-search.component.ts

@@ -13,17 +13,15 @@ import { BehaviorSubject } from 'rxjs';
         <div class="card-header separator">
           <h4 class="card-title">Tree view with global search</h4>
         </div>
-        <div class="card-block">
-          <c8y-asset-selector
-            [(ngModel)]="model"
-            (onSelected)="selectionChanged($event)"
-            [config]="{
-              groupsSelectable: true,
-              multi: true,
-              search: true
-            }"
-          ></c8y-asset-selector>
-        </div>
+        <c8y-asset-selector
+          [(ngModel)]="model"
+          (onSelected)="selectionChanged($event)"
+          [config]="{
+            groupsSelectable: true,
+            multi: true,
+            search: true
+          }"
+        ></c8y-asset-selector>
       </div>
     </div>
 
@@ -32,13 +30,11 @@ import { BehaviorSubject } from 'rxjs';
         <div class="card-header separator">
           <h4 class="card-title">Tree view different root {{ (rootNode$ | async)?.id }}</h4>
         </div>
-        <div class="card-block">
-          <c8y-asset-selector
-            [(ngModel)]="model"
-            (onSelected)="selectionChanged($event)"
-            [asset]="rootNode$ | async"
-          ></c8y-asset-selector>
-        </div>
+        <c8y-asset-selector
+          [(ngModel)]="model"
+          (onSelected)="selectionChanged($event)"
+          [asset]="rootNode$ | async"
+        ></c8y-asset-selector>
       </div>
     </div>
     <div class="col-xs-12 col-sm-4 col-md-3">

package/src/selector/asset-selector-example/tree-single/asset-selector-tree-single.component.ts

@@ -13,17 +13,15 @@ import { IIdentified } from '@c8y/client';
           <div class="card-header separator">
             <h4 class="card-title">Tree view single select child devices</h4>
           </div>
-          <div class="card-block">
-            <c8y-asset-selector
-              (onSelected)="selectionChanged($event)"
-              [(ngModel)]="model"
-              [config]="{
-                groupsSelectable: true,
-                showUnassignedDevices: true,
-                showChildDevices: true
-              }"
-            ></c8y-asset-selector>
-          </div>
+          <c8y-asset-selector
+            (onSelected)="selectionChanged($event)"
+            [(ngModel)]="model"
+            [config]="{
+              groupsSelectable: true,
+              showUnassignedDevices: true,
+              showChildDevices: true
+            }"
+          ></c8y-asset-selector>
         </div>
       </div>
       <div class="col-sm-6">
@@ -31,16 +29,14 @@ import { IIdentified } from '@c8y/client';
           <div class="card-header separator">
             <h4 class="card-title">Tree view multi select</h4>
           </div>
-          <div class="card-block">
-            <c8y-asset-selector
-              (onSelected)="selectionChanged($event)"
-              [(ngModel)]="model"
-              [config]="{
-                groupsSelectable: true,
-                multi: true
-              }"
-            ></c8y-asset-selector>
-          </div>
+          <c8y-asset-selector
+            (onSelected)="selectionChanged($event)"
+            [(ngModel)]="model"
+            [config]="{
+              groupsSelectable: true,
+              multi: true
+            }"
+          ></c8y-asset-selector>
         </div>
       </div>
       <div class="col-xs-12 col-sm-4 col-md-3">

package/src/translations/new-translate/new-translation.component.html

@@ -8,7 +8,7 @@
     <ul>
       <li>
         Find the file that includes <code>.po</code> extension, you can find it in the
-        <code>./locales</code> folder or in the <code>node_modules/@c8y/locales</code>. Select the
+        <code>./locales</code> folder or in the <code>node_modules/&#64;c8y/locales</code>. Select the
         language you want to update i.e. <code>pt_BR.po</code>
       </li>
       <li>
@@ -63,7 +63,7 @@
         The main difference between adding and editing an existing translation is to find the
         existing translation and only modify the <code>msgstr</code> field in your new or copied
         <code>.po</code> file. You can find all translated strings in the
-        <code>node_modules/@c8y/locales</code> or use <code>c8ycli locale-extract</code> command
+        <code>node_modules/&#64;c8y/locales</code> or use <code>c8ycli locale-extract</code> command
         described below.
       </li>
     </ul>
@@ -80,7 +80,7 @@
     <ul>
       <li>
         <code>c8ycli locale-extract</code> is the command that automatically copies all translations
-        from the <code>node_modules/@c8y/locales</code>. This makes it easier to edit and add new
+        from the <code>node_modules/&#64;c8y/locales</code>. This makes it easier to edit and add new
         translations.
       </li>
       <li>

package/src/widget/demo-widget-config.component.ts

@@ -1,6 +1,11 @@
 import { Component, Input } from '@angular/core';
 import { ControlContainer, NgForm } from '@angular/forms';
-import { DynamicComponent, OnBeforeSave, AlertService } from '@c8y/ngx-components';
+import {
+  DynamicComponent,
+  OnBeforeSave,
+  AlertService,
+  GlobalTimeContextWidgetConfig
+} from '@c8y/ngx-components';
 import { omit } from 'lodash';
 
 @Component({
@@ -40,7 +45,7 @@ export class WidgetConfigDemo implements DynamicComponent, OnBeforeSave {
    *
    * Note: The dashboard itself adds certain properties. As such, some properties are not allowed (e.g. device or settings)
    */
-  @Input() config: any = {};
+  @Input() config: GlobalTimeContextWidgetConfig & { [key: string]: any } = {};
 
   /**
    * An internal component property used to hide/show settings.