added account name for account page (#577)

Co-authored-by: Dmitriy Borzenko <[email protected]>

Author: dmitriy-borzenko

CHANGELOG.md

@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 - Added `DEVELOPER.md` file
 - Added license header for all *.ts files
+- Account page: added account name
 ### Changed
 - Modified `README.md` file
 ### Fixed

src/app/account/account.component.html

@@ -23,9 +23,13 @@
                     </a>
                 </ng-template>
             </div>
-            <span class="vcard-username d-block p-2" itemprop="additionalName">
+            <span class="vcard-fullname d-block p-2 overflow-hidden">
                 {{ user.displayName }}
             </span>
+            <span class="vcard-username d-block px-2">
+                {{ user.accountName }}
+            </span>
+
             <div class="my-3 text-center me-4">
                 <button
                     appFeatureFlag="profile.edit"
@@ -37,7 +41,7 @@
                     {{ isLoggedUser(user) ? "Edit profile" : "Follow" }}
                 </button>
             </div>
-            <mat-divider class="w-90"></mat-divider>
+            <mat-divider class="w-90 mt-50px"></mat-divider>
             <div appFeatureFlag="profile.companies" class="mt-2 me-4">
                 <h3 class="text-start pt-3 px-3 organization">Organizations</h3>
                 <div class="d-flex flex-row gap-2 text-start px-3">

src/app/account/account.component.scss

@@ -10,13 +10,24 @@
 }
 
 .vcard-username {
-    font-size: 20px;
+    font-size: 18px;
     font-style: normal;
     font-weight: 300;
     line-height: 24px;
     color: $app-color-fg-muted;
 }
 
+.vcard-fullname {
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+}
+
+.mt-50px {
+    margin-top: 50px;
+}
+
 .organization {
     font-weight: 500;
 }

src/app/dataset-block/metadata-block/components/event-details/components/add-push-source-event/add-push-source-event.source.ts

@@ -65,8 +65,6 @@ export const ADD_PUSH_SOURCE_DESCRIPTORS: EventRowDescriptorsByField = {
 
     "AddPushSource.ReadStepJson.dateFormat": getSourcesDescriptors("AddPushSource.ReadStepJson.dateFormat"),
 
-    "AddPushSource.ReadStepNdGeoJson.__typename": getSourcesDescriptors("AddPushSource.ReadStepNdGeoJson.__typename"),
-
     "AddPushSource.ReadStepJson.timestampFormat": getSourcesDescriptors("AddPushSource.ReadStepJson.timestampFormat"),
 
     "AddPushSource.ReadStepJson.subPath": getSourcesDescriptors("AddPushSource.ReadStepJson.subPath"),
@@ -101,7 +99,7 @@ export const ADD_PUSH_SOURCE_DESCRIPTORS: EventRowDescriptorsByField = {
 
     "AddPushSource.ReadStepNdJson.__typename": getSourcesDescriptors("AddPushSource.ReadStepNdJson.__typename"),
 
-    "AddPushSource.ReadStepNdGeoJson.schema": getSourcesDescriptors("AddPushSource.ReadStepNdGeoJson.schema"),
+    "AddPushSource.ReadStepNdJson.schema": getSourcesDescriptors("AddPushSource.ReadStepNdJson.schema"),
 
     "AddPushSource.ReadStepNdJson.dateFormat": getSourcesDescriptors("AddPushSource.ReadStepNdJson.dateFormat"),
 
@@ -110,4 +108,8 @@ export const ADD_PUSH_SOURCE_DESCRIPTORS: EventRowDescriptorsByField = {
     "AddPushSource.ReadStepNdJson.timestampFormat": getSourcesDescriptors(
         "AddPushSource.ReadStepNdJson.timestampFormat",
     ),
+
+    "AddPushSource.ReadStepNdGeoJson.__typename": getSourcesDescriptors("AddPushSource.ReadStepNdGeoJson.__typename"),
+
+    "AddPushSource.ReadStepNdGeoJson.schema": getSourcesDescriptors("AddPushSource.ReadStepNdGeoJson.schema"),
 };