rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-30 19:52:20 +01:00
Code Issues Releases Activity

(ui) Add missing cta

Browse Source
This commit is contained in:
vincent 2023-01-05 15:24:24 +01:00 committed by Sylvain
parent eb7c4de0ce
commit 4650d0e1cb
10 changed files with 51 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/frontend/src/javascript/components/dashboard/reservations/prepaid-packs-panel.tsx
View File

@ -41,6 +41,11 @@ const PrepaidPacksPanel: React.FC<PrepaidPacksPanelProps> = () => {
</div> </div>
</div> </div>
<div className='prepaid-packs-cta'>
<p>{t('app.logged.dashboard.reservations_dashboard.prepaid_packs_panel.cta_info')}</p>
<button className='fab-button is-black'>{t('app.logged.dashboard.reservations_dashboard.prepaid_packs_panel.cta_button')}</button>
</div>
</FabPanel> </FabPanel>
); );
}; };

12
app/frontend/src/stylesheets/modules/dashboard/reservations/prepaid-packs-panel.scss
View File

@ -17,7 +17,7 @@
.prepaid-packs-list { .prepaid-packs-list {
display: grid; display: grid;
grid-template-columns: 2fr 1fr max-content; grid-template-columns: 2fr 1fr minmax(25%, max-content);
gap: 0 1.6rem; gap: 0 1.6rem;
.name { grid-column: 1 / 2; } .name { grid-column: 1 / 2; }
.end { grid-column: 2 / 3; } .end { grid-column: 2 / 3; }
@ -43,4 +43,14 @@
} }
.prepaid-packs-list-item { font-weight: 400; } .prepaid-packs-list-item { font-weight: 400; }
} }
.prepaid-packs-cta {
padding: 1.6rem;
display: flex;
justify-content: space-between;
align-items: center;
gap:2.4rem;
background-color: var(--gray-soft-lightest);
border-radius: var(--border-radius);
}
} }

4
app/frontend/src/stylesheets/modules/dashboard/reservations/reservations-panel.scss
View File

@ -13,7 +13,7 @@
.reservations-list { .reservations-list {
display: grid; display: grid;
grid-template-columns: 1fr max-content; grid-template-columns: 1fr minmax(25%, max-content);
gap: 0 1.6rem; gap: 0 1.6rem;
.name { grid-column: 1 / 2; } .name { grid-column: 1 / 2; }
.date { grid-column: 2 / 3; } .date { grid-column: 2 / 3; }
@ -26,7 +26,7 @@
display: contents; display: contents;
@include text-base(600); @include text-base(600);
.date{ .date{
margin-bottom: 0.4rem; margin-bottom: 1.6rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;

2
config/locales/app.logged.de.yml
View File

@ -166,6 +166,8 @@ de:
countdown: "Countdown" countdown: "Countdown"
history: "History" history: "History"
consumed_hours: "H consumed" consumed_hours: "H consumed"
cta_info: "You can buy prepaid hours packs to book machines and benefit from discounts"
cta_button: "Buy a pack"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "Mitgliederliste" members_list: "Mitgliederliste"

2
config/locales/app.logged.en.yml
View File

@ -166,6 +166,8 @@ en:
countdown: "Countdown" countdown: "Countdown"
history: "History" history: "History"
consumed_hours: "H consumed" consumed_hours: "H consumed"
cta_info: "You can buy prepaid hours packs to book machines and benefit from discounts"
cta_button: "Buy a pack"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "Members list" members_list: "Members list"

2
config/locales/app.logged.es.yml
View File

@ -166,6 +166,8 @@ es:
countdown: "Countdown" countdown: "Countdown"
history: "History" history: "History"
consumed_hours: "H consumed" consumed_hours: "H consumed"
cta_info: "You can buy prepaid hours packs to book machines and benefit from discounts"
cta_button: "Buy a pack"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "Lista de miembros" members_list: "Lista de miembros"

2
config/locales/app.logged.fr.yml
View File

@ -166,6 +166,8 @@ fr:
countdown: "Décompte" countdown: "Décompte"
history: "Historique" history: "Historique"
consumed_hours: "H consommée(s)" consumed_hours: "H consommée(s)"
cta_info: "Vous pouvez acheter des packs d'heures prépayées pour les machines. Ces packs vous permettent de bénéficier de remises."
cta_button: "Acheter un pack"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "Liste des membres" members_list: "Liste des membres"

2
config/locales/app.logged.no.yml
View File

@ -166,6 +166,8 @@
countdown: "Countdown" countdown: "Countdown"
history: "History" history: "History"
consumed_hours: "H consumed" consumed_hours: "H consumed"
cta_info: "You can buy prepaid hours packs to book machines and benefit from discounts"
cta_button: "Buy a pack"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "Medlemsliste" members_list: "Medlemsliste"

2
config/locales/app.logged.pt.yml
View File

@ -166,6 +166,8 @@ pt:
countdown: "Countdown" countdown: "Countdown"
history: "History" history: "History"
consumed_hours: "H consumed" consumed_hours: "H consumed"
cta_info: "You can buy prepaid hours packs to book machines and benefit from discounts"
cta_button: "Buy a pack"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "Lista de membros" members_list: "Lista de membros"

40
config/locales/app.logged.zu.yml
View File

@ -144,28 +144,30 @@ zu:
browse: "crwdns27630:0crwdne27630:0" browse: "crwdns27630:0crwdne27630:0"
edit: "crwdns27632:0crwdne27632:0" edit: "crwdns27632:0crwdne27632:0"
reservations_dashboard: reservations_dashboard:
machine_section_title: "crwdns36291:0crwdne36291:0" machine_section_title: "crwdns36357:0crwdne36357:0"
space_section_title: "crwdns36293:0crwdne36293:0" space_section_title: "crwdns36359:0crwdne36359:0"
reservations_panel: reservations_panel:
title: "crwdns36295:0crwdne36295:0" title: "crwdns36361:0crwdne36361:0"
upcoming: "crwdns36297:0crwdne36297:0" upcoming: "crwdns36363:0crwdne36363:0"
date: "crwdns36299:0crwdne36299:0" date: "crwdns36365:0crwdne36365:0"
history: "crwdns36301:0crwdne36301:0" history: "crwdns36367:0crwdne36367:0"
no_reservation: "crwdns36329:0crwdne36329:0" no_reservation: "crwdns36369:0crwdne36369:0"
show_more: "crwdns36305:0crwdne36305:0" show_more: "crwdns36371:0crwdne36371:0"
credits_panel: credits_panel:
title: "crwdns36307:0crwdne36307:0" title: "crwdns36373:0crwdne36373:0"
info: "crwdns36309:0crwdne36309:0" info: "crwdns36375:0crwdne36375:0"
remaining_credits_html: "crwdns36311:0REMAINING={REMAINING}crwdnd36311:0REMAINING={REMAINING}crwdne36311:0" remaining_credits_html: "crwdns36377:0REMAINING={REMAINING}crwdnd36377:0REMAINING={REMAINING}crwdne36377:0"
used_credits_html: "crwdns36313:0USED={USED}crwdnd36313:0USED={USED}crwdne36313:0" used_credits_html: "crwdns36379:0USED={USED}crwdnd36379:0USED={USED}crwdne36379:0"
no_credits: "crwdns36315:0crwdne36315:0" no_credits: "crwdns36381:0crwdne36381:0"
prepaid_packs_panel: prepaid_packs_panel:
title: "crwdns36317:0crwdne36317:0" title: "crwdns36383:0crwdne36383:0"
name: "crwdns36319:0crwdne36319:0" name: "crwdns36385:0crwdne36385:0"
end: "crwdns36331:0crwdne36331:0" end: "crwdns36387:0crwdne36387:0"
countdown: "crwdns36323:0crwdne36323:0" countdown: "crwdns36389:0crwdne36389:0"
history: "crwdns36325:0crwdne36325:0" history: "crwdns36391:0crwdne36391:0"
consumed_hours: "crwdns36327:0crwdne36327:0" consumed_hours: "crwdns36393:0crwdne36393:0"
cta_info: "crwdns36395:0crwdne36395:0"
cta_button: "crwdns36397:0crwdne36397:0"
#public profil of a member #public profil of a member
members_show: members_show:
members_list: "crwdns27656:0crwdne27656:0" members_list: "crwdns27656:0crwdne27656:0"