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

replace TabLinkElement with SectionTabs Components

Browse source
This commit is contained in:
grafixeyehero 2022-01-02 05:04:08 +03:00
parent a72fa2e999
commit f2a14f453c
1 changed files with 6 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,11 +6,10 @@ import globalize from '../../scripts/globalize';
import toast from '../toast/toast'; import toast from '../toast/toast';
import { appRouter } from '../appRouter'; import { appRouter } from '../appRouter';
import SectionTitleLinkElement from '../dashboard/users/SectionTitleLinkElement'; import SectionTitleLinkElement from '../dashboard/users/SectionTitleLinkElement';
import TabLinkElement from '../dashboard/users/TabLinkElement'; import SectionTabs from '../dashboard/users/SectionTabs';
import CheckBoxElement from '../dashboard/users/CheckBoxElement'; import CheckBoxElement from '../dashboard/users/CheckBoxElement';
import CheckBoxListItem from '../dashboard/users/CheckBoxListItem'; import CheckBoxListItem from '../dashboard/users/CheckBoxListItem';
import ButtonElement from '../dashboard/users/ButtonElement'; import ButtonElement from '../dashboard/users/ButtonElement';
import Dashboard from '../../scripts/clientUtils';
type ItemsArr = { type ItemsArr = {
Name?: string; Name?: string;
@ -221,34 +220,12 @@ const UserLibraryAccessPage: FunctionComponent = () => {
/> />
</div> </div>
</div> </div>
<div <SectionTabs activeTab='userlibraryaccess'/>
data-role='controlgroup'
data-type='horizontal'
className='localnav'
style={{ display: 'flex' }}
>
<TabLinkElement
tabTitle='Profile'
onClick={() => Dashboard.navigate('useredit.html', true)}
/>
<TabLinkElement
activeTab={true}
tabTitle='TabAccess'
onClick={() => Dashboard.navigate('userlibraryaccess.html', true)}
/>
<TabLinkElement
tabTitle='TabParentalControl'
onClick={() => Dashboard.navigate('userparentalcontrol.html', true)}
/>
<TabLinkElement
tabTitle='HeaderPassword'
onClick={() => Dashboard.navigate('userpassword.html', true)}
/>
</div>
<form className='userLibraryAccessForm'> <form className='userLibraryAccessForm'>
<div className='folderAccessContainer'> <div className='folderAccessContainer'>
<h2>{globalize.translate('HeaderLibraryAccess')}</h2> <h2>{globalize.translate('HeaderLibraryAccess')}</h2>
<CheckBoxElement <CheckBoxElement
labelClassName='checkboxContainer'
type='checkbox' type='checkbox'
className='chkEnableAllFolders' className='chkEnableAllFolders'
title='OptionEnableAccessToAllLibraries' title='OptionEnableAccessToAllLibraries'
@ -258,7 +235,7 @@ const UserLibraryAccessPage: FunctionComponent = () => {
<h3 className='checkboxListLabel'> <h3 className='checkboxListLabel'>
{globalize.translate('HeaderLibraries')} {globalize.translate('HeaderLibraries')}
</h3> </h3>
<div className='checkboxList paperList' style={{padding: '.5em 1em'}}> <div className='checkboxList paperList checkboxList-paperList'>
{mediaFoldersItems.map(Item => { {mediaFoldersItems.map(Item => {
return ( return (
<CheckBoxListItem <CheckBoxListItem
@ -280,6 +257,7 @@ const UserLibraryAccessPage: FunctionComponent = () => {
<div className='channelAccessContainer hide'> <div className='channelAccessContainer hide'>
<h2>{globalize.translate('HeaderChannelAccess')}</h2> <h2>{globalize.translate('HeaderChannelAccess')}</h2>
<CheckBoxElement <CheckBoxElement
labelClassName='checkboxContainer'
type='checkbox' type='checkbox'
className='chkEnableAllChannels' className='chkEnableAllChannels'
title='OptionEnableAccessToAllChannels' title='OptionEnableAccessToAllChannels'
@ -310,6 +288,7 @@ const UserLibraryAccessPage: FunctionComponent = () => {
<div className='deviceAccessContainer hide'> <div className='deviceAccessContainer hide'>
<h2>{globalize.translate('HeaderDeviceAccess')}</h2> <h2>{globalize.translate('HeaderDeviceAccess')}</h2>
<CheckBoxElement <CheckBoxElement
labelClassName='checkboxContainer'
type='checkbox' type='checkbox'
className='chkEnableAllDevices' className='chkEnableAllDevices'
title='OptionEnableAccessFromAllDevices' title='OptionEnableAccessFromAllDevices'