Add real name to profile form (#12)

src/JobsJobsJobs/Client/Pages/Citizen/EditProfile.razor

@@ -11,6 +11,16 @@
 <Loading OnLoad=@SetUpProfile Message=@(new MarkupString("Loading Your Profile&hellip;"))>
   <EditForm Model=@ProfileForm OnValidSubmit=@SaveProfile>
     <DataAnnotationsValidator />
+    <div class="form-row">
+      <div class="col col-xs-12 col-sm-10 col-md-8 col-lg-6">
+        <div class="form-group">
+          <label for="realName" class="jjj-label">Real Name</label>
+          <InputText id="realName" @bind-Value=@ProfileForm.RealName class="form-control"
+                     placeholder="Leave blank to use your NAS display name" />
+          <ValidationMessage For=@(() => ProfileForm.RealName) />
+        </div>
+      </div>
+    </div>
     <div class="form-row">
       <div class="col">
         <div class="form-check">

src/JobsJobsJobs/Client/Pages/Citizen/EditProfile.razor.cs

@@ -48,6 +48,7 @@ namespace JobsJobsJobs.Client.Pages.Citizen
             ServerApi.SetJwt(http, state);
             var continentTask = state.GetContinents(http);
             var profileTask = ServerApi.RetrieveProfile(http, state);
+            //var citizenTask = ServerApi.RetrieveOne<Citizen>(http,)
 
             await Task.WhenAll(continentTask, profileTask);
 

src/JobsJobsJobs/Client/Shared/SkillEdit.razor

@@ -5,7 +5,7 @@
   </div>
   <div class="col col-xs-10 col-sm-10 col-md-6">
     <div class="form-group">
-      <label for="skillDesc@(Skill.Id)">Skill</label>
+      <label for="skillDesc@(Skill.Id)" class="jjj-label">Skill</label>
       <input type="text" id="skillDesc@(Skill.Id)" @bind="@Skill.Description" class="form-control" maxlength="100"
              placeholder="A skill (language, design technique, process, etc.)">
       <ValidationMessage For="@(() => Skill.Description)" />
@@ -13,7 +13,7 @@
   </div>
   <div class="col col-xs-12 col-sm-12 col-md-5">
     <div class="form-group">
-      <label for="skillNotes@(Skill.Id)">Notes</label>
+      <label for="skillNotes@(Skill.Id)" class="jjj-label">Notes</label>
       <input type="text" id="skillNotes@(Skill.Id)" @bind="@Skill.Notes" class="form-control" maxlength="100"
              placeholder="A further description of the skill (100 characters max)">
       <ValidationMessage For="@(() => Skill.Notes)" />

src/JobsJobsJobs/Client/wwwroot/css/app.css

@@ -66,6 +66,7 @@ label.jjj-required::after {
   content: ' *';
 }
 
-label.jjj-label {
+label.jjj-label,
+::placeholder {
   font-style: italic;
 }