Ubujira
/
skinview3d
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use constraint validation for skin & cape url

This commit is contained in:
yushijinhun 2020-08-17 20:17:31 +08:00
parent 7ac0b5411b
commit ffe04d879e
No known key found for this signature in database
GPG Key ID: 5BC167F73EA558E4
1 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -75,15 +75,6 @@
margin: 0; margin: 0;
width: 100%; width: 100%;
} }
.error-log {
margin-top: 0;
color: red;
}
.error-log:empty {
margin: 0;
}
</style> </style>
</head> </head>
@ -189,7 +180,6 @@
</select> </select>
</div> </div>
</div> </div>
<pre id="errorlog_skin" class="error-log"></pre>
<div> <div>
<div class="control"> <div class="control">
<label for="cape_url">Cape URL:</label> <label for="cape_url">Cape URL:</label>
@ -205,7 +195,6 @@
onclick="document.getElementById('cape_url_upload').click();">Browse...</button> onclick="document.getElementById('cape_url_upload').click();">Browse...</button>
</div> </div>
</div> </div>
<pre id="errorlog_cape" class="error-log"></pre>
</div> </div>
</div> </div>
@ -225,32 +214,32 @@
let primaryAnimation; let primaryAnimation;
function reloadSkin() { function reloadSkin() {
const url = document.getElementById("skin_url").value; const input = document.getElementById("skin_url");
const errlog = document.getElementById("errorlog_skin"); const url = input.value;
if (url === "") { if (url === "") {
skinViewer.loadSkin(null); skinViewer.loadSkin(null);
errlog.innerText = ""; input.setCustomValidity("");
} else { } else {
skinViewer.loadSkin(url, document.getElementById("skin_model").value) skinViewer.loadSkin(url, document.getElementById("skin_model").value)
.then(() => errlog.innerText = "") .then(() => input.setCustomValidity(""))
.catch(e => { .catch(e => {
errlog.innerText = e.message; input.setCustomValidity("Image can't be loaded.");
console.error(e); console.error(e);
}); });
} }
} }
function reloadCape() { function reloadCape() {
const url = document.getElementById("cape_url").value; const input = document.getElementById("cape_url");
const errlog = document.getElementById("errorlog_cape"); const url = input.value;
if (url === "") { if (url === "") {
skinViewer.loadCape(null); skinViewer.loadCape(null);
errlog.innerText = ""; input.setCustomValidity("");
} else { } else {
skinViewer.loadCape(url) skinViewer.loadCape(url)
.then(() => errlog.innerText = "") .then(() => input.setCustomValidity(""))
.catch(e => { .catch(e => {
errlog.innerText = e.message; input.setCustomValidity("Image can't be loaded.");
console.error(e); console.error(e);
}); });
} }