@iotize/ionic

Version:
Iotize specific building blocks on top of @ionic/angular.
32 lines • 8.52 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ionic/angular";
import * as i3 from "../../tap-scanner-common/ble-rssi-signal/ble-rssi-signal.component";
import * as i4 from "../../tap-scanner-common/rssi-to-signal-strenght.pipe";
export class TapScannerWifiItemComponent {
    constructor() {
        this.onItemClicked = new EventEmitter();
        this.lines = 'full';
        this.showSignalStrenght = true;
        this.devices = [];
    }
    _onItemClicked(device) {
        this.onItemClicked.emit(device);
    }
}
/** @nocollapse */ TapScannerWifiItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TapScannerWifiItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ TapScannerWifiItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TapScannerWifiItemComponent, selector: "tap-scanner-wifi-item", inputs: { lines: "lines", showSignalStrenght: "showSignalStrenght", devices: "devices" }, outputs: { onItemClicked: "onItemClicked" }, ngImport: i0, template: "<ion-list [lines]=\"lines\">\n  <ion-item\n    (click)=\"_onItemClicked(device)\"\n    *ngFor=\"let device of devices\"\n    class=\"hover scan-result-item\"\n  >\n    <ng-container *ngIf=\"device\">\n      <ion-label>\n        <span class=\"name\">{{\n          device.name || device.SSID || 'Hidden SSID'\n        }}</span>\n        <ng-container *ngIf=\"device.host\">\n          <br />\n          <span class=\"ip-address\">Host: {{ device.host }}&nbsp;</span>\n        </ng-container>\n        <span *ngIf=\"device.port\" class=\"port\">\n          <br />\n          Port: {{ device.port }}\n        </span>\n      </ion-label>\n      <tap-ble-rssi-signal\n        *ngIf=\"showSignalStrenght\"\n        [bars]=\"device.rssi || device.level | rssiToSignalStrenght\"\n        slot=\"end\"\n      ></tap-ble-rssi-signal>\n      <ion-chip *ngIf=\"device.type\" slot=\"end\" color=\"primary\">\n        Network\n      </ion-chip>\n    </ng-container>\n  </ion-item>\n</ion-list>\n", styles: [".ip-address,.port{font-size:.8em}.name{font-weight:700}.scan-result-item{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonChip, selector: "ion-chip", inputs: ["color", "disabled", "mode", "outline"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.BleRssiSignalComponent, selector: "tap-ble-rssi-signal", inputs: ["bars", "colors"] }, { kind: "pipe", type: i4.RssiToSignalStrenghtPipe, name: "rssiToSignalStrenght" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TapScannerWifiItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'tap-scanner-wifi-item', template: "<ion-list [lines]=\"lines\">\n  <ion-item\n    (click)=\"_onItemClicked(device)\"\n    *ngFor=\"let device of devices\"\n    class=\"hover scan-result-item\"\n  >\n    <ng-container *ngIf=\"device\">\n      <ion-label>\n        <span class=\"name\">{{\n          device.name || device.SSID || 'Hidden SSID'\n        }}</span>\n        <ng-container *ngIf=\"device.host\">\n          <br />\n          <span class=\"ip-address\">Host: {{ device.host }}&nbsp;</span>\n        </ng-container>\n        <span *ngIf=\"device.port\" class=\"port\">\n          <br />\n          Port: {{ device.port }}\n        </span>\n      </ion-label>\n      <tap-ble-rssi-signal\n        *ngIf=\"showSignalStrenght\"\n        [bars]=\"device.rssi || device.level | rssiToSignalStrenght\"\n        slot=\"end\"\n      ></tap-ble-rssi-signal>\n      <ion-chip *ngIf=\"device.type\" slot=\"end\" color=\"primary\">\n        Network\n      </ion-chip>\n    </ng-container>\n  </ion-item>\n</ion-list>\n", styles: [".ip-address,.port{font-size:.8em}.name{font-weight:700}.scan-result-item{cursor:pointer}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { onItemClicked: [{
                type: Output
            }], lines: [{
                type: Input
            }], showSignalStrenght: [{
                type: Input
            }], devices: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFwLXNjYW5uZXItd2lmaS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9zcmMvbGliL3RhcC1zY2FubmVyL3RhcC1zY2FubmVyLXdpZmkvdGFwLXNjYW5uZXItd2lmaS1pdGVtL3RhcC1zY2FubmVyLXdpZmktaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pb3RpemUtaW9uaWMvc3JjL2xpYi90YXAtc2Nhbm5lci90YXAtc2Nhbm5lci13aWZpL3RhcC1zY2FubmVyLXdpZmktaXRlbS90YXAtc2Nhbm5lci13aWZpLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTywyQkFBMkI7SUFVdEM7UUFUVSxrQkFBYSxHQUNyQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRVosVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUVmLHVCQUFrQixHQUFHLElBQUksQ0FBQztRQUUxQixZQUFPLEdBQW9DLEVBQUUsQ0FBQztJQUV4QyxDQUFDO0lBQ2hCLGNBQWMsQ0FBQyxNQUFnQztRQUM3QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNsQyxDQUFDOzs0SUFiVSwyQkFBMkI7Z0lBQTNCLDJCQUEyQixvTUNSeEMsczlCQStCQTs0RkR2QmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1QjswRUFLdkIsYUFBYTtzQkFBdEIsTUFBTTtnQkFHRSxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsa0JBQWtCO3NCQUExQixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBXaWZpRGlzY292ZXJlZERldmljZVR5cGUgfSBmcm9tICcuLi9kZWZpbml0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RhcC1zY2FubmVyLXdpZmktaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YXAtc2Nhbm5lci13aWZpLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YXAtc2Nhbm5lci13aWZpLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFwU2Nhbm5lcldpZmlJdGVtQ29tcG9uZW50IHtcbiAgQE91dHB1dCgpIG9uSXRlbUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxXaWZpRGlzY292ZXJlZERldmljZVR5cGU+ID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQElucHV0KCkgbGluZXMgPSAnZnVsbCc7XG5cbiAgQElucHV0KCkgc2hvd1NpZ25hbFN0cmVuZ2h0ID0gdHJ1ZTtcblxuICBASW5wdXQoKSBkZXZpY2VzOiBBcnJheTxXaWZpRGlzY292ZXJlZERldmljZVR5cGU+ID0gW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuICBfb25JdGVtQ2xpY2tlZChkZXZpY2U6IFdpZmlEaXNjb3ZlcmVkRGV2aWNlVHlwZSkge1xuICAgIHRoaXMub25JdGVtQ2xpY2tlZC5lbWl0KGRldmljZSk7XG4gIH1cbn1cbiIsIjxpb24tbGlzdCBbbGluZXNdPVwibGluZXNcIj5cbiAgPGlvbi1pdGVtXG4gICAgKGNsaWNrKT1cIl9vbkl0ZW1DbGlja2VkKGRldmljZSlcIlxuICAgICpuZ0Zvcj1cImxldCBkZXZpY2Ugb2YgZGV2aWNlc1wiXG4gICAgY2xhc3M9XCJob3ZlciBzY2FuLXJlc3VsdC1pdGVtXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkZXZpY2VcIj5cbiAgICAgIDxpb24tbGFiZWw+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibmFtZVwiPnt7XG4gICAgICAgICAgZGV2aWNlLm5hbWUgfHwgZGV2aWNlLlNTSUQgfHwgJ0hpZGRlbiBTU0lEJ1xuICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRldmljZS5ob3N0XCI+XG4gICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJpcC1hZGRyZXNzXCI+SG9zdDoge3sgZGV2aWNlLmhvc3QgfX0mbmJzcDs8L3NwYW4+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImRldmljZS5wb3J0XCIgY2xhc3M9XCJwb3J0XCI+XG4gICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgUG9ydDoge3sgZGV2aWNlLnBvcnQgfX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9pb24tbGFiZWw+XG4gICAgICA8dGFwLWJsZS1yc3NpLXNpZ25hbFxuICAgICAgICAqbmdJZj1cInNob3dTaWduYWxTdHJlbmdodFwiXG4gICAgICAgIFtiYXJzXT1cImRldmljZS5yc3NpIHx8IGRldmljZS5sZXZlbCB8IHJzc2lUb1NpZ25hbFN0cmVuZ2h0XCJcbiAgICAgICAgc2xvdD1cImVuZFwiXG4gICAgICA+PC90YXAtYmxlLXJzc2ktc2lnbmFsPlxuICAgICAgPGlvbi1jaGlwICpuZ0lmPVwiZGV2aWNlLnR5cGVcIiBzbG90PVwiZW5kXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICAgIE5ldHdvcmtcbiAgICAgIDwvaW9uLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvaW9uLWl0ZW0+XG48L2lvbi1saXN0PlxuIl19