1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
<style include="cr-shared-style shared-style">
:host {
display: flex;
flex: 0 0 100%;
}
.phone-status-property {
flex-basis: 100%;
justify-content: center;
}
#phoneStatusPropertiesColumn {
flex: 2;
flex-wrap: wrap;
}
select {
margin-bottom: 10px;
width: 100%;
}
</style>
<div class="column">
<cr-button on-click="setFakePhoneModel_" class="internals-button">
<span class="emphasize">Change Phone Status</span>
</cr-button>
<div class="label">
<span class="emphasize">Note:</span> Click the button above to propagate all
phone status values selected on the right hand side to the fake phonehub
manager.
</div>
</div>
<div id="phoneStatusPropertiesColumn" class="column">
<div class="phone-status-property">
<div class="label">
Mobile Status
</div>
<select id="mobileStatusList" class="md-select"
on-change="onMobileStatusSelected_">
<template is="dom-repeat" items="[[mobileStatusList_]]">
<option>[[getMobileStatusName_(item)]]</option>
</template>
</select>
</div>
<div class="phone-status-property">
<div class="label">
Signal Strength
</div>
<select id="signalStrengthList" class="md-select"
on-change="onSignalStrengthSelected_">
<template is="dom-repeat" items="[[signalStrengthList_]]">
<option>[[getSignalStrengthName_(item)]]</option>
</template>
</select>
</div>
<div class="phone-status-property">
<div class="label">
Charging State
</div>
<select id="chargingStateList" class="md-select"
on-change="onChargingStateSelected_">
<template is="dom-repeat" items="[[chargingStateList_]]">
<option>[[getChargingStateName_(item)]]</option>
</template>
</select>
</div>
<div class="phone-status-property">
<div class="label">
Battery Saver
</div>
<select id="batterySaverStateList" class="md-select"
on-change="onBatterySaverStateSelected_">
<template is="dom-repeat" items="[[batterySaverStateList_]]">
<option>[[getBatterySaverStateName_(item)]]</option>
</template>
</select>
</div>
<div class="phone-status-property">
<div class="label">
Mobile Provider
</div>
<cr-input value="{{mobileProvider_}}">
</cr-input>
</div>
<div class="phone-status-property">
<div class="label">
Battery Percentage
</div>
<cr-input id="batteryPercentageInput" type="number"
min="0" max="100" value="{{batteryPercentage_}}"
on-change="onBatteryPercentageInputChanged_"
auto-validate error-message="Must be [0, 100]">
</cr-input>
</div>
</div>
|
