kauft.es/linkylinky-dashboard
4
0
Fork 0
Code Issues 1 Pull Requests 2 Projects Releases Wiki Activity

More basics for the shorturl creation module

Browse Source
This commit is contained in:
Nicolai Ort 2021-08-21 10:56:44 +02:00
parent 0c629e2416
commit 515370eac7
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 107 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/lib/CreateUrl.svelte
View File

@ -1,11 +1,23 @@
<script> <script>
import Apiclient from "./Apiclient";
$: targetUrl = ''; $: targetUrl = '';
$: customShortcode = ''; $: customShortcode = '';
$: shortcode = ''; $: shortcode = '';
$: error = ''; $: error = '';
function createUrl() { function createUrl() {
console.log("here")
Apiclient.createUrl(targetUrl, shortcode).then((res)=>{
console.log(res)
if(res.status != 200){
error = res.data;
}
else{
shortcode = res.data.shortcode;
}
});
} }
function reset() { function reset() {
@ -14,11 +26,11 @@
customShortcode = ''; customShortcode = '';
targetUrl = ''; targetUrl = '';
} }
</script> </script>
<h2 class="text-center text-2xl font-bold text-gray-800 dark:text-gray-100 pb-3">Create new url</h2> <h2 class="text-center text-2xl font-bold text-gray-800 dark:text-gray-100 pb-3">Create new url</h2>
{#if error != ""} {#if error != ""}
<div class="rounded-md bg-red-100 p-4 hidden" id="error_container"> <div class="rounded-md bg-red-100 p-4 hidden" id="error_container">
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-red-600" viewBox="0 0 20 20" <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-red-600" viewBox="0 0 20 20"
@ -51,9 +63,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{/if} {/if}
{#if shortcode == ''} {#if shortcode == ''}
<div> <div>
<div class="mx-auto lg:w-1/3 w-full mt-1 flex rounded-md shadow-sm"> <div class="mx-auto lg:w-1/3 w-full mt-1 flex rounded-md shadow-sm">
<input <input
@ -76,10 +88,10 @@
/> />
</div> </div>
</div> </div>
{:else} {:else}
TODO: <!-- TODO: -->
{/if} {/if}
<div class="mt-3 mx-auto text-center lg:w-1/3 w-full"> <div class="mt-3 mx-auto text-center lg:w-1/3 w-full">
{#if shortcode == ''} {#if shortcode == ''}
<button <button
on:click={createUrl} on:click={createUrl}
@ -95,4 +107,5 @@
Add another url Add another url
</button> </button>
{/if} {/if}
</div> </div>