Move and rename Files tab to be less prominent

This commit is contained in:
Cameron Gutman
2024-02-26 22:13:32 -06:00
parent 8081f4167e
commit cb57322190
2 changed files with 163 additions and 164 deletions

View File

@@ -124,65 +124,6 @@
</div>
</div>
<!-- Files Tab -->
<div id="files" v-if="currentTab === 'files'" class="config-page">
<!-- Apps File -->
<div class="mb-3">
<label for="file_apps" class="form-label">Apps File</label>
<input type="text" class="form-control" id="file_apps" placeholder="apps.json" v-model="config.file_apps" />
<div class="form-text">
The file where current apps of Sunshine are stored
</div>
</div>
<!-- Credentials File -->
<div class="mb-3">
<label for="credentials_file" class="form-label">Credentials File</label>
<input type="text" class="form-control" id="credentials_file" placeholder="sunshine_state.json" v-model="config.credentials_file" />
<div class="form-text">
Store Username/Password separately from Sunshine's state file.
</div>
</div>
<!-- Log Path -->
<div class="mb-3">
<label for="log_path" class="form-label">Logfile Path</label>
<input type="text" class="form-control" id="log_path" placeholder="sunshine.log" v-model="config.log_path" />
<div class="form-text">
The file where the current logs of Sunshine are stored.
</div>
</div>
<!-- Private Key -->
<div class="mb-3">
<label for="pkey" class="form-label">Private Key</label>
<input type="text" class="form-control" id="pkey" placeholder="/dir/pkey.pem" v-model="config.pkey" />
<div class="form-text">The private key used for the web UI and Moonlight client pairing. For best
compatibility, this should be an RSA-2048 private key.</div>
</div>
<!-- Certificate -->
<div class="mb-3">
<label for="cert" class="form-label">Certificate</label>
<input type="text" class="form-control" id="cert" placeholder="/dir/cert.pem" v-model="config.cert" />
<div class="form-text">
The certificate used for the web UI and Moonlight client pairing. For best compatibility, this should have
an RSA-2048 public key.
</div>
</div>
<!-- State File -->
<div class="mb-3">
<label for="file_state" class="form-label">State File</label>
<input type="text" class="form-control" id="file_state" placeholder="sunshine_state.json"
v-model="config.file_state" />
<div class="form-text">
The file where current state of Sunshine is stored
</div>
</div>
</div>
<!-- Input Tab -->
<div id="input" v-if="currentTab === 'input'" class="config-page">
<!-- Enable Gamepad Input -->
@@ -729,6 +670,65 @@
</div>
<!-- Files Tab -->
<div id="files" v-if="currentTab === 'files'" class="config-page">
<!-- Apps File -->
<div class="mb-3">
<label for="file_apps" class="form-label">Apps File</label>
<input type="text" class="form-control" id="file_apps" placeholder="apps.json" v-model="config.file_apps" />
<div class="form-text">
The file where current apps of Sunshine are stored
</div>
</div>
<!-- Credentials File -->
<div class="mb-3">
<label for="credentials_file" class="form-label">Credentials File</label>
<input type="text" class="form-control" id="credentials_file" placeholder="sunshine_state.json" v-model="config.credentials_file" />
<div class="form-text">
Store Username/Password separately from Sunshine's state file.
</div>
</div>
<!-- Log Path -->
<div class="mb-3">
<label for="log_path" class="form-label">Logfile Path</label>
<input type="text" class="form-control" id="log_path" placeholder="sunshine.log" v-model="config.log_path" />
<div class="form-text">
The file where the current logs of Sunshine are stored.
</div>
</div>
<!-- Private Key -->
<div class="mb-3">
<label for="pkey" class="form-label">Private Key</label>
<input type="text" class="form-control" id="pkey" placeholder="/dir/pkey.pem" v-model="config.pkey" />
<div class="form-text">The private key used for the web UI and Moonlight client pairing. For best
compatibility, this should be an RSA-2048 private key.</div>
</div>
<!-- Certificate -->
<div class="mb-3">
<label for="cert" class="form-label">Certificate</label>
<input type="text" class="form-control" id="cert" placeholder="/dir/cert.pem" v-model="config.cert" />
<div class="form-text">
The certificate used for the web UI and Moonlight client pairing. For best compatibility, this should have
an RSA-2048 public key.
</div>
</div>
<!-- State File -->
<div class="mb-3">
<label for="file_state" class="form-label">State File</label>
<input type="text" class="form-control" id="file_state" placeholder="sunshine_state.json"
v-model="config.file_state" />
<div class="form-text">
The file where current state of Sunshine is stored
</div>
</div>
</div>
<!-- Advanced Tab -->
<div v-if="currentTab === 'advanced'" class="config-page">
<!-- FEC Percentage -->
@@ -1204,18 +1204,6 @@
"global_prep_cmd": "[]",
},
},
{
id: "files",
name: "Files",
options: {
"file_apps": "",
"credentials_file": "",
"log_path": "",
"pkey": "",
"cert": "",
"file_state": "",
},
},
{
id: "input",
name: "Input",
@@ -1264,6 +1252,18 @@
"ping_timeout": 10000,
},
},
{
id: "files",
name: "Config Files",
options: {
"file_apps": "",
"credentials_file": "",
"log_path": "",
"pkey": "",
"cert": "",
"file_state": "",
},
},
{
id: "advanced",
name: "Advanced",