check if exists

public/index.html

@@ -12,7 +12,14 @@
     <link rel="stylesheet" href="/static/css/editorjs-dark.css">
     <script src="/client.js"></script>
   </head>
-  <div class="banner" style="background-image: url(/static/svg/banner.svg);">
+  <!-- <div class="banner" style="background-image: url(/static/svg/banner.svg);"> -->
+  <!--   <div class="desc"> -->
+  <!--     <input type="text" name="title" class="input-title" placeholder="[Nombre Ejemplo]"> -->
+  <!--     <input type="text" name="slogan" class="input-slogan" placeholder="[Slogan llamativo o breve descripción]"> -->
+  <!--   </div> -->
+  <!-- </div> -->
+  <div class="banner">
+    <img src="/static/svg/banner.svg" class="banner-image"/>
     <div class="desc">
       <input type="text" name="title" class="input-title" placeholder="[Nombre Ejemplo]">
       <input type="text" name="slogan" class="input-slogan" placeholder="[Slogan llamativo o breve descripción]">
@@ -60,9 +67,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@editorjs/list@latest"></script><!-- List -->
   <script src="https://cdn.jsdelivr.net/npm/@editorjs/quote@latest"></script><!-- Quote -->
   <script src="https://cdn.jsdelivr.net/npm/@editorjs/code@latest"></script><!-- Code -->
-  <script src="https://cdn.jsdelivr.net/npm/@editorjs/embed@latest"></script><!-- Embed -->
   <script src="https://cdn.jsdelivr.net/npm/@editorjs/table@latest"></script><!-- Table -->
-  <script src="https://cdn.jsdelivr.net/npm/@editorjs/link@latest"></script><!-- Link -->
   <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
   <script src="/static/js/config.editor.js"></script>
 </html>

public/paypal.js

@@ -6,29 +6,35 @@ paypal.Buttons({
     label: "pay"
   },
   async createOrder() {
-    try {
+    const requestData = {
+      directory: "gofitness",
+      editor_data: await editor.save()
+    };
     const response = await fetch("/api/orders", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
       },
+      body: JSON.stringify(requestData),
     });
 
+    if (!response.ok) {
+      if (response.status === 409) {
+        resultMessage(`No se puede comprar este sitio, ya existe. Prueba con un nombre diferente`);
+      } else {
+        resultMessage(`No se puede realizar la compra en este momento`);
+      }
+      console.log(`HTTP Error: ${response.status} - ${response.statusText}`);
+      return;
+    }
+
     const orderData = await response.json();
 
     if (orderData.id) {
       return orderData.id;
     } else {
       const errorDetail = orderData?.details?.[0];
-        const errorMessage = errorDetail
+      resultMessage(`No se puede realizar la compra en este momento`);
-          ? `${errorDetail.issue} ${errorDetail.description} (${orderData.debug_id})`
-          : JSON.stringify(orderData);
-
-        throw new Error(errorMessage);
-      }
-    } catch (error) {
-      console.error(error);
-      resultMessage(`Could not initiate PayPal Checkout...<br><br>${error}`);
     }
   },
   async onApprove(data, actions) {

public/static/css/style.css

@@ -67,6 +67,17 @@ a {
   background-position: 50%;
   background-size: cover;
   margin-bottom: 1em;
+  position: relative;
+}
+
+.banner-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
 }
 
 .input-title {
@@ -88,6 +99,12 @@ a {
   color: white;
   line-height: 1em;
   margin: 0.5em auto 0em auto;
+  outline: none;
+}
+
+.input-title:focus,
+.input-slogan:focus {
+  outline: none;
 }
 
 div.profilepicture img {
@@ -218,6 +235,11 @@ button {
   margin: 1.5em 0 0 0;
 }
 
+#result-message {
+  text-decoration: underline;
+  color: var(--warning-color);
+}
+
 #cancelDialogButton {
   justify-content: center;
   align-items: center;

public/static/js/config.editor.js

@@ -2,7 +2,7 @@ const editor = new EditorJS({
     // readOnly: false,
     holder: 'editorjs',
 
-    inlineToolbar: ['link', 'marker', 'bold', 'italic'],
+    inlineToolbar: ['marker', 'bold', 'italic'],
     inlineToolbar: true,
     tools: {
         /**
@@ -66,16 +66,11 @@ const editor = new EditorJS({
             shortcut: 'CMD+SHIFT+O'
         },
 
-        linkTool: LinkTool,
-
-        embed: Embed,
-
         table: {
             class: Table,
             inlineToolbar: true,
             shortcut: 'CMD+ALT+T'
         },
-
     },
 
     data: {

server/db.go

@@ -18,6 +18,21 @@ const (
 	errDBUpdateSiteAuth  = "db.go (sites): Auth"
 )
 
+func AvailableSite(folder string) error {
+	var exists bool
+	if err := db.QueryRow(`
+		SELECT EXISTS(SELECT * FROM sites WHERE folder = $1)
+		`, folder).Scan(&exists) ; err != nil {
+		return fmt.Errorf("error checking if folder exists: %v", err)
+	}
+
+	if exists {
+		return fmt.Errorf("folder %s already exists", folder)
+	}
+
+	return nil
+}
+
 func RegisterSitePayment(
 	capture Capture, directory string, editorData json.RawMessage,
 ) error {

server/main.go

@@ -70,6 +70,19 @@ func fatal(err error, notice string) {
 }
 
 func CreateOrderHandler(w http.ResponseWriter, r *http.Request) {
+	var cart struct {
+		Directory string `json:"directory"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&cart); err != nil {
+		httpErrorAndLog(w, err, errReadBody, "Error decoding response")
+		return
+	}
+	if err := AvailableSite(cart.Directory) ; err != nil {
+		http.Error(w, "Site already exists", http.StatusConflict)
+		log.Printf("%s: %v", "Site already exists", err)
+		return
+	}
+
 	orderID, err := CreateOrder()
 	if err != nil {
 		httpErrorAndLog(w, err, errCreateOrder, "Error creating order")