Grab some more user data from fb.

Author: mmacneil

src/Controllers/DashboardController.cs

@@ -41,7 +41,10 @@ public async Task<IActionResult> Home()
         customer.Identity.FirstName,
         customer.Identity.LastName,
         customer.Identity.PictureUrl,
-        customer.Identity.FacebookId
+        customer.Identity.FacebookId,
+        customer.Location,
+        customer.Locale,
+        customer.Gender
       });
     }
   }

src/Controllers/ExternalAuthController.cs

@@ -53,7 +53,7 @@ public async Task<IActionResult> Facebook([FromBody]FacebookAuthViewModel model)
       }
 
       // 3. we've got a valid token so we can request user data from fb
-      var userInfoResponse = await Client.GetStringAsync($"https://graph.facebook.com/v2.8/me?fields=id,email,first_name,last_name,name,gender,birthday,picture&access_token={model.AccessToken}");
+      var userInfoResponse = await Client.GetStringAsync($"https://graph.facebook.com/v2.8/me?fields=id,email,first_name,last_name,name,gender,locale,birthday,picture&access_token={model.AccessToken}");
       var userInfo = JsonConvert.DeserializeObject<FacebookUserData>(userInfoResponse);
 
       // 4. ready to create the local user account (if necessary) and jwt
@@ -75,7 +75,7 @@ public async Task<IActionResult> Facebook([FromBody]FacebookAuthViewModel model)
 
         if (!result.Succeeded) return new BadRequestObjectResult(Errors.AddErrorsToModelState(result, ModelState));
 
-        await _appDbContext.Customers.AddAsync(new Customer { IdentityId = appUser.Id, Location = "" });
+        await _appDbContext.Customers.AddAsync(new Customer { IdentityId = appUser.Id, Location = "",Locale = userInfo.Locale,Gender = userInfo.Gender});
         await _appDbContext.SaveChangesAsync();
       }
 

src/Migrations/20180103200309_initial.Designer.cs renamed to src/Migrations/20180104134211_initial.Designer.cs

@@ -164,7 +164,9 @@ protected override void Up(MigrationBuilder migrationBuilder)
                 {
                     Id = table.Column<int>(type: "int", nullable: false)
                         .Annotation("SqlServer:ValueGenerationStrategy", SqlServerValueGenerationStrategy.IdentityColumn),
+                    Gender = table.Column<string>(type: "nvarchar(max)", nullable: true),
                     IdentityId = table.Column<string>(type: "nvarchar(450)", nullable: true),
+                    Locale = table.Column<string>(type: "nvarchar(max)", nullable: true),
                     Location = table.Column<string>(type: "nvarchar(max)", nullable: true)
                 },
                 constraints: table =>

src/Migrations/20180103200309_initial.cs renamed to src/Migrations/20180104134211_initial.cs

@@ -84,8 +84,12 @@ protected override void BuildModel(ModelBuilder modelBuilder)
                     b.Property<int>("Id")
                         .ValueGeneratedOnAdd();
 
+                    b.Property<string>("Gender");
+
                     b.Property<string>("IdentityId");
 
+                    b.Property<string>("Locale");
+
                     b.Property<string>("Location");
 
                     b.HasKey("Id");

src/Migrations/ApplicationDbContextModelSnapshot.cs

@@ -1,4 +1,4 @@
-
+
 
 namespace AngularASPNETCore2WebApiAuth.Models.Entities
 {
@@ -8,5 +8,7 @@ public class Customer
         public string IdentityId { get; set; }
         public AppUser Identity { get; set; }  // navigation property
         public string Location { get; set; }
+        public string Locale { get; set; }
+        public string Gender { get; set; }
     }
 }

src/Models/Entities/Customer.cs

@@ -13,6 +13,7 @@ internal class FacebookUserData
     [JsonProperty("last_name")]
     public string LastName { get; set; }
     public string Gender { get; set; }
+    public string Locale { get; set; }
     public FacebookPictureData Picture { get; set; }
   }
 

src/Models/FacebookApiResponses.cs

@@ -1,8 +1,11 @@
 
 <div class="row">
-  <div class="col-md-6 col-sm-3 placeholder">
+  <div class="col-md-6 col-sm-3">
     <p>{{homeDetails?.message}}</p>
     <p><strong>Name:</strong> {{homeDetails?.firstName}} {{homeDetails?.lastName}}</p>
+    <p *ngIf="homeDetails?.location"><strong>Location:</strong> {{homeDetails?.location}}</p>
+    <p *ngIf="homeDetails?.locale"><strong>Locale:</strong> {{homeDetails?.locale}}</p>
+    <p *ngIf="homeDetails?.gender"><strong>Gender:</strong> {{homeDetails?.gender}}</p>
     <p *ngIf="homeDetails?.facebookId"><strong>Facebook Id:</strong> {{homeDetails?.facebookId}}</p>
     <div *ngIf="homeDetails?.pictureUrl"><img src="{{homeDetails?.pictureUrl}}" /></div>  
   </div>

src/src/app/dashboard/home/home.component.html

@@ -2,6 +2,9 @@ export interface HomeDetails {
   message: string;
   firstName: string;
   lastName: string;
+  location: string;
+  locale: string;
+  gender: string;
   pictureUrl: string;
   facebookId: number;
 }

src/src/app/dashboard/models/home.details.interface.ts

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>JwtAuthDemo</title><base href="/"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/x-icon" href="favicon.ico"><link href="styles.053af3a4d85fe061870e.bundle.css" rel="stylesheet"/></head><body><app-root>Loading...</app-root><script type="text/javascript" src="inline.a4b4e69e115138ee47a9.bundle.js"></script><script type="text/javascript" src="polyfills.61df7d7ec492d95bb0b2.bundle.js"></script><script type="text/javascript" src="main.941c311027417c61f16c.bundle.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>JwtAuthDemo</title><base href="/"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/x-icon" href="favicon.ico"><link href="styles.053af3a4d85fe061870e.bundle.css" rel="stylesheet"/></head><body><app-root>Loading...</app-root><script type="text/javascript" src="inline.b6708a750e679a974885.bundle.js"></script><script type="text/javascript" src="polyfills.61df7d7ec492d95bb0b2.bundle.js"></script><script type="text/javascript" src="main.1aad2c23f74b94cefc12.bundle.js"></script></body></html>