From 254a9e40857e622e3b5b2e6bc74f335a61c346f5 Mon Sep 17 00:00:00 2001
From: Peter Hoppe <p.hoppe@gmx.de>
Date: Mon, 20 Feb 2023 15:51:10 +0100
Subject: [PATCH] layout

---
 .vscode/settings.json             | 55 ++++++++++++++++++++++++++++++-
 php/php-dog/upload.php            |  2 +-
 src/components/ContactForm.css    | 13 ++++++--
 src/components/DogContactForm.tsx | 34 ++++++++++---------
 4 files changed, 85 insertions(+), 19 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 46704a8..7695f7d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,56 @@
 {
-    "liveServer.settings.port": 3001
+    "liveServer.settings.port": 3001,
+    "deploy": 
+    {
+        "packages": 
+        [
+            {
+                "name": "local Server Version website",
+                "description": "local Server website files",
+                "files": 
+                [
+                    "build/**"
+                ],
+                "exclude": 
+                [
+                    "./build/favicon___.ico"
+                ],
+                "button":
+                {
+                    "text": "local website",
+                    "targets": ["localhost website files"]
+                }
+            },
+            {
+                "name": "local Server Version php",
+                "description": "local Server php files",
+                "files": 
+                [
+                    "/php/php-dog/**",
+
+                ],
+                "button":
+                {
+                    "text": "local php",
+                    "targets": ["localhost php files"]
+                }
+            }
+        ],
+
+        "targets": 
+        [
+            {
+                "type": "local",
+                "name": "localhost website files",
+                "description": "localhost apache website files",
+                "dir": "/opt/lampp/htdocs/dog/www",
+            },
+            {
+                "type": "local",
+                "name": "localhost php files",
+                "description": "localhost apache php files",
+                "dir": "/opt/lampp/htdocs/dog/php-dog/",
+            }
+        ]
+    }
 }
\ No newline at end of file
diff --git a/php/php-dog/upload.php b/php/php-dog/upload.php
index 36e0165..6776768 100644
--- a/php/php-dog/upload.php
+++ b/php/php-dog/upload.php
@@ -135,7 +135,7 @@ try {
     }
 
     $targetFilePath = $targetDir . '/' . $newFilename;
-    echo "targetFilePath   ". $targetFilePath."\n";
+    //echo "targetFilePath   ". $targetFilePath."\n";
 
     if (isset($_POST["submit"]) && !empty($_FILES["file"]["name"])) 
     {
diff --git a/src/components/ContactForm.css b/src/components/ContactForm.css
index 5a4a7bf..c294f9f 100644
--- a/src/components/ContactForm.css
+++ b/src/components/ContactForm.css
@@ -21,6 +21,7 @@ input[type=email], select, textarea
   cursor: pointer;
   width: auto;
   height: 25px;
+  align-self: end;
 }
 
 div.flexCenter
@@ -87,11 +88,19 @@ div.flexCenter
   .rowForm
   {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: space-between;
     width: 100%;
-}
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
   
+  .label
+  {
+    font-size: 14px;
+    font-weight: 500;
+  }
+
   .row
   {
     display: flex;
diff --git a/src/components/DogContactForm.tsx b/src/components/DogContactForm.tsx
index 1b1e825..86f11c3 100644
--- a/src/components/DogContactForm.tsx
+++ b/src/components/DogContactForm.tsx
@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { notificationError, notificationSuccess } from "../services/Notifications";
 import { foundMsg, logFormData } from "../services/PhpApi";
+import { Textarea, TextInput } from '@mantine/core';
 import './ContactForm.css';
 
 export default function DogContactForm(
@@ -85,28 +86,31 @@ export default function DogContactForm(
         <div>Bitte schreib eine Email:</div><div></div>
     </div>
     <div className="rowForm">
-        <div className="col-30">
-            <label htmlFor="email">Email</label>
-        </div>
-        <div className="col-70">
-            <input type="email" id="fromEmail" name="fromEmail" placeholder="Deine Email.." onChange={onChangeInput} required />
-        </div>
+        <TextInput
+            label = 'Email:'
+            type="email" 
+            name="fromEmail" 
+            onChange={onChangeInput} 
+            placeholder="Deine Email" 
+            id="email" 
+            required />
     </div>
     <div className="rowForm">
-        <div className="col-30">
-            <label>An</label>
+        <div className='label'>
+            <label>An:</label>
         </div>
-        <div className="col-70">
+        <div>
             <label>{toEmail}</label>
         </div>
     </div>
     <div className="rowForm">
-        <div className="col-30">
-            <label htmlFor="msg">Nachricht</label>
-        </div>
-        <div className="col-70">
-            <textarea className="textArea" id="msg" name="msg" placeholder={`Ich habe ${name} gefunden! Bitte rufen Sie mich an, Telefon:(bitte angeben...)`} onChange={onChangeInputTextArea} required/>
-        </div>
+        <Textarea
+            label = 'Nachricht:'
+            name="msg" 
+            onChange={onChangeInputTextArea} 
+            placeholder={`Ich habe ${name} gefunden! Bitte rufen Sie mich an, Telefon:(bitte angeben...)`}
+            id="msg" 
+            required />
     </div>
         <div className="rowForm">
         <div></div><input type="submit" value="Nachricht senden!"/>