james/howfeed
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

forgot one

Browse Source
This commit is contained in:
James Shiffer 2020-07-06 07:57:55 -07:00
parent a9d2b49456
commit 8ba12e5eca
No known key found for this signature in database
GPG Key ID: C0DB8774A1B3BA45
1 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/routes/cms/create.svelte
View File

@ -18,7 +18,7 @@
const { session } = stores();
let editor, form, uploadForm;
let loading = false;
let loading = false, loadingAttach = false;
let title = '', category = '';
export let categories;
@ -112,28 +112,35 @@
async function upload()
{
let fd = new FormData(uploadForm);
const res = await fetch(`/cms/upload`, {
method: 'POST',
headers: {
'Accept': 'application/json'
},
body: fd
});
const json = await res.json();
if (res.status === 200) {
const ans = prompt('(Optional) Enter the dimensions to resize this image to (e.g. "350x150")');
if (ans) {
const dim = ans.split('x');
if (Number.isInteger(+dim[0]) && Number.isInteger(+dim[1])) {
editor.setHtml(editor.getHtml(true) + `<img src="${json.url}" width="${dim[0]}" height="${dim[1]}">`, false);
loadingAttach = true;
try {
const res = await fetch(`/cms/upload`, {
method: 'POST',
headers: {
'Accept': 'application/json'
},
body: fd
});
const json = await res.json();
if (res.status === 200) {
const ans = prompt('(Optional) Enter the dimensions to resize this image to (e.g. "350x150")');
if (ans) {
const dim = ans.split('x');
if (Number.isInteger(+dim[0]) && Number.isInteger(+dim[1])) {
editor.setHtml(editor.getHtml(true) + `<img src="${json.url}" width="${dim[0]}" height="${dim[1]}">`, false);
} else {
editor.setHtml(editor.getHtml(true) + `<img src="${json.url}">`, false);
}
} else {
editor.setHtml(editor.getHtml(true) + `<img src="${json.url}">`, false);
}
} else {
editor.setHtml(editor.getHtml(true) + `<img src="${json.url}">`, false);
alert(`Error ${res.status}: ${json.message}`);
}
} else {
alert(`Error ${res.status}: ${json.message}`);
} catch (err) {
console.error(err);
} finally {
loadingAttach = false;
}
}
</script>
@ -169,6 +176,9 @@
<form enctype="multipart/form-data" action="/cms/upload" method="POST" bind:this={uploadForm}>
<p>Add Image to Article:
<input type="file" name="upload" accept="image/*"> <button on:click|preventDefault={upload}>Upload</button>
{#if loadingAttach}
<progress>Uploading...</progress>
{/if}
</p>
</form>
<button on:click={submit}>Submit</button>