feat: drawing component configurations

e-picsa · May 13, 2024 · 7b0a5fb · 7b0a5fb
1 parent 4158ae4
commit 7b0a5fb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/apps/picsa-tools/budget-tool/src/app/components/budget-tool.components.ts b/apps/picsa-tools/budget-tool/src/app/components/budget-tool.components.ts
@@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import { PicsaCommonComponentsModule } from '@picsa/components';
-import { PicsaDialogsModule } from '@picsa/shared/features';
+import { PicsaDialogsModule, PicsaDrawingComponent } from '@picsa/shared/features';
 import { PicsaDbModule } from '@picsa/shared/modules';
 import { MobxAngularModule } from 'mobx-angular';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -32,6 +32,7 @@ import { BudgetPeriodSummaryComponent } from './summary/period-summary';
 import { BudgetTableComponent } from './table/budget-table';
 import { BudgetSummaryComponent } from './budget-summary/budget-summary.component';
 import { MatIconModule } from '@angular/material/icon';
+import { BudgetDrawComponent } from './budget-draw/budget-draw.component';
 
 const components = [
   BudgetBalanceLegendComponent,
@@ -71,6 +72,7 @@ const components = [
     RouterModule,
     MatTooltipModule,
     MatIconModule,
+    PicsaDrawingComponent
   ],
   exports: components,
 })

diff --git a/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.module.ts b/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.module.ts
@@ -9,6 +9,7 @@ import { MobxAngularModule } from 'mobx-angular';
 import { BudgetToolComponentsModule } from '../../components/budget-tool.components';
 import { BudgetMaterialModule } from '../../material.module';
 import { BudgetHomePage } from './budget-home.page';
+import { BudgetDrawComponent } from '../../components/budget-draw/budget-draw.component';
 
 const routes: Routes = [
   {
@@ -27,6 +28,7 @@ const routes: Routes = [
     BudgetMaterialModule,
     BudgetToolComponentsModule,
     MobxAngularModule,
+    BudgetDrawComponent
   ],
   declarations: [BudgetHomePage],
 })

diff --git a/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.page.html b/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.page.html
@@ -9,7 +9,12 @@
       <img src="assets/budget-icons/budget-import.svg" />
     </button>
   </div>
-
+<!-- This is a drawing test div -->
+  <div>
+    <h3>Draw here!</h3>
+    <budget-draw/>
+  </div>
+
   <h2>{{ 'Saved Budgets' | translate }}</h2>
   <div *mobxAutorun data-tourid="create">
     <budget-list-item