Allow to update author and date in blog section (#260)

Author: fdelavega

src/app/pages/dome-blog/dome-blog.component.html

@@ -12,7 +12,7 @@
                 </div>
                 @if(checkAdmin){
                     <button type="button" data-cy="newBlogEntry" (click)="goToCreate()"
-                        class="h-fit text-white bg-[#2D58A7] hover:bg-[#244A8D] focus:ring-4 focus:outline-none focus:ring-[#2D58A733] font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center align-middle">
+                        class="h-fit text-white bg-primary-100 hover:bg-primary-50 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center align-middle">
                         <p class="pl-2 pr-2">Add a new entry</p>
                         <svg class="w-[18px] h-[18px] text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7 7V5"/>

src/app/pages/dome-blog/entry-form/entry-form.component.html

@@ -85,6 +85,16 @@ <h1 class="mb-6 text-3xl font-bold text-[#0B1528] dark:text-white">
                               placeholder="ai, automation, product updates"/>
                       <p class="mb-2 text-xs text-gray-500 dark:text-gray-300">Separate tags with commas.</p>
 
+                      <label for="author" class="font-bold text-lg dark:text-white">Author</label>
+                      <input data-cy="blogEntryAuthor" id="author" type="text" formControlName="author"
+                              class="mb-2 bg-gray-50 dark:bg-secondary-300 border border-gray-300 dark:border-gray-800 dark:text-white text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+                              placeholder="Optional. If empty on create, current session user is used"/>
+
+                      <label for="date" class="font-bold text-lg dark:text-white">Date</label>
+                      <input data-cy="blogEntryDate" id="date" type="datetime-local" formControlName="date"
+                              class="mb-3 bg-gray-50 dark:bg-secondary-300 border border-gray-300 dark:border-gray-800 dark:text-white text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"/>
+                      <p class="mb-2 text-xs text-gray-500 dark:text-gray-300">Optional. Leave empty to avoid sending a date.</p>
+
                       <label for="featuredImageFile" class="font-bold text-lg dark:text-white">Featured image</label>
                       @if(getFeaturedImageUrl()){
                         <div class="relative mb-3 mt-2 w-full">

src/app/pages/dome-blog/entry-form/entry-form.component.spec.ts

@@ -88,7 +88,7 @@ describe('EntryFormComponent', () => {
     expect(component.entryForm.controls['tags'].value).toBe('one, two');
   });
 
-  it('should include tags and seo fields in create payload', async () => {
+  it('should include tags and seo fields in create payload and fallback author from session info', async () => {
     const { component, domeBlogService, router } = buildComponent();
     component.partyId = 'party-1';
     component.name = 'Author Name';
@@ -99,6 +99,8 @@ describe('EntryFormComponent', () => {
       metaDescription: 'Meta',
       excerpt: 'Excerpt',
       tags: 'AI, ai, Launches',
+      author: '',
+      date: '',
       content: 'Body'
     });
 
@@ -146,13 +148,45 @@ describe('EntryFormComponent', () => {
       metaDescription: '',
       excerpt: '',
       tags: '',
+      author: '',
+      date: '',
       content: 'Body'
     });
     component.uploadingFeaturedImage = true;
 
     expect(component.canSubmit()).toBeFalse();
   });
 
+  it('should include optional author and date on update payload when provided', async () => {
+    const { component, domeBlogService } = buildComponent({ routeId: 'entry-1' });
+    component.blogId = 'entry-1';
+    component.entryForm.setValue({
+      title: 'Updated entry',
+      slug: 'updated-entry',
+      featuredImage: '',
+      metaDescription: '',
+      excerpt: '',
+      tags: 'one, two',
+      author: 'Manual Author',
+      date: '2026-05-27T10:30',
+      content: 'Updated body'
+    });
+
+    await component.update();
+
+    expect(domeBlogService.updateBlogEntry).toHaveBeenCalledWith({
+      title: 'Updated entry',
+      slug: 'updated-entry',
+      featuredImage: '',
+      metaDescription: '',
+      excerpt: '',
+      tags: ['one', 'two'],
+      content: 'Updated body',
+      author: 'Manual Author',
+      date: '2026-05-27T10:30'
+    }, 'entry-1');
+  });
+
   it('should delete entry and navigate back when confirmed', async () => {
     const { component, domeBlogService, router } = buildComponent({ routeId: 'entry-9' });
     component.blogId = 'entry-9';

src/app/pages/dome-blog/entry-form/entry-form.component.ts

@@ -39,6 +39,8 @@ export class EntryFormComponent implements OnInit {
     metaDescription: new FormControl('', [Validators.maxLength(160)]),
     excerpt: new FormControl('', [Validators.maxLength(300)]),
     tags: new FormControl(''),
+    author: new FormControl(''),
+    date: new FormControl(''),
     content: new FormControl('', [Validators.required]),
   });
 
@@ -70,6 +72,8 @@ export class EntryFormComponent implements OnInit {
       this.entryForm.controls['metaDescription'].setValue(blogInfo.metaDescription || '');
       this.entryForm.controls['excerpt'].setValue(blogInfo.excerpt || '');
       this.entryForm.controls['tags'].setValue(this.formatTagsForInput(blogInfo.tags));
+      this.entryForm.controls['author'].setValue((blogInfo.author || '').toString().trim());
+      this.entryForm.controls['date'].setValue(this.formatDateForInput(blogInfo.date));
       this.slugManuallyEdited = slugValue.length > 0 && slugValue !== this.slugify(blogInfo.title || '');
       this.entryForm.controls['content'].setValue(blogInfo.content);
     } else {
@@ -88,17 +92,22 @@ export class EntryFormComponent implements OnInit {
       return;
     }
 
-    let body={
+    const authorFromForm = this.normalizeOptionalText(this.entryForm.controls['author'].value);
+    const dateFromForm = this.normalizeOptionalText(this.entryForm.controls['date'].value);
+    let body:any={
       title: this.entryForm.value.title,
       slug: this.entryForm.value.slug,
       featuredImage: this.getFeaturedImageUrl(),
       metaDescription: this.entryForm.value.metaDescription,
       excerpt: this.entryForm.value.excerpt,
       tags: this.parseTagsFromForm(),
       partyId: this.partyId,
-      author: this.name,
+      author: authorFromForm || this.name,
       content: this.entryForm.value.content,
     }
+    if (dateFromForm) {
+      body.date = dateFromForm;
+    }
     //await lastValueFrom(this.domeBlogService.createBlogEntry(body))
     this.domeBlogService.createBlogEntry(body).subscribe({
       next: data => {
@@ -128,7 +137,9 @@ export class EntryFormComponent implements OnInit {
       return;
     }
 
-    let body={
+    const authorFromForm = this.normalizeOptionalText(this.entryForm.controls['author'].value);
+    const dateFromForm = this.normalizeOptionalText(this.entryForm.controls['date'].value);
+    let body:any={
       title: this.entryForm.value.title,
       slug: this.entryForm.value.slug,
       featuredImage: this.getFeaturedImageUrl(),
@@ -137,6 +148,12 @@ export class EntryFormComponent implements OnInit {
       tags: this.parseTagsFromForm(),
       content: this.entryForm.value.content
     }
+    if (authorFromForm) {
+      body.author = authorFromForm;
+    }
+    if (dateFromForm) {
+      body.date = dateFromForm;
+    }
     //await lastValueFrom(this.domeBlogService.createBlogEntry(body))
     try {
       await this.domeBlogService.updateBlogEntry(body,this.blogId)
@@ -404,6 +421,32 @@ export class EntryFormComponent implements OnInit {
     return '';
   }
 
+  private normalizeOptionalText(value: any): string {
+    if (value === null || value === undefined) {
+      return '';
+    }
+
+    return value.toString().trim();
+  }
+
+  private formatDateForInput(value: any): string {
+    const rawDate = this.normalizeOptionalText(value);
+    if (!rawDate) {
+      return '';
+    }
+
+    if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(rawDate)) {
+      return rawDate;
+    }
+
+    const parsedDate = moment(rawDate);
+    if (!parsedDate.isValid()) {
+      return '';
+    }
+
+    return parsedDate.format('YYYY-MM-DDTHH:mm');
+  }
+
   private showTemporaryError(message: string) {
     this.errorMessage = message;
     this.showError = true;

src/app/themes/bae.theme.ts

@@ -13,6 +13,11 @@ const baeHeaderLinks: NavLink[] = [
       { label: 'HEADER._services', url: '/search', isRouterLink: true },
       { label: 'HEADER._catalogs', url: '/catalogues', isRouterLink: true }
     ]
+  },
+  {
+    label: 'HEADER._blog',
+    url: '/blog',
+    isRouterLink: true
   }
 ];