Skip to content

Commit 928b201

Browse files
tlouissetlouisse
committed
chore: linting + plan for NEXT
1 parent 83c8493 commit 928b201

19 files changed

Lines changed: 394 additions & 350 deletions

File tree

‎docs/components/menu/extensions.md‎

Lines changed: 184 additions & 177 deletions
Original file line numberDiff line numberDiff line change
@@ -20,190 +20,197 @@ import '@lion/ui/define/lion-navigation-bar.js';
2020
// TODO: maybe refactor api and bridge
2121

2222
const menuData = [
23-
{
24-
title: 'Products',
25-
link: 'products',
26-
sub: [
27-
{
28-
title: 'Payments',
29-
link: 'payments-collections',
30-
sub: [
31-
{ title: 'Payments & Collections', link: '#' },
32-
{ title: 'Merchant Commerce Solutions', link: 'merchant-commerce-solutions' },
33-
{ title: 'Instant Payments', link: 'instant-payments' },
34-
{ title: 'SEPA Direct Debit', link: 'SEPA-direct-debit' },
35-
{ title: 'SEPA Credit Transfer', link: 'SEPA-credit-transfer' },
36-
{ title: 'International Credit Transfer', link: 'international-credit-transfer' },
37-
{ title: 'Account Reporting', link: 'account-deporting' },
38-
],
39-
},
40-
{
41-
title: 'Savings',
42-
link: 'savings-collection',
43-
sub: [
44-
{ title: 'Liquidity & Cash Management', link: 'liquidity-cash-management' },
45-
{ title: 'Physcial Cash Management', link: 'physcial-cash-management' },
46-
{ title: 'Notional Cash Management', link: 'notional-cash-management' },
47-
{ title: 'Virtual Cash Management', link: 'virtual-cash-management' },
48-
{ title: 'Liquidity Management', link: 'liquidity-management' },
49-
{ title: 'Excess Cash', link: 'excess-cash' },
50-
],
51-
},
52-
{
53-
title: 'Investing',
54-
link: 'investing-collection',
55-
sub: [
56-
{ title: 'Digital Banking Services', link: 'home' },
57-
{ title: 'InsideBusiness', link: 'home' },
58-
{ title: 'Connectivity Solutions', link: 'connectivity-solutions' },
59-
],
60-
},
61-
{
62-
title: 'Mortgages',
63-
link: 'mortgages-collections',
64-
sub: [
65-
{ title: 'Payments & Collections', link: '#' },
66-
{ title: 'Merchant Commerce Solutions', link: 'merchant-commerce-solutions' },
67-
{ title: 'Instant Payments', link: 'instant-payments' },
68-
{ title: 'SEPA Direct Debit', link: 'SEPA-direct-debit' },
69-
{ title: 'SEPA Credit Transfer', link: 'SEPA-credit-transfer' },
70-
{ title: 'International Credit Transfer', link: 'international-credit-transfer' },
71-
{ title: 'Account Reporting', link: 'account-deporting' },
72-
],
73-
},
74-
{
75-
title: 'Loans',
76-
link: 'loans-collection',
77-
sub: [
78-
{ title: 'Liquidity & Cash Management', link: 'liquidity-cash-management' },
79-
{ title: 'Physcial Cash Management', link: 'physcial-cash-management' },
80-
{ title: 'Notional Cash Management', link: 'notional-cash-management' },
81-
{ title: 'Virtual Cash Management', link: 'virtual-cash-management' },
82-
{ title: 'Liquidity Management', link: 'liquidity-management' },
83-
{ title: 'Excess Cash', link: 'excess-cash' },
84-
],
85-
},
86-
{
87-
title: 'Insurances',
88-
link: 'insurances-collection',
89-
sub: [
90-
{ title: 'Digital Banking Services', link: 'home' },
91-
{ title: 'InsideBusiness', link: 'home' },
92-
{ title: 'Connectivity Solutions', link: 'connectivity-solutions' },
93-
],
94-
},
95-
{
96-
title: 'Digital banking',
97-
link: 'digital-banking',
98-
},
99-
],
100-
},
101-
{
102-
title: "Who it's for",
103-
link: 'who',
104-
sub: [
105-
{
106-
title: 'Parents & kids',
107-
link: 'parents-kids',
108-
sub: [
109-
{ title: 'Child current account', link: '#child-current' },
110-
{ title: 'Youth current account', link: '#youth-current' },
111-
{ title: 'Child savings account', link: '#child-savings' },
112-
],
113-
},
114-
{
115-
title: 'Students',
116-
link: 'students',
117-
sub: [
118-
{ title: 'Student account', link: '#student-account' },
119-
{ title: 'Smart payments', link: '#smart-payments' },
120-
{ title: 'Smart savings', link: '#smart-savings' },
121-
{ title: 'Smart banking', link: '#smart-banking' },
122-
{ title: 'Smart for now', link: '#smart-for-now' },
123-
{ title: 'Smart for later', link: '#smart-for-later' },
124-
],
125-
},
126-
{
127-
title: "I'm an expat",
128-
link: 'expat',
129-
sub: [
130-
{ title: 'Open a Dutch banking account', link: '#open' },
131-
{ title: 'Investments', link: '#investments' },
132-
{ title: 'Mortgage', link: '#mortgage' },
133-
{ title: 'Health insurance', link: '#insurance' },
134-
],
135-
},
136-
],
137-
},
138-
{
139-
title: 'Themes',
140-
link: 'themes',
141-
sub: [
142-
{
143-
title: 'Living',
144-
link: 'living-collections',
145-
sub: [
146-
{ title: 'Payments & Collections', link: '#' },
147-
{ title: 'Merchant Commerce Solutions', link: 'merchant-commerce-solutions' },
148-
{ title: 'Instant Payments', link: 'instant-payments' },
149-
{ title: 'SEPA Direct Debit', link: 'SEPA-direct-debit' },
150-
{ title: 'SEPA Credit Transfer', link: 'SEPA-credit-transfer' },
151-
{ title: 'International Credit Transfer', link: 'international-credit-transfer' },
152-
{ title: 'Account Reporting', link: 'account-deporting' },
153-
],
154-
},
155-
{
156-
title: 'Wealth',
157-
link: 'wealth-collections',
158-
sub: [
159-
{ title: 'Liquidity & Cash Management', link: 'liquidity-cash-management' },
160-
{ title: 'Physcial Cash Management', link: 'physcial-cash-management' },
161-
{ title: 'Notional Cash Management', link: 'notional-cash-management' },
162-
{ title: 'Virtual Cash Management', link: 'virtual-cash-management' },
163-
{ title: 'Liquidity Management', link: 'liquidity-management' },
164-
{ title: 'Excess Cash', link: 'excess-cash' },
165-
],
166-
},
167-
],
168-
},
169-
{
170-
title: 'Loyalty shop',
171-
link: '#points',
172-
},
173-
{
174-
title: 'Make an appointment',
175-
link: '#appointment',
176-
},
177-
];
23+
{
24+
title: 'Products',
25+
link: 'products',
26+
sub: [
27+
{
28+
title: 'Payments',
29+
link: 'payments-collections',
30+
sub: [
31+
{ title: 'Payments & Collections', link: '#' },
32+
{ title: 'Merchant Commerce Solutions', link: 'merchant-commerce-solutions' },
33+
{ title: 'Instant Payments', link: 'instant-payments' },
34+
{ title: 'SEPA Direct Debit', link: 'SEPA-direct-debit' },
35+
{ title: 'SEPA Credit Transfer', link: 'SEPA-credit-transfer' },
36+
{ title: 'International Credit Transfer', link: 'international-credit-transfer' },
37+
{ title: 'Account Reporting', link: 'account-deporting' },
38+
],
39+
},
40+
{
41+
title: 'Savings',
42+
link: 'savings-collection',
43+
sub: [
44+
{ title: 'Liquidity & Cash Management', link: 'liquidity-cash-management' },
45+
{ title: 'Physcial Cash Management', link: 'physcial-cash-management' },
46+
{ title: 'Notional Cash Management', link: 'notional-cash-management' },
47+
{ title: 'Virtual Cash Management', link: 'virtual-cash-management' },
48+
{ title: 'Liquidity Management', link: 'liquidity-management' },
49+
{ title: 'Excess Cash', link: 'excess-cash' },
50+
],
51+
},
52+
{
53+
title: 'Investing',
54+
link: 'investing-collection',
55+
sub: [
56+
{ title: 'Digital Banking Services', link: 'home' },
57+
{ title: 'InsideBusiness', link: 'home' },
58+
{ title: 'Connectivity Solutions', link: 'connectivity-solutions' },
59+
],
60+
},
61+
{
62+
title: 'Mortgages',
63+
link: 'mortgages-collections',
64+
sub: [
65+
{ title: 'Payments & Collections', link: '#' },
66+
{ title: 'Merchant Commerce Solutions', link: 'merchant-commerce-solutions' },
67+
{ title: 'Instant Payments', link: 'instant-payments' },
68+
{ title: 'SEPA Direct Debit', link: 'SEPA-direct-debit' },
69+
{ title: 'SEPA Credit Transfer', link: 'SEPA-credit-transfer' },
70+
{ title: 'International Credit Transfer', link: 'international-credit-transfer' },
71+
{ title: 'Account Reporting', link: 'account-deporting' },
72+
],
73+
},
74+
{
75+
title: 'Loans',
76+
link: 'loans-collection',
77+
sub: [
78+
{ title: 'Liquidity & Cash Management', link: 'liquidity-cash-management' },
79+
{ title: 'Physcial Cash Management', link: 'physcial-cash-management' },
80+
{ title: 'Notional Cash Management', link: 'notional-cash-management' },
81+
{ title: 'Virtual Cash Management', link: 'virtual-cash-management' },
82+
{ title: 'Liquidity Management', link: 'liquidity-management' },
83+
{ title: 'Excess Cash', link: 'excess-cash' },
84+
],
85+
},
86+
{
87+
title: 'Insurances',
88+
link: 'insurances-collection',
89+
sub: [
90+
{ title: 'Digital Banking Services', link: 'home' },
91+
{ title: 'InsideBusiness', link: 'home' },
92+
{ title: 'Connectivity Solutions', link: 'connectivity-solutions' },
93+
],
94+
},
95+
{
96+
title: 'Digital banking',
97+
link: 'digital-banking',
98+
},
99+
],
100+
},
101+
{
102+
title: "Who it's for",
103+
link: 'who',
104+
sub: [
105+
{
106+
title: 'Parents & kids',
107+
link: 'parents-kids',
108+
sub: [
109+
{ title: 'Child current account', link: '#child-current' },
110+
{ title: 'Youth current account', link: '#youth-current' },
111+
{ title: 'Child savings account', link: '#child-savings' },
112+
],
113+
},
114+
{
115+
title: 'Students',
116+
link: 'students',
117+
sub: [
118+
{ title: 'Student account', link: '#student-account' },
119+
{ title: 'Smart payments', link: '#smart-payments' },
120+
{ title: 'Smart savings', link: '#smart-savings' },
121+
{ title: 'Smart banking', link: '#smart-banking' },
122+
{ title: 'Smart for now', link: '#smart-for-now' },
123+
{ title: 'Smart for later', link: '#smart-for-later' },
124+
],
125+
},
126+
{
127+
title: "I'm an expat",
128+
link: 'expat',
129+
sub: [
130+
{ title: 'Open a Dutch banking account', link: '#open' },
131+
{ title: 'Investments', link: '#investments' },
132+
{ title: 'Mortgage', link: '#mortgage' },
133+
{ title: 'Health insurance', link: '#insurance' },
134+
],
135+
},
136+
],
137+
},
138+
{
139+
title: 'Themes',
140+
link: 'themes',
141+
sub: [
142+
{
143+
title: 'Living',
144+
link: 'living-collections',
145+
sub: [
146+
{ title: 'Payments & Collections', link: '#' },
147+
{ title: 'Merchant Commerce Solutions', link: 'merchant-commerce-solutions' },
148+
{ title: 'Instant Payments', link: 'instant-payments' },
149+
{ title: 'SEPA Direct Debit', link: 'SEPA-direct-debit' },
150+
{ title: 'SEPA Credit Transfer', link: 'SEPA-credit-transfer' },
151+
{ title: 'International Credit Transfer', link: 'international-credit-transfer' },
152+
{ title: 'Account Reporting', link: 'account-deporting' },
153+
],
154+
},
155+
{
156+
title: 'Wealth',
157+
link: 'wealth-collections',
158+
sub: [
159+
{ title: 'Liquidity & Cash Management', link: 'liquidity-cash-management' },
160+
{ title: 'Physcial Cash Management', link: 'physcial-cash-management' },
161+
{ title: 'Notional Cash Management', link: 'notional-cash-management' },
162+
{ title: 'Virtual Cash Management', link: 'virtual-cash-management' },
163+
{ title: 'Liquidity Management', link: 'liquidity-management' },
164+
{ title: 'Excess Cash', link: 'excess-cash' },
165+
],
166+
},
167+
],
168+
},
169+
{
170+
title: 'Loyalty shop',
171+
link: '#points',
172+
},
173+
{
174+
title: 'Make an appointment',
175+
link: '#appointment',
176+
},
177+
];
178178

179-
const secondaryMenu = [
180-
{
181-
title: 'Back to old website',
182-
link: 'https://www.ingwb.com',
183-
target: '_self',
184-
trackid: 'backToOldWebsite',
185-
},
186-
];
179+
const secondaryMenu = [
180+
{
181+
title: 'Back to old website',
182+
link: 'https://www.ingwb.com',
183+
target: '_self',
184+
trackid: 'backToOldWebsite',
185+
},
186+
];
187187

188-
const ctaPrimary = {
189-
id: 'cta-primary',
190-
label: 'Log in',
191-
href: '#login',
192-
}
188+
const ctaPrimary = {
189+
id: 'cta-primary',
190+
label: 'Log in',
191+
href: '#login',
192+
};
193193

194-
const ctaSecondary = {
195-
id: 'cta-secondary',
196-
label: 'Open an account',
197-
href: '#open-account',
198-
}
194+
const ctaSecondary = {
195+
id: 'cta-secondary',
196+
label: 'Open an account',
197+
href: '#open-account',
198+
};
199199

200-
// N.B. these should be provided via api call
201-
const suggestions = ['A', 'B', 'C', 'D'];
200+
// N.B. these should be provided via api call
201+
const suggestions = ['A', 'B', 'C', 'D'];
202202
```
203203

204-
205204
```js preview-story
206205
export const navigationBar = () => {
207-
return html`<lion-navigation-bar .menuItems="${menuData}" .menuSupportItems="${secondaryMenu}" .ctaPrimary="${ctaPrimary}" .ctaSecondary="${ctaSecondary}" .suggestions="${suggestions}"> .prefilledSuggestion="${suggestions[0]}"</lion-navigation-bar>`;
206+
return html`<lion-navigation-bar
207+
.menuItems="${menuData}"
208+
.menuSupportItems="${secondaryMenu}"
209+
.ctaPrimary="${ctaPrimary}"
210+
.ctaSecondary="${ctaSecondary}"
211+
.suggestions="${suggestions}"
212+
>
213+
.prefilledSuggestion="${suggestions[0]}"</lion-navigation-bar
214+
>`;
208215
};
209216
```

0 commit comments

Comments
 (0)