Begin migration to bootstrap v4.
This commit is contained in:
parent
b3d274eabf
commit
0e037e664f
@ -7,7 +7,6 @@
|
||||
"babel-core": "^6.25.0",
|
||||
"babel-eslint": "^7.2.3",
|
||||
"babel-loader": "^7.1.1",
|
||||
"bootstrap-webpack": "^0.0.6",
|
||||
"css-loader": "^0.28.4",
|
||||
"eslint": "^4.3.0",
|
||||
"eslint-config-angular": "^0.5.0",
|
||||
@ -57,12 +56,9 @@
|
||||
"angular-messages": "^1.6.5",
|
||||
"angular-resource": "^1.6.5",
|
||||
"angular-strap": "^2.3.12",
|
||||
"angular-ui-notification": "^0.3.6",
|
||||
"angular2-notifications": "^0.7.4",
|
||||
"base64util": "^1.0.2",
|
||||
"bootbox": "^4.4.0",
|
||||
"bootstrap": "^3.3.7",
|
||||
"bootstrap-additions": "^0.3.1",
|
||||
"bootstrap": "4.0.0-alpha.6",
|
||||
"c3": "^0.4.15",
|
||||
"font-awesome": "^4.7.0",
|
||||
"jquery": "^3.2.1",
|
||||
|
@ -15,14 +15,14 @@ import { AccountEditModalComponent } from './accountEditModal.component';
|
||||
selector: 'account-list',
|
||||
template: `
|
||||
<div class="row">
|
||||
<table class="table table-striped table-condensed table-hover">
|
||||
<table class="table table-sm table-striped table-condensed table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nom du compte</th>
|
||||
<th class="col-md-1">Solde courant</th>
|
||||
<th class="col-md-1">Solde pointé</th>
|
||||
<th class="col-md-1">Découvert autorisé</th>
|
||||
<th class="col-md-1">Actions</th>
|
||||
<th>Solde courant</th>
|
||||
<th>Solde pointé</th>
|
||||
<th>Découvert autorisé</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
|
@ -2,6 +2,8 @@
|
||||
import 'zone.js';
|
||||
import 'reflect-metadata';
|
||||
|
||||
require('./main.less');
|
||||
|
||||
import { AppModule as Ng1AppModule } from './app';
|
||||
|
||||
import { NgModule } from '@angular/core';
|
||||
|
@ -31,8 +31,6 @@ import loginModule from '@accountant/login';
|
||||
import operationModule from '@accountant/operations';
|
||||
import schedulerModule from '@accountant/scheduler';
|
||||
|
||||
require('bootstrap-webpack!./bootstrap.config.ts');
|
||||
|
||||
export const AppModule = angular.module('accountant', [
|
||||
uiRouter,
|
||||
accountModule,
|
||||
|
@ -29,13 +29,8 @@
|
||||
<body style="padding-bottom: 50px; padding-top: 70px">
|
||||
<!-- htmllint attr-bans="$previous" -->
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-fixed-top navbar-inverse">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand -->
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="#!/accounts"> Accountant</a>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="navbar fixed-top navbar-inverse bg-inverse">
|
||||
<a class="navbar-brand" href="#!/accounts"> Accountant</a>
|
||||
</nav>
|
||||
|
||||
<div class="container-fluid">
|
||||
|
@ -1,10 +1,9 @@
|
||||
@import '~font-awesome/less/font-awesome';
|
||||
|
||||
@import (inline) '~bootstrap/dist/css/bootstrap.css';
|
||||
|
||||
@import (inline) '~c3/c3.css';
|
||||
|
||||
@import (inline) '~bootstrap-additions/dist/bootstrap-additions.css';
|
||||
|
||||
@import (inline) '~ngx-toastr/toastr.css';
|
||||
|
||||
.italic {
|
||||
@ -22,21 +21,3 @@
|
||||
.c3-ygrid-line.overdraft line {
|
||||
stroke: #FF0000;
|
||||
}
|
||||
|
||||
// Needed for modal backdrop opacity.
|
||||
.modal-backdrop.am-fade {
|
||||
opacity: .5;
|
||||
transition: opacity .15s linear;
|
||||
&.ng-enter {
|
||||
opacity: 0;
|
||||
&.ng-enter-active {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
&.ng-leave {
|
||||
opacity: .5;
|
||||
&.ng-leave-active {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -32,12 +32,12 @@
|
||||
<table class="table table-striped table-condensed table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-1">Date d'op.</th>
|
||||
<th>Date d'op.</th>
|
||||
<th>Libellé de l'opération</th>
|
||||
<th class="col-md-1">Montant</th>
|
||||
<th class="col-md-1">Solde</th>
|
||||
<th class="col-md-2">Catégorie</th>
|
||||
<th class="col-md-2">Actions</th>
|
||||
<th>Montant</th>
|
||||
<th>Solde</th>
|
||||
<th>Catégorie</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="{{ operation.id }}" class="form-inline"
|
||||
<tr id="{{ operation.id }}"
|
||||
ng-class="{stroke: operation.canceled, italic: !operation.confirmed,
|
||||
warning: operation.balance < 0, danger: operation.balance < operationsCtrl.account.authorized_overdraft}"
|
||||
ng-repeat="operation in operationsCtrl.operations | orderBy:'+':true">
|
||||
|
@ -15,17 +15,17 @@ var scheduleFormTmpl = require('./schedule.form.tmpl.html');
|
||||
selector: 'schedule-list',
|
||||
template: `
|
||||
<div class="row">
|
||||
<table class="table table-striped table-condensed table-hover">
|
||||
<table class="table table-sm table-striped table-condensed table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-1">Date de début</th>
|
||||
<th class="col-md-1">Date de fin</th>
|
||||
<th class="col-md-1">Jour</th>
|
||||
<th class="col-md-1">Fréq.</th>
|
||||
<th>Date de début</th>
|
||||
<th>Date de fin</th>
|
||||
<th>Jour</th>
|
||||
<th>Fréq.</th>
|
||||
<th>Libellé de l'opération</th>
|
||||
<th class="col-md-1">Montant</th>
|
||||
<th class="col-md-2">Catégorie</th>
|
||||
<th class="col-md-1">Actions</th>
|
||||
<th>Montant</th>
|
||||
<th>Catégorie</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
|
@ -17,7 +17,7 @@ import { Schedule } from './schedule';
|
||||
"[id]": "schedule.id",
|
||||
},
|
||||
template: `
|
||||
<td class="col-md-1">{{ schedule.start_date | date: "yyyy-MM-dd" }}</td>
|
||||
<td>{{ schedule.start_date | date: "yyyy-MM-dd" }}</td>
|
||||
|
||||
|
||||
<td>{{ schedule.stop_date | date: "yyyy-MM-dd" }}</td>
|
||||
|
@ -44,7 +44,6 @@ module.exports = {
|
||||
enforce: 'pre',
|
||||
test: /\.jsx?$/,
|
||||
//include: path.resolve(__dirname, 'src'),
|
||||
exclude: /(node_modules|bootstrap)/,
|
||||
loader: 'eslint-loader',
|
||||
options: {
|
||||
useEslintrc: false,
|
||||
|
Loading…
Reference in New Issue
Block a user