diff --git a/bookie/eslint-plugin-sort-component-imports.js b/bookie/eslint-plugin-sort-component-imports.js new file mode 100644 index 0000000..cbfeba6 --- /dev/null +++ b/bookie/eslint-plugin-sort-component-imports.js @@ -0,0 +1,7 @@ +const rule = require("./sort-component-imports"); + +module.exports = { + rules: { + "sort-component-imports": rule + } + }; diff --git a/bookie/eslint.config.js b/bookie/eslint.config.js index cdcf906..c078479 100644 --- a/bookie/eslint.config.js +++ b/bookie/eslint.config.js @@ -5,6 +5,7 @@ const angular = require("angular-eslint"); const eslintConfigPrettier = require("eslint-config-prettier"); const pluginImport = require("eslint-plugin-import"); const unusedImports = require("eslint-plugin-unused-imports"); +const sortImports = require("./eslint-plugin-sort-component-imports"); module.exports = tseslint.config( { @@ -20,6 +21,7 @@ module.exports = tseslint.config( plugins: { unusedImports: unusedImports, import: pluginImport, + sortImports: sortImports, }, rules: { "@angular-eslint/directive-selector": [ @@ -61,7 +63,8 @@ module.exports = tseslint.config( ], "unusedImports/no-unused-imports": "error", "@typescript-eslint/no-empty-function": "off", - "import/no-deprecated": "warn" + "import/no-deprecated": "warn", + "sortImports/sort-component-imports": "error", }, }, { diff --git a/bookie/sort-component-imports.js b/bookie/sort-component-imports.js new file mode 100644 index 0000000..68a8220 --- /dev/null +++ b/bookie/sort-component-imports.js @@ -0,0 +1,114 @@ +/** + * @fileoverview ESLint rule to enforce sorted imports arrays in Angular @Component decorators. + */ + +"use strict"; + +module.exports = { + meta: { + type: "suggestion", + docs: { + description: "Enforce sorted imports array in Angular @Component decorators", + category: "Stylistic Issues", + recommended: false, + }, + fixable: "code", + schema: [] // no options + }, + + create(context) { + return { + Decorator(node) { + // Look for @Component decorator + if ( + node.expression && + node.expression.callee && + node.expression.callee.name === "Component" && + node.expression.arguments && + node.expression.arguments.length > 0 + ) { + const arg = node.expression.arguments[0]; + if (arg && arg.type === "ObjectExpression") { + // Find the 'imports' property + const importsProperty = arg.properties.find( + (prop) => + prop.type === "Property" && + ((prop.key.type === "Identifier" && prop.key.name === "imports") || + (prop.key.type === "Literal" && prop.key.value === "imports")) + ); + + if (importsProperty && importsProperty.value.type === "ArrayExpression") { + const elements = importsProperty.value.elements; + + // Extract the names from the elements + // Assuming elements are simple Identifiers or Literals + const elementNames = elements.map((el) => { + if (!el) return ""; + if (el.type === "Identifier") { + return el.name; + } else if (el.type === "Literal" && typeof el.value === "string") { + return el.value; + } else { + return ""; // Non-standard entry, skip sorting + } + }); + + // Check if sorted + const sorted = [...elementNames].sort((a, b) => + a.localeCompare(b, undefined, { sensitivity: "base" }) + ); + + // Compare elementNames and sorted + let isSorted = true; + for (let i = 0; i < elementNames.length; i++) { + if (elementNames[i] !== sorted[i]) { + isSorted = false; + break; + } + } + + if (!isSorted) { + // Report and fix + context.report({ + node: importsProperty, + message: "The imports array in @Component should be sorted alphabetically.", + fix: (fixer) => { + // Build a sorted array expression text + const sourceCode = context.getSourceCode(); + const sortedElements = []; + for (const name of sorted) { + // Attempt to find original element to preserve formatting if possible + const originalElement = elements.find((el) => { + if (!el) return false; + if (el.type === "Identifier" && el.name === name) return true; + if (el.type === "Literal" && el.value === name) return true; + return false; + }); + + if (originalElement) { + sortedElements.push(sourceCode.getText(originalElement)); + } else { + // fallback: write identifier as is + // If it's a string, wrap in quotes + const isIdentifier = /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(name); + sortedElements.push(isIdentifier ? name : `'${name}'`); + } + } + + const arrayText = `[${sortedElements.join(", ")}]`; + + const importsValue = importsProperty.value; + return fixer.replaceTextRange( + [importsValue.range[0], importsValue.range[1]], + arrayText + ); + }, + }); + } + } + } + } + }, + }; + }, +}; diff --git a/bookie/src/app/auth/login/login.component.ts b/bookie/src/app/auth/login/login.component.ts index 60560b7..43a1c02 100644 --- a/bookie/src/app/auth/login/login.component.ts +++ b/bookie/src/app/auth/login/login.component.ts @@ -17,13 +17,13 @@ import { AuthService } from '../auth.service'; templateUrl: './login.component.html', styleUrls: ['./login.component.css'], imports: [ - MatCardModule, - ReactiveFormsModule, - MatFormFieldModule, - MatInputModule, - MatIconModule, - MatDividerModule, MatButtonModule, + MatCardModule, + MatDividerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + ReactiveFormsModule, ], }) export class LoginComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/beer-sale-report/beer-sale-report.component.ts b/bookie/src/app/beer-sale-report/beer-sale-report.component.ts index 5044912..98568f3 100644 --- a/bookie/src/app/beer-sale-report/beer-sale-report.component.ts +++ b/bookie/src/app/beer-sale-report/beer-sale-report.component.ts @@ -1,24 +1,13 @@ import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -33,33 +22,15 @@ import { BeerSaleReportDataSource } from './beer-sale-report-datasource'; templateUrl: './beer-sale-report.component.html', styleUrls: ['./beer-sale-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTableModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, - MatCheckbox, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, ], }) export class BeerSaleReportComponent implements OnInit { diff --git a/bookie/src/app/bill-settlement-report/bill-settlement-report.component.ts b/bookie/src/app/bill-settlement-report/bill-settlement-report.component.ts index 5a4f11d..eadcd91 100644 --- a/bookie/src/app/bill-settlement-report/bill-settlement-report.component.ts +++ b/bookie/src/app/bill-settlement-report/bill-settlement-report.component.ts @@ -1,24 +1,13 @@ import { DecimalPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -33,34 +22,16 @@ import { BillSettlementReportDataSource } from './bill-settlement-report-datasou templateUrl: './bill-settlement-report.component.html', styleUrls: ['./bill-settlement-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, DecimalPipe, LocalTimePipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTableModule, + ReactiveFormsModule, ], }) export class BillSettlementReportComponent implements OnInit { diff --git a/bookie/src/app/cashier-report/cashier-report.component.ts b/bookie/src/app/cashier-report/cashier-report.component.ts index 99e4814..88eb3e5 100644 --- a/bookie/src/app/cashier-report/cashier-report.component.ts +++ b/bookie/src/app/cashier-report/cashier-report.component.ts @@ -1,26 +1,15 @@ import { CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -37,35 +26,17 @@ import { CashierReportService } from './cashier-report.service'; templateUrl: './cashier-report.component.html', styleUrls: ['./cashier-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatSelect, - MatOption, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, ], }) export class CashierReportComponent implements OnInit { diff --git a/bookie/src/app/customers/customer-detail/customer-detail.component.ts b/bookie/src/app/customers/customer-detail/customer-detail.component.ts index 5c3f99f..e021ada 100644 --- a/bookie/src/app/customers/customer-detail/customer-detail.component.ts +++ b/bookie/src/app/customers/customer-detail/customer-detail.component.ts @@ -1,13 +1,13 @@ import { PercentPipe } from '@angular/common'; import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatDialog } from '@angular/material/dialog'; -import { MatDivider } from '@angular/material/divider'; -import { MatFormField, MatLabel, MatSuffix, MatHint } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { round } from 'mathjs'; @@ -21,21 +21,14 @@ import { CustomerService } from '../customer.service'; templateUrl: './customer-detail.component.html', styleUrls: ['./customer-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCheckbox, - MatDivider, - MatSuffix, - MatHint, - MatCardActions, - MatButton, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatDividerModule, + MatFormFieldModule, + MatInputModule, PercentPipe, + ReactiveFormsModule, ], }) export class CustomerDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/customers/customer-list/customer-list.component.ts b/bookie/src/app/customers/customer-list/customer-list.component.ts index 0d2f476..413aa67 100644 --- a/bookie/src/app/customers/customer-list/customer-list.component.ts +++ b/bookie/src/app/customers/customer-list/customer-list.component.ts @@ -1,20 +1,9 @@ import { PercentPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Customer } from '../../core/customer'; @@ -25,27 +14,7 @@ import { CustomerListDatasource } from './customer-list-datasource'; selector: 'app-customer-list', templateUrl: './customer-list.component.html', styleUrls: ['./customer-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - PercentPipe, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, PercentPipe, RouterLink], }) export class CustomerListComponent implements OnInit { dataSource: CustomerListDatasource = new CustomerListDatasource([]); diff --git a/bookie/src/app/devices/device-detail/device-detail.component.ts b/bookie/src/app/devices/device-detail/device-detail.component.ts index 5aac7c6..f8a7dcd 100644 --- a/bookie/src/app/devices/device-detail/device-detail.component.ts +++ b/bookie/src/app/devices/device-detail/device-detail.component.ts @@ -1,20 +1,13 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - MatCardActions, - MatCardSubtitle, -} from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { Device } from '../../core/device'; @@ -29,21 +22,15 @@ import { DeviceService } from '../device.service'; templateUrl: './device-detail.component.html', styleUrls: ['./device-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatSelect, - MatOption, - MatCheckbox, - MatCardActions, - MatButton, - MatCardSubtitle, LocalTimePipe, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + ReactiveFormsModule, ], }) export class DeviceDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/devices/device-list/device-list.component.ts b/bookie/src/app/devices/device-list/device-list.component.ts index eefaa4f..139b03c 100644 --- a/bookie/src/app/devices/device-list/device-list.component.ts +++ b/bookie/src/app/devices/device-list/device-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Device } from '../../core/device'; @@ -25,27 +14,7 @@ import { DeviceListDataSource } from './device-list-datasource'; selector: 'app-device-list', templateUrl: './device-list.component.html', styleUrls: ['./device-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - LocalTimePipe, - ], + imports: [LocalTimePipe, MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class DeviceListComponent implements OnInit { list: Device[] = []; diff --git a/bookie/src/app/discount-report/discount-report.component.ts b/bookie/src/app/discount-report/discount-report.component.ts index 561d788..6221290 100644 --- a/bookie/src/app/discount-report/discount-report.component.ts +++ b/bookie/src/app/discount-report/discount-report.component.ts @@ -1,24 +1,13 @@ import { CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -34,33 +23,15 @@ import { DiscountReportService } from './discount-report.service'; templateUrl: './discount-report.component.html', styleUrls: ['./discount-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTableModule, + ReactiveFormsModule, ], }) export class DiscountReportComponent implements OnInit { diff --git a/bookie/src/app/guest-book/guest-book-detail/guest-book-detail.component.ts b/bookie/src/app/guest-book/guest-book-detail/guest-book-detail.component.ts index 1f5ce7b..084d4e8 100644 --- a/bookie/src/app/guest-book/guest-book-detail/guest-book-detail.component.ts +++ b/bookie/src/app/guest-book/guest-book-detail/guest-book-detail.component.ts @@ -1,14 +1,14 @@ import { AsyncPipe } from '@angular/common'; import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms'; -import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger, MatAutocomplete } from '@angular/material/autocomplete'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; +import { MatAutocompleteSelectedEvent, MatAutocompleteModule } from '@angular/material/autocomplete'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; +import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel, MatError, MatSuffix } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; import { Observable, of as observableOf } from 'rxjs'; @@ -26,25 +26,15 @@ import { GuestBookService } from '../guest-book.service'; templateUrl: './guest-book-detail.component.html', styleUrls: ['./guest-book-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatError, - MatAutocompleteTrigger, - MatAutocomplete, - MatOption, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatCardActions, - MatButton, AsyncPipe, + MatAutocompleteModule, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + ReactiveFormsModule, ], }) export class GuestBookDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts b/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts index 5b12901..d98ca1b 100644 --- a/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts +++ b/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts @@ -1,23 +1,12 @@ import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatAnchor, MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import moment from 'moment'; import { BehaviorSubject } from 'rxjs'; @@ -36,35 +25,17 @@ import { GuestBookListDataSource } from './guest-book-list-datasource'; templateUrl: './guest-book-list.component.html', styleUrls: ['./guest-book-list.component.sass'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatIconButton, - MatButton, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, LocalTimePipe, + MatButtonModule, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTableModule, + ReactiveFormsModule, + RouterLink, ], }) export class GuestBookListComponent implements OnInit { diff --git a/bookie/src/app/header-footer/header-footer.component.ts b/bookie/src/app/header-footer/header-footer.component.ts index 38938ff..c65ce14 100644 --- a/bookie/src/app/header-footer/header-footer.component.ts +++ b/bookie/src/app/header-footer/header-footer.component.ts @@ -1,13 +1,13 @@ import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatDivider } from '@angular/material/divider'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelectChange, MatSelect } from '@angular/material/select'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectChange, MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { map } from 'rxjs/operators'; @@ -21,19 +21,14 @@ import { HeaderFooterService } from './header-footer.service'; templateUrl: './header-footer.component.html', styleUrls: ['./header-footer.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatDividerModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatSelect, - MatOption, - MatInput, - MatDivider, - MatCardActions, - MatButton, ], }) export class HeaderFooterComponent implements OnInit { diff --git a/bookie/src/app/home/home.component.ts b/bookie/src/app/home/home.component.ts index e4f812a..244e78f 100644 --- a/bookie/src/app/home/home.component.ts +++ b/bookie/src/app/home/home.component.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { MatCard } from '@angular/material/card'; +import { MatCardModule } from '@angular/material/card'; import { RouterLink } from '@angular/router'; import { environment } from '../app.environment'; @@ -9,7 +9,7 @@ import { AuthService } from '../auth/auth.service'; selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.component.css'], - imports: [MatCard, RouterLink], + imports: [MatCardModule, RouterLink], }) export class HomeComponent { version: string; diff --git a/bookie/src/app/menu-category/menu-category-detail/menu-category-detail.component.ts b/bookie/src/app/menu-category/menu-category-detail/menu-category-detail.component.ts index 85814c5..98baeff 100644 --- a/bookie/src/app/menu-category/menu-category-detail/menu-category-detail.component.ts +++ b/bookie/src/app/menu-category/menu-category-detail/menu-category-detail.component.ts @@ -1,11 +1,11 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { MenuCategory } from '../../core/menu-category'; @@ -17,19 +17,7 @@ import { MenuCategoryService } from '../menu-category.service'; selector: 'app-menu-category-detail', templateUrl: './menu-category-detail.component.html', styleUrls: ['./menu-category-detail.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCheckbox, - MatCardActions, - MatButton, - ], + imports: [MatButtonModule, MatCardModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule], }) export class MenuCategoryDetailComponent implements OnInit, AfterViewInit { @ViewChild('nameElement', { static: true }) nameElement?: ElementRef; diff --git a/bookie/src/app/menu-category/menu-category-list/menu-category-list.component.ts b/bookie/src/app/menu-category/menu-category-list/menu-category-list.component.ts index b1e6d17..3308a04 100644 --- a/bookie/src/app/menu-category/menu-category-list/menu-category-list.component.ts +++ b/bookie/src/app/menu-category/menu-category-list/menu-category-list.component.ts @@ -1,20 +1,9 @@ -import { CdkDragDrop, moveItemInArray, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop'; -import { Component, OnInit, ViewChild } from '@angular/core'; -import { MatButton, MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { CdkDragDrop, moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop'; +import { Component, OnInit } from '@angular/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { BehaviorSubject } from 'rxjs'; @@ -28,32 +17,10 @@ import { MenuCategoryListDatasource } from './menu-category-list-datasource'; selector: 'app-menu-category-list', templateUrl: './menu-category-list.component.html', styleUrls: ['./menu-category-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatButton, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - CdkDropList, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - CdkDrag, - ], + imports: [DragDropModule, MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class MenuCategoryListComponent implements OnInit { - @ViewChild('table', { static: true }) table?: MatTable; + // @ViewChild('table', { static: true }) table?: MatTable; list: MenuCategory[] = []; data: BehaviorSubject = new BehaviorSubject(this.list); dataSource: MenuCategoryListDatasource = new MenuCategoryListDatasource(this.data); diff --git a/bookie/src/app/menu-engineering-report/menu-engineering-report.component.ts b/bookie/src/app/menu-engineering-report/menu-engineering-report.component.ts index f0849cd..28868b5 100644 --- a/bookie/src/app/menu-engineering-report/menu-engineering-report.component.ts +++ b/bookie/src/app/menu-engineering-report/menu-engineering-report.component.ts @@ -1,26 +1,15 @@ import { DecimalPipe, PercentPipe } from '@angular/common'; import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix, MatHint } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { MatPaginator } from '@angular/material/paginator'; -import { MatSort, MatSortHeader } from '@angular/material/sort'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator'; +import { MatSort, MatSortModule } from '@angular/material/sort'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; import { Observable } from 'rxjs'; @@ -38,38 +27,18 @@ import { MenuEngineeringReportService } from './menu-engineering-report.service' templateUrl: './menu-engineering-report.component.html', styleUrls: ['./menu-engineering-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, - MatHint, - MatTable, - MatSort, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatSortHeader, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - MatPaginator, DecimalPipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatPaginatorModule, + MatSortModule, + MatTableModule, PercentPipe, + ReactiveFormsModule, ], }) export class MenuEngineeringReportComponent implements OnInit { diff --git a/bookie/src/app/modifier-categories/modifier-category-detail/modifier-category-detail.component.ts b/bookie/src/app/modifier-categories/modifier-category-detail/modifier-category-detail.component.ts index 812054c..b394e7b 100644 --- a/bookie/src/app/modifier-categories/modifier-category-detail/modifier-category-detail.component.ts +++ b/bookie/src/app/modifier-categories/modifier-category-detail/modifier-category-detail.component.ts @@ -1,23 +1,15 @@ import { NestedTreeControl } from '@angular/cdk/tree'; import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatDialog } from '@angular/material/dialog'; -import { MatDivider } from '@angular/material/divider'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTreeNestedDataSource, - MatTree, - MatTreeNodeDef, - MatTreeNode, - MatTreeNodeToggle, - MatNestedTreeNode, - MatTreeNodeOutlet, -} from '@angular/material/tree'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTreeModule, MatTreeNestedDataSource } from '@angular/material/tree'; import { ActivatedRoute, Router } from '@angular/router'; import { map } from 'rxjs/operators'; @@ -34,26 +26,15 @@ import { NodeItem } from '../node-item'; templateUrl: './modifier-category-detail.component.html', styleUrls: ['./modifier-category-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatDividerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTreeModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCheckbox, - MatDivider, - MatTree, - MatTreeNodeDef, - MatTreeNode, - MatTreeNodeToggle, - MatIconButton, - MatNestedTreeNode, - MatIcon, - MatTreeNodeOutlet, - MatCardActions, - MatButton, ], }) export class ModifierCategoryDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/modifier-categories/modifier-category-list/modifier-category-list.component.ts b/bookie/src/app/modifier-categories/modifier-category-list/modifier-category-list.component.ts index b0c7451..c006979 100644 --- a/bookie/src/app/modifier-categories/modifier-category-list/modifier-category-list.component.ts +++ b/bookie/src/app/modifier-categories/modifier-category-list/modifier-category-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { ModifierCategory } from '../../core/modifier-category'; @@ -24,26 +13,7 @@ import { ModifierCategoryListDatasource } from './modifier-category-list-datasou selector: 'app-modifier-category-list', templateUrl: './modifier-category-list.component.html', styleUrls: ['./modifier-category-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class ModifierCategoryListComponent implements OnInit { list: ModifierCategory[] = []; diff --git a/bookie/src/app/modifiers/modifier-detail/modifier-detail.component.ts b/bookie/src/app/modifiers/modifier-detail/modifier-detail.component.ts index 72fbfd5..a98188f 100644 --- a/bookie/src/app/modifiers/modifier-detail/modifier-detail.component.ts +++ b/bookie/src/app/modifiers/modifier-detail/modifier-detail.component.ts @@ -1,13 +1,13 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { Modifier } from '../../core/modifier'; @@ -21,19 +21,14 @@ import { ModifierService } from '../modifier.service'; templateUrl: './modifier-detail.component.html', styleUrls: ['./modifier-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCheckbox, - MatSelect, - MatOption, - MatCardActions, - MatButton, ], }) export class ModifierDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/modifiers/modifier-list/modifier-list.component.ts b/bookie/src/app/modifiers/modifier-list/modifier-list.component.ts index 03b0f84..faef63a 100644 --- a/bookie/src/app/modifiers/modifier-list/modifier-list.component.ts +++ b/bookie/src/app/modifiers/modifier-list/modifier-list.component.ts @@ -1,24 +1,13 @@ import { CurrencyPipe } from '@angular/common'; -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatSelectChange, MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatSelectChange, MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { BehaviorSubject } from 'rxjs'; @@ -32,34 +21,20 @@ import { ModifierListDataSource } from './modifier-list-datasource'; templateUrl: './modifier-list.component.html', styleUrls: ['./modifier-list.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatSelect, - MatOption, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatFormFieldModule, + MatIconModule, + MatOptionModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, + RouterLink, ], }) export class ModifierListComponent implements OnInit { - @ViewChild('table', { static: true }) table?: MatTable; + // @ViewChild('table', { static: true }) table?: MatTable; filter = new BehaviorSubject(''); data: BehaviorSubject = new BehaviorSubject([]); dataSource: ModifierListDataSource = new ModifierListDataSource(this.filter, this.data); diff --git a/bookie/src/app/nav-bar/nav-bar.component.ts b/bookie/src/app/nav-bar/nav-bar.component.ts index 1b6f003..b245516 100644 --- a/bookie/src/app/nav-bar/nav-bar.component.ts +++ b/bookie/src/app/nav-bar/nav-bar.component.ts @@ -1,8 +1,8 @@ import { AsyncPipe } from '@angular/common'; import { Component } from '@angular/core'; -import { MatAnchor, MatButton } from '@angular/material/button'; -import { MatIcon } from '@angular/material/icon'; -import { MatToolbar } from '@angular/material/toolbar'; +import { MatButtonModule } from '@angular/material/button'; +import { MatIconModule } from '@angular/material/icon'; +import { MatToolbarModule } from '@angular/material/toolbar'; import { Router, RouterLink } from '@angular/router'; import { AuthService } from '../auth/auth.service'; @@ -11,7 +11,7 @@ import { AuthService } from '../auth/auth.service'; selector: 'app-nav-bar', templateUrl: './nav-bar.component.html', styleUrls: ['./nav-bar.component.css'], - imports: [MatToolbar, MatAnchor, RouterLink, MatIcon, MatButton, AsyncPipe], + imports: [AsyncPipe, MatButtonModule, MatButtonModule, MatIconModule, MatToolbarModule, RouterLink], }) export class NavBarComponent { constructor( diff --git a/bookie/src/app/printers/printer-detail/printer-detail.component.ts b/bookie/src/app/printers/printer-detail/printer-detail.component.ts index 497c63f..3473a71 100644 --- a/bookie/src/app/printers/printer-detail/printer-detail.component.ts +++ b/bookie/src/app/printers/printer-detail/printer-detail.component.ts @@ -1,10 +1,10 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { Printer } from '../../core/printer'; @@ -16,18 +16,7 @@ import { PrinterService } from '../printer.service'; selector: 'app-printer-detail', templateUrl: './printer-detail.component.html', styleUrls: ['./printer-detail.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCardActions, - MatButton, - ], + imports: [MatButtonModule, MatCardModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule], }) export class PrinterDetailComponent implements OnInit, AfterViewInit { @ViewChild('nameElement', { static: true }) nameElement?: ElementRef; diff --git a/bookie/src/app/printers/printer-list/printer-list.component.ts b/bookie/src/app/printers/printer-list/printer-list.component.ts index 6928da4..eb74b71 100644 --- a/bookie/src/app/printers/printer-list/printer-list.component.ts +++ b/bookie/src/app/printers/printer-list/printer-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Printer } from '../../core/printer'; @@ -24,26 +13,7 @@ import { PrinterListDataSource } from './printer-list-datasource'; selector: 'app-printer-list', templateUrl: './printer-list.component.html', styleUrls: ['./printer-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class PrinterListComponent implements OnInit { list: Printer[] = []; diff --git a/bookie/src/app/product-sale-report/product-sale-report.component.ts b/bookie/src/app/product-sale-report/product-sale-report.component.ts index 5fd6b5c..4974671 100644 --- a/bookie/src/app/product-sale-report/product-sale-report.component.ts +++ b/bookie/src/app/product-sale-report/product-sale-report.component.ts @@ -25,16 +25,16 @@ import { ProductSaleReportService } from './product-sale-report.service'; templateUrl: './product-sale-report.component.html', styleUrls: ['./product-sale-report.component.css'], imports: [ - MatCardModule, - MatButtonModule, - ReactiveFormsModule, - MatFormFieldModule, - MatInputModule, - MatIconModule, - MatDatepickerModule, - MatTableModule, - MatSelectModule, DecimalPipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, ], }) export class ProductSaleReportComponent implements OnInit { diff --git a/bookie/src/app/product-updates-report/product-updates-report.component.ts b/bookie/src/app/product-updates-report/product-updates-report.component.ts index f10b692..981166e 100644 --- a/bookie/src/app/product-updates-report/product-updates-report.component.ts +++ b/bookie/src/app/product-updates-report/product-updates-report.component.ts @@ -1,23 +1,12 @@ import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -31,32 +20,14 @@ import { ProductUpdatesReportDataSource } from './product-updates-report-datasou templateUrl: './product-updates-report.component.html', styleUrls: ['./product-updates-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTableModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, ], }) export class ProductUpdatesReportComponent implements OnInit { diff --git a/bookie/src/app/product/product-detail/product-detail.component.ts b/bookie/src/app/product/product-detail/product-detail.component.ts index 6ff7003..c5c3b10 100644 --- a/bookie/src/app/product/product-detail/product-detail.component.ts +++ b/bookie/src/app/product/product-detail/product-detail.component.ts @@ -1,13 +1,13 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { MenuCategory } from '../../core/menu-category'; @@ -22,19 +22,14 @@ import { ProductService } from '../product.service'; templateUrl: './product-detail.component.html', styleUrls: ['./product-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCheckbox, - MatSelect, - MatOption, - MatCardActions, - MatButton, ], }) export class ProductDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/product/product-list/product-list.component.ts b/bookie/src/app/product/product-list/product-list.component.ts index 54fca90..487d86b 100644 --- a/bookie/src/app/product/product-list/product-list.component.ts +++ b/bookie/src/app/product/product-list/product-list.component.ts @@ -1,26 +1,15 @@ -import { CdkDragDrop, moveItemInArray, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop'; +import { CdkDragDrop, moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop'; import { AsyncPipe, DecimalPipe, CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton, MatIconButton, MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { BehaviorSubject, Observable } from 'rxjs'; import { debounceTime, distinctUntilChanged } from 'rxjs/operators'; @@ -38,37 +27,20 @@ import { ProductListDataSource } from './product-list-datasource'; templateUrl: './product-list.component.html', styleUrls: ['./product-list.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatButton, - MatIconButton, - MatIcon, - MatAnchor, - RouterLink, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatSelect, - MatOption, - MatTable, - CdkDropList, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - CdkDrag, AsyncPipe, - DecimalPipe, CurrencyPipe, + DecimalPipe, + DragDropModule, + MatButtonModule, + MatCardModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, + RouterLink, ], }) export class ProductListComponent implements OnInit { diff --git a/bookie/src/app/regimes/regime-detail/regime-detail.component.ts b/bookie/src/app/regimes/regime-detail/regime-detail.component.ts index 806052f..74b7919 100644 --- a/bookie/src/app/regimes/regime-detail/regime-detail.component.ts +++ b/bookie/src/app/regimes/regime-detail/regime-detail.component.ts @@ -1,10 +1,10 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { Regime } from '../../core/regime'; @@ -16,18 +16,7 @@ import { RegimeService } from '../regime.service'; selector: 'app-regime-detail', templateUrl: './regime-detail.component.html', styleUrls: ['./regime-detail.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCardActions, - MatButton, - ], + imports: [MatButtonModule, MatCardModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule], }) export class RegimeDetailComponent implements OnInit, AfterViewInit { @ViewChild('nameElement', { static: true }) nameElement?: ElementRef; diff --git a/bookie/src/app/regimes/regime-list/regime-list.component.ts b/bookie/src/app/regimes/regime-list/regime-list.component.ts index 2cf136d..b369ea2 100644 --- a/bookie/src/app/regimes/regime-list/regime-list.component.ts +++ b/bookie/src/app/regimes/regime-list/regime-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Regime } from '../../core/regime'; @@ -24,26 +13,7 @@ import { RegimeListDataSource } from './regime-list-datasource'; selector: 'app-regime-list', templateUrl: './regime-list.component.html', styleUrls: ['./regime-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class RegimeListComponent implements OnInit { list: Regime[] = []; diff --git a/bookie/src/app/roles/role-detail/role-detail.component.ts b/bookie/src/app/roles/role-detail/role-detail.component.ts index 6874bef..e6f974d 100644 --- a/bookie/src/app/roles/role-detail/role-detail.component.ts +++ b/bookie/src/app/roles/role-detail/role-detail.component.ts @@ -1,12 +1,12 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatDialog } from '@angular/material/dialog'; -import { MatDivider } from '@angular/material/divider'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { ToasterService } from '../../core/toaster.service'; @@ -19,18 +19,13 @@ import { RoleService } from '../role.service'; templateUrl: './role-detail.component.html', styleUrls: ['./role-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatDividerModule, + MatFormFieldModule, + MatInputModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDivider, - MatCheckbox, - MatCardActions, - MatButton, ], }) export class RoleDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/roles/role-list/role-list.component.ts b/bookie/src/app/roles/role-list/role-list.component.ts index 733a7e7..00d0173 100644 --- a/bookie/src/app/roles/role-list/role-list.component.ts +++ b/bookie/src/app/roles/role-list/role-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Role } from '../role'; @@ -24,26 +13,7 @@ import { RoleListDataSource } from './role-list-datasource'; selector: 'app-role-list', templateUrl: './role-list.component.html', styleUrls: ['./role-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class RoleListComponent implements OnInit { list: Role[] = []; diff --git a/bookie/src/app/sale-category/sale-category-detail/sale-category-detail.component.ts b/bookie/src/app/sale-category/sale-category-detail/sale-category-detail.component.ts index f6132ed..d3b1e80 100644 --- a/bookie/src/app/sale-category/sale-category-detail/sale-category-detail.component.ts +++ b/bookie/src/app/sale-category/sale-category-detail/sale-category-detail.component.ts @@ -1,25 +1,14 @@ import { CurrencyPipe } from '@angular/common'; import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { round } from 'mathjs'; import { BehaviorSubject } from 'rxjs'; @@ -38,31 +27,16 @@ import { SaleCategoryDetailDatasource } from './sale-category-detail-datasource' templateUrl: './sale-category-detail.component.html', styleUrls: ['./sale-category-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatSuffix, - MatSelect, - MatOption, - MatCardActions, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - RouterLink, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, + RouterLink, ], }) export class SaleCategoryDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/sale-category/sale-category-list/sale-category-list.component.ts b/bookie/src/app/sale-category/sale-category-list/sale-category-list.component.ts index c23f955..e22dbc8 100644 --- a/bookie/src/app/sale-category/sale-category-list/sale-category-list.component.ts +++ b/bookie/src/app/sale-category/sale-category-list/sale-category-list.component.ts @@ -1,20 +1,9 @@ import { PercentPipe } from '@angular/common'; -import { Component, OnInit, ViewChild } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { Component, OnInit } from '@angular/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { BehaviorSubject } from 'rxjs'; @@ -28,30 +17,10 @@ import { SaleCategoryListDatasource } from './sale-category-list-datasource'; selector: 'app-sale-category-list', templateUrl: './sale-category-list.component.html', styleUrls: ['./sale-category-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - PercentPipe, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, PercentPipe, RouterLink], }) export class SaleCategoryListComponent implements OnInit { - @ViewChild('table', { static: true }) table?: MatTable; + // @ViewChild('table', { static: true }) table?: MatTable; data: BehaviorSubject = new BehaviorSubject([]); dataSource: SaleCategoryListDatasource = new SaleCategoryListDatasource(this.data); list: SaleCategory[] = []; diff --git a/bookie/src/app/sale-report/sale-report.component.ts b/bookie/src/app/sale-report/sale-report.component.ts index 30483ab..feb7c8b 100644 --- a/bookie/src/app/sale-report/sale-report.component.ts +++ b/bookie/src/app/sale-report/sale-report.component.ts @@ -26,17 +26,17 @@ import { SaleReportService } from './sale-report.service'; templateUrl: './sale-report.component.html', styleUrls: ['./sale-report.component.css'], imports: [ - MatCardModule, + CurrencyPipe, MatButtonModule, - ReactiveFormsModule, + MatCardModule, + MatDatepickerModule, MatFormFieldModule, MatIconModule, MatInputModule, - MatDatepickerModule, - MatTableModule, MatOptionModule, MatSelectModule, - CurrencyPipe, + MatTableModule, + ReactiveFormsModule, ], }) export class SaleReportComponent implements OnInit { diff --git a/bookie/src/app/sales/bill-number/bill-number.component.ts b/bookie/src/app/sales/bill-number/bill-number.component.ts index d26a316..0ca0312 100644 --- a/bookie/src/app/sales/bill-number/bill-number.component.ts +++ b/bookie/src/app/sales/bill-number/bill-number.component.ts @@ -1,18 +1,12 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { ScrollingModule } from '@angular/cdk/scrolling'; import { Component, Inject, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatOption } from '@angular/material/core'; -import { - MatDialogRef, - MAT_DIALOG_DATA, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatButtonModule } from '@angular/material/button'; +import { MatOptionModule } from '@angular/material/core'; +import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { Regime } from 'src/app/core/regime'; @Component({ @@ -20,17 +14,14 @@ import { Regime } from 'src/app/core/regime'; templateUrl: './bill-number.component.html', styleUrls: ['./bill-number.component.css'], imports: [ - CdkScrollable, - MatDialogContent, + MatButtonModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatSelect, - MatOption, - MatInput, - MatDialogActions, - MatButton, - MatDialogClose, + ScrollingModule, ], }) export class BillNumberComponent implements OnInit { diff --git a/bookie/src/app/sales/bill-type/bill-type.component.ts b/bookie/src/app/sales/bill-type/bill-type.component.ts index 17784b3..3d19410 100644 --- a/bookie/src/app/sales/bill-type/bill-type.component.ts +++ b/bookie/src/app/sales/bill-type/bill-type.component.ts @@ -1,15 +1,9 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { Component } from '@angular/core'; -import { MatButton } from '@angular/material/button'; -import { MatCard } from '@angular/material/card'; -import { MatRipple } from '@angular/material/core'; -import { - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatRippleModule } from '@angular/material/core'; +import { MatDialogModule, MatDialogRef } from '@angular/material/dialog'; import { VoucherType } from '../bills/voucher-type'; @@ -17,16 +11,7 @@ import { VoucherType } from '../bills/voucher-type'; selector: 'app-bill-type', templateUrl: './bill-type.component.html', styleUrls: ['./bill-type.component.css'], - imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, - MatCard, - MatRipple, - MatDialogActions, - MatButton, - MatDialogClose, - ], + imports: [CdkScrollableModule, MatButtonModule, MatCardModule, MatDialogModule, MatRippleModule], }) export class BillTypeComponent { selected?: string; diff --git a/bookie/src/app/sales/bills/bills.component.ts b/bookie/src/app/sales/bills/bills.component.ts index 0bdcdfe..d1ff1d1 100644 --- a/bookie/src/app/sales/bills/bills.component.ts +++ b/bookie/src/app/sales/bills/bills.component.ts @@ -2,11 +2,11 @@ import { AsyncPipe, CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatCardModule } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatDialog } from '@angular/material/dialog'; -import { MatIcon } from '@angular/material/icon'; +import { MatIconModule } from '@angular/material/icon'; import { MatTableModule } from '@angular/material/table'; -import { MatTooltip } from '@angular/material/tooltip'; +import { MatTooltipModule } from '@angular/material/tooltip'; import { ActivatedRoute, Router, RouterOutlet } from '@angular/router'; import { Observable } from 'rxjs'; import { map, switchMap } from 'rxjs/operators'; @@ -36,15 +36,15 @@ import { VoucherType } from './voucher-type'; templateUrl: './bills.component.html', styleUrls: ['./bills.component.sass'], imports: [ - MatCardModule, - MatTableModule, - MatTooltip, - MatButtonModule, - MatCheckbox, - MatIcon, - RouterOutlet, AsyncPipe, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatIconModule, + MatTableModule, + MatTooltipModule, + RouterOutlet, ], }) export class BillsComponent implements OnInit { diff --git a/bookie/src/app/sales/choose-customer/choose-customer.component.ts b/bookie/src/app/sales/choose-customer/choose-customer.component.ts index fc682d1..0da1f49 100644 --- a/bookie/src/app/sales/choose-customer/choose-customer.component.ts +++ b/bookie/src/app/sales/choose-customer/choose-customer.component.ts @@ -1,21 +1,14 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { AsyncPipe } from '@angular/common'; import { Component, Inject } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger, MatAutocomplete } from '@angular/material/autocomplete'; -import { MatButton } from '@angular/material/button'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatAutocompleteSelectedEvent, MatAutocompleteModule } from '@angular/material/autocomplete'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { round } from 'mathjs'; import { Observable, of as observableOf } from 'rxjs'; import { debounceTime, distinctUntilChanged, map, startWith, switchMap } from 'rxjs/operators'; @@ -28,22 +21,16 @@ import { CustomerService } from '../../customers/customer.service'; templateUrl: './choose-customer.component.html', styleUrls: ['./choose-customer.component.css'], imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatAutocompleteTrigger, - MatAutocomplete, - MatOption, - MatCheckbox, - MatSuffix, - MatDialogActions, - MatButton, - MatDialogClose, AsyncPipe, + CdkScrollableModule, + MatAutocompleteModule, + MatButtonModule, + MatCheckboxModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + ReactiveFormsModule, ], }) export class ChooseCustomerComponent { diff --git a/bookie/src/app/sales/discount/discount.component.ts b/bookie/src/app/sales/discount/discount.component.ts index 43d8bfc..fc2f9c6 100644 --- a/bookie/src/app/sales/discount/discount.component.ts +++ b/bookie/src/app/sales/discount/discount.component.ts @@ -1,30 +1,12 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { PercentPipe } from '@angular/common'; import { Component, Inject } from '@angular/core'; import { FormArray, FormControl, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatSuffix, MatHint } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { round } from 'mathjs'; import { BehaviorSubject, Observable } from 'rxjs'; @@ -36,28 +18,14 @@ import { DiscountItem } from './discount-item'; templateUrl: './discount.component.html', styleUrls: ['./discount.component.css'], imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, - ReactiveFormsModule, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatFormField, - MatInput, - MatSuffix, - MatHint, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - MatDialogActions, - MatButton, - MatDialogClose, + CdkScrollableModule, + MatButtonModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, + MatTableModule, PercentPipe, + ReactiveFormsModule, ], }) export class DiscountComponent { diff --git a/bookie/src/app/sales/home/sales-home.component.ts b/bookie/src/app/sales/home/sales-home.component.ts index eb923dd..ef75aad 100644 --- a/bookie/src/app/sales/home/sales-home.component.ts +++ b/bookie/src/app/sales/home/sales-home.component.ts @@ -1,6 +1,6 @@ import { Component } from '@angular/core'; -import { MatCard } from '@angular/material/card'; -import { MatRipple } from '@angular/material/core'; +import { MatCardModule } from '@angular/material/card'; +import { MatRippleModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { Observable, of as observableOf } from 'rxjs'; @@ -28,7 +28,7 @@ import { TablesDialogComponent } from '../tables-dialog/tables-dialog.component' selector: 'app-sales-home', templateUrl: './sales-home.component.html', styleUrls: ['./sales-home.component.css'], - imports: [MatCard, MatRipple, RouterLink], + imports: [MatCardModule, MatRippleModule, RouterLink], }) export class SalesHomeComponent { constructor( diff --git a/bookie/src/app/sales/menu-categories/menu-categories.component.ts b/bookie/src/app/sales/menu-categories/menu-categories.component.ts index 9eb4449..2a46e2f 100644 --- a/bookie/src/app/sales/menu-categories/menu-categories.component.ts +++ b/bookie/src/app/sales/menu-categories/menu-categories.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit } from '@angular/core'; -import { MatCard, MatCardContent } from '@angular/material/card'; -import { MatRipple } from '@angular/material/core'; +import { MatCardModule } from '@angular/material/card'; +import { MatRippleModule } from '@angular/material/core'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { MenuCategory } from '../../core/menu-category'; @@ -9,7 +9,7 @@ import { MenuCategory } from '../../core/menu-category'; selector: 'app-menu-category', templateUrl: './menu-categories.component.html', styleUrls: ['./menu-categories.component.sass'], - imports: [MatCard, MatCardContent, MatRipple, RouterLink], + imports: [MatCardModule, MatRippleModule, RouterLink], }) export class MenuCategoriesComponent implements OnInit { list: MenuCategory[] = []; diff --git a/bookie/src/app/sales/modifiers/modifiers.component.ts b/bookie/src/app/sales/modifiers/modifiers.component.ts index 7975b29..b2abced 100644 --- a/bookie/src/app/sales/modifiers/modifiers.component.ts +++ b/bookie/src/app/sales/modifiers/modifiers.component.ts @@ -1,11 +1,11 @@ import { CdkScrollable } from '@angular/cdk/scrolling'; import { AsyncPipe } from '@angular/common'; import { Component, Inject } from '@angular/core'; -import { MatBadge } from '@angular/material/badge'; -import { MatButton } from '@angular/material/button'; -import { MatCard } from '@angular/material/card'; +import { MatBadgeModule } from '@angular/material/badge'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; import { MatChipsModule } from '@angular/material/chips'; -import { MatRipple } from '@angular/material/core'; +import { MatRippleModule } from '@angular/material/core'; import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog'; import { MatTabsModule } from '@angular/material/tabs'; import { Observable } from 'rxjs'; @@ -18,15 +18,15 @@ import { ModifierCategory } from '../../core/modifier-category'; templateUrl: './modifiers.component.html', styleUrls: ['./modifiers.component.css'], imports: [ - CdkScrollable, - MatDialogModule, - MatTabsModule, - MatChipsModule, - MatBadge, - MatCard, - MatRipple, - MatButton, AsyncPipe, + CdkScrollable, + MatBadgeModule, + MatButtonModule, + MatCardModule, + MatChipsModule, + MatDialogModule, + MatRippleModule, + MatTabsModule, ], }) export class ModifiersComponent { diff --git a/bookie/src/app/sales/pax/pax.component.ts b/bookie/src/app/sales/pax/pax.component.ts index c86507b..ed2aabf 100644 --- a/bookie/src/app/sales/pax/pax.component.ts +++ b/bookie/src/app/sales/pax/pax.component.ts @@ -1,33 +1,22 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { Component, Inject, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatButtonModule } from '@angular/material/button'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; @Component({ selector: 'app-pax', templateUrl: './pax.component.html', styleUrls: ['./pax.component.css'], imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, + CdkScrollableModule, + MatButtonModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDialogActions, - MatButton, - MatDialogClose, ], }) export class PaxComponent implements OnInit { diff --git a/bookie/src/app/sales/products/products.component.ts b/bookie/src/app/sales/products/products.component.ts index 3518063..808dca2 100644 --- a/bookie/src/app/sales/products/products.component.ts +++ b/bookie/src/app/sales/products/products.component.ts @@ -1,7 +1,7 @@ import { CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; -import { MatCard, MatCardContent } from '@angular/material/card'; -import { MatRipple } from '@angular/material/core'; +import { MatCardModule } from '@angular/material/card'; +import { MatRippleModule } from '@angular/material/core'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Product } from '../../core/product'; @@ -11,7 +11,7 @@ import { BillService } from '../bill.service'; selector: 'app-products', templateUrl: './products.component.html', styleUrls: ['./products.component.css'], - imports: [MatCard, MatCardContent, MatRipple, RouterLink, CurrencyPipe], + imports: [CurrencyPipe, MatCardModule, MatRippleModule, RouterLink], }) export class ProductsComponent implements OnInit { list: Product[] = []; diff --git a/bookie/src/app/sales/quantity/quantity.component.ts b/bookie/src/app/sales/quantity/quantity.component.ts index 3bbb632..ab879d3 100644 --- a/bookie/src/app/sales/quantity/quantity.component.ts +++ b/bookie/src/app/sales/quantity/quantity.component.ts @@ -1,16 +1,10 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { Component, Inject, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatButtonModule } from '@angular/material/button'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { MathService } from '../../shared/math.service'; @@ -19,15 +13,12 @@ import { MathService } from '../../shared/math.service'; templateUrl: './quantity.component.html', styleUrls: ['./quantity.component.css'], imports: [ - CdkScrollable, - MatDialogContent, + CdkScrollableModule, + MatButtonModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDialogActions, - MatButton, - MatDialogClose, ], }) export class QuantityComponent implements OnInit { diff --git a/bookie/src/app/sales/reason/reason.component.ts b/bookie/src/app/sales/reason/reason.component.ts index 307db37..9f3593d 100644 --- a/bookie/src/app/sales/reason/reason.component.ts +++ b/bookie/src/app/sales/reason/reason.component.ts @@ -1,29 +1,11 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { Component, ElementRef, Inject, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatCellDef, - MatCell, - MatFooterCellDef, - MatFooterCell, - MatRowDef, - MatRow, - MatFooterRowDef, - MatFooterRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ReasonDatasource } from './reason-datasource'; @@ -32,26 +14,13 @@ import { ReasonDatasource } from './reason-datasource'; templateUrl: './reason.component.html', styleUrls: ['./reason.component.css'], imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, + CdkScrollableModule, + MatButtonModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, + MatTableModule, ReactiveFormsModule, - MatTable, - MatColumnDef, - MatCellDef, - MatCell, - MatFooterCellDef, - MatFooterCell, - MatFormField, - MatLabel, - MatInput, - MatRowDef, - MatRow, - MatFooterRowDef, - MatFooterRow, - MatDialogActions, - MatButton, - MatDialogClose, ], }) export class ReasonComponent { diff --git a/bookie/src/app/sales/receive-payment/receive-payment.component.ts b/bookie/src/app/sales/receive-payment/receive-payment.component.ts index fbf3a06..1bba4ba 100644 --- a/bookie/src/app/sales/receive-payment/receive-payment.component.ts +++ b/bookie/src/app/sales/receive-payment/receive-payment.component.ts @@ -1,34 +1,12 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { CurrencyPipe } from '@angular/common'; import { Component, ElementRef, Inject, ViewChild } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatFooterCellDef, - MatFooterCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - MatFooterRowDef, - MatFooterRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { BehaviorSubject } from 'rxjs'; import { map, tap } from 'rxjs/operators'; @@ -44,31 +22,14 @@ import { ReceivePaymentDatasource } from './receive-payment-datasource'; templateUrl: './receive-payment.component.html', styleUrls: ['./receive-payment.component.css'], imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, - ReactiveFormsModule, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatFooterCellDef, - MatFooterCell, - MatFormField, - MatInput, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - MatFooterRowDef, - MatFooterRow, - MatLabel, - MatDialogActions, - MatButton, - MatDialogClose, + CdkScrollableModule, CurrencyPipe, + MatButtonModule, + MatDialogModule, + MatFormFieldModule, + MatInputModule, + MatTableModule, + ReactiveFormsModule, ], }) export class ReceivePaymentComponent { diff --git a/bookie/src/app/sales/running-tables/running-tables.component.ts b/bookie/src/app/sales/running-tables/running-tables.component.ts index 11fd23f..6804418 100644 --- a/bookie/src/app/sales/running-tables/running-tables.component.ts +++ b/bookie/src/app/sales/running-tables/running-tables.component.ts @@ -1,7 +1,7 @@ import { CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatRipple } from '@angular/material/core'; +import { MatCardModule } from '@angular/material/card'; +import { MatRippleModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; import { ActivatedRoute, NavigationExtras, Router } from '@angular/router'; import { map } from 'rxjs/operators'; @@ -15,7 +15,7 @@ import { BillNumberComponent } from '../bill-number/bill-number.component'; selector: 'app-running-tables', templateUrl: './running-tables.component.html', styleUrls: ['./running-tables.component.sass'], - imports: [MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatRipple, CurrencyPipe], + imports: [CurrencyPipe, MatCardModule, MatRippleModule], }) export class RunningTablesComponent implements OnInit { regimes: Regime[] = []; diff --git a/bookie/src/app/sales/split-bill/split-bill.component.ts b/bookie/src/app/sales/split-bill/split-bill.component.ts index 6ffb5da..b63dbe1 100644 --- a/bookie/src/app/sales/split-bill/split-bill.component.ts +++ b/bookie/src/app/sales/split-bill/split-bill.component.ts @@ -1,32 +1,16 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { Component, Inject } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; import { Observable } from 'rxjs'; @Component({ selector: 'app-split-bill', templateUrl: './split-bill.component.html', styleUrls: ['./split-bill.component.css'], - imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, - ReactiveFormsModule, - MatCheckbox, - MatDialogActions, - MatButton, - MatDialogClose, - ], + imports: [CdkScrollableModule, MatButtonModule, MatCheckboxModule, MatDialogModule, ReactiveFormsModule], }) export class SplitBillComponent { list: { id: string; name: string; selected: boolean }[] = []; diff --git a/bookie/src/app/sales/tables-dialog/tables-dialog.component.ts b/bookie/src/app/sales/tables-dialog/tables-dialog.component.ts index 7314d88..2095e3e 100644 --- a/bookie/src/app/sales/tables-dialog/tables-dialog.component.ts +++ b/bookie/src/app/sales/tables-dialog/tables-dialog.component.ts @@ -1,17 +1,10 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { CurrencyPipe } from '@angular/common'; import { Component, Inject } from '@angular/core'; -import { MatButton } from '@angular/material/button'; -import { MatCard } from '@angular/material/card'; -import { MatRipple } from '@angular/material/core'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatRippleModule } from '@angular/material/core'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; import { Observable } from 'rxjs'; import { Table } from '../../core/table'; @@ -20,17 +13,7 @@ import { Table } from '../../core/table'; selector: 'app-tables-dialog', templateUrl: './tables-dialog.component.html', styleUrls: ['./tables-dialog.component.sass'], - imports: [ - MatDialogTitle, - CdkScrollable, - MatDialogContent, - MatCard, - MatRipple, - MatDialogActions, - MatButton, - MatDialogClose, - CurrencyPipe, - ], + imports: [CdkScrollableModule, CurrencyPipe, MatButtonModule, MatCardModule, MatDialogModule, MatRippleModule], }) export class TablesDialogComponent { list: Table[] = []; diff --git a/bookie/src/app/section-printers/section-printer.component.ts b/bookie/src/app/section-printers/section-printer.component.ts index 03a241b..7ea9371 100644 --- a/bookie/src/app/section-printers/section-printer.component.ts +++ b/bookie/src/app/section-printers/section-printer.component.ts @@ -1,25 +1,14 @@ import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatDivider } from '@angular/material/divider'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelectChange, MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectChange, MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import { BehaviorSubject } from 'rxjs'; import { map } from 'rxjs/operators'; @@ -38,29 +27,15 @@ import { SectionPrinterService } from './section-printer.service'; templateUrl: './section-printer.component.html', styleUrls: ['./section-printer.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatDividerModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + MatTableModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatSelect, - MatOption, - MatDivider, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatInput, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - MatCardActions, - MatButton, ], }) export class SectionPrinterComponent implements OnInit { diff --git a/bookie/src/app/sections/section-detail/section-detail.component.ts b/bookie/src/app/sections/section-detail/section-detail.component.ts index 57c67af..fe7e9b5 100644 --- a/bookie/src/app/sections/section-detail/section-detail.component.ts +++ b/bookie/src/app/sections/section-detail/section-detail.component.ts @@ -1,10 +1,10 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { Section } from '../../core/section'; @@ -16,18 +16,7 @@ import { SectionService } from '../section.service'; selector: 'app-section-detail', templateUrl: './section-detail.component.html', styleUrls: ['./section-detail.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCardActions, - MatButton, - ], + imports: [MatButtonModule, MatCardModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule], }) export class SectionDetailComponent implements OnInit, AfterViewInit { @ViewChild('nameElement', { static: true }) nameElement?: ElementRef; diff --git a/bookie/src/app/sections/section-list/section-list.component.ts b/bookie/src/app/sections/section-list/section-list.component.ts index d711040..bf3ff2d 100644 --- a/bookie/src/app/sections/section-list/section-list.component.ts +++ b/bookie/src/app/sections/section-list/section-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Section } from '../../core/section'; @@ -24,26 +13,7 @@ import { SectionListDataSource } from './section-list-datasource'; selector: 'app-section-list', templateUrl: './section-list.component.html', styleUrls: ['./section-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class SectionListComponent implements OnInit { list: Section[] = []; diff --git a/bookie/src/app/settings/settings.component.ts b/bookie/src/app/settings/settings.component.ts index 6148cb4..03b42e5 100644 --- a/bookie/src/app/settings/settings.component.ts +++ b/bookie/src/app/settings/settings.component.ts @@ -1,13 +1,13 @@ import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSlideToggle } from '@angular/material/slide-toggle'; -import { MatTabGroup, MatTab } from '@angular/material/tabs'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSlideToggleModule } from '@angular/material/slide-toggle'; +import { MatTabsModule } from '@angular/material/tabs'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -22,20 +22,14 @@ import { SettingsService } from './settings.service'; templateUrl: './settings.component.html', styleUrls: ['./settings.component.css'], imports: [ - MatTabGroup, - MatTab, - MatCard, - MatCardContent, - MatSlideToggle, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatInputModule, + MatSlideToggleModule, + MatTabsModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, ], }) export class SettingsComponent implements OnInit { diff --git a/bookie/src/app/settle-option/settle-option-detail/settle-option-detail.component.ts b/bookie/src/app/settle-option/settle-option-detail/settle-option-detail.component.ts index e5b9f8a..59fe5fb 100644 --- a/bookie/src/app/settle-option/settle-option-detail/settle-option-detail.component.ts +++ b/bookie/src/app/settle-option/settle-option-detail/settle-option-detail.component.ts @@ -1,13 +1,13 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { ReportingLevel } from '../../core/reporting-level'; @@ -22,19 +22,14 @@ import { SettleOptionService } from '../settle-option.service'; templateUrl: './settle-option-detail.component.html', styleUrls: ['./settle-option-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatSelect, - MatOption, - MatCheckbox, - MatCardActions, - MatButton, ], }) export class SettleOptionDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/settle-option/settle-option-list/settle-option-list.component.ts b/bookie/src/app/settle-option/settle-option-list/settle-option-list.component.ts index df83143..60c40e5 100644 --- a/bookie/src/app/settle-option/settle-option-list/settle-option-list.component.ts +++ b/bookie/src/app/settle-option/settle-option-list/settle-option-list.component.ts @@ -1,19 +1,8 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { Component, OnInit } from '@angular/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { BehaviorSubject } from 'rxjs'; import { map } from 'rxjs/operators'; @@ -30,29 +19,10 @@ import { SettleOptionListDatasource } from './settle-option-list-datasource'; selector: 'app-settle-option-list', templateUrl: './settle-option-list.component.html', styleUrls: ['./settle-option-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class SettleOptionListComponent implements OnInit { - @ViewChild('table', { static: true }) table?: MatTable; + // @ViewChild('table', { static: true }) table?: MatTable; data: BehaviorSubject = new BehaviorSubject([]); dataSource: SettleOptionListDatasource = new SettleOptionListDatasource(this.data); list: SettleOption[] = []; diff --git a/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts b/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts index 3fb905b..b4df058 100644 --- a/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts +++ b/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts @@ -1,20 +1,13 @@ -import { CdkScrollable } from '@angular/cdk/scrolling'; +import { CdkScrollableModule } from '@angular/cdk/scrolling'; import { Component, Inject } from '@angular/core'; -import { MatButton } from '@angular/material/button'; -import { - MAT_DIALOG_DATA, - MatDialogRef, - MatDialogTitle, - MatDialogContent, - MatDialogActions, - MatDialogClose, -} from '@angular/material/dialog'; +import { MatButtonModule } from '@angular/material/button'; +import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog'; @Component({ selector: 'app-confirm-dialog', templateUrl: './confirm-dialog.component.html', styleUrls: ['./confirm-dialog.component.css'], - imports: [MatDialogTitle, CdkScrollable, MatDialogContent, MatDialogActions, MatButton, MatDialogClose], + imports: [CdkScrollableModule, MatButtonModule, MatDialogModule], }) export class ConfirmDialogComponent { constructor( diff --git a/bookie/src/app/tables/table-detail/table-detail.component.ts b/bookie/src/app/tables/table-detail/table-detail.component.ts index b20fba0..0b13c46 100644 --- a/bookie/src/app/tables/table-detail/table-detail.component.ts +++ b/bookie/src/app/tables/table-detail/table-detail.component.ts @@ -1,13 +1,13 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { Section } from '../../core/section'; @@ -21,19 +21,14 @@ import { TableService } from '../table.service'; templateUrl: './table-detail.component.html', styleUrls: ['./table-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatSelect, - MatOption, - MatCheckbox, - MatCardActions, - MatButton, ], }) export class TableDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/tables/table-list/table-list.component.ts b/bookie/src/app/tables/table-list/table-list.component.ts index bf565ac..f884866 100644 --- a/bookie/src/app/tables/table-list/table-list.component.ts +++ b/bookie/src/app/tables/table-list/table-list.component.ts @@ -1,24 +1,12 @@ -import { CdkDragDrop, moveItemInArray, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop'; -import { Component, OnInit, ViewChild } from '@angular/core'; -import { MatButton, MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { CdkDragDrop, moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop'; +import { Component, OnInit } from '@angular/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { BehaviorSubject } from 'rxjs'; -import { MenuCategory } from '../../core/menu-category'; import { Table } from '../../core/table'; import { ToasterService } from '../../core/toaster.service'; import { TableService } from '../table.service'; @@ -29,32 +17,10 @@ import { TableListDataSource } from './table-list-datasource'; selector: 'app-table-list', templateUrl: './table-list.component.html', styleUrls: ['./table-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatButton, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - CdkDropList, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - CdkDrag, - ], + imports: [DragDropModule, MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class TableListComponent implements OnInit { - @ViewChild('table', { static: true }) table?: MatTable; + // @ViewChild('table', { static: true }) table?: MatTable; data: BehaviorSubject = new BehaviorSubject([]); dataSource: TableListDataSource = new TableListDataSource(this.data); list: Table[] = []; diff --git a/bookie/src/app/tax-report/tax-report.component.ts b/bookie/src/app/tax-report/tax-report.component.ts index 5382995..b9c3bf3 100644 --- a/bookie/src/app/tax-report/tax-report.component.ts +++ b/bookie/src/app/tax-report/tax-report.component.ts @@ -1,24 +1,13 @@ import { PercentPipe, CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -32,34 +21,16 @@ import { TaxReportDatasource } from './tax-report-datasource'; templateUrl: './tax-report.component.html', styleUrls: ['./tax-report.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - PercentPipe, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatTableModule, + PercentPipe, + ReactiveFormsModule, ], }) export class TaxReportComponent implements OnInit { diff --git a/bookie/src/app/taxes/tax-detail/tax-detail.component.ts b/bookie/src/app/taxes/tax-detail/tax-detail.component.ts index fd8c95f..e0c4df7 100644 --- a/bookie/src/app/taxes/tax-detail/tax-detail.component.ts +++ b/bookie/src/app/taxes/tax-detail/tax-detail.component.ts @@ -1,12 +1,12 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel, MatHint, MatSuffix } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import { round } from 'mathjs'; import { Regime } from 'src/app/core/regime'; @@ -21,20 +21,13 @@ import { TaxService } from '../tax.service'; templateUrl: './tax-detail.component.html', styleUrls: ['./tax-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatHint, - MatSuffix, - MatSelect, - MatOption, - MatCardActions, - MatButton, ], }) export class TaxDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/taxes/tax-list/tax-list.component.ts b/bookie/src/app/taxes/tax-list/tax-list.component.ts index 7e5f608..2bac943 100644 --- a/bookie/src/app/taxes/tax-list/tax-list.component.ts +++ b/bookie/src/app/taxes/tax-list/tax-list.component.ts @@ -1,20 +1,9 @@ import { PercentPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { Tax } from '../../core/tax'; @@ -25,27 +14,7 @@ import { TaxListDataSource } from './tax-list-datasource'; selector: 'app-tax-list', templateUrl: './tax-list.component.html', styleUrls: ['./tax-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - PercentPipe, - ], + imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, PercentPipe, RouterLink], }) export class TaxListComponent implements OnInit { list: Tax[] = []; diff --git a/bookie/src/app/temporal-product/temporal-product-detail/temporal-product-detail.component.ts b/bookie/src/app/temporal-product/temporal-product-detail/temporal-product-detail.component.ts index 51355ef..5afda7d 100644 --- a/bookie/src/app/temporal-product/temporal-product-detail/temporal-product-detail.component.ts +++ b/bookie/src/app/temporal-product/temporal-product-detail/temporal-product-detail.component.ts @@ -1,14 +1,14 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; -import { MatOption } from '@angular/material/core'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatOptionModule } from '@angular/material/core'; +import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatDialog } from '@angular/material/dialog'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; @@ -24,23 +24,15 @@ import { TemporalProductService } from '../temporal-product.service'; templateUrl: './temporal-product-detail.component.html', styleUrls: ['./temporal-product-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatDatepickerModule, + MatFormFieldModule, + MatInputModule, + MatOptionModule, + MatSelectModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatCheckbox, - MatSelect, - MatOption, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatCardActions, - MatButton, ], }) export class TemporalProductDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/temporal-product/temporal-product-list/temporal-product-list.component.ts b/bookie/src/app/temporal-product/temporal-product-list/temporal-product-list.component.ts index bc7fa80..61ac8db 100644 --- a/bookie/src/app/temporal-product/temporal-product-list/temporal-product-list.component.ts +++ b/bookie/src/app/temporal-product/temporal-product-list/temporal-product-list.component.ts @@ -1,24 +1,13 @@ import { DecimalPipe, CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; -import { MatFormField, MatLabel } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { BehaviorSubject, Observable } from 'rxjs'; import { debounceTime, distinctUntilChanged } from 'rxjs/operators'; @@ -34,30 +23,17 @@ import { TemporalProductListDatasource } from './temporal-product-list-datasourc templateUrl: './temporal-product-list.component.html', styleUrls: ['./temporal-product-list.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatSelect, - MatOption, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - RouterLink, - MatIcon, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - DecimalPipe, CurrencyPipe, + DecimalPipe, + MatCardModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, + RouterLink, ], }) export class TemporalProductListComponent implements OnInit { diff --git a/bookie/src/app/update-product-prices/update-product-prices.component.ts b/bookie/src/app/update-product-prices/update-product-prices.component.ts index 0038fae..b31cb25 100644 --- a/bookie/src/app/update-product-prices/update-product-prices.component.ts +++ b/bookie/src/app/update-product-prices/update-product-prices.component.ts @@ -1,33 +1,15 @@ import { CurrencyPipe } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatIconButton, MatButton } from '@angular/material/button'; -import { - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatCardContent, - MatCardActions, -} from '@angular/material/card'; -import { MatOption } from '@angular/material/core'; -import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker'; -import { MatFormField, MatLabel, MatSuffix, MatPrefix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; -import { MatSelect } from '@angular/material/select'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatOptionModule } from '@angular/material/core'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatSelectModule } from '@angular/material/select'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, Router } from '@angular/router'; import moment from 'moment'; import { map } from 'rxjs/operators'; @@ -45,37 +27,17 @@ import { UpdateProductPricesService } from './update-product-prices.service'; templateUrl: './update-product-prices.component.html', styleUrls: ['./update-product-prices.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatIconButton, - MatIcon, - MatCardContent, - ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatDatepickerInput, - MatDatepickerToggle, - MatSuffix, - MatDatepicker, - MatSelect, - MatOption, - MatButton, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatPrefix, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - MatCardActions, CurrencyPipe, + MatButtonModule, + MatCardModule, + MatDatepickerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatOptionModule, + MatSelectModule, + MatTableModule, + ReactiveFormsModule, ], }) export class UpdateProductPricesComponent implements OnInit { diff --git a/bookie/src/app/users/user-detail/user-detail.component.ts b/bookie/src/app/users/user-detail/user-detail.component.ts index 1b5e97b..c17a026 100644 --- a/bookie/src/app/users/user-detail/user-detail.component.ts +++ b/bookie/src/app/users/user-detail/user-detail.component.ts @@ -1,13 +1,13 @@ import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; -import { MatButton } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card'; -import { MatCheckbox } from '@angular/material/checkbox'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatDialog } from '@angular/material/dialog'; -import { MatDivider } from '@angular/material/divider'; -import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field'; -import { MatIcon } from '@angular/material/icon'; -import { MatInput } from '@angular/material/input'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; import { ActivatedRoute, Router } from '@angular/router'; import { ToasterService } from '../../core/toaster.service'; @@ -20,20 +20,14 @@ import { UserService } from '../user.service'; templateUrl: './user-detail.component.html', styleUrls: ['./user-detail.component.css'], imports: [ - MatCard, - MatCardHeader, - MatCardTitle, - MatCardContent, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatDividerModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, ReactiveFormsModule, - MatFormField, - MatLabel, - MatInput, - MatIcon, - MatSuffix, - MatCheckbox, - MatDivider, - MatCardActions, - MatButton, ], }) export class UserDetailComponent implements OnInit, AfterViewInit { diff --git a/bookie/src/app/users/user-list/user-list.component.ts b/bookie/src/app/users/user-list/user-list.component.ts index 1bfbd92..85baf1e 100644 --- a/bookie/src/app/users/user-list/user-list.component.ts +++ b/bookie/src/app/users/user-list/user-list.component.ts @@ -1,19 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { MatAnchor } from '@angular/material/button'; -import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card'; -import { MatIcon } from '@angular/material/icon'; -import { - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, -} from '@angular/material/table'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTableModule } from '@angular/material/table'; import { ActivatedRoute, RouterLink } from '@angular/router'; import { User } from '../../core/user'; @@ -25,27 +14,7 @@ import { UserListDataSource } from './user-list-datasource'; selector: 'app-user-list', templateUrl: './user-list.component.html', styleUrls: ['./user-list.component.css'], - imports: [ - MatCard, - MatCardHeader, - MatCardTitleGroup, - MatCardTitle, - MatAnchor, - RouterLink, - MatIcon, - MatCardContent, - MatTable, - MatColumnDef, - MatHeaderCellDef, - MatHeaderCell, - MatCellDef, - MatCell, - MatHeaderRowDef, - MatHeaderRow, - MatRowDef, - MatRow, - LocalTimePipe, - ], + imports: [LocalTimePipe, MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink], }) export class UserListComponent implements OnInit { dataSource: UserListDataSource = new UserListDataSource([]);