@c8y/ngx-components 1011.0.23 → 1011.0.26

package/locales/locales.pot

@@ -7770,9 +7770,6 @@ msgstr ""
 msgid "New device connected."
 msgstr ""
 
-msgid "New device protocol"
-msgstr ""
-
 msgid "New device protocol imported."
 msgstr ""
 
@@ -10698,6 +10695,9 @@ msgstr ""
 msgid "Select model"
 msgstr ""
 
+msgid "Select new device protocol"
+msgstr ""
+
 msgid "Select object model for rendering"
 msgstr ""
 
@@ -10719,6 +10719,9 @@ msgstr ""
 msgid "Select one of the existing versions."
 msgstr ""
 
+msgid "Select one of the protocols."
+msgstr ""
+
 msgid "Select or create new firmware"
 msgstr ""
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/ngx-components",
-  "version": "1011.0.23",
+  "version": "1011.0.26",
   "license": "Apache-2.0",
   "author": "Cumulocity",
   "description": "Angular modules for Cumulocity IoT applications",
@@ -23,7 +23,7 @@
     "rxjs": "~6.6.3"
   },
   "dependencies": {
-    "@c8y/client": "1011.0.23",
+    "@c8y/client": "1011.0.26",
     "@ngx-translate/core": "13.0.0",
     "@ngx-translate/http-loader": "4.0.0",
     "@ngx-formly/core": "5.10.6",

package/protocol-lpwan/c8y-ngx-components-protocol-lpwan.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"LpwanProtocolModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LpwanAssignDeviceProtocolComponent"}],"imports":[{"__symbolic":"reference","module":"@c8y/ngx-components","name":"CoreModule","line":29,"character":4},{"__symbolic":"reference","module":"@c8y/ngx-components","name":"FormsModule","line":30,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"LpwanAssignDeviceProtocolComponent"}],"providers":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"},{"provide":{"__symbolic":"reference","module":"@c8y/ngx-components","name":"HOOK_ONCE_ROUTE","line":37,"character":15},"useValue":[{"context":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@c8y/ngx-components","name":"ViewContext","line":15,"character":13},"member":"Device"},"path":"assign-protocol","component":{"__symbolic":"reference","name":"LpwanAssignDeviceProtocolComponent"},"label":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@c8y/ngx-components","name":"gettext","line":18,"character":11},"arguments":["LPWAN"]},"icon":"c8y-device-protocols","canActivate":[{"__symbolic":"reference","name":"ɵb"}]}],"multi":true}]}]}],"members":{}},"LpwanAssignDeviceProtocolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"set-device-protocol","template":"<form #lpwanSetDeviceProtocolForm=\"ngForm\" class=\"row\">\n  <div class=\"col-md-6\">\n    <div class=\"card\">\n      <div class=\"card-header separator\">\n        <h4 class=\"card-title\">\n          {{ 'LPWAN device protocol' | translate }}\n        </h4>\n      </div>\n      <div *ngIf=\"loading\" class=\"card-block\">\n        <div class=\"p-relative\" style=\"min-height: 40px; min-width: 55px;\">\n          <div class=\"spinner\">\n            <div class=\"rect1\"></div>\n            <div class=\"rect2\"></div>\n            <div class=\"rect3\"></div>\n            <div class=\"rect4\"></div>\n          </div>\n        </div>\n        <span translate>Loading</span>\n      </div>\n      <div *ngIf=\"!loading\">\n        <div class=\"card-block\">\n          <div class=\"form-group\">\n            <label translate>Current device protocol</label>\n            <p class=\"form-control-static\" *ngIf=\"!currentProtocol\">\n              {{ device.type }}\n            </p>\n            <p class=\"form-control-static\" *ngIf=\"currentProtocol\">\n              {{ currentProtocol.name }}\n            </p>\n          </div>\n          <div class=\"form-group\">\n            <label translate>New device protocol</label>\n            <div class=\"c8y-select-wrapper\">\n              <select class=\"form-control\" [(ngModel)]=\"newProtocol\" name=\"newProtocol\" required>\n                <option *ngIf=\"!newProtocol\" [ngValue]=\"null\">\n                  {{ 'Select device protocol' | translate }}\n                </option>\n                <option\n                  *c8yFor=\"let protocol of availableProtocols; pipe: filterCurrentProtocol\"\n                  [ngValue]=\"protocol\"\n                >\n                  {{ protocol.name }}\n                </option>\n              </select>\n            </div>\n          </div>\n        </div>\n        <div class=\"card-footer separator\">\n          <button\n            title=\"{{ 'Apply' | translate }}\"\n            class=\"btn btn-primary\"\n            (click)=\"apply(newProtocol)\"\n            [disabled]=\"!lpwanSetDeviceProtocolForm.dirty\"\n          >\n            {{ 'Apply' | translate }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n‌\n"}]}],"members":{"lpwanSetDeviceProtocolForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["lpwanSetDeviceProtocolForm",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@c8y/ngx-components","name":"AlertService","line":29,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":30,"character":20},{"__symbolic":"reference","module":"@c8y/client","name":"InventoryService","line":31,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"loadDevice":[{"__symbolic":"method"}],"apply":[{"__symbolic":"method"}],"refreshCache":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@c8y/client","name":"InventoryService","line":23,"character":30},{"__symbolic":"reference","module":"@c8y/client","name":"FetchClient","line":24,"character":20},{"__symbolic":"reference","module":"@c8y/client","name":"IdentityService","line":25,"character":29}]}],"refreshCache":[{"__symbolic":"method"}],"isSupportedDevice":[{"__symbolic":"method"}],"getCurrentProtocol":[{"__symbolic":"method"}],"applyProtocol":[{"__symbolic":"method"}],"getAvailableProtocols":[{"__symbolic":"method"}],"getProtocolTypesMatchingDevice":[{"__symbolic":"method"}],"getExternalId":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"canActivate":[{"__symbolic":"method"}]}}},"origins":{"LpwanProtocolModule":"./lpwan-protocol.module","LpwanAssignDeviceProtocolComponent":"./lpwan-set-device-protocol.component","ɵa":"./lpwan-set-device-protocol.service","ɵb":"./lpwan-agent.guard"},"importAs":"@c8y/ngx-components/protocol-lpwan"}
+{"__symbolic":"module","version":4,"metadata":{"LpwanProtocolModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LpwanAssignDeviceProtocolComponent"}],"imports":[{"__symbolic":"reference","module":"@c8y/ngx-components","name":"CoreModule","line":29,"character":4},{"__symbolic":"reference","module":"@c8y/ngx-components","name":"FormsModule","line":30,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"LpwanAssignDeviceProtocolComponent"}],"providers":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"},{"provide":{"__symbolic":"reference","module":"@c8y/ngx-components","name":"HOOK_ONCE_ROUTE","line":37,"character":15},"useValue":[{"context":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@c8y/ngx-components","name":"ViewContext","line":15,"character":13},"member":"Device"},"path":"assign-protocol","component":{"__symbolic":"reference","name":"LpwanAssignDeviceProtocolComponent"},"label":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@c8y/ngx-components","name":"gettext","line":18,"character":11},"arguments":["LPWAN"]},"icon":"c8y-device-protocols","canActivate":[{"__symbolic":"reference","name":"ɵb"}]}],"multi":true}]}]}],"members":{}},"LpwanAssignDeviceProtocolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"set-device-protocol","template":"<form #lpwanSetDeviceProtocolForm=\"ngForm\">\n  <div class=\"row\">\n    <div class=\"col-md-6\">\n      <div class=\"card card--fullpage\">\n        <div class=\"card-header separator\">\n          <h4 class=\"card-title\">\n            {{ 'LPWAN device protocol' | translate }}\n          </h4>\n        </div>\n        <div class=\"p-16\">\n          <div *ngIf=\"loading\">\n            <c8y-loading></c8y-loading>\n          </div>\n\n          <div *ngIf=\"!loading\">\n            <div class=\"form-group\">\n              <label translate>Current device protocol</label>\n              <p class=\"form-control-static\" *ngIf=\"!currentProtocol\">\n                {{ device.type }}\n              </p>\n              <p class=\"form-control-static\" *ngIf=\"currentProtocol\">\n                {{ currentProtocol.name }}\n              </p>\n            </div>\n            <c8y-form-group>\n              <c8y-typeahead\n                [(ngModel)]=\"newProtocol\"\n                placeholder=\"{{ 'Select new device protocol' | translate }}\"\n                (onSearch)=\"setPipe($event)\"\n                name=\"newProtocol\"\n                [allowFreeEntries]=\"false\"\n              >\n                <c8y-li\n                  *c8yFor=\"\n                    let protocol of availableProtocols;\n                    loadMore: 'hidden';\n                    pipe: filterProtocols\n                  \"\n                  class=\"p-l-8 p-r-8 c8y-list__item--link\"\n                  (click)=\"newProtocol = protocol; setPipe('')\"\n                >\n                  <c8y-highlight [text]=\"protocol.name\" [pattern]=\"pattern\"></c8y-highlight>\n                </c8y-li>\n              </c8y-typeahead>\n              <c8y-messages\n                ><c8y-message\n                  name=\"notExisting\"\n                  [text]=\"'Select one of the protocols.' | translate\"\n                ></c8y-message>\n              </c8y-messages>\n            </c8y-form-group>\n          </div>\n        </div>\n        <div class=\"card-footer separator\">\n          <button\n            title=\"{{ 'Save' | translate }}\"\n            class=\"btn btn-primary\"\n            (click)=\"apply(newProtocol)\"\n            [disabled]=\"!newProtocol\"\n          >\n            {{ 'Save' | translate }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n"}]}],"members":{"lpwanSetDeviceProtocolForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["lpwanSetDeviceProtocolForm",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@c8y/ngx-components","name":"AlertService","line":27,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":28,"character":20},{"__symbolic":"reference","module":"@c8y/client","name":"InventoryService","line":29,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"setPipe":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"loadDevice":[{"__symbolic":"method"}],"apply":[{"__symbolic":"method"}],"refreshCache":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@c8y/client","name":"InventoryService","line":23,"character":30},{"__symbolic":"reference","module":"@c8y/client","name":"FetchClient","line":24,"character":20},{"__symbolic":"reference","module":"@c8y/client","name":"IdentityService","line":25,"character":29}]}],"refreshCache":[{"__symbolic":"method"}],"isSupportedDevice":[{"__symbolic":"method"}],"getCurrentProtocol":[{"__symbolic":"method"}],"applyProtocol":[{"__symbolic":"method"}],"getAvailableProtocols":[{"__symbolic":"method"}],"getProtocolTypesMatchingDevice":[{"__symbolic":"method"}],"getExternalId":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"canActivate":[{"__symbolic":"method"}]}}},"origins":{"LpwanProtocolModule":"./lpwan-protocol.module","LpwanAssignDeviceProtocolComponent":"./lpwan-set-device-protocol.component","ɵa":"./lpwan-set-device-protocol.service","ɵb":"./lpwan-agent.guard"},"importAs":"@c8y/ngx-components/protocol-lpwan"}

package/protocol-lpwan/lpwan-set-device-protocol.component.d.ts

@@ -13,10 +13,12 @@ export declare class LpwanAssignDeviceProtocolComponent implements OnInit {
     currentProtocol: IManagedObject;
     availableProtocols: IResultList<IManagedObject>;
     newProtocol: IManagedObject;
-    filterCurrentProtocol: import("rxjs").UnaryFunction<import("rxjs").Observable<IManagedObject[]>, import("rxjs").Observable<IManagedObject[]>>;
+    filterProtocols: import("rxjs").UnaryFunction<unknown, unknown>;
+    pattern: string;
     lpwanSetDeviceProtocolForm: any;
     constructor(lpwanService: LpwanSetDeviceProtocolService, alertService: AlertService, router: Router, inventoryService: InventoryService);
     ngOnInit(): Promise<void>;
+    setPipe(filterStr: string): void;
     reload(): Promise<void>;
     loadDevice(): Promise<void>;
     apply(selectedProtocol: any): Promise<void>;