Userbild

express-server/public/javascripts/ajax.js

@@ -118,15 +118,18 @@ function eigeneEinkaufslisten(){
                             idtoken: idtoken
                         },
                         success(data){
-                            var userinfo = data.name;
-
+                            const userinfo = data.name;
+                            const picture = data.picture;
+                            console.log(data)
                             for(let i = 0; i < res.length; i++){
                                 const el = res[i];
                 
                                 $(".listen-ausgabe").append(`<div class="col-md-12 karten">
                                 <div class="card border-light mb-3" style="max-width: 18rem;" id="${el.sl_id}">
                                     <div class="card-header">
-                                        <span>${userinfo}</span>
+                                    <span>
+                                    <img src="${picture}" alt="Avatar" style="width:10%; border-radius: 50%;">
+                                        ${userinfo}</span>
                                         <button class="btn edit"><i class="fas fa-angle-down"></i></button>
                                         <button class="btn trash"><i class="far fa-trash-alt"></i></button>
                                         <button class="btn groupadd" data-toggle="modal" data-target=".ListenDetailAdd"><i class="fas fa-ellipsis-v"></i></button>