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
|
<style include="settings-shared passwords-shared">
.expiration-column {
align-items: center;
display: flex;
flex: 1;
}
/**
* Add a separator line between consecutive non-empty payment method
* lists to display as a continuation of the previous list.
*/
.vertical-list:has(.payment-method) ~ .vertical-list:has(.payment-method) {
border-top: var(--cr-separator-line);
width: 100%;
}
</style>
<div role="table">
<div class="vertical-list list-with-header" role="rowgroup">
<template is="dom-repeat" items="[[creditCards]]">
<settings-credit-card-list-entry id="[[getCreditCardId_(index)]]"
class="payment-method" credit-card="[[item]]">
</settings-credit-card-list-entry>
</template>
</div>
<div class="vertical-list list-with-header" role="rowgroup">
<template is="dom-repeat" items="[[ibans]]">
<settings-iban-list-entry id="[[getIbanId_(index)]]"
class="payment-method" iban="[[item]]">
</settings-iban-list-entry>
</template>
</div>
<div class="vertical-list list-with-header" role="rowgroup">
<template is="dom-repeat" items="[[payOverTimeIssuers]]">
<settings-pay-over-time-issuer-list-entry class="payment-method"
pay-over-time-issuer="[[item]]">
</settings-pay-over-time-issuer-list-entry>
</template>
</div>
</div>
<div id="noPaymentMethodsLabel" class="list-item"
hidden$="[[showAnyPaymentMethods_]]">
$i18n{noPaymentMethodsFound}
</div>
|
