CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: add app shell (angular-material)

Browse Source 
Add app shell built using angular-material and flex-layout. Refractor
code due to configuration changes.

Fixes #52
This commit is contained in:
abhay_1806
2018-06-23 20:06:32 +05:30
committed by Abhay Chawla
parent b1c2d6d98e
commit fc7ae1d0ba
98 changed files with 1098 additions and 532 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/self-service/create-user/create-user.component.html
+2 -4
View File
@@ -1,4 +1,4 @@
<div class="fluid-container">
<!-- <div class="fluid-container">
<div class="container">
<div class="card mt-5">
<div class="card-header">
@@ -7,7 +7,6 @@
<div class="card-body">
<div class="row mb-3">
<div class="col-sm-12">
<!-- <div class="form-group"> -->
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" (change)="isCollapsed = false" checked>
<label class="custom-control-label" for="customRadio1">Existing User</label>
@@ -16,7 +15,6 @@
<input type="radio" id="customRadio2" name="customRadio" class="custom-control-input" (change)="isCollapsed = true">
<label class="custom-control-label" for="customRadio2">New User</label>
</div>
<!-- </div> -->
</div>
</div>
<div id="collapseExample">
@@ -121,4 +119,4 @@
</div>
</div>
</div>
</div>
</div> -->
src/app/self-service/create-user/create-user.component.ts
+1 -1
View File
@@ -1,7 +1,7 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-create-user',
selector: 'mifosx-create-user',
templateUrl: './create-user.component.html',
styleUrls: ['./create-user.component.scss']
})
src/app/self-service/self-service-routing.module.ts
+16 -4
View File
@@ -1,16 +1,28 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { Route, extract } from '../../app/core';
import { Route, extract } from '../core';
import { UserManagementComponent } from './user-management/user-management.component';
import { CreateUserComponent } from './create-user/create-user.component';
import { ViewUserComponent } from './view-user/view-user.component';
const routes: Routes = [
Route.withShell([
{ path: 'self-service/users', component: UserManagementComponent, data: { title: extract('Self Service') } },
{ path: 'self-service/users/create', component: CreateUserComponent },
{ path: 'self-service/users/view', component: ViewUserComponent }
{
path: 'self-service/users',
component: UserManagementComponent,
data: { title: extract('Self Service Users') }
},
{
path: 'self-service/users/create',
component: CreateUserComponent,
data: { title: extract('Create Self Service User') }
},
{
path: 'self-service/users/view',
component: ViewUserComponent,
data: { title: extract('View Self Service User') }
}
])
];
src/app/self-service/self-service.module.ts
-2
View File
@@ -3,14 +3,12 @@ import { CommonModule } from '@angular/common';
import { UserManagementComponent } from './user-management/user-management.component';
import { SelfServiceRoutingModule } from './self-service-routing.module';
import { CoreModule } from '../../app/core';
import { CreateUserComponent } from './create-user/create-user.component';
import { ViewUserComponent } from './view-user/view-user.component';
@NgModule({
imports: [
CommonModule,
CoreModule,
SelfServiceRoutingModule
],
declarations: [
src/app/self-service/user-management/user-management.component.html
+2 -9
View File
@@ -1,4 +1,4 @@
<div class="fluid-container">
<!-- <div class="fluid-container">
<div class="container">
<div class="card mt-5">
<div class="card-header">
@@ -62,10 +62,8 @@
</div>
<div class="card-body">
<!--Table-->
<table class="table table-hover table-responsive-md table-fixed">
<!--Table head-->
<thead>
<tr>
<th>
@@ -81,9 +79,7 @@
<th>Staff</th>
</tr>
</thead>
<!--Table head-->
<!--Table body-->
<tbody>
<tr>
<th scope="row">
@@ -170,13 +166,10 @@
</tr>
</tbody>
<!--Table body-->
</table>
<!--Table-->
</div>
</div>
<!-- <ngb-pagination class="d-flex justify-content-center" [collectionSize]="70" [(page)]="page" [boundaryLinks]="true"></ngb-pagination> -->
</div>
</div>
</div> -->
src/app/self-service/user-management/user-management.component.scss
+6 -6
View File
@@ -1,6 +1,6 @@
td, th {
text-align: center;
}
ngb-pagination {
margin: 20px 0px;
}
// td, th {
// text-align: center;
// }
// ngb-pagination {
// margin: 20px 0px;
// }
src/app/self-service/user-management/user-management.component.ts
+2 -1
View File
@@ -1,11 +1,12 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-user-management',
selector: 'mifosx-user-management',
templateUrl: './user-management.component.html',
styleUrls: ['./user-management.component.scss']
})
export class UserManagementComponent implements OnInit {
page = 1;
isCollapsed = true;
src/app/self-service/view-user/view-user.component.html
+3 -8
View File
@@ -1,4 +1,4 @@
<div class="fluid-container">
<!-- <div class="fluid-container">
<div class="container">
<div class="card mt-5">
<div class="card-header">
@@ -27,12 +27,7 @@
<div class="row mt-2">
<div class="col-sm-6">
<table class="table table-striped">
<!-- <thead>
<tr>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead> -->
<tbody>
<tr>
<th scope="row">Username</th>
@@ -81,4 +76,4 @@
</div>
</div>
</div>
</div>
</div> -->
src/app/self-service/view-user/view-user.component.ts
+1 -1
View File
@@ -1,7 +1,7 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-view-user',
selector: 'mifosx-view-user',
templateUrl: './view-user.component.html',
styleUrls: ['./view-user.component.scss']
})