StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add support for client-side server reinstallation

Browse source
This commit is contained in:
Dane Everitt 2020-04-03 14:43:24 -07:00
parent 86de7372a8
commit 85e3945cd7
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 169 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

86
resources/scripts/components/server/settings/SettingsContainer.tsx
View file

@ -7,6 +7,7 @@ import { UserData } from '@/state/user';
import RenameServerBox from '@/components/server/settings/RenameServerBox';
import FlashMessageRender from '@/components/FlashMessageRender';
import Can from '@/components/elements/Can';
import ReinstallServerBox from '@/components/server/settings/ReinstallServerBox';
export default () => {
const user = useStoreState<ApplicationStore, UserData>(state => state.user.data!);
@ -17,49 +18,56 @@ export default () => {
<FlashMessageRender byKey={'settings'} className={'mb-4'}/>
<div className={'md:flex'}>
<Can action={'file.sftp'}>
<TitledGreyBox title={'SFTP Details'} className={'w-full md:flex-1 md:max-w-1/2 md:mr-6'}>
<div>
<label className={'input-dark-label'}>Server Address</label>
<input
type={'text'}
className={'input-dark'}
value={`sftp://${server.sftpDetails.ip}:${server.sftpDetails.port}`}
readOnly={true}
/>
</div>
<div className={'mt-6'}>
<label className={'input-dark-label'}>Username</label>
<input
type={'text'}
className={'input-dark'}
value={`${user.username}.${server.id}`}
readOnly={true}
/>
</div>
<div className={'mt-6 flex items-center'}>
<div className={'flex-1'}>
<div className={'border-l-4 border-cyan-500 p-3'}>
<p className={'text-xs text-neutral-200'}>
Your SFTP password is the same as the password you use to access this panel.
</p>
<div className={'w-full md:flex-1 md:max-w-1/2 md:mr-10'}>
<TitledGreyBox title={'SFTP Details'}>
<div>
<label className={'input-dark-label'}>Server Address</label>
<input
type={'text'}
className={'input-dark'}
value={`sftp://${server.sftpDetails.ip}:${server.sftpDetails.port}`}
readOnly={true}
/>
</div>
<div className={'mt-6'}>
<label className={'input-dark-label'}>Username</label>
<input
type={'text'}
className={'input-dark'}
value={`${user.username}.${server.id}`}
readOnly={true}
/>
</div>
<div className={'mt-6 flex items-center'}>
<div className={'flex-1'}>
<div className={'border-l-4 border-cyan-500 p-3'}>
<p className={'text-xs text-neutral-200'}>
Your SFTP password is the same as the password you use to access this panel.
</p>
</div>
</div>
<div className={'ml-4'}>
<a
href={`sftp://${user.username}.${server.id}@${server.sftpDetails.ip}:${server.sftpDetails.port}`}
className={'btn btn-sm btn-secondary'}
>
Launch SFTP
</a>
</div>
</div>
<div className={'ml-4'}>
<a
href={`sftp://${user.username}.${server.id}@${server.sftpDetails.ip}:${server.sftpDetails.port}`}
className={'btn btn-sm btn-secondary'}
>
Launch SFTP
</a>
</div>
</div>
</TitledGreyBox>
</Can>
<Can action={'settings.rename'}>
<div className={'w-full mt-6 md:flex-1 md:max-w-1/2 md:mt-0'}>
<RenameServerBox/>
</TitledGreyBox>
</div>
</Can>
<div className={'w-full mt-6 md:flex-1 md:max-w-1/2 md:mt-0'}>
<Can action={'settings.rename'}>
<div className={'mb-6 md:mb-10'}>
<RenameServerBox/>
</div>
</Can>
<Can action={'settings.reinstall'}>
<ReinstallServerBox/>
</Can>
</div>
</div>
</div>
);