updated items to new buttons

.nx/cache/d/daemon.log

@@ -466891,3 +466891,147 @@ To fix this, set a unique name for each project in a project.json inside the pro
     at async processFilesAndCreateAndSerializeProjectGraph (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:138:17)
 [NX Daemon Server] - 2024-02-13T10:42:10.453Z - Time taken for 'hash changed files from watcher' 28.785999953746796ms
 [NX Daemon Server] - 2024-02-13T10:42:10.454Z - Done responding to the client null
+[NX Daemon Server] - 2024-02-14T08:34:46.415Z - Started listening on: \\.\pipe\nx\C:\Users\chris\AppData\Local\Temp\83d14e7134fc08a15480\d.sock
+[NX Daemon Server] - 2024-02-14T08:34:46.417Z - [WATCHER]: Subscribed to changes within: c:\Softwareprojekte\DnD (native)
+[NX Daemon Server] - 2024-02-14T08:34:46.429Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T08:34:46.430Z - Closed a connection. Number of open connections: 0
+[NX Daemon Server] - 2024-02-14T08:34:46.430Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T08:34:46.434Z - [REQUEST]: Client Request for Project Graph Received
+[NX Daemon Server] - 2024-02-14T08:34:47.971Z - Error detected when recomputing project file map: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+[NX Daemon Server] - 2024-02-14T08:34:47.972Z - [REQUEST]: Responding to the client with an error. Error when preparing serialized project graph. The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+Error: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+    at readProjectConfigurationsFromRootMap (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:97:15)
+    at buildProjectsConfigurationsFromProjectPathsAndPlugins (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:70:19)
+    at createProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:131:129)
+    at WorkspaceContext.<anonymous> (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:82:39)
+    at getProjectConfigurationsFromContext (c:\Softwareprojekte\DnD\node_modules\nx\src\utils\workspace-context.js:26:29)
+    at _retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:81:72)
+    at retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:58:12)
+    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
+    at async processCollectedUpdatedAndDeletedFiles (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:102:34)
+    at async processFilesAndCreateAndSerializeProjectGraph (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:138:17)
+[NX Daemon Server] - 2024-02-14T08:34:47.972Z - Time taken for 'hash changed files from watcher' 520.9082000255585ms
+[NX Daemon Server] - 2024-02-14T08:34:47.972Z - Done responding to the client null
+[NX Daemon Server] - 2024-02-14T08:35:23.416Z - Started listening on: \\.\pipe\nx\C:\Users\chris\AppData\Local\Temp\83d14e7134fc08a15480\d.sock
+[NX Daemon Server] - 2024-02-14T08:35:23.418Z - [WATCHER]: Subscribed to changes within: c:\Softwareprojekte\DnD (native)
+[NX Daemon Server] - 2024-02-14T08:35:23.426Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T08:35:23.427Z - Closed a connection. Number of open connections: 0
+[NX Daemon Server] - 2024-02-14T08:35:23.427Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T08:35:23.428Z - [REQUEST]: Client Request for Project Graph Received
+[NX Daemon Server] - 2024-02-14T08:35:23.503Z - Error detected when recomputing project file map: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+[NX Daemon Server] - 2024-02-14T08:35:23.503Z - [REQUEST]: Responding to the client with an error. Error when preparing serialized project graph. The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+Error: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+    at readProjectConfigurationsFromRootMap (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:97:15)
+    at buildProjectsConfigurationsFromProjectPathsAndPlugins (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:70:19)
+    at createProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:131:129)
+    at WorkspaceContext.<anonymous> (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:82:39)
+    at getProjectConfigurationsFromContext (c:\Softwareprojekte\DnD\node_modules\nx\src\utils\workspace-context.js:26:29)
+    at _retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:81:72)
+    at retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:58:12)
+    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
+    at async processCollectedUpdatedAndDeletedFiles (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:102:34)
+    at async processFilesAndCreateAndSerializeProjectGraph (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:138:17)
+[NX Daemon Server] - 2024-02-14T08:35:23.504Z - Time taken for 'hash changed files from watcher' 31.13840001821518ms
+[NX Daemon Server] - 2024-02-14T08:35:23.504Z - Done responding to the client null
+[NX Daemon Server] - 2024-02-14T09:52:22.208Z - Started listening on: \\.\pipe\nx\C:\Users\chris\AppData\Local\Temp\83d14e7134fc08a15480\d.sock
+[NX Daemon Server] - 2024-02-14T09:52:22.212Z - [WATCHER]: Subscribed to changes within: c:\Softwareprojekte\DnD (native)
+[NX Daemon Server] - 2024-02-14T09:52:22.223Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T09:52:22.224Z - Closed a connection. Number of open connections: 0
+[NX Daemon Server] - 2024-02-14T09:52:22.224Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T09:52:22.228Z - [REQUEST]: Client Request for Project Graph Received
+[NX Daemon Server] - 2024-02-14T09:52:22.334Z - Error detected when recomputing project file map: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+[NX Daemon Server] - 2024-02-14T09:52:22.334Z - [REQUEST]: Responding to the client with an error. Error when preparing serialized project graph. The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+Error: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+    at readProjectConfigurationsFromRootMap (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:97:15)
+    at buildProjectsConfigurationsFromProjectPathsAndPlugins (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:70:19)
+    at createProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:131:129)
+    at WorkspaceContext.<anonymous> (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:82:39)
+    at getProjectConfigurationsFromContext (c:\Softwareprojekte\DnD\node_modules\nx\src\utils\workspace-context.js:26:29)
+    at _retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:81:72)
+    at retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:58:12)
+    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
+    at async processCollectedUpdatedAndDeletedFiles (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:102:34)
+    at async processFilesAndCreateAndSerializeProjectGraph (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:138:17)
+[NX Daemon Server] - 2024-02-14T09:52:22.334Z - Time taken for 'hash changed files from watcher' 28.218699991703033ms
+[NX Daemon Server] - 2024-02-14T09:52:22.335Z - Done responding to the client null
+[NX Daemon Server] - 2024-02-14T14:37:09.282Z - Started listening on: \\.\pipe\nx\C:\Users\chris\AppData\Local\Temp\83d14e7134fc08a15480\d.sock
+[NX Daemon Server] - 2024-02-14T14:37:09.285Z - [WATCHER]: Subscribed to changes within: c:\Softwareprojekte\DnD (native)
+[NX Daemon Server] - 2024-02-14T14:37:09.288Z - Established a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T14:37:09.289Z - Established a connection. Number of open connections: 2
+[NX Daemon Server] - 2024-02-14T14:37:09.289Z - Closed a connection. Number of open connections: 1
+[NX Daemon Server] - 2024-02-14T14:37:09.291Z - [REQUEST]: Client Request for Project Graph Received
+[NX Daemon Server] - 2024-02-14T14:37:10.689Z - Error detected when recomputing project file map: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+[NX Daemon Server] - 2024-02-14T14:37:10.689Z - [REQUEST]: Responding to the client with an error. Error when preparing serialized project graph. The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+Error: The following projects are defined in multiple locations:
+- DnDTools: 
+  - 
+  - .
+
+To fix this, set a unique name for each project in a project.json inside the project's root. If the project does not currently have a project.json, you can create one that contains only a name.
+    at readProjectConfigurationsFromRootMap (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:97:15)
+    at buildProjectsConfigurationsFromProjectPathsAndPlugins (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\project-configuration-utils.js:70:19)
+    at createProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:131:129)
+    at WorkspaceContext.<anonymous> (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:82:39)
+    at getProjectConfigurationsFromContext (c:\Softwareprojekte\DnD\node_modules\nx\src\utils\workspace-context.js:26:29)
+    at _retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:81:72)
+    at retrieveProjectConfigurations (c:\Softwareprojekte\DnD\node_modules\nx\src\project-graph\utils\retrieve-workspace-files.js:58:12)
+    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
+    at async processCollectedUpdatedAndDeletedFiles (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:102:34)
+    at async processFilesAndCreateAndSerializeProjectGraph (c:\Softwareprojekte\DnD\node_modules\nx\src\daemon\server\project-graph-incremental-recomputation.js:138:17)
+[NX Daemon Server] - 2024-02-14T14:37:10.689Z - Time taken for 'hash changed files from watcher' 424.6177000403404ms
+[NX Daemon Server] - 2024-02-14T14:37:10.690Z - Done responding to the client null

.nx/cache/d/server-process.json

@@ -1 +1 @@
-{"processId":25956}
+{"processId":2748}

src/app/journal/journal-inventory/journal-inventory.component.html

@@ -19,10 +19,10 @@
     </div>
 
     <div class="heading-row">
-      <div class="heading">Name</div>
-      <div class="heading">Wert</div>
-      <div class="heading">Gewicht</div>
-      <div class="heading">Anzahl</div>
+      <div class="table-heading">Name</div>
+      <div class="table-heading">Wert</div>
+      <div class="table-heading">Gewicht</div>
+      <div class="table-heading">Anzahl</div>
     </div>
 
     @switch(active) { @case(1){
@@ -32,7 +32,9 @@
     }}
 
     <div class="footer">
-      <button (click)="addItem('items')">Eintrag hinzufügen</button>
+      <ui-button [color]="'green'" [width]="'w22'" (click)="addItem('items')">
+        Eintrag hinzufügen
+      </ui-button>
     </div>
   </div>
   <div class="right-column">
@@ -56,12 +58,12 @@
         </button>
       </div>
       <div class="heading-row">
-        <div class="heading">Name</div>
-        <div class="heading">
+        <div class="table-heading">Name</div>
+        <div class="table-heading">
           {{ foodActive === 1 ? "Verzehrfertig" : "Wert" }}
         </div>
-        <div class="heading">Gewicht</div>
-        <div class="heading">Anzahl</div>
+        <div class="table-heading">Gewicht</div>
+        <div class="table-heading">Anzahl</div>
       </div>
       @switch(foodActive) { @case(1){
       <ng-container [ngTemplateOutlet]="foodTemplate"></ng-container>
@@ -70,7 +72,13 @@
       } }
 
       <div class="footer">
-        <button (click)="addItem('consumables')">Eintrag hinzufügen</button>
+        <ui-button
+          [color]="'green'"
+          [width]="'w22'"
+          (click)="addItem('consumables')"
+        >
+          Eintrag hinzufügen
+        </ui-button>
       </div>
     </div>
 

src/app/journal/journal-inventory/journal-inventory.component.scss

@@ -66,7 +66,7 @@
     margin: 1rem 0rem;
   }
 
-  .heading {
+  .table-heading {
     font-size: 1.5rem;
     font-weight: 600;
     padding-left: 2rem;
@@ -124,7 +124,7 @@
     box-shadow: var(--shadow);
   }
 
-  .heading {
+  .table-heading {
     font-size: 1.375rem;
     font-weight: 600;
     padding-left: 1rem;
@@ -249,7 +249,7 @@
 
 .footer {
   button {
-    width: 22rem;
+    padding: 1rem 0;
   }
 }
 

src/app/journal/journal-inventory/simple-item-details/simple-item-details.component.html

@@ -1,41 +1,23 @@
-<div class="details-title">{{ item.name }}</div>
+<div class="title">{{ item.name }}</div>
 
-<div class="details-flex-row top-2">
-  <div>
-    <div class="details-value">{{ item.value }}</div>
-    <div class="details-label">Wert</div>
-  </div>
-
-  <div>
-    <div class="details-value">{{ item.weight }}</div>
-    <div class="details-label">Gewicht</div>
-  </div>
-
-  <div>
-    <div class="details-value">{{ item.quantity }}</div>
-    <div class="details-label">Anzahl</div>
-  </div>
+<div class="value-row t-2">
+  <value-box [value]="item.value" [label]="'Wert'"></value-box>
+  <value-box [value]="item.weight" [label]="'Gewicht'"></value-box>
+  <value-box [value]="item.quantity" [label]="'Anzahl'"></value-box>
 </div>
 
-<div class="details-content">{{ item.description }}</div>
+<div class="input-label t-2">Beschreibung</div>
+<div
+  class="t-1"
+  style="padding-left: 0.25rem"
+  [innerHTML]="item.description"
+></div>
 
-<div class="vertical-button-wrapper-3">
-  <ui-button
-    [type]="'edit'"
-    [size]="'xlarge'"
-    [color]="'primary'"
-    (click)="close('update')"
-  ></ui-button>
-  <ui-button
-    [type]="'delete'"
-    [size]="'xlarge'"
-    [color]="'primary'"
-    (click)="close('delete')"
-  ></ui-button>
-  <ui-button
-    [type]="'cancel'"
-    [size]="'xlarge'"
-    [color]="'primary'"
-    (click)="close('cancel')"
-  ></ui-button>
+<div class="vertical-buttons bottom">
+  <ui-button [color]="'green'" [width]="'w22'" (click)="close('update')">
+    Bearbeiten
+  </ui-button>
+  <ui-button [color]="'red'" [width]="'w22'" (click)="close('delete')">
+    Löschen
+  </ui-button>
 </div>

src/app/journal/journal-inventory/simple-item-modal/simple-item-modal.component.html

@@ -1,45 +1,73 @@
-<div class="modal-dimensions">
-  <div class="details-title">
+<div class="dimensions">
+  <div class="title">
     @if(!isUpdate){Gegenstand erstellen}@else{Gegenstand bearbeiten}
   </div>
 
-  <input type="text" placeholder="Name" [(ngModel)]="name" />
-  <label>Name</label><br />
-  @if(isFood){
-  <input type="checkbox" [(ngModel)]="isReady" />
-  <label>Verzehrfertig</label><br />
-  }@else {
-  <input type="number" placeholder="Wert" [(ngModel)]="value" />
-  <label>Wert</label><br />
-  }
-  <input type="number" placeholder="Gewicht" [(ngModel)]="weight" />
-  <label>Gewicht</label><br />
-  <input type="number" placeholder="Anzahl" [(ngModel)]="quantity" />
-  <label>Anzahl</label><br />
-  <textarea placeholder="Beschreibung" [(ngModel)]="description"></textarea
-  ><label>Beschreibung</label>
-  <div class="button-wrapper-2-block">
+  <div class="flex-form t-15">
+    <div>
+      <div class="input-label">Name</div>
+      <mat-form-field appearance="outline" style="width: 18.9rem">
+        <input matInput [(ngModel)]="name" />
+      </mat-form-field>
+    </div>
+
+    <div class="flex-row numbers">
+      <div>
+        <div class="input-label">Gewicht</div>
+        <mat-form-field appearance="outline" style="width: 7rem">
+          <input type="number" class="right" matInput [(ngModel)]="weight" />
+          <span class="input-value" matTextSuffix>Lb.</span>
+        </mat-form-field>
+      </div>
+      <div>
+        <div class="input-label">Anzahl</div>
+        <mat-form-field appearance="outline" style="width: 7rem">
+          <input type="number" class="right" matInput [(ngModel)]="quantity" />
+          <span class="input-value" matTextSuffix>Stk.</span>
+        </mat-form-field>
+      </div>
+      @if(isFood){
+      <div>
+        <div class="input-label">Verzehrfertig</div>
+        <input
+          type="checkbox"
+          style="margin: 0.5rem 0 0 2.5rem"
+          [(ngModel)]="isReady"
+        />
+      </div>
+      } @else {
+      <div>
+        <div class="input-label">Wert</div>
+        <mat-form-field appearance="outline" style="width: 7rem">
+          <input type="number" class="right" matInput [(ngModel)]="value" />
+          <span class="input-value" matTextSuffix>Gold</span>
+        </mat-form-field>
+      </div>
+      }
+    </div>
+  </div>
+
+  <div class="NgxEditor__Wrapper t-15">
+    <ngx-editor-menu [editor]="editor" [toolbar]="toolbar"> </ngx-editor-menu>
+    <ngx-editor
+      [editor]="editor"
+      [(ngModel)]="description"
+      placeholder="Beschreibung des Gegenstandes"
+    ></ngx-editor>
+  </div>
+
+  <div class="horizontal-buttons">
     @if(isUpdate){
-    <ui-button
-      [type]="'update'"
-      [size]="'xlarge'"
-      [color]="'primary'"
-      (click)="update()"
-    ></ui-button>
+    <ui-button [color]="'green'" style="width: 40%" (click)="update()">
+      Bestätigen
+    </ui-button>
     }@else{
-    <ui-button
-      *ngIf="!isUpdate"
-      [type]="'add'"
-      [size]="'xlarge'"
-      [color]="'primary'"
-      (click)="add()"
-    ></ui-button>
+    <ui-button [color]="'green'" style="width: 40%" (click)="add()">
+      Bestätigen
+    </ui-button>
     }
-    <ui-button
-      [type]="'cancel'"
-      [size]="'xlarge'"
-      [color]="'primary'"
-      (click)="cancel()"
-    ></ui-button>
+    <ui-button [color]="'red'" style="width: 40%" (click)="cancel()">
+      Abbrechen
+    </ui-button>
   </div>
 </div>

src/app/journal/journal-inventory/simple-item-modal/simple-item-modal.component.scss

@@ -1,4 +1,37 @@
-.modal-dimensions{
-    width: 40vw;
+.dimensions {
+    width: 35rem;
     background-color: antiquewhite;
 }
+
+.numbers {
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+        display: none;
+    }
+
+    input {
+        -moz-appearance: textfield;
+    }
+
+    .input-value {
+        padding-left: 0.5rem;
+    }
+
+    span {
+        color: darkgrey;
+    }
+
+    ::ng-deep .mat-mdc-form-field-infix {
+        height: 40px !important;
+        min-height: 40px !important;
+        padding-top: 8px !important;
+    }
+}
+
+.ProseMirror {
+    overflow: auto;
+}
+::ng-deep .ProseMirror {
+    height: 10rem !important;
+    overflow-y: auto;
+}

src/app/journal/journal-inventory/simple-item-modal/simple-item-modal.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input } from '@angular/core';
+import { Editor } from 'ngx-editor';
 import { ModalService } from 'src/services/modal/modal.service';
 
 @Component({
@@ -12,6 +13,14 @@ export class SimpleItemModalComponent {
   @Input() public isUpdate: boolean = false;
   @Input() public isFood: boolean = false;
 
+  editor: Editor = new Editor();
+  html = '';
+  toolbar: any = [
+    // default value
+    ['bold', 'italic'],
+    ['bullet_list'],
+    [{ heading: ['h3', 'h4', 'h5', 'h6'] }],
+  ];
   public name: string = '';
   public description: string = '';
   public quantity: number = 0;

src/app/journal/journal-stats/weapons-container/spell-table/favorite-spells-modal/favorite-spells-modal.component.scss

@@ -8,7 +8,6 @@
 .heading-list {
     flex: 0 0 3rem;
     padding: 10px 2rem;
-    // margin-top: 1.5rem;
     display: grid;
     grid-template-columns: 6fr 18fr 11fr 8fr 20fr 16fr;
     text-align: center;