switch button visibility

This commit is contained in:
ReznoRMichael 2022-01-03 21:27:45 +01:00
parent 0717cc5263
commit 41fbae8ac8
5 changed files with 21 additions and 11 deletions

View file

@ -203,20 +203,23 @@
<div class="buttons centered"> <div class="buttons centered">
<div class="input-buttons"> <div class="input-buttons">
<button id="toggle-mode" class="button" type="button">🔄</button>
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*"> <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
<label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save <label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save
File</label> File</label>
<button id="save-area-read" class="button hidden" type="button">Analyze Text</button>
</div> </div>
<div class="input-buttons"> <!-- <div class="input-buttons">
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" <a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank">Steam Cloud Saves<i class="icon-download-cloud"></i></a> target="_blank">Steam Cloud Saves<i class="icon-download-cloud"></i></a>
</div> </div> -->
</div> </div>
<textarea name="save-area" id="save-area" rows="6" spellcheck="false" <textarea name="save-area" id="save-area" class="hidden" rows="6" spellcheck="false"
placeholder="Choose or drag &amp; drop a user*.dat save file OR paste your decoded save here manually (Ctrl + V)" placeholder="Choose or drag &amp; drop a user*.dat save file OR paste your decoded save here manually (Ctrl + V)"
autofocus></textarea> autofocus></textarea>
@ -226,7 +229,9 @@
<!-- <button id="save-area-file" class="button" onclick="">Load Save</button> --> <!-- <button id="save-area-file" class="button" onclick="">Load Save</button> -->
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> -->
<!-- <button id="save-area-read" class="button" onclick="HKReadTextArea('save-area');">Analyze Text</button> --> <!-- <button id="save-area-read" class="button" onclick="HKReadTextArea('save-area');">Analyze Text</button> -->
<button id="save-area-read" class="button" type="button">Analyze Text</button> <!-- <button id="save-area-read" class="button" type="button">Analyze Text</button> -->
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank">Steam Cloud Saves<i class="icon-download-cloud"></i></a>
</div> </div>
<div class="checkboxes"> <div class="checkboxes">

View file

@ -391,6 +391,7 @@ input {
} }
textarea { textarea {
display: block;
font-family: 'Consolas', monospace; font-family: 'Consolas', monospace;
font-size: 0.8rem; font-size: 0.8rem;
text-align: left; text-align: left;
@ -454,7 +455,6 @@ input[type="file"] {
} }
#save-area { #save-area {
display: block;
width: 100%; width: 100%;
max-width: 584px; max-width: 584px;
height: 5.65rem; height: 5.65rem;

File diff suppressed because one or more lines are too long

View file

@ -216,6 +216,7 @@ input {
} }
textarea { textarea {
display: block;
font-family: 'Consolas', monospace; font-family: 'Consolas', monospace;
font-size: 0.8rem; font-size: 0.8rem;
text-align: left; text-align: left;
@ -279,7 +280,6 @@ input[type="file"] {
} }
#save-area { #save-area {
display: block;
width: 100%; width: 100%;
max-width: 584px; max-width: 584px;
height: 5.65rem; height: 5.65rem;

View file

@ -88,20 +88,23 @@
<div class="buttons centered"> <div class="buttons centered">
<div class="input-buttons"> <div class="input-buttons">
<button id="toggle-mode" class="button" type="button">🔄</button>
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*"> <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
<label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save <label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save
File</label> File</label>
<button id="save-area-read" class="button hidden" type="button">Analyze Text</button>
</div> </div>
<div class="input-buttons"> <!-- <div class="input-buttons">
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" <a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank">Steam Cloud Saves<i class="icon-download-cloud"></i></a> target="_blank">Steam Cloud Saves<i class="icon-download-cloud"></i></a>
</div> </div> -->
</div> </div>
<textarea name="save-area" id="save-area" rows="6" spellcheck="false" <textarea name="save-area" id="save-area" class="hidden" rows="6" spellcheck="false"
placeholder="Choose or drag &amp; drop a user*.dat save file OR paste your decoded save here manually (Ctrl + V)" placeholder="Choose or drag &amp; drop a user*.dat save file OR paste your decoded save here manually (Ctrl + V)"
autofocus></textarea> autofocus></textarea>
@ -111,7 +114,9 @@
<!-- <button id="save-area-file" class="button" onclick="">Load Save</button> --> <!-- <button id="save-area-file" class="button" onclick="">Load Save</button> -->
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> -->
<!-- <button id="save-area-read" class="button" onclick="HKReadTextArea('save-area');">Analyze Text</button> --> <!-- <button id="save-area-read" class="button" onclick="HKReadTextArea('save-area');">Analyze Text</button> -->
<button id="save-area-read" class="button" type="button">Analyze Text</button> <!-- <button id="save-area-read" class="button" type="button">Analyze Text</button> -->
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank">Steam Cloud Saves<i class="icon-download-cloud"></i></a>
</div> </div>
<div class="checkboxes"> <div class="checkboxes">