databse remote connection

express-server/public/javascripts/ajax.js

@@ -1,12 +1,36 @@
 $(document).ready(function() {
-    //DELETE THIS
-    $.ajax({
-        type: "POST",
-        url: "/shoppinglist",
-        data: {
-            name: "Name Test",
-            description: "Description Test"
-        }
+
+    $("#iconadd").click(function(){
+        $(".modal").modal();
+        $("#addmodal").modal('open');
+        // alert("sadcfghj");
     });
-    // ---
+
+
+    $(".add").click(function(){
+
+        let name = $("#einkaufslistenname").val();
+        let beschreibung = $("#einkaufslistenbeschreibung").val();
+
+        $.ajax({
+            type: "POST",
+            url: "/shoppinglist",
+            data: {
+                name: name,
+                description: beschreibung
+            },
+            success(res){
+                console.log("funktioniert");
+            },
+            error(err){ 
+                console.log("error");
+            }
+
+        });    
+    });
+
+
+
+
+
 });

express-server/public/login/auth.js

@@ -12,7 +12,7 @@ module.exports = (passport) => {
     passport.use(new GoogleStrategy({
             clientID: '987329071574-imvtfil34qrnlgouc0njo62aq4md5g1e.apps.googleusercontent.com',
             clientSecret: 'xABbcOGWgLCp6X0P4BTjZNYb',
-            callbackURL: 'http://localhost:7000/auth/google/callback'
+            callbackURL: '/auth/google/callback'
         },
         (token, refreshToken, profile, done) => {
             return done(null, {

express-server/public/stylesheets/style.css

@@ -1,8 +1,36 @@
 body {
-  padding: 50px;
+  /* padding: 50px; */
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
 
 a {
   color: #00B7FF;
 }
+
+.menue{
+    background-color: #00B7FF;
+}
+
+#iconadd{
+    /* padding-top: 20px; */
+    padding-right: 20px;
+    border: 0px;
+    background: transparent;
+}
+
+#einkaufslisten{
+    background-color: #00B7FF;
+}
+
+#blaueschrift{
+    color: #00B7FF;
+}
+
+.input-field input:focus + label {
+    color: #00B7FF !important;
+} 
+
+.row .input-field input:focus {
+    border-bottom: 1px solid #00B7FF !important;
+    box-shadow: 0 1px 0 0 #00B7FF !important;
+}