mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-18 16:30:13 +01:00
Bootstrap 4 added.
This commit is contained in:
parent
8691adf9a9
commit
62836727ae
8 changed files with 183 additions and 58 deletions
|
|
@ -18,7 +18,7 @@ import {RouterActive} from './router-active';
|
|||
providers: [ ],
|
||||
directives: [ RouterActive ],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
styles: [ require('normalize.css'), require('../assets/scss/app.scss') ],
|
||||
styles: [ require('normalize.css'), require('./app.scss') ],
|
||||
template: `
|
||||
<header>
|
||||
<md-toolbar color="primary">
|
||||
|
|
@ -45,6 +45,37 @@ import {RouterActive} from './router-active';
|
|||
<router-outlet></router-outlet>
|
||||
</main>
|
||||
|
||||
<table class="table table-inverse">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<pre>this.appState.state = {{ appState.state | json }}</pre>
|
||||
|
||||
<footer>
|
||||
|
|
|
|||
0
src/app/app.scss
Normal file
0
src/app/app.scss
Normal file
|
|
@ -1 +0,0 @@
|
|||
@AngularClass
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
md-toolbar ul {
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 60px;
|
||||
}
|
||||
md-toolbar li {
|
||||
display: inline;
|
||||
}
|
||||
md-toolbar li.active {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
|
@ -1,20 +1,24 @@
|
|||
import 'jquery';
|
||||
import 'bootstrap-loader';
|
||||
|
||||
/*
|
||||
* Providers provided by Angular
|
||||
*/
|
||||
import {bootstrap} from 'angular2/platform/browser';
|
||||
/*
|
||||
* Platform and Environment
|
||||
* our providers/directives/pipes
|
||||
*/
|
||||
* Platform and Environment
|
||||
* our providers/directives/pipes
|
||||
*/
|
||||
import {DIRECTIVES, PIPES, PROVIDERS} from './platform/browser';
|
||||
import {ENV_PROVIDERS} from './platform/environment';
|
||||
|
||||
/*
|
||||
* App Component
|
||||
* our top level component that holds all of our components
|
||||
*/
|
||||
* App Component
|
||||
* our top level component that holds all of our components
|
||||
*/
|
||||
import {App, APP_PROVIDERS} from './app';
|
||||
|
||||
|
||||
/*
|
||||
* Bootstrap our Angular app with a top level component `App` and inject
|
||||
* our Services and Providers into Angular's dependency injection
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue