jamie/goexplore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

feat: add support for NFS protocol with dynamic UI field updates and visibility toggles

Browse Source
This commit is contained in:
Jamie
2026-06-09 15:28:27 +01:00
parent e6b806d2c1
commit d34e919f40
2 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+3 -3
View File
@@ -95,7 +95,7 @@
<label>Host</label> <label>Host</label>
<input type="text" id="conn-host" placeholder="example.com"> <input type="text" id="conn-host" placeholder="example.com">
</div> </div>
<div class="form-group" style="flex: 1;"> <div class="form-group" style="flex: 1;" id="port-group">
<label>Port</label> <label>Port</label>
<input type="number" id="conn-port" placeholder="22"> <input type="number" id="conn-port" placeholder="22">
</div> </div>
@@ -104,7 +104,7 @@
<div id="bucket-fields" style="display: none;"> <div id="bucket-fields" style="display: none;">
<div class="form-row"> <div class="form-row">
<div class="form-group" style="flex: 1;"> <div class="form-group" style="flex: 1;">
<label>Bucket / Share</label> <label id="bucket-label">Bucket / Share</label>
<input type="text" id="conn-bucket" placeholder="my-bucket-or-share"> <input type="text" id="conn-bucket" placeholder="my-bucket-or-share">
</div> </div>
<div class="form-group" style="flex: 1;" id="region-group"> <div class="form-group" style="flex: 1;" id="region-group">
@@ -123,7 +123,7 @@
<label style="margin: 0;">Use FTPS (Secure Explicit TLS)</label> <label style="margin: 0;">Use FTPS (Secure Explicit TLS)</label>
</div> </div>
<div class="form-row"> <div class="form-row" id="auth-row">
<div class="form-group" style="flex: 1;"> <div class="form-group" style="flex: 1;">
<label>Username / Access Key</label> <label>Username / Access Key</label>
<input type="text" id="conn-username" placeholder="user"> <input type="text" id="conn-username" placeholder="user">
frontend/src/main.js
+19 -1
View File
@@ -174,9 +174,27 @@ window.closeConnModal = () => {
window.updateProtocolFields = () => { window.updateProtocolFields = () => {
const protocol = document.getElementById('conn-protocol').value; const protocol = document.getElementById('conn-protocol').value;
const showBucket = protocol === 's3' || protocol === 'smb'; const showBucket = protocol === 's3' || protocol === 'smb' || protocol === 'nfs';
document.getElementById('bucket-fields').style.display = showBucket ? 'block' : 'none'; document.getElementById('bucket-fields').style.display = showBucket ? 'block' : 'none';
const bucketLabel = document.getElementById('bucket-label');
if (bucketLabel) {
if (protocol === 'nfs') {
bucketLabel.innerText = 'Export Path';
} else if (protocol === 'smb') {
bucketLabel.innerText = 'Share';
} else {
bucketLabel.innerText = 'Bucket';
}
}
const isNFS = protocol === 'nfs';
const portGroup = document.getElementById('port-group');
if (portGroup) portGroup.style.display = isNFS ? 'none' : 'block';
const authRow = document.getElementById('auth-row');
if (authRow) authRow.style.display = isNFS ? 'none' : 'flex';
// Only show S3 specific fields when S3 is selected // Only show S3 specific fields when S3 is selected
const showS3Specific = protocol === 's3'; const showS3Specific = protocol === 's3';
document.getElementById('region-group').style.display = showS3Specific ? 'flex' : 'none'; document.getElementById('region-group').style.display = showS3Specific ? 'flex' : 'none';