From 32c8875d122e1800cba81acc47662cbd6886d5a7 Mon Sep 17 00:00:00 2001
From: Borja Robert <borja@brobert.net>
Date: Sun, 25 Sep 2022 18:37:24 +0200
Subject: [PATCH] =?UTF-8?q?est=C3=A1=20el=20modo=20b=C3=A1sico,=20falta=20?=
 =?UTF-8?q?incluir=20el=20espacio=20para=20organiza=20y=20colaboran=20y=20?=
 =?UTF-8?q?tambi=C3=A9n=20un=20campo=20editable=20m=C3=A1s=20complejo=20pa?=
 =?UTF-8?q?ra=20contenido?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/preview/Preview.svelte | 39 +++++++++++++++++++++++++++++++---
 1 file changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte
index dcd6098..5ff7ef6 100644
--- a/src/lib/preview/Preview.svelte
+++ b/src/lib/preview/Preview.svelte
@@ -1,5 +1,27 @@
 <script>
     import {title, subtitle, date, address, content, heading} from '$lib/stores/store'
+    let newdate = "";
+
+    const convertDateTime = (datetime) => {
+	if (datetime == undefined) {
+	    console.log("datetime no existe");
+	    return {
+		date: "",
+		time: ""
+	    }
+	};
+
+	const year = datetime.split("-")[0];
+	const month = datetime.split("-")[1];
+	const day = datetime.split("-")[2].split("T")[0] 
+	const time = datetime.split("T")[1];
+	return {
+	    date: `${day}/${month}`,
+	    time: time
+	}
+    }
+
+    $: if ($date !== "") {newdate = convertDateTime($date)};
 </script>
 
 <div class="preview">
@@ -8,8 +30,9 @@
 	<div class="title">{$title}</div>
 	<div class="subtitle">{$subtitle}</div>
 	<div class="content">{$content}</div>
-	<div class="date">{$date}</div>
-	<div class="address">{$address}</div>
+	{#if newdate}<div class="date">{newdate.date}</div>{/if}
+        {#if newdate}<div class="time">{newdate.time}</div>{/if}
+		<div class="address">{$address}</div>
     </div>
 </div>
 
@@ -51,6 +74,7 @@
 	top: 320px;
 	left: 1rem;
 	right: 1rem;
+	align-self: center;
 	font-family: 'Gill Sans', sans-serif;
 	font-size: 2.8rem;
 	font-variant: small-caps;
@@ -86,10 +110,19 @@
 	color: white;
     }
 
+    .time {
+	position: absolute;
+	top: 640px;
+	left: 23rem;
+	right: 6rem;
+	font-size: 1.8rem;
+	color: white;
+    }
+
     .address {
 	position: absolute;
 	top: 620px;
-	left: 1rem;
+	left: 2rem;
 	right: 20rem;
 	font-size: 1.4rem;
 	font-family: serif;