UniqueSoft/openpanel
2
0
Fork 0
mirror of https://github.com/stefanpejcic/openpanel synced 2025-06-26 18:28:26 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update index.tsx

Browse Source
This commit is contained in:
Stefan Pejcic
2024-06-01 15:59:55 +02:00
committed by GitHub
parent e0deaaa18f
commit ef729c909f
1 changed files with 47 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
documentation/src/pages/install/index.tsx
View File

@@ -98,50 +98,53 @@ const Install: React.FC = () => {
<p className="mt-0">Here you can set what shall be installed and configured when installing OpenPanel:</p>
<ul>
{/* Input fields for advanced install settings */}
{Object.entries(installOptions).map(([key, value]) => (
<li key={key}>
<label htmlFor={key}>{key.replace(/-/g, ' ').toUpperCase()}:</label>
<span>{value.description}</span>
{key === "version" ? (
<input
type="text"
id={key}
name={key}
value={value.value}
onChange={handleInputChange}
/>
) : key === "screenshots" ? ( // Modified
<select // Modified
id={key} // Modified
name={key} // Modified
value={value.value} // Modified
onChange={handleInputChange} // Modified
> // Modified
{value.options.map(option => ( // Modified
<option key={option} value={option}>{option}</option> // Modified
))} // Modified
</select> // Modified
) : (
typeof value.value === "boolean" ? (
<input
type="checkbox"
id={key}
name={key}
checked={value.value}
onChange={handleInputChange}
/>
) : (
<input
type="text"
id={key}
name={key}
value={value.value}
onChange={handleInputChange}
/>
)
)}
</li>
))}
{Object.entries(installOptions).map(([key, value]) => {
if (value.value || ["version", "hostname", "screenshots", "post-install"].includes(key)) {
if (key === "screenshots" && value.value === "remote") {
return null; // Don't render screenshots if it's remote
} else if (key === "version" && value.value === latestVersion) {
return null; // Don't render version if it's the latest version
} else {
return (
<li key={key}>
<label htmlFor={key}>{key.replace(/-/g, ' ').toUpperCase()}:</label>
<span>{value.description}</span>
{key === "screenshots" ? (
<select
id={key}
name={key}
value={value.value}
onChange={handleInputChange}
>
{value.options.map(option => (
<option key={option} value={option}>{option}</option>
))}
</select>
) : (
typeof value.value === "boolean" ? (
<input
type="checkbox"
id={key}
name={key}
checked={value.value}
onChange={handleInputChange}
/>
) : (
<input
type="text"
id={key}
name={key}
value={value.value}
onChange={handleInputChange}
/>
)
)}
</li>
);
}
}
return null; // Don't render if value is falsy and not in the specified list
})}
</ul>
</div>
</div>