fix modtools
This commit is contained in:
parent
7ef311cdc7
commit
35ee5cc61e
|
@ -110,7 +110,6 @@ function Admintools() {
|
||||||
)}
|
)}
|
||||||
<div>
|
<div>
|
||||||
<br />
|
<br />
|
||||||
<div className="modaldivider" />
|
|
||||||
<h3 className="modaltitle">{t`IP Actions`}</h3>
|
<h3 className="modaltitle">{t`IP Actions`}</h3>
|
||||||
<p className="modalcotext">
|
<p className="modalcotext">
|
||||||
{t`Do stuff with IPs (one IP per line)`}
|
{t`Do stuff with IPs (one IP per line)`}
|
||||||
|
|
|
@ -263,7 +263,6 @@ function ModCanvastools() {
|
||||||
}
|
}
|
||||||
</select>
|
</select>
|
||||||
</p>
|
</p>
|
||||||
<br />
|
|
||||||
<div className="modaldivider" />
|
<div className="modaldivider" />
|
||||||
<h3 className="modaltitle">{t`Image Upload`}</h3>
|
<h3 className="modaltitle">{t`Image Upload`}</h3>
|
||||||
<p className="modalcotext">{t`Upload images to canvas`}</p>
|
<p className="modalcotext">{t`Upload images to canvas`}</p>
|
||||||
|
|
|
@ -15,30 +15,33 @@ const CONTENT = {
|
||||||
};
|
};
|
||||||
|
|
||||||
function Modtools() {
|
function Modtools() {
|
||||||
const [selectedPart, selectPart] = useState('canvas');
|
const [selectedPart, selectPart] = useState('Canvas');
|
||||||
|
|
||||||
const userlvl = useSelector((state) => state.user.userlvl);
|
const userlvl = useSelector((state) => state.user.userlvl);
|
||||||
|
|
||||||
const Content = CONTENT[selectedPart];
|
const Content = CONTENT[selectedPart];
|
||||||
|
|
||||||
|
const parts = Object.keys(CONTENT)
|
||||||
|
.filter((part) => part !== 'Admin' || userlvl === 1);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div style={{ textAlign: 'center' }}>
|
<div style={{ textAlign: 'center' }}>
|
||||||
{Object.keys(CONTENT)
|
{parts.map((part, ind) => (
|
||||||
.filter((part) => part !== 'Admin' || userlvl === 1)
|
<React.Fragment key={part}>
|
||||||
.map((part) => (
|
|
||||||
<span
|
<span
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
key={part}
|
|
||||||
className="modallink"
|
className="modallink"
|
||||||
style={(selectedPart === part) && {
|
style={(selectedPart === part) ? {
|
||||||
fontWeight: 'bold',
|
fontWeight: 'bold',
|
||||||
}}
|
} : {}}
|
||||||
onClick={() => selectPart(part)}
|
onClick={() => selectPart(part)}
|
||||||
>{part}</span>
|
>{part}</span>
|
||||||
),
|
{(ind !== parts.length - 1)
|
||||||
)}
|
&& <span className="hdivider" />}
|
||||||
|
</React.Fragment>
|
||||||
|
))}
|
||||||
</div>
|
</div>
|
||||||
<div className="modaldivider" />
|
<div className="modaldivider" />
|
||||||
{Content && <Content />}
|
{Content && <Content />}
|
||||||
|
|
|
@ -83,30 +83,34 @@ const UserAreaContent = () => {
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
className="modallink"
|
className="modallink"
|
||||||
onClick={logout}
|
onClick={logout}
|
||||||
> {t`Log out`}</span> |
|
> {t`Log out`}</span>
|
||||||
|
<span className="hdivider" />
|
||||||
<span
|
<span
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
className="modallink"
|
className="modallink"
|
||||||
onClick={() => setArea('CHANGE_NAME')}
|
onClick={() => setArea('CHANGE_NAME')}
|
||||||
> {t`Change Username`}</span> |
|
> {t`Change Username`}</span>
|
||||||
|
<span className="hdivider" />
|
||||||
{(mailreg)
|
{(mailreg)
|
||||||
&& (
|
&& (
|
||||||
<span>
|
<React.Fragment key="mc">
|
||||||
<span
|
<span
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
className="modallink"
|
className="modallink"
|
||||||
onClick={() => setArea('CHANGE_MAIL')}
|
onClick={() => setArea('CHANGE_MAIL')}
|
||||||
> {t`Change Mail`}</span> |
|
> {t`Change Mail`}</span>
|
||||||
</span>
|
<span className="hdivider" />
|
||||||
|
</React.Fragment>
|
||||||
)}
|
)}
|
||||||
<span
|
<span
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
className="modallink"
|
className="modallink"
|
||||||
onClick={() => setArea('CHANGE_PASSWORD')}
|
onClick={() => setArea('CHANGE_PASSWORD')}
|
||||||
> {t`Change Password`}</span> |
|
> {t`Change Password`}</span>
|
||||||
|
<span className="hdivider" />
|
||||||
<span
|
<span
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
|
|
|
@ -564,6 +564,13 @@ tr:nth-child(even) {
|
||||||
background-color: hsla(216, 4%, 74%, .3);
|
background-color: hsla(216, 4%, 74%, .3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hdivider{
|
||||||
|
margin-left: 5px;
|
||||||
|
margin-right: 5px;
|
||||||
|
border-left: 1px solid #000;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.modalinfo {
|
.modalinfo {
|
||||||
color: #4f545c;
|
color: #4f545c;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user