mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Add SectionTitleContainer in UserProfilesPage

Browse source
This commit is contained in:
grafixeyehero 2022-05-07 23:27:33 +03:00
parent db5472b3bb
commit 2fc9741d57
7 changed files with 48 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/dashboard/users/SectionTitleContainer.tsx
View file

@ -1,21 +1,31 @@
import React, { FunctionComponent } from 'react';
import SectionTitleButtonElement from './SectionTitleButtonElement';
import SectionTitleLinkElement from './SectionTitleLinkElement';
type IProps = {
title: string;
isBtnVisible?: boolean;
titleLink?: string;
}
const SectionTitleContainer: FunctionComponent<IProps> = ({title}: IProps) => {
const SectionTitleContainer: FunctionComponent<IProps> = ({title, isBtnVisible, titleLink}: IProps) => {
return (
<div className='verticalSection'>
<div className='sectionTitleContainer flex align-items-center'>
<h2 className='sectionTitle'>
{title}
</h2>
{isBtnVisible && <SectionTitleButtonElement
className='fab btnAddUser submit sectionTitleButton'
title='ButtonAddUser'
icon='add'
/>}
<SectionTitleLinkElement
className='raised button-alt headerHelpButton'
title='Help'
url='https://docs.jellyfin.org/general/server/users/'
url={titleLink}
/>
</div>
</div>

6
src/components/pages/NewUserPage.tsx
View file

@ -177,7 +177,11 @@ const NewUserPage: FunctionComponent = () => {
return (
<div ref={element}>
<div className='content-primary'>
<SectionTitleContainer title={globalize.translate('ButtonAddUser')}/>
<SectionTitleContainer
title={globalize.translate('HeaderAddUser')}
isBtnVisible={false}
titleLink='https://docs.jellyfin.org/general/server/users/'
/>
<form className='newUserProfileForm'>
<div className='inputContainer'>
<InputElement

6
src/components/pages/UserEditPage.tsx
View file

@ -278,7 +278,11 @@ const UserEditPage: FunctionComponent = () => {
return (
<div ref={element}>
<div className='content-primary'>
<SectionTitleContainer title={userName}/>
<SectionTitleContainer
title={userName}
isBtnVisible={false}
titleLink='https://docs.jellyfin.org/general/server/users/'
/>
<SectionTabs activeTab='useredit'/>
<div
className='lnkEditUserPreferencesContainer'

6
src/components/pages/UserLibraryAccessPage.tsx
View file

@ -228,7 +228,11 @@ const UserLibraryAccessPage: FunctionComponent = () => {
return (
<div ref={element}>
<div className='content-primary'>
<SectionTitleContainer title={userName}/>
<SectionTitleContainer
title={userName}
isBtnVisible={false}
titleLink='https://docs.jellyfin.org/general/server/users/'
/>
<SectionTabs activeTab='userlibraryaccess'/>
<form className='userLibraryAccessForm'>
<AccessContainer

6
src/components/pages/UserParentalControl.tsx
View file

@ -319,7 +319,11 @@ const UserParentalControl: FunctionComponent = () => {
return (
<div ref={element}>
<div className='content-primary'>
<SectionTitleContainer title={userName}/>
<SectionTitleContainer
title={userName}
isBtnVisible={false}
titleLink='https://docs.jellyfin.org/general/server/users/'
/>
<SectionTabs activeTab='userparentalcontrol'/>
<form className='userParentalControlForm'>
<div className='selectContainer'>

6
src/components/pages/UserPasswordPage.tsx
View file

@ -23,7 +23,11 @@ const UserPasswordPage: FunctionComponent = () => {
return (
<div>
<div className='content-primary'>
<SectionTitleContainer title={userName}/>
<SectionTitleContainer
title={userName}
isBtnVisible={false}
titleLink='https://docs.jellyfin.org/general/server/users/'
/>
<SectionTabs activeTab='userpassword'/>
<div className='readOnlyContent'>
<UserPasswordForm

37
src/components/pages/UserProfilesPage.tsx
View file

@ -6,8 +6,7 @@ import loading from '../loading/loading';
import dom from '../../scripts/dom';
import confirm from '../../components/confirm/confirm';
import UserCardBox from '../dashboard/users/UserCardBox';
import SectionTitleButtonElement from '../dashboard/users/SectionTitleButtonElement';
import SectionTitleLinkElement from '../dashboard/users/SectionTitleLinkElement';
import SectionTitleContainer from '../dashboard/users/SectionTitleContainer';
import '../../elements/emby-button/emby-button';
import '../../elements/emby-button/paper-icon-button-light';
import '../../components/cardbuilder/card.scss';
@ -133,30 +132,16 @@ const UserProfilesPage: FunctionComponent = () => {
return (
<div ref={element}>
<div className='content-primary'>
<div className='verticalSection verticalSection-extrabottompadding'>
<div
className='sectionTitleContainer sectionTitleContainer-cards'
style={{display: 'flex', alignItems: 'center', paddingBottom: '1em'}}
>
<h2 className='sectionTitle sectionTitle-cards'>
{globalize.translate('HeaderUsers')}
</h2>
<SectionTitleButtonElement
className='fab btnAddUser submit sectionTitleButton'
title='ButtonAddUser'
icon='add'
/>
<SectionTitleLinkElement
className='raised button-alt headerHelpButton'
title='Help'
url='https://docs.jellyfin.org/general/server/users/adding-managing-users.html'
/>
</div>
<div className='localUsers itemsContainer vertical-wrap'>
{users.map(user => {
return <UserCardBox key={user.Id} user={user} />;
})}
</div>
<SectionTitleContainer
title={globalize.translate('HeaderUsers')}
isBtnVisible={true}
titleLink='https://docs.jellyfin.org/general/server/users/adding-managing-users.html'
/>
<div className='localUsers itemsContainer vertical-wrap'>
{users.map(user => {
return <UserCardBox key={user.Id} user={user} />;
})}
</div>
</div>
</div>