feat: add app shell (angular-material)
Add app shell built using angular-material and flex-layout. Refractor code due to configuration changes. Fixes #52
This commit is contained in:
@@ -1,12 +1,16 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '../../app/core';
|
||||
import { Route, extract } from '../core';
|
||||
import { AccountingComponent } from './accounting.component';
|
||||
|
||||
const routes: Routes = [
|
||||
Route.withShell([
|
||||
{ path: 'accounting', component: AccountingComponent}
|
||||
{
|
||||
path: 'accounting',
|
||||
component: AccountingComponent,
|
||||
data: { title: extract('Accounting') }
|
||||
}
|
||||
])
|
||||
];
|
||||
|
||||
|
||||
@@ -1,31 +1,29 @@
|
||||
<div class="fluid-container">
|
||||
<div class="container">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<!-- <div class="fluid-container">
|
||||
<div class="container">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="card mt-5">
|
||||
<!-- <div class="card-header"><legend> Loan</legend></div>
|
||||
--> <div class="card-body">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item list-group-item-action active">
|
||||
<h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
|
||||
<p class="list-group-item-text">List Group Item Text</p>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
|
||||
<p class="list-group-item-text">List Group Item Text</p>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<h4 class="list-group-item-heading">Third List Group Item Heading</h4>
|
||||
<p class="list-group-item-text">List Group Item Text</p>
|
||||
</a>
|
||||
<div class="card-body">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item list-group-item-action active">
|
||||
<h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
|
||||
<p class="list-group-item-text">List Group Item Text</p>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
|
||||
<p class="list-group-item-text">List Group Item Text</p>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<h4 class="list-group-item-heading">Third List Group Item Heading</h4>
|
||||
<p class="list-group-item-text">List Group Item Text</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="col-sm-6">
|
||||
<div class="card mt-5">
|
||||
<!-- <div class="card-header"></div> -->
|
||||
<div class="card-body">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item list-group-item-action active">
|
||||
@@ -46,4 +44,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-accounting',
|
||||
selector: 'mifosx-accounting',
|
||||
templateUrl: './accounting.component.html',
|
||||
styleUrls: ['./accounting.component.scss']
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user