feat(accounting-rules): view rule component

Add view rule component.
2018-08-06 00:57:30 +05:30
parent 0a092f1ed6
commit 6b008b968d
9 changed files with 211 additions and 4 deletions
@@ -0,0 +1,112 @@
+<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
+  <button mat-raised-button color="primary" [routerLink]="['/accounting/accounting-rules/view', accountingRule?.id, 'edit']">
+    <mat-icon>edit</mat-icon>&nbsp;&nbsp;Edit
+  </button>
+  <button mat-raised-button color="warn" (click)="deleteAccountingRule()">
+    <mat-icon>delete</mat-icon>&nbsp;&nbsp;Delete
+  </button>
+</div>
+
+<div class="container" fxLayout="row" fxLayoutGap="2%" fxLayout.lt-md="column">
+
+  <div fxFlex="48%">
+
+    <mat-card>
+
+      <mat-card-content>
+
+        <div fxLayout="row wrap" class="content">
+
+          <div fxFlex="50%" class="header">
+            Office
+          </div>
+
+          <div fxFlex="50%">
+            {{ accountingRule.officeName }}
+          </div>
+
+          <div fxFlex="50%" class="header">
+            Description
+          </div>
+
+          <div fxFlex="50%">
+            {{ accountingRule.description }}
+          </div>
+
+          <div fxFlex="50%" class="header">
+            Multiple Debit Entries Allowed
+          </div>
+
+          <div fxFlex="50%">
+            {{ accountingRule.allowMultipleDebitEntries }}
+          </div>
+
+          <div fxFlex="50%" class="header">
+            Multiple Credit Entries Allowed
+          </div>
+
+          <div fxFlex="50%">
+            {{ accountingRule.allowMultipleCreditEntries }}
+          </div>
+
+        </div>
+
+      </mat-card-content>
+
+    </mat-card>
+
+  </div>
+
+  <div fxFlex>
+
+    <mat-card>
+
+      <mat-card-content>
+
+        <div fxLayout="row" class="content">
+
+          <div fxFlex="50%" fxLayout="column" *ngIf="accountingRule.debitTags">
+            <div class="header">
+              Debit Tags
+            </div>
+            <div *ngFor="let debitTag of accountingRule.debitTags">
+              {{ debitTag.tag.name }}
+            </div>
+          </div>
+
+          <div fxFlex="50%" fxLayout="column" *ngIf="accountingRule.debitAccounts">
+            <div class="header">
+              Debit Account Name
+            </div>
+            <div *ngFor="let debitAccount of accountingRule.debitAccounts">
+              {{ debitAccount.name + ' (' + debitAccount.glCode + ')' }}
+            </div>
+          </div>
+
+          <div fxFlex="50%" fxLayout="column" *ngIf="accountingRule.creditTags">
+            <div class="header">
+              Credit Tags
+            </div>
+            <div *ngFor="let creditTag of accountingRule.creditTags">
+              {{ creditTag.tag.name }}
+            </div>
+          </div>
+
+          <div fxFlex="50%" fxLayout="column" *ngIf="accountingRule.creditAccounts">
+            <div class="header">
+              Credit Account Name
+            </div>
+            <div *ngFor="let creditAccount of accountingRule.creditAccounts">
+              {{ creditAccount.name + ' (' + creditAccount.glCode + ')' }}
+            </div>
+          </div>
+
+        </div>
+
+      </mat-card-content>
+
+    </mat-card>
+
+  </div>
+
+</div>