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
|
<div id="synced-device-list" class="history-cards"
?hidden="${!this.syncedDevices_.length}">
${this.syncedDevices_.map((syncedDevice, index) => html`
<history-synced-device-card
.device="${syncedDevice.device}"
.lastUpdateTime="${syncedDevice.lastUpdateTime}"
.tabs="${syncedDevice.tabs}"
.separatorIndexes="${syncedDevice.separatorIndexes}"
.searchTerm="${this.searchTerm}"
.sessionTag="${syncedDevice.tag}"
?opened="${syncedDevice.opened}"
@opened-changed="${this.onCardOpenedChanged_}"
data-index="${index}">
</history-synced-device-card>
`)}
</div>
<div id="no-synced-tabs" class="centered-message"
?hidden="${!this.showNoSyncedMessage_()}">
${this.noSyncedTabsMessage_()}
</div>
<div id="sign-in-guide" ?hidden="${!this.showSignInGuide_()}">
<div id="illustration"></div>
<div id="turn-on-sync-promo">$i18n{turnOnSyncPromo}</div>
<div id="turn-on-sync-promo-desc">$i18n{turnOnSyncPromoDesc}</div>
<cr-button id="turn-on-sync-button" class="action-button"
@click="${this.onTurnOnSyncClick_}">
$i18n{turnOnSyncButton}
</cr-button>
</div>
<cr-lazy-render-lit id="menu" .template='${() => html`
<cr-action-menu role-description="$i18n{menu}">
<button id="menuOpenButton" class="dropdown-item"
@click="${this.onOpenAllClick_}">
$i18n{openAll}
</button>
<button id="menuDeleteButton" class="dropdown-item"
@click="${this.onDeleteSessionClick_}">
$i18n{deleteSession}
</button>
</cr-action-menu>
`}'>
</cr-lazy-render-lit>
|
