Add "Abstract" field for Text Mini App

block-core · Oct 20, 2024 · dc85a49 · dc85a49
1 parent c405369
commit dc85a49
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/app/src/app/apps/app/text/text-dialog.component.html b/app/src/app/apps/app/text/text-dialog.component.html
@@ -6,6 +6,10 @@
     <mat-form-field appearance="outline" class="full-width">
       <input matInput placeholder="Image" maxlength="200" [(ngModel)]="data.image" />
     </mat-form-field>
+    <mat-form-field appearance="outline" class="full-width">
+      <textarea matInput placeholder="Abstract" [(ngModel)]="data.abstract"></textarea>
+      <!-- <input matInput placeholder="Abstract" maxlength="200" [(ngModel)]="data.abstract" /> -->
+    </mat-form-field>
     <div class="editor">
       <app-text-editor [(content)]="data.body"></app-text-editor>
     </div>

diff --git a/app/src/app/apps/app/text/text-dialog.component.ts b/app/src/app/apps/app/text/text-dialog.component.ts
@@ -13,6 +13,7 @@ import { TextEditorComponent } from '../../../shared/components/text-editor/text
 export interface DialogData {
   title: string;
   body: string;
+  abstract: string;
   background: string;
   collaborators: string[];
   labels: string[];

diff --git a/app/src/app/apps/app/text/text.component.html b/app/src/app/apps/app/text/text.component.html
@@ -26,8 +26,8 @@
       <mat-card-content class="note-body" (click)="editText(entry)">
         @if (entry.data.image) {
         <img [src]="entry.data.image" class="text-image" />
+        } @if(entry.data.abstract) {{{ entry.data.abstract }} } @else {{{ entry.data.body | stripHtml : 200 }}
         }
-        {{ entry.data.body | stripHtml : 200 }}
       </mat-card-content>
       <mat-card-footer>
         <button

diff --git a/app/src/app/apps/app/text/text.component.ts b/app/src/app/apps/app/text/text.component.ts
@@ -251,6 +251,7 @@ export class TextComponent implements OnDestroy {
     let data: DialogData = {
       title: entry.data.title,
       body: entry.data.body,
+      abstract: entry.data.abstract,
       background: entry.data.background,
       collaborators: [],
       labels: [''],