mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Shorten the file name if too long

Browse source
This commit is contained in:
ReznoRMichael 2021-07-20 17:57:59 +02:00
parent 84c6a86177
commit 213d5e324a
8 changed files with 29 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
build/app.js
View file

@ -6128,6 +6128,14 @@ document.getElementById("save-area-file").addEventListener("change", function (e
var label = document.getElementById("save-area-file").nextElementSibling;
var labelInitialText = label.innerHTML;
var fileName = event.target.files[0].name;
/* Shorten the file name if too long */
if (fileName.length > 17) {
var begin = fileName.slice(0, 10);
var end = fileName.slice(-4);
fileName = "".concat(begin, "..").concat(end);
}
var fileDate = new Date(event.target.files[0].lastModified);
var year = fileDate.getFullYear();
var month = fileDate.getMonth() + 1;

2
build/app.js.map
View file

File diff suppressed because one or more lines are too long

2
build/index.html
View file

@ -184,7 +184,7 @@
<div class="input-buttons">
<!-- <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*">
<label for="save-area-file" class="button"><i class="icon-doc-text-inv"></i>Choose Save File</label>
<label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save File</label>
</div>
<div class="input-buttons">

4
build/main.css
View file

@ -346,6 +346,10 @@ input[type="file"] {
z-index: -1;
}
#file-input-label {
max-width: 325px;
}
#save-area {
display: block;
width: 100%;

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long

4
src/css/style.css
View file

@ -238,6 +238,10 @@ input[type="file"] {
z-index: -1;
}
#file-input-label {
max-width: 325px;
}
#save-area {
display: block;
width: 100%;

2
src/index.html
View file

@ -69,7 +69,7 @@
<div class="input-buttons">
<!-- <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*">
<label for="save-area-file" class="button"><i class="icon-doc-text-inv"></i>Choose Save File</label>
<label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save File</label>
</div>
<div class="input-buttons">

9
src/js/page-functions.js
View file

@ -1120,6 +1120,15 @@ document.getElementById("save-area-file").addEventListener("change", (event) =>
var labelInitialText = label.innerHTML;
var fileName = event.target.files[0].name;
/* Shorten the file name if too long */
if (fileName.length > 17) {
let begin = fileName.slice(0, 10);
let end = fileName.slice(-4);
fileName = `${begin}..${end}`;
}
var fileDate = new Date(event.target.files[0].lastModified);
var year = fileDate.getFullYear();