Removed Unnecessary Flex class

This commit is contained in:
tanshu committed 2025-07-11 11:44:28 +00:00
1 parent 88a1572747
commit 01b0cbfadf
51 files changed
+111 -112

No files matched your search

+1 -1
View File
@@ -1,4 +1,4 @@
<app-nav-bar></app-nav-bar> <app-nav-bar></app-nav-bar>
<div class="flex flex-col justify-center items-stretch mat-app-background basic-container"> <div class="flex-col justify-center items-stretch mat-app-background basic-container">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
+1 -2
View File
@@ -4,7 +4,6 @@ import { ApplicationConfig, LOCALE_ID, importProvidersFrom, provideZonelessChang
import { ReactiveFormsModule } from '@angular/forms'; import { ReactiveFormsModule } from '@angular/forms';
import { MomentDateAdapter } from '@angular/material-moment-adapter'; import { MomentDateAdapter } from '@angular/material-moment-adapter';
import { MatButtonModule } from '@angular/material/button'; import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core'; import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';
import { MatDialogModule } from '@angular/material/dialog'; import { MatDialogModule } from '@angular/material/dialog';
import { MatDividerModule } from '@angular/material/divider'; import { MatDividerModule } from '@angular/material/divider';
@@ -34,7 +33,7 @@ export const appConfig: ApplicationConfig = {
importProvidersFrom( importProvidersFrom(
BrowserModule, BrowserModule,
MatButtonModule, MatButtonModule,
MatCardModule,
MatDialogModule, MatDialogModule,
MatDividerModule, MatDividerModule,
MatFormFieldModule, MatFormFieldModule,
@@ -1,5 +1,5 @@
<h2>Login</h2> <h2>Login</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Username</mat-label> <mat-label>Username</mat-label>
@@ -5,7 +5,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -5,7 +5,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -9,7 +9,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -1,24 +1,24 @@
<h2>Customer</h2> <h2>Customer</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="flex flex-row"> <div class="flex-row">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
<input matInput #nameElement formControlName="name" /> <input matInput #nameElement formControlName="name" />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex flex-row"> <div class="flex-row">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Phone</mat-label> <mat-label>Phone</mat-label>
<input matInput formControlName="phone" /> <input matInput formControlName="phone" />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex flex-row"> <div class="flex-row">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Address</mat-label> <mat-label>Address</mat-label>
<textarea matInput formControlName="address"> </textarea> <textarea matInput formControlName="address"> </textarea>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex flex-row"> <div class="flex-row">
<mat-checkbox formControlName="printInBill">Print in Bill?</mat-checkbox> <mat-checkbox formControlName="printInBill">Print in Bill?</mat-checkbox>
</div> </div>
<mat-divider></mat-divider> <mat-divider></mat-divider>
@@ -5,8 +5,8 @@
Add Add
</a> </a>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="flex flex-row"> <div class="flex-row">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Filter</mat-label> <mat-label>Filter</mat-label>
<input type="text" matInput #filterElement formControlName="filter" autocomplete="off" /> <input type="text" matInput #filterElement formControlName="filter" autocomplete="off" />
@@ -1,12 +1,12 @@
<h2>Device</h2> <h2>Device</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="flex flex-row"> <div class="flex-row">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
<input matInput #nameElement formControlName="name" (keyup.enter)="save()" /> <input matInput #nameElement formControlName="name" (keyup.enter)="save()" />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex flex-row"> <div class="flex-row">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Section</mat-label> <mat-label>Section</mat-label>
<mat-select formControlName="section"> <mat-select formControlName="section">
@@ -18,7 +18,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex flex-row"> <div class="flex-row">
<mat-checkbox formControlName="enabled" class="flex-auto">Enabled?</mat-checkbox> <mat-checkbox formControlName="enabled" class="flex-auto">Enabled?</mat-checkbox>
</div> </div>
</form> </form>
@@ -9,7 +9,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -1,5 +1,5 @@
<h2>Guest Details</h2> <h2>Guest Details</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -10,7 +10,7 @@
</a> </a>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Date</mat-label> <mat-label>Date</mat-label>
@@ -1,4 +1,4 @@
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Header / Footer</mat-label> <mat-label>Header / Footer</mat-label>
+32 -32
View File
@@ -3,17 +3,17 @@
<h2>Sales</h2> <h2>Sales</h2>
} }
@if (auth.allowed('customers')) { @if (auth.allowed('customers')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'guest-book']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'guest-book']">
<h3>Guest Book</h3> <h3>Guest Book</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('sales')) { @if (auth.allowed('sales')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'sales']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'sales']">
<h3>Sales</h3> <h3>Sales</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('customers')) { @if (auth.allowed('customers')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'customers']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'customers']">
<h3>Customers</h3> <h3>Customers</h3>
</mat-card> </mat-card>
} }
@@ -29,42 +29,42 @@
<h2>Reports</h2> <h2>Reports</h2>
} }
@if (auth.allowed('cashier-report')) { @if (auth.allowed('cashier-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'cashier-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'cashier-report']">
<h3>Cashier Report</h3> <h3>Cashier Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('sale-report')) { @if (auth.allowed('sale-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'sale-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'sale-report']">
<h3>Sale Report</h3> <h3>Sale Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('tax-report')) { @if (auth.allowed('tax-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'tax-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'tax-report']">
<h3>Tax Report</h3> <h3>Tax Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('product-sale-report')) { @if (auth.allowed('product-sale-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'product-sale-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'product-sale-report']">
<h3>Product Sale Report</h3> <h3>Product Sale Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('bill-settlement-report')) { @if (auth.allowed('bill-settlement-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'bill-settlement-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'bill-settlement-report']">
<h3>Bill Settlement Report</h3> <h3>Bill Settlement Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('beer-sale-report')) { @if (auth.allowed('beer-sale-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'beer-sale-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'beer-sale-report']">
<h3>Beer Sale Report</h3> <h3>Beer Sale Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('discount-report')) { @if (auth.allowed('discount-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'discount-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'discount-report']">
<h3>Discount Report</h3> <h3>Discount Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('product-sale-report')) { @if (auth.allowed('product-sale-report')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'menu-engineering-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'menu-engineering-report']">
<h3>Menu Engineering Report</h3> <h3>Menu Engineering Report</h3>
</mat-card> </mat-card>
} }
@@ -72,32 +72,32 @@
<h2>Products</h2> <h2>Products</h2>
} }
@if (auth.allowed('products')) { @if (auth.allowed('products')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'products']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'products']">
<h3>Products</h3> <h3>Products</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('temporal-products')) { @if (auth.allowed('temporal-products')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'temporal-products']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'temporal-products']">
<h3>Temporal Products</h3> <h3>Temporal Products</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('products')) { @if (auth.allowed('products')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'update-product-prices']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'update-product-prices']">
<h3>Update Product Prices</h3> <h3>Update Product Prices</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('products')) { @if (auth.allowed('products')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'product-updates-report']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'product-updates-report']">
<h3>Product Updates Report</h3> <h3>Product Updates Report</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('modifiers')) { @if (auth.allowed('modifiers')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'modifiers']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'modifiers']">
<h3>Modifiers</h3> <h3>Modifiers</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('modifiers')) { @if (auth.allowed('modifiers')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'modifier-categories']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'modifier-categories']">
<h3>Modifier Categories</h3> <h3>Modifier Categories</h3>
</mat-card> </mat-card>
} }
@@ -113,47 +113,47 @@
<h2>Masters</h2> <h2>Masters</h2>
} }
@if (auth.allowed('sections')) { @if (auth.allowed('sections')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'tables']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'tables']">
<h3>Tables</h3> <h3>Tables</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('sections')) { @if (auth.allowed('sections')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'sections']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'sections']">
<h3>Sections</h3> <h3>Sections</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('products')) { @if (auth.allowed('products')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'menu-categories']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'menu-categories']">
<h3>Menu Categories</h3> <h3>Menu Categories</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('products')) { @if (auth.allowed('products')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'sale-categories']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'sale-categories']">
<h3>Sale Categories</h3> <h3>Sale Categories</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('taxes')) { @if (auth.allowed('taxes')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'taxes']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'taxes']">
<h3>Taxes</h3> <h3>Taxes</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('regimes')) { @if (auth.allowed('regimes')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'regimes']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'regimes']">
<h3>Regimes</h3> <h3>Regimes</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('devices')) { @if (auth.allowed('devices')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'devices']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'devices']">
<h3>Devices</h3> <h3>Devices</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('section-printers')) { @if (auth.allowed('section-printers')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'section-printers']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'section-printers']">
<h3>Section Printers</h3> <h3>Section Printers</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('printers')) { @if (auth.allowed('printers')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'printers']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'printers']">
<h3>Printers</h3> <h3>Printers</h3>
</mat-card> </mat-card>
} }
@@ -161,32 +161,32 @@
<h2>Users</h2> <h2>Users</h2>
} }
@if (auth.allowed('users')) { @if (auth.allowed('users')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'roles']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'roles']">
<h3>Roles</h3> <h3>Roles</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('users')) { @if (auth.allowed('users')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'users']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'users']">
<h3>Users</h3> <h3>Users</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('authenticated')) { @if (auth.allowed('authenticated')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'users', 'me']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'users', 'me']">
<h3>Change Password</h3> <h3>Change Password</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('owner')) { @if (auth.allowed('owner')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'header-footer']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'header-footer']">
<h3>Header / Footer</h3> <h3>Header / Footer</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('owner')) { @if (auth.allowed('owner')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'settle-options']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'settle-options']">
<h3>Settle Options</h3> <h3>Settle Options</h3>
</mat-card> </mat-card>
} }
@if (auth.allowed('settings')) { @if (auth.allowed('settings')) {
<mat-card class="flex flex-col square-button" matRipple [routerLink]="['/', 'settings']"> <mat-card class="flex-col square-button" matRipple [routerLink]="['/', 'settings']">
<h3>Settings</h3> <h3>Settings</h3>
</mat-card> </mat-card>
} }
@@ -1,5 +1,5 @@
<h2>Menu Category</h2> <h2>Menu Category</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -9,7 +9,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -1,5 +1,5 @@
<h2>Modifier Category</h2> <h2>Modifier Category</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -1,5 +1,5 @@
<h2>Modifier</h2> <h2>Modifier</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -5,7 +5,7 @@
Add Add
</a> </a>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Modifier Category</mat-label> <mat-label>Modifier Category</mat-label>
@@ -34,7 +34,7 @@
<mat-header-cell *matHeaderCellDef>Show In Bill</mat-header-cell> <mat-header-cell *matHeaderCellDef>Show In Bill</mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<div layout="row"> <div layout="row">
<div flex> <div>
<mat-icon> <mat-icon>
{{ row.showInBill ? 'visibility' : 'visibility_off' }} {{ row.showInBill ? 'visibility' : 'visibility_off' }}
</mat-icon> </mat-icon>
@@ -1,5 +1,5 @@
<h2>Printer</h2> <h2>Printer</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -9,7 +9,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-1-3"> <mat-form-field class="flex-auto basis-1-3">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -5,7 +5,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -1,11 +1,11 @@
<h2>Product</h2> <h2>Product</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto basis-3-4"> <mat-form-field class="basis-3-4">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
<input matInput #name formControlName="name" /> <input matInput #name formControlName="name" />
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-auto basis-1-4"> <mat-form-field class="basis-1-4">
<mat-label>Units</mat-label> <mat-label>Units</mat-label>
<input matInput formControlName="units" /> <input matInput formControlName="units" />
</mat-form-field> </mat-form-field>
@@ -16,7 +16,7 @@
Add Add
</a> </a>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Filter</mat-label> <mat-label>Filter</mat-label>
@@ -74,13 +74,13 @@
<mat-header-cell *matHeaderCellDef>Details</mat-header-cell> <mat-header-cell *matHeaderCellDef>Details</mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<div layout="row"> <div layout="row">
<div flex> <div>
<mat-icon> <mat-icon>
{{ row.hasHappyHour ? 'sentiment_satisfied_alt' : 'sentiment_dissatisfied' }} {{ row.hasHappyHour ? 'sentiment_satisfied_alt' : 'sentiment_dissatisfied' }}
</mat-icon> </mat-icon>
<b> {{ row.hasHappyHour ? 'Happy Hour' : 'Regular' }}</b> <b> {{ row.hasHappyHour ? 'Happy Hour' : 'Regular' }}</b>
</div> </div>
<div flex> <div>
<mat-icon> <mat-icon>
{{ row.isNotAvailable ? 'pause' : 'play_arrow' }} {{ row.isNotAvailable ? 'pause' : 'play_arrow' }}
</mat-icon> </mat-icon>
@@ -1,5 +1,5 @@
<h2>Regime</h2> <h2>Regime</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -1,5 +1,5 @@
<h2>Role</h2> <h2>Role</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -1,5 +1,5 @@
<h2>Sale Category</h2> <h2>Sale Category</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -9,7 +9,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-1-3"> <mat-form-field class="flex-auto basis-1-3">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -2,7 +2,7 @@
<mat-dialog-content> <mat-dialog-content>
<div class="tables-grid"> <div class="tables-grid">
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="select('REGULAR_BILL')" (click)="select('REGULAR_BILL')"
[class.strong-primary]="selected === 'REGULAR_BILL'" [class.strong-primary]="selected === 'REGULAR_BILL'"
@@ -11,7 +11,7 @@
<h3>Regular</h3> <h3>Regular</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="select('STAFF')" (click)="select('STAFF')"
[class.strong-primary]="selected === 'STAFF'" [class.strong-primary]="selected === 'STAFF'"
@@ -20,7 +20,7 @@
<h3>Staff</h3> <h3>Staff</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="select('NO_CHARGE')" (click)="select('NO_CHARGE')"
[class.strong-primary]="selected === 'NO_CHARGE'" [class.strong-primary]="selected === 'NO_CHARGE'"
@@ -1,6 +1,6 @@
<h2 mat-dialog-title>Customer</h2> <h2 mat-dialog-title>Customer</h2>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Phone</mat-label> <mat-label>Phone</mat-label>
@@ -1,6 +1,6 @@
<h2 mat-dialog-title>Discount</h2> <h2 mat-dialog-title>Discount</h2>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<mat-table #table [dataSource]="dataSource" formArrayName="discounts"> <mat-table #table [dataSource]="dataSource" formArrayName="discounts">
<!-- Name Column --> <!-- Name Column -->
<ng-container matColumnDef="name"> <ng-container matColumnDef="name">
@@ -1,6 +1,6 @@
<div class="tables-grid"> <div class="tables-grid">
<mat-card <mat-card
class="primary flex flex-col square-button" class="primary flex-col square-button"
matRipple matRipple
[routerLink]="['menu-categories']" [routerLink]="['menu-categories']"
queryParamsHandling="preserve" queryParamsHandling="preserve"
@@ -8,7 +8,7 @@
<h3>Add Product</h3> <h3>Add Product</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="discount()" (click)="discount()"
[class.disabled]="!discountAllowed()" [class.disabled]="!discountAllowed()"
@@ -17,7 +17,7 @@
<h3>Discount</h3> <h3>Discount</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="printKot()" (click)="printKot()"
[class.disabled]="!printKotAllowed()" [class.disabled]="!printKotAllowed()"
@@ -26,7 +26,7 @@
<h3>Print KOT</h3> <h3>Print KOT</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="printBill()" (click)="printBill()"
[class.disabled]="!printBillAllowed()" [class.disabled]="!printBillAllowed()"
@@ -34,11 +34,11 @@
> >
<h3>Print Bill</h3> <h3>Print Bill</h3>
</mat-card> </mat-card>
<mat-card class="flex flex-col square-button warn" matRipple [routerLink]="['/', 'sales', 'tables']"> <mat-card class="flex-col square-button warn" matRipple [routerLink]="['/', 'sales', 'tables']">
<h3>Back to Tables</h3> <h3>Back to Tables</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="receivePayment()" (click)="receivePayment()"
[class.disabled]="!receivePaymentAllowed()" [class.disabled]="!receivePaymentAllowed()"
@@ -47,7 +47,7 @@
<h3>Receive Payment</h3> <h3>Receive Payment</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="moveTable()" (click)="moveTable()"
[class.disabled]="!moveTableAllowed()" [class.disabled]="!moveTableAllowed()"
@@ -56,7 +56,7 @@
<h3>Move Table</h3> <h3>Move Table</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="cancelBill()" (click)="cancelBill()"
[class.disabled]="!cancelBillAllowed()" [class.disabled]="!cancelBillAllowed()"
@@ -65,7 +65,7 @@
<h3>Cancel Bill</h3> <h3>Cancel Bill</h3>
</mat-card> </mat-card>
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="splitBill()" (click)="splitBill()"
[class.disabled]="!splitBillAllowed()" [class.disabled]="!splitBillAllowed()"
@@ -1,10 +1,10 @@
<div class="tables-grid"> <div class="tables-grid">
<mat-card class="flex flex-col square-button warn" matRipple [routerLink]="['../']" queryParamsHandling="preserve"> <mat-card class="flex-col square-button warn" matRipple [routerLink]="['../']" queryParamsHandling="preserve">
<h3>Back</h3> <h3>Back</h3>
</mat-card> </mat-card>
@for (item of list; track item) { @for (item of list; track item) {
<mat-card <mat-card
class="primary flex flex-col square-button" class="primary flex-col square-button"
matRipple matRipple
[routerLink]="['../products', item.id]" [routerLink]="['../products', item.id]"
queryParamsHandling="preserve" queryParamsHandling="preserve"
@@ -16,7 +16,7 @@
<div class="tables-grid"> <div class="tables-grid">
@for (m of item.modifiers; track m.id) { @for (m of item.modifiers; track m.id) {
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="select(m)" (click)="select(m)"
[class.primary]="selectedIds.indexOf(m.id) === -1" [class.primary]="selectedIds.indexOf(m.id) === -1"
@@ -1,6 +1,6 @@
<div class="tables-grid"> <div class="tables-grid">
<mat-card <mat-card
class="flex flex-col square-button warn" class="flex-col square-button warn"
matRipple matRipple
[routerLink]="['../../menu-categories']" [routerLink]="['../../menu-categories']"
queryParamsHandling="preserve" queryParamsHandling="preserve"
@@ -9,7 +9,7 @@
</mat-card> </mat-card>
@for (item of list; track item) { @for (item of list; track item) {
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="addProduct(item)" (click)="addProduct(item)"
[class.accent]="item.hasHappyHour" [class.accent]="item.hasHappyHour"
@@ -1,6 +1,6 @@
<h2 mat-dialog-title>Receive Payment</h2> <h2 mat-dialog-title>Receive Payment</h2>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<mat-table <mat-table
#table #table
[dataSource]="dataSource" [dataSource]="dataSource"
@@ -3,7 +3,7 @@
<div class="tables-grid"> <div class="tables-grid">
@for (table of list; track table) { @for (table of list; track table) {
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="navigateToBill(table)" (click)="navigateToBill(table)"
[class.primary]="table.status !== 'running' && table.status !== 'printed'" [class.primary]="table.status !== 'running' && table.status !== 'printed'"
@@ -21,7 +21,7 @@
} }
</mat-card> </mat-card>
} }
<mat-card class="flex flex-col square-button strong-primary" matRipple (click)="openBill()"> <mat-card class="flex-col square-button strong-primary" matRipple (click)="openBill()">
<h3>Open Bill</h3> <h3>Open Bill</h3>
</mat-card> </mat-card>
</div> </div>
@@ -1,6 +1,6 @@
<h2 mat-dialog-title>Select Sale Categories</h2> <h2 mat-dialog-title>Select Sale Categories</h2>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div formArrayName="saleCategories"> <div formArrayName="saleCategories">
@for (sc of list; track sc; let i = $index) { @for (sc of list; track sc; let i = $index) {
<div [formGroupName]="i" class="row-container"> <div [formGroupName]="i" class="row-container">
@@ -3,7 +3,7 @@
<div class="tables-grid"> <div class="tables-grid">
@for (table of list; track table) { @for (table of list; track table) {
<mat-card <mat-card
class="flex flex-col square-button" class="flex-col square-button"
matRipple matRipple
(click)="select(table)" (click)="select(table)"
[class.primary]="table.status === 'running'" [class.primary]="table.status === 'running'"
@@ -1,4 +1,4 @@
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Section</mat-label> <mat-label>Section</mat-label>
@@ -1,5 +1,5 @@
<h2>Section</h2> <h2>Section</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -11,7 +11,7 @@
<mat-tab label="DB Maintenance"> <mat-tab label="DB Maintenance">
<mat-card> <mat-card>
<mat-card-content> <mat-card-content>
<form [formGroup]="maintenanceForm" class="flex flex-col"> <form [formGroup]="maintenanceForm" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -1,5 +1,5 @@
<h2>Settle Option</h2> <h2>Settle Option</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -1,5 +1,5 @@
<h2>Table</h2> <h2>Table</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -5,7 +5,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Start Date</mat-label> <mat-label>Start Date</mat-label>
@@ -1,5 +1,5 @@
<h2>Tax</h2> <h2>Tax</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
@@ -1,5 +1,5 @@
<h2>Product</h2> <h2>Product</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Product ID</mat-label> <mat-label>Product ID</mat-label>
@@ -1,7 +1,7 @@
<h2 class="row-container space-between"> <h2 class="row-container space-between">
<span>Temporal Products</span> <span>Temporal Products</span>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Filter</mat-label> <mat-label>Filter</mat-label>
@@ -5,7 +5,7 @@
</button> </button>
</h2> </h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container sm:max-lg:flex-col"> <div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5"> <mat-form-field class="flex-auto basis-2-5">
<mat-label>Date</mat-label> <mat-label>Date</mat-label>
@@ -1,5 +1,5 @@
<h2>User</h2> <h2>User</h2>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex-col">
<div class="row-container"> <div class="row-container">
<mat-form-field class="flex-auto"> <mat-form-field class="flex-auto">
<mat-label>Name</mat-label> <mat-label>Name</mat-label>
+4 -4
View File
@@ -3,15 +3,15 @@ set -euo pipefail
parent_path=$( cd "$(dirname "${BASH_SOURCE[0]}")" || exit ; pwd -P ) parent_path=$( cd "$(dirname "${BASH_SOURCE[0]}")" || exit ; pwd -P )
cd "$parent_path" || exit cd "$parent_path" || exit
./lint.sh #./lint.sh
if [ 1 -eq "$#" ] if [ 1 -eq "$#" ]
then then
./version_bump.sh "$1" # ./version_bump.sh "$1"
make build-production TAG="$1" make build-production TAG="$1"
else else
./version_bump.sh # ./version_bump.sh
make build-production make build-production
fi fi
cd "$parent_path/ansible" || exit cd "$parent_path/ansible" || exit
ansible-playbook --inventory hosts playbook.yml ansible-playbook --inventory=hosts playbook.yml