mirror of
https://github.com/hubHarmony/servii-frontend.git
synced 2024-11-18 05:40:31 +00:00
more versions
This commit is contained in:
AntoninoP
parent
5f61f9e630
commit
8bf5b3facf
@ -10,26 +10,10 @@ import spigot from '../../assets/frameworks/spigot.png';
|
|||||||
import paper from '../../assets/frameworks/paper.png';
|
import paper from '../../assets/frameworks/paper.png';
|
||||||
|
|
||||||
const versions = {
|
const versions = {
|
||||||
vanilla: ['1.21', '1.20', '1.19'],
|
vanilla:[ "1.21.1", "1.21", "1.20.6", "1.20.5", "1.20.4", "1.20.2", "1.20.1", "1.19.4", "1.19.3", "1.19.2", "1.19.1", "1.18.2", "1.18.1", "1.17.1", "1.16.5", "1.16.4", "1.16.3", "1.16.2", "1.16.1", "1.15.2", "1.15.1", "1.14.4", "1.14.3", "1.14.2", "1.14.1", "1.13.2", "1.13.1", "1.12.2", "1.12.1", "1.11.2", "1.10.2", "1.9.4"],
|
||||||
bukkit: [
|
bukkit: [ "1.20.6", "1.20.4", "1.20.2", "1.20.1", "1.19.4", "1.19.3", "1.19.2", "1.19.1", "1.18.2", "1.17.5", "1.17.4", "1.17.3", "1.17.2", "1.17.0", "1.16.5", "1.16.4", "1.16.3", "1.16.2", "1.16.1", "1.16.0", "1.15.5", "1.15.4", "1.15.3", "1.15.2", "1.15.1", "1.15.0", "1.14.5", "1.14.4", "1.14.3", "1.14.2", "1.14.1", "1.14.0", "1.13.5", "1.13.4", "1.13.3", "1.13.2", "1.13.1", "1.13.0", "1.12.5", "1.12.4", "1.12.3", "1.12.2", "1.12.1", "1.12.0", "1.11.5", "1.11.4", "1.11.3", "1.11.2", "1.11.1", "1.11.0", "1.10.5", "1.10.4", "1.10.3", "1.10.2", "1.10.1", "1.10.0", "1.9.5", "1.9.4", "1.9.3", "1.9.2", "1.9.1", "1.9.0", "1.8.5", "1.8.4", "1.8.3", "1.8.2", "1.8.1", "1.8.0", "1.7.5", "1.7.4", "1.7.3", "1.7.2", "1.7.1", "1.7.0", "1.6.5", "1.6.4", "1.6.3", "1.6.2", "1.6.1", "1.6.0", "1.5.5", "1.5.4", "1.5.3", "1.5.2", "1.5.1", "1.5.0", "1.4.5", "1.4.4", "1.4.3", "1.4.2", "1.4.1", "1.4.0", "1.3.5", "1.3.4", "1.3.3", "1.3.2", "1.3.1", "1.3.0", "1.2.5", "1.2.4", "1.2.3", "1.2.2", "1.2.1", "1.2.0", "1.1.5", "1.1.4", "1.1.3", "1.1.2", "1.1.1", "1.1.0", "1.0.5", "1.0.4", "1.0.3", "1.0.2", "1.0.1", "1.0.0"],
|
||||||
'1.15.0', '1.15.1', '1.15.2', '1.15.3', '1.15.4', '1.15.5',
|
spigot: [ "1.21", "1.20.6", "1.20.4", "1.20.2", "1.20.1", "1.19.4", "1.19.3", "1.19.2", "1.19.1", "1.18.2", "1.18.1", "1.17.1", "1.16.5", "1.16.4", "1.16.3", "1.16.2", "1.16.1", "1.15.2", "1.15.1", "1.14.4", "1.14.3", "1.14.2", "1.14.1", "1.13.2", "1.13.1", "1.12.2", "1.12.1", "1.11.2", "1.11.1", "1.10.2", "1.9.4", "1.9.2", "1.8.8", "1.8.7", "1.8.6", "1.8.5", "1.8.4", "1.8.3", "1.7.10", "1.7.9", "1.7.8", "1.7.5", "1.7.2", "1.6.4", "1.6.2", "1.5.2", "1.5.1", "1.4.7", "1.4.6"],
|
||||||
'1.16.0', '1.16.1', '1.16.2', '1.16.3', '1.16.4', '1.16.5',
|
paper: [ "1.21.1", "1.21", "1.20.6", "1.20.5", "1.20.4", "1.20.2", "1.20.1", "1.19.4", "1.19.3", "1.19.2", "1.19.1", "1.18.2", "1.18.1", "1.17.1", "1.16.5", "1.16.4", "1.16.3", "1.16.2", "1.16.1", "1.15.2", "1.15.1", "1.14.4", "1.14.3", "1.14.2", "1.14.1", "1.13.2", "1.13.1", "1.12.2", "1.12.1", "1.11.2", "1.10.2", "1.9.4"]
|
||||||
'1.17.0', '1.17.1', '1.17.2', '1.17.3', '1.17.4', '1.17.5',
|
|
||||||
'1.18.1', '1.18.2',
|
|
||||||
'1.19.1', '1.19.2', '1.19.3', '1.19.4',
|
|
||||||
'1.20.1', '1.20.2', '1.20.4', '1.20.6'
|
|
||||||
],
|
|
||||||
spigot: ['1.21', '1.20'],
|
|
||||||
paper: [
|
|
||||||
'1.13.1', '1.13.2',
|
|
||||||
'1.14.1', '1.14.2', '1.14.3', '1.14.4',
|
|
||||||
'1.15.1', '1.15.2',
|
|
||||||
'1.16.1', '1.16.2', '1.16.3', '1.16.4', '1.16.5',
|
|
||||||
'1.17.1',
|
|
||||||
'1.18.1', '1.18.2',
|
|
||||||
'1.19.1', '1.19.2', '1.19.3', '1.19.4',
|
|
||||||
'1.20.1', '1.20.2', '1.20.4', '1.20.5', '1.20.6'
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noServers }) => {
|
const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noServers }) => {
|
||||||
@ -37,7 +21,7 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noSer
|
|||||||
const [subdomainInput, setSubdomainInput] = useState('');
|
const [subdomainInput, setSubdomainInput] = useState('');
|
||||||
const [serverName, setServerName] = useState('');
|
const [serverName, setServerName] = useState('');
|
||||||
const [serverVersion, setServerVersion] = useState();
|
const [serverVersion, setServerVersion] = useState();
|
||||||
const [selectedFramework, setSelectedFramework] = useState("vanilla");
|
const [selectedFramework, setSelectedFramework] = useState("paper");
|
||||||
|
|
||||||
const loadSubdomain = async () => {
|
const loadSubdomain = async () => {
|
||||||
try {
|
try {
|
||||||
@ -69,11 +53,13 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noSer
|
|||||||
|
|
||||||
const handleCreateServer = async () => {
|
const handleCreateServer = async () => {
|
||||||
try {
|
try {
|
||||||
await onCreateServer(serverName, serverVersion, selectedFramework);
|
const frameworkToSend = selectedFramework === 'vanilla' ? 'paper' : selectedFramework;
|
||||||
|
await onCreateServer(serverName, serverVersion, frameworkToSend);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Error creating server:', error);
|
console.error('Error creating server:', error);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const validateInput = (input) => {
|
const validateInput = (input) => {
|
||||||
return input.replace(/[^a-zA-Z]/g, '');
|
return input.replace(/[^a-zA-Z]/g, '');
|
||||||
@ -124,45 +110,56 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noSer
|
|||||||
|
|
||||||
<div className={styles.subtitle}>Sélection du framework</div>
|
<div className={styles.subtitle}>Sélection du framework</div>
|
||||||
<div className={styles.carreContainer}>
|
<div className={styles.carreContainer}>
|
||||||
<img
|
<div className={styles.carreWrapper}>
|
||||||
className={`${styles.carre} ${selectedFramework === 'vanilla' ? styles.selected : ''}`}
|
<img
|
||||||
src={vanilla}
|
className={`${styles.carre} ${selectedFramework === 'vanilla' ? styles.selected : ''}`}
|
||||||
alt="Vanilla Logo"
|
src={vanilla}
|
||||||
onClick={() => {
|
alt="Vanilla Logo"
|
||||||
setSelectedFramework('vanilla');
|
onClick={() => {
|
||||||
setServerVersion('');
|
setSelectedFramework('vanilla');
|
||||||
}}
|
setServerVersion('');
|
||||||
/>
|
}}
|
||||||
<img
|
/>
|
||||||
className={`${styles.carre} ${selectedFramework === 'bukkit' ? styles.selected : ''}`}
|
</div>
|
||||||
src={bukkit}
|
|
||||||
alt="Bukkit Logo"
|
|
||||||
onClick={() => {
|
|
||||||
setSelectedFramework('bukkit');
|
|
||||||
setServerVersion('');
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
className={`${styles.carre} ${selectedFramework === 'spigot' ? styles.selected : ''}`}
|
|
||||||
src={spigot}
|
|
||||||
alt="Spigot Logo"
|
|
||||||
onClick={() => {
|
|
||||||
setSelectedFramework('spigot');
|
|
||||||
setServerVersion('');
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
className={`${styles.carre} ${selectedFramework === 'paper' ? styles.selected : ''}`}
|
|
||||||
src={paper}
|
|
||||||
alt="Paper Logo"
|
|
||||||
onClick={() => {
|
|
||||||
setSelectedFramework('paper');
|
|
||||||
setServerVersion('');
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={styles.subtitle}>Sélection de la version</div>
|
<div className={styles.carreWrapper}>
|
||||||
|
<img
|
||||||
|
className={`${styles.carre} ${selectedFramework === 'bukkit' ? styles.selected : ''}`}
|
||||||
|
src={bukkit}
|
||||||
|
alt="Bukkit Logo"
|
||||||
|
onClick={() => {
|
||||||
|
setSelectedFramework('bukkit');
|
||||||
|
setServerVersion('');
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={styles.carreWrapper}>
|
||||||
|
<img
|
||||||
|
className={`${styles.carre} ${selectedFramework === 'spigot' ? styles.selected : ''}`}
|
||||||
|
src={spigot}
|
||||||
|
alt="Spigot Logo"
|
||||||
|
onClick={() => {
|
||||||
|
setSelectedFramework('spigot');
|
||||||
|
setServerVersion('');
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={styles.carreWrapper}>
|
||||||
|
<img
|
||||||
|
className={`${styles.carre} ${styles.adviced} ${selectedFramework === 'paper' ? styles.selected : ''}`}
|
||||||
|
src={paper}
|
||||||
|
alt="Paper Logo"
|
||||||
|
onClick={() => {
|
||||||
|
setSelectedFramework('paper');
|
||||||
|
setServerVersion('');
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<label className={styles.recommendationLabel}>Recommandé</label> {}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles.subtitle}>Sélection de la version</div>
|
||||||
|
|
||||||
<select
|
<select
|
||||||
className={styles.select}
|
className={styles.select}
|
||||||
|
|||||||
@ -139,7 +139,13 @@
|
|||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 5rem;
|
height: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carreWrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.carre {
|
.carre {
|
||||||
@ -160,6 +166,17 @@
|
|||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.adviced {
|
||||||
|
border: 2px solid violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recommendationLabel {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: violet;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user