@@ -262,6 +262,37 @@ <h3 id="constructor">Constructor</h3>
262
262
</mat-card>
263
263
</mat-grid-tile>
264
264
265
+ <!-- stepper -->
266
+
267
+ <mat-grid-tile colspan="3" rowspan="1">
268
+ <mat-card class="dashboard-card">
269
+ <mat-card-header>
270
+ <mat-card-title>
271
+ Stepper
272
+ <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuStepper" aria-label="Toggle menu">
273
+ <mat-icon>more_vert</mat-icon>
274
+ </button>
275
+ <mat-menu #menuStepper="matMenu" xPosition="before">
276
+ <button mat-menu-item *ngIf="(stepper.device | async) === null" (click)="stepper.requestValue()">
277
+ <mat-icon>bluetooth_searching</mat-icon>
278
+ Connect
279
+ </button>
280
+ <button mat-menu-item *ngIf="(stepper.device | async)" (click)="stepper.disconnect()">
281
+ <mat-icon>bluetooth_disabled</mat-icon>
282
+ Disconnect
283
+ </button>
284
+ </mat-menu>
285
+ </mat-card-title>
286
+ <mat-card-subtitle *ngIf="(stepper.device | async) as device">
287
+ {{ device.name }}
288
+ </mat-card-subtitle>
289
+ </mat-card-header>
290
+ <mat-card-content class="dashboard-card-content">
291
+ <ble-stepcounter #stepper></ble-stepcounter>
292
+ </mat-card-content>
293
+ </mat-card>
294
+ </mat-grid-tile>
295
+
265
296
</mat-grid-list>
266
297
</div>
267
298
</ code > </ pre >
@@ -341,7 +372,7 @@ <h3 id="constructor">Constructor</h3>
341
372
< script src ="../js/libs/htmlparser.js "> </ script >
342
373
< script src ="../js/libs/deep-iterator.js "> </ script >
343
374
< script >
344
- var COMPONENT_TEMPLATE = '<div><mat-toolbar color="primary"> <img src="assets/angular-web-ble.png" /> <span>Angular Web BLE Demo</span></mat-toolbar><div class="grid-container"> <mat-grid-list cols="3" rows="2" rowHeight="300px"> <!-- battery --> <mat-grid-tile colspan="1" rowspan="2"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Battery Level <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuBattery" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuBattery="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(battery.device | async) === null" (click)="battery.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(battery.device | async)" (click)="battery.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(battery.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-battery-level #battery></ble-battery-level> </mat-card-content> </mat-card> </mat-grid-tile> <!-- humidity --> <mat-grid-tile colspan="2" rowspan="1"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Humidity Level <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuHumidity" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuHumidity="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(humidity.device | async) === null" (click)="humidity.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(humidity.device | async)" (click)="humidity.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(humidity.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-humidity #humidity></ble-humidity> </mat-card-content> </mat-card> </mat-grid-tile> <!-- temperature --> <mat-grid-tile colspan="2" rowspan="1"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Temperature <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuTemperature" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuTemperature="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(temperature.device | async) === null" (click)="temperature.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(temperature.device | async)" (click)="temperature.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(temperature.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-temperature #temperature></ble-temperature> </mat-card-content> </mat-card> </mat-grid-tile> </mat-grid-list></div></div>'
375
+ var COMPONENT_TEMPLATE = '<div><mat-toolbar color="primary"> <img src="assets/angular-web-ble.png" /> <span>Angular Web BLE Demo</span></mat-toolbar><div class="grid-container"> <mat-grid-list cols="3" rows="2" rowHeight="300px"> <!-- battery --> <mat-grid-tile colspan="1" rowspan="2"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Battery Level <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuBattery" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuBattery="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(battery.device | async) === null" (click)="battery.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(battery.device | async)" (click)="battery.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(battery.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-battery-level #battery></ble-battery-level> </mat-card-content> </mat-card> </mat-grid-tile> <!-- humidity --> <mat-grid-tile colspan="2" rowspan="1"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Humidity Level <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuHumidity" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuHumidity="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(humidity.device | async) === null" (click)="humidity.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(humidity.device | async)" (click)="humidity.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(humidity.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-humidity #humidity></ble-humidity> </mat-card-content> </mat-card> </mat-grid-tile> <!-- temperature --> <mat-grid-tile colspan="2" rowspan="1"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Temperature <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuTemperature" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuTemperature="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(temperature.device | async) === null" (click)="temperature.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(temperature.device | async)" (click)="temperature.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(temperature.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-temperature #temperature></ble-temperature> </mat-card-content> </mat-card> </mat-grid-tile> <!-- stepper --> <mat-grid-tile colspan="3" rowspan="1"> <mat-card class="dashboard-card"> <mat-card-header> <mat-card-title> Stepper <button mat-icon-button class="more-button" [matMenuTriggerFor]="menuStepper" aria-label="Toggle menu"> <mat-icon>more_vert</mat-icon> </button> <mat-menu #menuStepper="matMenu" xPosition="before"> <button mat-menu-item *ngIf="(stepper.device | async) === null" (click)="stepper.requestValue()"> <mat-icon>bluetooth_searching</mat-icon> Connect </button> <button mat-menu-item *ngIf="(stepper.device | async)" (click)="stepper.disconnect()"> <mat-icon>bluetooth_disabled</mat-icon> Disconnect </button> </mat-menu> </mat-card-title> <mat-card-subtitle *ngIf="(stepper.device | async) as device"> {{ device.name }} </mat-card-subtitle> </mat-card-header> <mat-card-content class="dashboard-card-content"> <ble-stepcounter #stepper></ble-stepcounter> </mat-card-content> </mat-card> </mat-grid-tile> </mat-grid-list></div></div>'
345
376
var COMPONENTS = [ { 'name' : 'AppComponent' , 'selector' : 'ble-root' } , { 'name' : 'BatteryLevelComponent' , 'selector' : 'ble-battery-level' } , { 'name' : 'DashboardComponent' , 'selector' : 'ble-dashboard' } , { 'name' : 'HumidityComponent' , 'selector' : 'ble-humidity' } , { 'name' : 'StepCounterComponent' , 'selector' : 'ble-stepcounter' } , { 'name' : 'TemperatureComponent' , 'selector' : 'ble-temperature' } ] ;
346
377
var DIRECTIVES = [ ] ;
347
378
var ACTUAL_COMPONENT = { 'name' : 'DashboardComponent' } ;
0 commit comments