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

(wip) family account css

Browse Source
This commit is contained in:
Du Peng 2023-05-24 10:01:45 +02:00
parent 4d0fe29bcc
commit b473a7cd35
5 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/frontend/src/javascript/components/family-account/child-item.tsx
View File

@ -18,16 +18,16 @@ export const ChildItem: React.FC<ChildItemProps> = ({ child, onEdit, onDelete })
return ( return (
<div className="child-item"> <div className="child-item">
<div> <div className="child-lastname">
<div>{t('app.public.child_item.last_name')}</div> <span>{t('app.public.child_item.last_name')}</span>
<div>{child.last_name}</div> <div>{child.last_name}</div>
</div> </div>
<div> <div className="child-firstname">
<div>{t('app.public.child_item.first_name')}</div> <span>{t('app.public.child_item.first_name')}</span>
<div>{child.first_name}</div> <div>{child.first_name}</div>
</div> </div>
<div> <div className="date">
<div>{t('app.public.child_item.birthday')}</div> <span>{t('app.public.child_item.birthday')}</span>
<div>{FormatLib.date(child.birthday)}</div> <div>{FormatLib.date(child.birthday)}</div>
</div> </div>
<div className="actions"> <div className="actions">

2
app/frontend/src/javascript/components/family-account/children-list.tsx
View File

@ -73,7 +73,7 @@ export const ChildrenList: React.FC<ChildrenListProps> = ({ currentUser, onError
</FabButton> </FabButton>
</header> </header>
<div> <div className="children-list">
{children.map(child => ( {children.map(child => (
<ChildItem key={child.id} child={child} onEdit={editChild} onDelete={deleteChild} /> <ChildItem key={child.id} child={child} onEdit={editChild} onDelete={deleteChild} />
))} ))}

2
app/frontend/src/stylesheets/application.scss
View File

@ -181,6 +181,8 @@
@import "modules/tour"; @import "modules/tour";
@import "modules/wallet-info"; @import "modules/wallet-info";
@import "modules/family-account/child-item";
@import "app.responsive"; @import "app.responsive";
@import "overrides"; @import "overrides";

12
app/frontend/src/stylesheets/modules/family-account/child-item.scss Normal file
View File

@ -0,0 +1,12 @@
.child-item {
width: 100%;
display: grid;
grid-template-rows: repeat(3, min-content);
grid-template-columns: 1fr 1fr;
gap: 1.6rem 2.4rem;
align-items: center;
padding: 1.6rem;
border: 1px solid var(--gray-soft-dark);
border-radius: var(--border-radius);
background-color: var(--gray-soft-lightest);
}

1
app/frontend/templates/shared/header.html.erb
View File

@ -40,6 +40,7 @@
</a> </a>
<ul uib-dropdown-menu class="animated fadeInRight"> <ul uib-dropdown-menu class="animated fadeInRight">
<li><a ui-sref="app.logged.dashboard.profile" translate>{{ 'app.public.common.my_profile' }}</a></li> <li><a ui-sref="app.logged.dashboard.profile" translate>{{ 'app.public.common.my_profile' }}</a></li>
<li ng-if="$root.settings.familyAccount"><a ui-sref="app.logged.dashboard.children" translate>{{ 'app.public.common.my_children' }}</a></li>
<li><a ui-sref="app.logged.dashboard.settings" translate>{{ 'app.public.common.my_settings' }}</a></li> <li><a ui-sref="app.logged.dashboard.settings" translate>{{ 'app.public.common.my_settings' }}</a></li>
<li ng-if="!isAuthorized(['admin', 'manager']) && hasProofOfIdentityTypes"><a ui-sref="app.logged.dashboard.supporting_document_files" translate>{{ 'app.public.common.my_supporting_documents_files' }}</a></li> <li ng-if="!isAuthorized(['admin', 'manager']) && hasProofOfIdentityTypes"><a ui-sref="app.logged.dashboard.supporting_document_files" translate>{{ 'app.public.common.my_supporting_documents_files' }}</a></li>
<li><a ui-sref="app.logged.dashboard.projects" translate>{{ 'app.public.common.my_projects' }}</a></li> <li><a ui-sref="app.logged.dashboard.projects" translate>{{ 'app.public.common.my_projects' }}</a></li>