build: update dependencies
Update dependencies and configure the app for angular material and flex layout. Fixes #44
@@ -16,7 +16,7 @@ script:
|
||||
deploy:
|
||||
provider: pages
|
||||
skip-cleanup: true
|
||||
local-dir: dist
|
||||
local-dir: dist/web-app
|
||||
github-token: $GITHUB_TOKEN
|
||||
keep-history: true
|
||||
on:
|
||||
|
||||
@@ -3,11 +3,11 @@
|
||||
"version": 1,
|
||||
"newProjectRoot": "projects",
|
||||
"projects": {
|
||||
"ng-x-rocket": {
|
||||
"mifosx-web-app": {
|
||||
"root": "",
|
||||
"sourceRoot": "src",
|
||||
"projectType": "application",
|
||||
"prefix": "app",
|
||||
"prefix": "mifosx",
|
||||
"schematics": {
|
||||
"@schematics/angular:component": {
|
||||
"styleext": "scss"
|
||||
@@ -17,7 +17,7 @@
|
||||
"build": {
|
||||
"builder": "@angular-devkit/build-angular:browser",
|
||||
"options": {
|
||||
"outputPath": "dist",
|
||||
"outputPath": "dist/web-app",
|
||||
"index": "src/index.html",
|
||||
"main": "src/main.ts",
|
||||
"tsConfig": "src/tsconfig.app.json",
|
||||
@@ -57,18 +57,18 @@
|
||||
"serve": {
|
||||
"builder": "@angular-devkit/build-angular:dev-server",
|
||||
"options": {
|
||||
"browserTarget": "ng-x-rocket:build"
|
||||
"browserTarget": "mifosx-web-app:build"
|
||||
},
|
||||
"configurations": {
|
||||
"production": {
|
||||
"browserTarget": "ng-x-rocket:build:production"
|
||||
"browserTarget": "mifosx-web-app:build:production"
|
||||
}
|
||||
}
|
||||
},
|
||||
"extract-i18n": {
|
||||
"builder": "@angular-devkit/build-angular:extract-i18n",
|
||||
"options": {
|
||||
"browserTarget": "ng-x-rocket:build"
|
||||
"browserTarget": "mifosx-web-app:build"
|
||||
}
|
||||
},
|
||||
"test": {
|
||||
@@ -104,7 +104,7 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"ng-x-rocket-e2e": {
|
||||
"mifosx-web-app-e2e": {
|
||||
"root": "e2e",
|
||||
"projectType": "application",
|
||||
"architect": {
|
||||
@@ -112,7 +112,12 @@
|
||||
"builder": "@angular-devkit/build-angular:protractor",
|
||||
"options": {
|
||||
"protractorConfig": "e2e/protractor.conf.js",
|
||||
"devServerTarget": "ng-x-rocket:serve"
|
||||
"devServerTarget": "mifosx-web-app:serve"
|
||||
},
|
||||
"configurations": {
|
||||
"production": {
|
||||
"devServerTarget": "mifosx-web-app:serve:production"
|
||||
}
|
||||
}
|
||||
},
|
||||
"lint": {
|
||||
@@ -129,5 +134,5 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"defaultProject": "ng-x-rocket"
|
||||
"defaultProject": "mifosx-web-app"
|
||||
}
|
||||
|
||||
@@ -1,7 +1,15 @@
|
||||
{
|
||||
"name": "ng-x-rocket",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"name": "mifosx-web-app",
|
||||
"version": "0.0.0",
|
||||
"description": "MifosX Web App is the default web application built on top of the Fineract platform for the Mifos user community leveraging the popular Angular framework.",
|
||||
"keywords": [
|
||||
"mifos",
|
||||
"openmf",
|
||||
"fineract",
|
||||
"angular"
|
||||
],
|
||||
"homepage": "https://github.com/openMF/web-app",
|
||||
"license": "MPL-2.0",
|
||||
"scripts": {
|
||||
"ng": "ng",
|
||||
"build": "npm run env -s && ng build --prod",
|
||||
@@ -13,68 +21,73 @@
|
||||
"e2e": "npm run env -s && ng e2e",
|
||||
"translations:extract": "ngx-translate-extract --input ./src --output ./src/translations/template.json --format=json --clean -sort --marker extract",
|
||||
"docs": "hads ./docs -o",
|
||||
"env": "ngx-scripts env npm_package_version",
|
||||
"generate": "ng generate"
|
||||
"env": "ngx-scripts env npm_package_version"
|
||||
},
|
||||
"dependencies": {
|
||||
"@angular/animations": "^6.0.3",
|
||||
"@angular/cdk": "^6.1.0",
|
||||
"@angular/common": "^6.0.1",
|
||||
"@angular/compiler": "^6.0.1",
|
||||
"@angular/core": "^6.0.1",
|
||||
"@angular/forms": "^6.0.1",
|
||||
"@angular/http": "^6.0.1",
|
||||
"@angular/material": "^6.1.0",
|
||||
"@angular/platform-browser": "^6.0.1",
|
||||
"@angular/platform-browser-dynamic": "^6.0.1",
|
||||
"@angular/router": "^6.0.1",
|
||||
"@angular/service-worker": "^6.0.1",
|
||||
"@fortawesome/fontawesome-free-webfonts": "^1.0.9",
|
||||
"@ng-bootstrap/ng-bootstrap": "^2.0.0",
|
||||
"@ngx-translate/core": "^10.0.1",
|
||||
"@swimlane/ngx-charts": "^8.0.2",
|
||||
"@angular/animations": "^6.0.6",
|
||||
"@angular/cdk": "^6.3.0",
|
||||
"@angular/common": "^6.0.3",
|
||||
"@angular/compiler": "^6.0.6",
|
||||
"@angular/core": "^6.0.6",
|
||||
"@angular/flex-layout": "^6.0.0-beta.15",
|
||||
"@angular/forms": "^6.0.3",
|
||||
"@angular/http": "^6.0.3",
|
||||
"@angular/material": "^6.2.1",
|
||||
"@angular/platform-browser": "^6.0.6",
|
||||
"@angular/platform-browser-dynamic": "^6.0.6",
|
||||
"@angular/router": "^6.0.6",
|
||||
"@angular/service-worker": "^6.0.6",
|
||||
"@ngx-translate/core": "^10.0.2",
|
||||
"@swimlane/ngx-charts": "^8.1.0",
|
||||
"angular-archwizard": "^3.0.0",
|
||||
"bootstrap": "^4.1.1",
|
||||
"core-js": "^2.5.6",
|
||||
"core-js": "^2.5.7",
|
||||
"hammerjs": "^2.0.8",
|
||||
"jquery": "^3.3.1",
|
||||
"lodash": "^4.17.10",
|
||||
"ngx-bootstrap": "^3.0.0",
|
||||
"rxjs": "^6.1.0",
|
||||
"rxjs": "^6.2.1",
|
||||
"zone.js": "^0.8.26"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-devkit/build-angular": "~0.6.0",
|
||||
"@angular/cli": "~6.0.1",
|
||||
"@angular/compiler-cli": "^6.0.1",
|
||||
"@angular/language-service": "^6.0.1",
|
||||
"@angular-devkit/build-angular": "~0.6.6",
|
||||
"@angular/cli": "~6.0.7",
|
||||
"@angular/compiler-cli": "^6.0.6",
|
||||
"@angular/language-service": "^6.0.6",
|
||||
"@biesbjerg/ngx-translate-extract": "^2.3.4",
|
||||
"@ngx-rocket/scripts": "^2.1.0",
|
||||
"@types/jasmine": "^2.8.7",
|
||||
"@types/jasminewd2": "^2.0.2",
|
||||
"@types/jquery": "^3.3.2",
|
||||
"@types/lodash": "^4.14.108",
|
||||
"@types/node": "^8.10.13",
|
||||
"@types/jasmine": "^2.8.8",
|
||||
"@types/jasminewd2": "^2.0.3",
|
||||
"@types/lodash": "^4.14.110",
|
||||
"@types/node": "^8.10.20",
|
||||
"codelyzer": "^4.3.0",
|
||||
"hads": "^1.3.4",
|
||||
"htmlhint": "^0.9.13",
|
||||
"https-proxy-agent": "^2.0.0",
|
||||
"jasmine-core": "~2.99.1",
|
||||
"jasmine-spec-reporter": "^4.1.0",
|
||||
"karma": "~2.0.0",
|
||||
"karma": "^2.0.4",
|
||||
"karma-chrome-launcher": "^2.2.0",
|
||||
"karma-cli": "~1.0.1",
|
||||
"karma-coverage-istanbul-reporter": "^1.2.1",
|
||||
"karma-jasmine": "^1.1.2",
|
||||
"karma-junit-reporter": "^1.2.0",
|
||||
"protractor": "~5.3.0",
|
||||
"puppeteer": "^1.4.0",
|
||||
"puppeteer": "^1.5.0",
|
||||
"stylelint": "~9.2.0",
|
||||
"stylelint-config-recommended-scss": "~3.2.0",
|
||||
"stylelint-config-standard": "~18.2.0",
|
||||
"stylelint-scss": "~3.1.0",
|
||||
"ts-node": "~6.0.3",
|
||||
"stylelint-scss": "^3.1.3",
|
||||
"ts-node": "^6.0.5",
|
||||
"tslint": "~5.10.0",
|
||||
"typescript": "~2.7.2"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/openMF/web-app.git"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/openMF/web-app/issues"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 8.0.0",
|
||||
"npm": ">= 5.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '@app/core';
|
||||
import { Route, extract } from '../../app/core';
|
||||
import { AboutComponent } from './about.component';
|
||||
|
||||
const routes: Routes = [
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
import { environment } from '../../environments/environment';
|
||||
|
||||
@Component({
|
||||
selector: 'app-about',
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '@app/core';
|
||||
import { Route, extract } from '../../app/core';
|
||||
import { AccountingComponent } from './accounting.component';
|
||||
|
||||
const routes: Routes = [
|
||||
|
||||
@@ -5,9 +5,8 @@ import { TranslateService } from '@ngx-translate/core';
|
||||
import { merge } from 'rxjs';
|
||||
import { filter, map, mergeMap } from 'rxjs/operators';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
import { Logger, I18nService } from '@app/core';
|
||||
import * as $ from 'jquery';
|
||||
import { environment } from '../environments/environment';
|
||||
import { Logger, I18nService } from '../app/core';
|
||||
const log = new Logger('App');
|
||||
|
||||
@Component({
|
||||
|
||||
@@ -4,13 +4,11 @@ import { FormsModule } from '@angular/forms';
|
||||
import { HttpClientModule } from '@angular/common/http';
|
||||
import { ServiceWorkerModule } from '@angular/service-worker';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
import { AlertModule } from 'ngx-bootstrap';
|
||||
import { NgxChartsModule } from '@swimlane/ngx-charts';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
import { CoreModule } from '@app/core';
|
||||
import { SharedModule } from '@app/shared';
|
||||
import { environment } from '../environments/environment';
|
||||
import { CoreModule } from '../app/core';
|
||||
import { SharedModule } from '../app/shared';
|
||||
import { HomeModule } from './home/home.module';
|
||||
import { AboutModule } from './about/about.module';
|
||||
import { ClientsModule} from './clients/clients.module';
|
||||
@@ -28,8 +26,6 @@ import { SelfServiceModule } from './self-service/self-service.module';
|
||||
FormsModule,
|
||||
HttpClientModule,
|
||||
TranslateModule.forRoot(),
|
||||
NgbModule.forRoot(),
|
||||
AlertModule.forRoot(),
|
||||
NgxChartsModule,
|
||||
CoreModule,
|
||||
SharedModule,
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '@app/core';
|
||||
import { Route, extract } from '../../app/core';
|
||||
import { ClientsComponent } from './clients.component';
|
||||
import { CreateClientComponent} from './create-client/create-client.component';
|
||||
import { ViewClientComponent } from './view-client/view-client.component';
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { environment } from '@env/environment';
|
||||
import { environment } from '../../environments/environment';
|
||||
|
||||
import { HeaderComponent } from '../core/shell/header/header.component';
|
||||
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { ArchwizardModule } from 'angular-archwizard';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
import { ClientsComponent } from './clients.component';
|
||||
import { CreateClientComponent} from './create-client/create-client.component';
|
||||
@@ -15,9 +14,7 @@ import { ViewLoanComponent } from './view-loan/view-loan.component';
|
||||
CoreModule,
|
||||
CommonModule,
|
||||
ClientsRoutingModule,
|
||||
ArchwizardModule,
|
||||
NgbModule
|
||||
|
||||
ArchwizardModule
|
||||
],
|
||||
declarations: [
|
||||
ClientsComponent,
|
||||
|
||||
@@ -3,7 +3,6 @@ import { CommonModule } from '@angular/common';
|
||||
import { HTTP_INTERCEPTORS, HttpClient, HttpClientModule } from '@angular/common/http';
|
||||
import { RouteReuseStrategy, RouterModule } from '@angular/router';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
import { ShellComponent } from './shell/shell.component';
|
||||
import { HeaderComponent } from './shell/header/header.component';
|
||||
@@ -22,7 +21,6 @@ import { CacheInterceptor } from './http/cache.interceptor';
|
||||
CommonModule,
|
||||
HttpClientModule,
|
||||
TranslateModule,
|
||||
NgbModule,
|
||||
RouterModule
|
||||
],
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
|
||||
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
|
||||
import { Observable } from 'rxjs';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
import { environment } from '../../../environments/environment';
|
||||
|
||||
/**
|
||||
* Prefixes all requests with `environment.serverUrl`.
|
||||
|
||||
@@ -3,7 +3,7 @@ import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/c
|
||||
import { Observable } from 'rxjs';
|
||||
import { catchError } from 'rxjs/operators';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
import { environment } from '../../../environments/environment';
|
||||
import { Logger } from '../logger.service';
|
||||
|
||||
const log = new Logger('ErrorHandlerInterceptor');
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '@app/core';
|
||||
import { Route, extract } from '../../app/core';
|
||||
import { HomeComponent } from './home.component';
|
||||
import { DashboardComponent } from './dashboard/dashboard.component';
|
||||
|
||||
|
||||
@@ -3,8 +3,8 @@ import { CommonModule } from '@angular/common';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
import { NgxChartsModule } from '@swimlane/ngx-charts';
|
||||
|
||||
import { CoreModule } from '@app/core';
|
||||
import { SharedModule } from '@app/shared';
|
||||
import { CoreModule } from '../../app/core';
|
||||
import { SharedModule } from '../../app/shared';
|
||||
import { HomeRoutingModule } from './home-routing.module';
|
||||
import { HomeComponent } from './home.component';
|
||||
import { QuoteService } from './quote.service';
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { extract } from '@app/core';
|
||||
import { extract } from '../../app/core';
|
||||
import { LoginComponent } from './login.component';
|
||||
|
||||
const routes: Routes = [
|
||||
|
||||
@@ -1,29 +1,29 @@
|
||||
@import "../../theme/theme-variables";
|
||||
@import "~bootstrap/scss/mixins/_breakpoints";
|
||||
// @import "../../theme/theme-variables";
|
||||
// @import "~bootstrap/scss/mixins/_breakpoints";
|
||||
|
||||
.login-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
// .login-container {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// }
|
||||
|
||||
.login-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
// .login-box {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// width: 100%;
|
||||
// min-height: 100%;
|
||||
// }
|
||||
|
||||
.ng-invalid.ng-touched:not(form) {
|
||||
border-left: 4px solid theme-color("danger");
|
||||
}
|
||||
// .ng-invalid.ng-touched:not(form) {
|
||||
// border-left: 4px solid theme-color("danger");
|
||||
// }
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// @include media-breakpoint-down(xs) {
|
||||
// .container {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
|
||||
@@ -3,8 +3,8 @@ import { Router } from '@angular/router';
|
||||
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
|
||||
import { finalize } from 'rxjs/operators';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
import { Logger, I18nService, AuthenticationService } from '@app/core';
|
||||
import { environment } from '../../environments/environment';
|
||||
import { Logger, I18nService, AuthenticationService } from '../../app/core';
|
||||
|
||||
const log = new Logger('Login');
|
||||
|
||||
|
||||
@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { ReactiveFormsModule } from '@angular/forms';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
import { LoginRoutingModule } from './login-routing.module';
|
||||
import { LoginComponent } from './login.component';
|
||||
@@ -12,7 +11,6 @@ import { LoginComponent } from './login.component';
|
||||
CommonModule,
|
||||
ReactiveFormsModule,
|
||||
TranslateModule,
|
||||
NgbModule,
|
||||
LoginRoutingModule
|
||||
],
|
||||
declarations: [
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '@app/core';
|
||||
import { Route, extract } from '../../app/core';
|
||||
import { NavigationComponent } from './navigation.component';
|
||||
|
||||
const routes: Routes = [
|
||||
|
||||
@@ -10,9 +10,9 @@
|
||||
|
||||
|
||||
|
||||
<ngb-tabset justify="center">
|
||||
<ngb-tab title="Client">
|
||||
<ng-template ngbTabContent>
|
||||
<div>
|
||||
<div>
|
||||
<ng-template>
|
||||
<div class="card col-sm-4 mx-auto">
|
||||
<table class="table table-hover table-responsive-md table-fixed">
|
||||
|
||||
@@ -85,11 +85,11 @@
|
||||
</table>
|
||||
</div>
|
||||
</ng-template>
|
||||
</ngb-tab>
|
||||
<ngb-tab>
|
||||
<ng-template ngbTabTitle>
|
||||
</div>
|
||||
<div>
|
||||
<ng-template>
|
||||
Loan</ng-template>
|
||||
<ng-template ngbTabContent>
|
||||
<ng-template>
|
||||
<div class="card col-sm-4 mx-auto">
|
||||
<table class="table table-hover table-responsive-md table-fixed">
|
||||
|
||||
@@ -147,9 +147,9 @@
|
||||
</table>
|
||||
</div>
|
||||
</ng-template>
|
||||
</ngb-tab>
|
||||
<ngb-tab title="Groups">
|
||||
<ng-template ngbTabContent>
|
||||
</div>
|
||||
<div>
|
||||
<ng-template>
|
||||
<p>Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibh elit id diam. Nulla facilisi.
|
||||
Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus eget tincidunt eu, congue et
|
||||
odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestie lectus ultrices et. Sed
|
||||
@@ -158,7 +158,7 @@
|
||||
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquet odio ac lorem aliquet ultricies
|
||||
in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.</p>
|
||||
</ng-template>
|
||||
</ngb-tab>
|
||||
</ngb-tabset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
import { CoreModule } from '../core/core.module';
|
||||
import { NavigationComponent } from './navigation.component';
|
||||
@@ -11,7 +10,6 @@ import { NavigationRoutingModule } from './navigation-routing.module';
|
||||
imports: [
|
||||
CoreModule,
|
||||
CommonModule,
|
||||
NgbModule,
|
||||
NavigationRoutingModule
|
||||
],
|
||||
declarations: [NavigationComponent]
|
||||
|
||||
@@ -9,17 +9,17 @@
|
||||
<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" [ngbCollapse]="isCollapsed" checked>
|
||||
<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>
|
||||
</div>
|
||||
<div class="custom-control custom-radio custom-control-inline">
|
||||
<input type="radio" id="customRadio2" name="customRadio" class="custom-control-input" (change)="isCollapsed = true" [ngbCollapse]="!isCollapsed">
|
||||
<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" [ngbCollapse]="isCollapsed">
|
||||
<div id="collapseExample">
|
||||
<div class="row">
|
||||
<div class="offset-sm-1 col-sm-5 my-3">
|
||||
<select class="custom-select">
|
||||
@@ -57,7 +57,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="collapseExample" [ngbCollapse]="!isCollapsed">
|
||||
<div id="collapseExample">
|
||||
<div class="row">
|
||||
<div class="offset-sm-1 col-sm-4 my-3">
|
||||
<select class="custom-select">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { Route, extract } from '@app/core';
|
||||
import { Route, extract } from '../../app/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';
|
||||
|
||||
@@ -1,11 +1,9 @@
|
||||
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
|
||||
import { UserManagementComponent } from './user-management/user-management.component';
|
||||
import { SelfServiceRoutingModule } from './self-service-routing.module';
|
||||
import { CoreModule } from '@app/core';
|
||||
import { CoreModule } from '../../app/core';
|
||||
import { CreateUserComponent } from './create-user/create-user.component';
|
||||
import { ViewUserComponent } from './view-user/view-user.component';
|
||||
|
||||
@@ -13,8 +11,7 @@ import { ViewUserComponent } from './view-user/view-user.component';
|
||||
imports: [
|
||||
CommonModule,
|
||||
CoreModule,
|
||||
SelfServiceRoutingModule,
|
||||
NgbModule
|
||||
SelfServiceRoutingModule
|
||||
],
|
||||
declarations: [
|
||||
UserManagementComponent,
|
||||
|
||||
@@ -6,11 +6,11 @@
|
||||
<div class="row">
|
||||
<div class="col-sm-10">
|
||||
<div class="row">
|
||||
<div class="col-sm-6" [ngbCollapse]="!isCollapsed">
|
||||
<div class="col-sm-6">
|
||||
<input class="form-control mr-sm-2" placeholder="Search" type="text">
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<button type="button" class="btn btn-outline-primary" (click)="isCollapsed = !isCollapsed" [ngbCollapse]="!isCollapsed" [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample"><i class="fas fa-chevron-down mr-2"></i>
|
||||
<button type="button" class="btn btn-outline-primary" (click)="isCollapsed = !isCollapsed" [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample"><i class="fas fa-chevron-down mr-2"></i>
|
||||
Parameters
|
||||
</button>
|
||||
</div>
|
||||
@@ -22,7 +22,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseExample" [ngbCollapse]="isCollapsed">
|
||||
<div id="collapseExample">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<input class="form-control mr-sm-2 mb-sm-2" placeholder="Name" type="text">
|
||||
@@ -52,7 +52,7 @@
|
||||
<button type="button" class="btn btn-outline-primary mb-sm-2">Reset</button>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<button type="button" class="btn btn-outline-primary float-right mb-sm-2" (click)="isCollapsed = !isCollapsed" [ngbCollapse]="isCollapsed" [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample"><i class="fas fa-chevron-up"></i>
|
||||
<button type="button" class="btn btn-outline-primary float-right mb-sm-2" (click)="isCollapsed = !isCollapsed" [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample"><i class="fas fa-chevron-up"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -94,7 +94,7 @@
|
||||
</th>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top" ngbTooltip="Active"></i></td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top"></i></td>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
|
||||
@@ -108,7 +108,7 @@
|
||||
</th>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top" ngbTooltip="Active"></i></td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top"></i></td>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
|
||||
@@ -122,7 +122,7 @@
|
||||
</th>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top" ngbTooltip="Active"></i></td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top"></i></td>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
|
||||
@@ -136,7 +136,7 @@
|
||||
</th>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
<td><i class="fas fa-stop" placement="top" ngbTooltip="Inactive"></i></td>
|
||||
<td><i class="fas fa-stop" placement="top"></i></td>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
|
||||
@@ -150,7 +150,7 @@
|
||||
</th>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
<td><i class="fas fa-stop" placement="top" ngbTooltip="Inactive"></i></td>
|
||||
<td><i class="fas fa-stop" placement="top"></i></td>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
|
||||
@@ -164,7 +164,7 @@
|
||||
</th>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top" ngbTooltip="Active"></i></td>
|
||||
<td><i class="fas fa-stop" style="color: #00ce00" placement="top"></i></td>
|
||||
<td>Data</td>
|
||||
<td>Data</td>
|
||||
|
||||
@@ -177,6 +177,6 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<ngb-pagination class="d-flex justify-content-center" [collectionSize]="70" [(page)]="page" [boundaryLinks]="true"></ngb-pagination>
|
||||
<!-- <ngb-pagination class="d-flex justify-content-center" [collectionSize]="70" [(page)]="page" [boundaryLinks]="true"></ngb-pagination> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="50px" height="50px" viewBox="0 0 128 128" xml:space="preserve"><path fill="#4f99ed" fill-opacity="1" d="M64.4 16a49 49 0 0 0-50 48 51 51 0 0 0 50 52.2 53 53 0 0 0 54-52c-.7-48-45-55.7-45-55.7s45.3 3.8 49 55.6c.8 32-24.8 59.5-58 60.2-33 .8-61.4-25.7-62-60C1.3 29.8 28.8.6 64.3 0c0 0 8.5 0 8.7 8.4 0 8-8.6 7.6-8.6 7.6z"><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="800ms" repeatCount="indefinite"></animateTransform></path></svg>
|
||||
|
Before Width: | Height: | Size: 672 B |
|
Before Width: | Height: | Size: 559 B |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 318 B |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 26 KiB |
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg width='20px' height='20px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ring"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><defs><filter id="uil-ring-shadow" x="-100%" y="-100%" width="300%" height="300%"><feOffset result="offOut" in="SourceGraphic" dx="0" dy="0"></feOffset><feGaussianBlur result="blurOut" in="offOut" stdDeviation="0"></feGaussianBlur><feBlend in="SourceGraphic" in2="blurOut" mode="normal"></feBlend></filter></defs><path d="M10,50c0,0,0,0.5,0.1,1.4c0,0.5,0.1,1,0.2,1.7c0,0.3,0.1,0.7,0.1,1.1c0.1,0.4,0.1,0.8,0.2,1.2c0.2,0.8,0.3,1.8,0.5,2.8 c0.3,1,0.6,2.1,0.9,3.2c0.3,1.1,0.9,2.3,1.4,3.5c0.5,1.2,1.2,2.4,1.8,3.7c0.3,0.6,0.8,1.2,1.2,1.9c0.4,0.6,0.8,1.3,1.3,1.9 c1,1.2,1.9,2.6,3.1,3.7c2.2,2.5,5,4.7,7.9,6.7c3,2,6.5,3.4,10.1,4.6c3.6,1.1,7.5,1.5,11.2,1.6c4-0.1,7.7-0.6,11.3-1.6 c3.6-1.2,7-2.6,10-4.6c3-2,5.8-4.2,7.9-6.7c1.2-1.2,2.1-2.5,3.1-3.7c0.5-0.6,0.9-1.3,1.3-1.9c0.4-0.6,0.8-1.3,1.2-1.9 c0.6-1.3,1.3-2.5,1.8-3.7c0.5-1.2,1-2.4,1.4-3.5c0.3-1.1,0.6-2.2,0.9-3.2c0.2-1,0.4-1.9,0.5-2.8c0.1-0.4,0.1-0.8,0.2-1.2 c0-0.4,0.1-0.7,0.1-1.1c0.1-0.7,0.1-1.2,0.2-1.7C90,50.5,90,50,90,50s0,0.5,0,1.4c0,0.5,0,1,0,1.7c0,0.3,0,0.7,0,1.1 c0,0.4-0.1,0.8-0.1,1.2c-0.1,0.9-0.2,1.8-0.4,2.8c-0.2,1-0.5,2.1-0.7,3.3c-0.3,1.2-0.8,2.4-1.2,3.7c-0.2,0.7-0.5,1.3-0.8,1.9 c-0.3,0.7-0.6,1.3-0.9,2c-0.3,0.7-0.7,1.3-1.1,2c-0.4,0.7-0.7,1.4-1.2,2c-1,1.3-1.9,2.7-3.1,4c-2.2,2.7-5,5-8.1,7.1 c-0.8,0.5-1.6,1-2.4,1.5c-0.8,0.5-1.7,0.9-2.6,1.3L66,87.7l-1.4,0.5c-0.9,0.3-1.8,0.7-2.8,1c-3.8,1.1-7.9,1.7-11.8,1.8L47,90.8 c-1,0-2-0.2-3-0.3l-1.5-0.2l-0.7-0.1L41.1,90c-1-0.3-1.9-0.5-2.9-0.7c-0.9-0.3-1.9-0.7-2.8-1L34,87.7l-1.3-0.6 c-0.9-0.4-1.8-0.8-2.6-1.3c-0.8-0.5-1.6-1-2.4-1.5c-3.1-2.1-5.9-4.5-8.1-7.1c-1.2-1.2-2.1-2.7-3.1-4c-0.5-0.6-0.8-1.4-1.2-2 c-0.4-0.7-0.8-1.3-1.1-2c-0.3-0.7-0.6-1.3-0.9-2c-0.3-0.7-0.6-1.3-0.8-1.9c-0.4-1.3-0.9-2.5-1.2-3.7c-0.3-1.2-0.5-2.3-0.7-3.3 c-0.2-1-0.3-2-0.4-2.8c-0.1-0.4-0.1-0.8-0.1-1.2c0-0.4,0-0.7,0-1.1c0-0.7,0-1.2,0-1.7C10,50.5,10,50,10,50z" fill="#ffffff" filter="url(#uil-ring-shadow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" dur="1s"></animateTransform></path></svg>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,49 +1,48 @@
|
||||
.wrapper {
|
||||
margin: 50px auto;
|
||||
height: 250px;
|
||||
width: 240px;
|
||||
position: relative;
|
||||
|
||||
.triangle {
|
||||
margin: 50px auto;
|
||||
height: 250px;
|
||||
width: 240px;
|
||||
position: relative;
|
||||
|
||||
.triangle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
animation: rotate 0.7s infinite 1s;
|
||||
}
|
||||
|
||||
|
||||
.bottom {
|
||||
border-width: 0 100px 100px 100px;
|
||||
border-color: transparent transparent #1fb050 transparent;
|
||||
bottom: 10px;
|
||||
left: calc(50% - 100px);
|
||||
}
|
||||
|
||||
|
||||
.top {
|
||||
border-width: 100px 100px 0 100px;
|
||||
border-color: #b4d575 transparent transparent transparent;
|
||||
top: 10px;
|
||||
left: calc(50% - 100px);
|
||||
}
|
||||
|
||||
|
||||
.left {
|
||||
border-width: 100px 0 100px 100px;
|
||||
border-color: transparent transparent transparent #1074b9;
|
||||
top: calc(50% - 100px);
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
|
||||
.right {
|
||||
border-width: 100px 100px 100px 0;
|
||||
border-color: transparent #1daeec transparent transparent;
|
||||
top: calc(50% - 100px);
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
@keyframes rotate {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
@@ -1,3 +1,3 @@
|
||||
export default {
|
||||
'npm_package_version': '1.0.0'
|
||||
'npm_package_version': '0.0.0'
|
||||
};
|
||||
|
||||
@@ -4,27 +4,40 @@
|
||||
<meta charset="utf-8"/>
|
||||
<title>MifosX</title>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="theme-color" content="#4e8ef7"/>
|
||||
<link rel="manifest" href="manifest.json"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
|
||||
<link rel="icon" type="image/png" href="assets/images/MifosX_logo.png" sizes="182x184">
|
||||
<link rel="apple-touch-icon" type="image/png" href="apple-touch-icon.png" sizes="182x184"/>
|
||||
<link rel="manifest" href="manifest.json"/>
|
||||
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Mono:300" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 10]>
|
||||
<p>
|
||||
You are using an <strong>outdated</strong> browser.
|
||||
Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
|
||||
</p>
|
||||
<p>
|
||||
You are using an <strong>outdated</strong> browser.
|
||||
Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
|
||||
</p>
|
||||
<![endif]-->
|
||||
|
||||
<noscript>
|
||||
<p>
|
||||
This page requires JavaScript to work properly. Please enable JavaScript in your browser.
|
||||
</p>
|
||||
</noscript>
|
||||
<app-root>
|
||||
|
||||
</app-root>
|
||||
<script>
|
||||
// This hides the address bar on mobile browsers
|
||||
// https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
|
||||
window.addEventListener('load',function() { window.scrollTo(0, 1); });
|
||||
</script>
|
||||
|
||||
<app-root>
|
||||
Loading...
|
||||
</app-root>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -3,20 +3,8 @@
|
||||
* Component-specific style should not go here and be included directly as part of the components.
|
||||
*/
|
||||
|
||||
|
||||
// Theme customization
|
||||
@import "styles/bootstrap-material/_variables.scss";
|
||||
@import "~bootstrap/scss/bootstrap";
|
||||
@import "styles/bootstrap-material/_bootswatch.scss";
|
||||
|
||||
// Theme variables, must be included before the libraries to allow overriding defaults
|
||||
@import "theme/theme-variables";
|
||||
|
||||
// 3rd party libraries
|
||||
@import "~@fortawesome/fontawesome-free-webfonts/scss/fontawesome.scss";
|
||||
@import "~@fortawesome/fontawesome-free-webfonts/scss/fa-brands.scss";
|
||||
@import "~@fortawesome/fontawesome-free-webfonts/scss/fa-regular.scss";
|
||||
@import "~@fortawesome/fontawesome-free-webfonts/scss/fa-solid.scss";
|
||||
|
||||
//other scss imports
|
||||
@import "styles/_loader.scss"
|
||||
// Other imports
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
import { enableProdMode } from '@angular/core';
|
||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
||||
|
||||
import { AppModule } from '@app/app.module';
|
||||
import { environment } from '@env/environment';
|
||||
import { AppModule } from './app/app.module';
|
||||
import { environment } from './environments/environment';
|
||||
|
||||
if (environment.production) {
|
||||
enableProdMode();
|
||||
|
||||
@@ -1,14 +1,17 @@
|
||||
{
|
||||
"name": "MifosX",
|
||||
"short_name": "Mifosx",
|
||||
"theme_color": "#488aff",
|
||||
"background_color": "#488aff",
|
||||
"scope": "/",
|
||||
"short_name": "MifosX",
|
||||
"name": "MifosX Web App",
|
||||
"start_url": "/",
|
||||
"scope": "/",
|
||||
"theme_color": "#fff",
|
||||
"background_color": "#fff",
|
||||
"display": "standalone",
|
||||
"icons": [{
|
||||
"src": "assets/ngx-rocket-logo.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}],
|
||||
"description": "MifosX Web App is the default web application built on top of the Fineract platform for the Mifos user community leveraging the popular Angular framework.",
|
||||
"icons": [
|
||||
{
|
||||
"src": "assets/images/MifosX_logo.png",
|
||||
"sizes": "182x184",
|
||||
"type": "image/png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,666 +0,0 @@
|
||||
// Materia 4.1.1
|
||||
// Bootswatch
|
||||
|
||||
|
||||
// Variables ===================================================================
|
||||
|
||||
$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" !default;
|
||||
@import url($web-font-path);
|
||||
|
||||
// Effects =====================================================================
|
||||
|
||||
@mixin ripple($color){
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: 0;
|
||||
@include gradient-radial($color 10%, transparent 10.01%);
|
||||
background-size: 1000% 1000%;
|
||||
background-position: 50%;
|
||||
border: none;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: background .5s, opacity 1s;
|
||||
}
|
||||
|
||||
&:active:after {
|
||||
background-size: 0 0;
|
||||
opacity: .2;
|
||||
transition: 0s;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar ======================================================================
|
||||
|
||||
.navbar {
|
||||
border: none;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,.3);
|
||||
|
||||
&-brand {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
&-nav .nav-link {
|
||||
padding-top: 0.9rem;
|
||||
padding-bottom: 0.9rem;
|
||||
}
|
||||
|
||||
&.bg-dark,
|
||||
&.bg-primary {
|
||||
|
||||
input[type=text],
|
||||
input[type=password] {
|
||||
color: #fff;
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 -2px 0 #fff;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Buttons =====================================================================
|
||||
|
||||
@mixin btn($class,$bg,$color){
|
||||
.btn-#{$class} {
|
||||
&:focus {
|
||||
background-color: $bg;
|
||||
box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active:hover {
|
||||
background-color: darken($bg, 6%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
box-shadow: 2px 2px 4px rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
@include ripple($color);
|
||||
}
|
||||
|
||||
.btn-outline-#{$class} {
|
||||
@include ripple($color);
|
||||
}
|
||||
}
|
||||
|
||||
@include btn(primary,$primary,$white);
|
||||
@include btn(secondary,$secondary,$gray-500);
|
||||
@include btn(success,$success,$white);
|
||||
@include btn(info,$info,$white);
|
||||
@include btn(warning,$warning,$white);
|
||||
@include btn(danger,$danger,$white);
|
||||
@include btn(dark,$dark,$white);
|
||||
@include btn(light,$light,$white);
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.4);
|
||||
transition: all 0.4s;
|
||||
|
||||
&-link {
|
||||
box-shadow: none;
|
||||
color: $link-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&.disabled, // Although btn-link is intended for buttons, which want to look like link, I include here a.disable for the sake of consistency
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&:hover,
|
||||
&:active:hover {
|
||||
color: $btn-link-disabled-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-secondary {
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
opacity: 1;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-outline-secondary {
|
||||
border-color: $gray-200;
|
||||
color: $gray-300;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.dropdown-toggle::before {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: 0.3em;
|
||||
vertical-align: middle;
|
||||
content: "";
|
||||
border-top: 0.3em solid;
|
||||
border-right: 0.3em solid transparent;
|
||||
border-left: 0.3em solid transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
.btn + .btn,
|
||||
.btn + .btn-group,
|
||||
.btn-group + .btn,
|
||||
.btn-group + .btn-group {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&-vertical {
|
||||
> .btn + .btn,
|
||||
> .btn + .btn-group,
|
||||
> .btn-group + .btn,
|
||||
> .btn-group + .btn-group {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.border-secondary {
|
||||
border: 1px solid #dfdfdf !important;
|
||||
}
|
||||
|
||||
// Typography ==================================================================
|
||||
|
||||
body,
|
||||
input,
|
||||
button {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
letter-spacing: .1px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
// Tables ======================================================================
|
||||
|
||||
.table-hover {
|
||||
> tbody > tr,
|
||||
> tbody > tr > th,
|
||||
> tbody > tr > td {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
.thead-inverse th {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
// Forms =======================================================================
|
||||
|
||||
.col-form-label {
|
||||
font-size: 16px;
|
||||
|
||||
&-sm {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
&-lg {
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
}
|
||||
|
||||
textarea,
|
||||
textarea.form-control,
|
||||
input.form-control,
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
[type=text].form-control,
|
||||
[type=password].form-control,
|
||||
[type=email].form-control,
|
||||
[type=tel].form-control,
|
||||
[contenteditable].form-control {
|
||||
font-size: 1rem;
|
||||
box-shadow: inset 0 -1px 0 #ddd;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 -2px 0 $primary;
|
||||
}
|
||||
|
||||
&[disabled],
|
||||
&[readonly] {
|
||||
box-shadow: none;
|
||||
border-bottom: 1px dotted #ddd;
|
||||
}
|
||||
|
||||
&:not(textarea) {
|
||||
height: $input-height;
|
||||
}
|
||||
|
||||
&.form-control {
|
||||
&-sm {
|
||||
height: $input-height-sm;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
&-lg {
|
||||
height: $input-height-lg;
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
}
|
||||
|
||||
&::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
select,
|
||||
select.form-control {
|
||||
appearance: none;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
|
||||
background-size: 13px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
box-shadow: inset 0 -1px 0 #ddd;
|
||||
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.input {
|
||||
&-sm {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
&-lg {
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 -2px 0 $primary;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
|
||||
}
|
||||
|
||||
&[multiple] {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-control-label {
|
||||
&::before {
|
||||
top: 0;
|
||||
border: 2px solid $gray-400;
|
||||
}
|
||||
&::after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.custom-control-input:checked ~ &::before {
|
||||
border-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-checkbox .custom-control-input:checked {
|
||||
~ .custom-control-label::after {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-radio .custom-control-input {
|
||||
&:checked {
|
||||
~ .custom-control-label::before {
|
||||
background-color: $white;
|
||||
}
|
||||
~ .custom-control-label::after {
|
||||
transform: scale(1.125);
|
||||
transition: 240ms;
|
||||
}
|
||||
}
|
||||
& {
|
||||
~ .custom-control-label::after {
|
||||
transform: scale(.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.has-warning {
|
||||
input:not([type=checkbox]),
|
||||
.form-control,
|
||||
input.form-control[readonly],
|
||||
input[type=text][readonly],
|
||||
[type=text].form-control[readonly],
|
||||
input:not([type=checkbox]):focus,
|
||||
.form-control:focus {
|
||||
border-bottom: none;
|
||||
box-shadow: inset 0 -2px 0 $warning;
|
||||
}
|
||||
}
|
||||
|
||||
.has-danger {
|
||||
input:not([type=checkbox]),
|
||||
.form-control,
|
||||
input.form-control[readonly],
|
||||
input[type=text][readonly],
|
||||
[type=text].form-control[readonly],
|
||||
input:not([type=checkbox]):focus,
|
||||
.form-control:focus {
|
||||
border-bottom: none;
|
||||
box-shadow: inset 0 -2px 0 $danger;
|
||||
}
|
||||
}
|
||||
|
||||
.has-success {
|
||||
input:not([type=checkbox]),
|
||||
.form-control,
|
||||
input.form-control[readonly],
|
||||
input[type=text][readonly],
|
||||
[type=text].form-control[readonly],
|
||||
input:not([type=checkbox]):focus,
|
||||
.form-control:focus {
|
||||
border-bottom: none;
|
||||
box-shadow: inset 0 -2px 0 $success;
|
||||
}
|
||||
}
|
||||
|
||||
// Remove the Bootstrap feedback styles for input addons
|
||||
.input-group-addon {
|
||||
.has-warning &, .has-danger &, .has-success & {
|
||||
color: $input-color;
|
||||
border-color: $input-group-addon-border-color;
|
||||
background-color: $input-group-addon-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
|
||||
> .input-group-prepend > .input-group-text {
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
|
||||
> .input-group-append > .input-group-text {
|
||||
padding-left: 0.25rem;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-sm {
|
||||
|
||||
> .input-group-prepend > .btn,
|
||||
> .input-group-append > .btn {
|
||||
padding: $input-btn-padding-y-sm $input-btn-padding-x-sm;
|
||||
}
|
||||
|
||||
> .input-group-prepend > .input-group-text {
|
||||
padding: $input-btn-padding-y-sm $input-btn-padding-x-sm $input-btn-padding-y-sm 0;
|
||||
}
|
||||
|
||||
> .input-group-append > .input-group-text {
|
||||
padding: $input-btn-padding-y-sm 0 $input-btn-padding-y-sm $input-btn-padding-x-sm;
|
||||
}
|
||||
|
||||
> .input-group-prepend > .btn {
|
||||
border-top-left-radius: $btn-border-radius-sm;
|
||||
border-bottom-left-radius: $btn-border-radius-sm;
|
||||
}
|
||||
|
||||
> .input-group-append > .btn {
|
||||
border-top-right-radius: $btn-border-radius-sm;
|
||||
border-bottom-right-radius: $btn-border-radius-sm;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-lg {
|
||||
|
||||
> .input-group-prepend > .btn,
|
||||
> .input-group-append > .btn {
|
||||
padding: $input-btn-padding-y-lg $input-btn-padding-x-lg;
|
||||
}
|
||||
|
||||
> .input-group-prepend > .input-group-text {
|
||||
padding: $input-btn-padding-y-lg $input-btn-padding-x-lg $input-btn-padding-y-lg 0;
|
||||
}
|
||||
|
||||
> .input-group-append > .input-group-text {
|
||||
padding: $input-btn-padding-y-lg 0 $input-btn-padding-y-lg $input-btn-padding-x-lg;
|
||||
}
|
||||
|
||||
> .input-group-prepend > .btn {
|
||||
border-top-left-radius: $btn-border-radius-lg;
|
||||
border-bottom-left-radius: $btn-border-radius-lg;
|
||||
}
|
||||
|
||||
> .input-group-append > .btn {
|
||||
border-top-right-radius: $btn-border-radius-lg;
|
||||
border-bottom-right-radius: $btn-border-radius-lg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-group-lg {
|
||||
select,
|
||||
select.form-control {
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
// Navs ========================================================================
|
||||
|
||||
.nav-tabs {
|
||||
.nav-item + .nav-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.nav-link,
|
||||
.nav-link:focus {
|
||||
margin-right: 0;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
color: $body-color;
|
||||
box-shadow: inset 0 -1px 0 #ddd;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 -2px 0 $primary;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link.active,
|
||||
.nav-link.active:focus {
|
||||
border: none;
|
||||
box-shadow: inset 0 -2px 0 $primary;
|
||||
color: $primary;
|
||||
|
||||
&:hover {
|
||||
border: none;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link.disabled {
|
||||
box-shadow: inset 0 -1px 0 #ddd;
|
||||
}
|
||||
|
||||
&.nav-justified {
|
||||
|
||||
.nav-link,
|
||||
.nav-link:hover,
|
||||
.nav-link:focus,
|
||||
.nav-link.active,
|
||||
.nav-link.active:hover,
|
||||
.nav-link.active:focus {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
margin-top: 0;
|
||||
border: none;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
// Indicators ==================================================================
|
||||
|
||||
.alert {
|
||||
padding-right: 2.5rem;
|
||||
|
||||
&, h1, h2, h3, h4, h5, h6 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
&-#{$color} {
|
||||
background-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
a:not(.btn),
|
||||
.alert-link {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&-secondary,
|
||||
&-light {
|
||||
&,
|
||||
& a:not(.btn),
|
||||
& .alert-link {
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
|
||||
&-secondary {
|
||||
background-color: $gray-500;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&-light {
|
||||
background-color: $gray-200;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.tag {
|
||||
padding: 4px 6px 4px;
|
||||
}
|
||||
|
||||
// Progress bars ===============================================================
|
||||
|
||||
// Containers ==================================================================
|
||||
|
||||
.close {
|
||||
line-height: 0.5;
|
||||
opacity: 0.6;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.4);
|
||||
|
||||
&.border-primary,
|
||||
&.border-secondary,
|
||||
&.border-success,
|
||||
&.border-info,
|
||||
&.border-warning,
|
||||
&.border-danger,
|
||||
&.border-light,
|
||||
&.border-dark {
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-dismissible {
|
||||
.close {
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group {
|
||||
&-item-action.active {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-radius: 0.2rem;
|
||||
box-shadow: 0 6px 36px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
.popover {
|
||||
border: none;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
.carousel {
|
||||
&-caption {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,129 +0,0 @@
|
||||
// Materia 4.1.1
|
||||
// Bootswatch
|
||||
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
||||
$white: #fff !default;
|
||||
$gray-100: #f8f9fa !default;
|
||||
$gray-200: #eee !default;
|
||||
$gray-300: #dee2e6 !default;
|
||||
$gray-400: #ced4da !default;
|
||||
$gray-500: #bbb !default;
|
||||
$gray-600: #666 !default;
|
||||
$gray-700: #444 !default;
|
||||
$gray-800: #222 !default;
|
||||
$gray-900: #212121 !default;
|
||||
$black: #000 !default;
|
||||
|
||||
$blue: #2196F3 !default;
|
||||
$indigo: #6610f2 !default;
|
||||
$purple: #6f42c1 !default;
|
||||
$pink: #e83e8c !default;
|
||||
$red: #e51c23 !default;
|
||||
$orange: #fd7e14 !default;
|
||||
$yellow: #ff9800 !default;
|
||||
$green: #4CAF50 !default;
|
||||
$teal: #20c997 !default;
|
||||
$cyan: #9C27B0 !default;
|
||||
|
||||
$primary: $blue !default;
|
||||
$secondary: $white !default;
|
||||
$success: $green !default;
|
||||
$info: $cyan !default;
|
||||
$warning: $yellow !default;
|
||||
$danger: $red !default;
|
||||
$light: $white !default;
|
||||
$dark: $gray-800 !default;
|
||||
|
||||
// Body
|
||||
|
||||
$body-color: $gray-700 !default;
|
||||
|
||||
// Fonts
|
||||
|
||||
$font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
||||
|
||||
$font-size-base: 0.8125rem !default;
|
||||
|
||||
$font-weight-base: 400 !default;
|
||||
|
||||
// Buttons
|
||||
|
||||
$input-btn-padding-y: 1rem !default;
|
||||
$input-btn-padding-x: 1rem !default;
|
||||
|
||||
// Forms
|
||||
|
||||
$input-padding-y: 1rem !default;
|
||||
$input-padding-x: 0 !default;
|
||||
|
||||
$input-padding-y-sm: $font-size-base !default;
|
||||
$input-padding-x-sm: 0 !default;
|
||||
|
||||
$input-padding-y-lg: ($font-size-base * 1.25) !default;
|
||||
$input-padding-x-lg: 0 !default;
|
||||
|
||||
$input-bg: transparent !default;
|
||||
$input-disabled-bg: transparent !default;
|
||||
|
||||
$input-color: $gray-600 !default;
|
||||
$input-border-color: transparent !default;
|
||||
$input-border-width: 0rem !default;
|
||||
|
||||
$input-border-radius: 0 !default;
|
||||
$input-border-radius-lg: 0 !default;
|
||||
$input-border-radius-sm: 0 !default;
|
||||
|
||||
$input-placeholder-color: rgba(0,0,0,0.4) !default;
|
||||
|
||||
$input-group-addon-bg: transparent !default;
|
||||
|
||||
$custom-control-gutter: 1.75rem !default;
|
||||
|
||||
$custom-control-indicator-focus-box-shadow: 0 !default;
|
||||
|
||||
$custom-control-indicator-size: 1.25rem !default;
|
||||
$custom-control-indicator-bg: $white;
|
||||
$custom-checkbox-indicator-border-radius: 2px !default;
|
||||
|
||||
$custom-control-indicator-disabled-bg: $gray-100 !default;
|
||||
|
||||
$custom-radio-indicator-icon-checked: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='%232196F3'/%3E%3C/svg%3E") !default;
|
||||
|
||||
// Navs
|
||||
|
||||
$nav-link-disabled-color: $gray-500 !default;
|
||||
|
||||
$nav-tabs-border-color: transparent !default;
|
||||
|
||||
// Navbar
|
||||
|
||||
$navbar-padding-y: 1rem !default;
|
||||
|
||||
$navbar-dark-color: rgba($white,.75) !default;
|
||||
$navbar-dark-hover-color: $white !default;
|
||||
|
||||
// Cards
|
||||
|
||||
$card-border-width: 0;
|
||||
$card-border-color: transparent;
|
||||
|
||||
// Tooltips
|
||||
|
||||
$tooltip-bg: $gray-700 !default;
|
||||
|
||||
// Modals
|
||||
|
||||
$modal-content-border-color: transparent !default;
|
||||
|
||||
// Progress bars
|
||||
|
||||
$progress-height: 0.375rem !default;
|
||||
$progress-border-radius: 0 !default;
|
||||
|
||||
// Close
|
||||
|
||||
$close-font-size: 2.125rem !default;
|
||||
$close-font-weight: 300 !default;
|
||||
@@ -1,55 +0,0 @@
|
||||
/*
|
||||
* Application global variables.
|
||||
*/
|
||||
|
||||
// Set Font Awesome font path
|
||||
$fa-font-path: "~@fortawesome/fontawesome-free-webfonts/webfonts";
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Bootstrap variables
|
||||
//
|
||||
// Override Bootstrap variables here to suite your theme.
|
||||
// Copy variables you want to customize from node_modules/bootstrap/scss/_variables.scss
|
||||
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #e9ecef;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #868e96;
|
||||
$gray-700: #495057;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$blue: #0073dd;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #dc3545;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #ffc107;
|
||||
$green: #28a745;
|
||||
$teal: #20c997;
|
||||
$cyan: #17a2b8;
|
||||
|
||||
$theme-colors: (
|
||||
primary: $blue,
|
||||
secondary: $gray-600,
|
||||
success: $green,
|
||||
info: $cyan,
|
||||
warning: $yellow,
|
||||
danger: $red,
|
||||
light: $gray-100,
|
||||
dark: $gray-800
|
||||
);
|
||||
|
||||
// Use Bootstrap defaults for other variables, imported here so we can access all app variables in one place when used
|
||||
// in components.
|
||||
@import "~bootstrap/scss/_functions";
|
||||
@import "~bootstrap/scss/_variables";
|
||||
@@ -1,7 +1,6 @@
|
||||
{
|
||||
"APP_NAME": "MifosX",
|
||||
"About": "About",
|
||||
"Hello world !": "Hello world !",
|
||||
"Home": "Home",
|
||||
"Logged in as": "Logged in as",
|
||||
"Login": "Login",
|
||||
@@ -10,7 +9,7 @@
|
||||
"Password is required": "Password is required",
|
||||
"Username": "Username",
|
||||
"Username is required": "Username is required",
|
||||
"Username or password incorrect.": "Username or password incorrect.",
|
||||
"Username or password incorrect.": "Username or password incorrect",
|
||||
"Remember me": "Remember me",
|
||||
"Version": "Version"
|
||||
}
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
{
|
||||
"APP_NAME": "MifosX",
|
||||
"About": "A propos",
|
||||
"Hello world !": "Bonjour le monde !",
|
||||
"Home": "Accueil",
|
||||
"Logged in as": "Connecté en tant que",
|
||||
"Login": "Connexion",
|
||||
@@ -10,7 +9,7 @@
|
||||
"Password is required": "Mot de passe requis",
|
||||
"Username": "Identifiant",
|
||||
"Username is required": "Identifiant requis",
|
||||
"Username or password incorrect.": "Identifiant ou mot de passe incorrect.",
|
||||
"Username or password incorrect.": "Identifiant ou mot de passe incorrect",
|
||||
"Remember me": "Rester connecté",
|
||||
"Version": "Version"
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
{
|
||||
"compileOnSave": false,
|
||||
"compilerOptions": {
|
||||
"baseUrl": "src",
|
||||
"outDir": "./dist/out-tsc",
|
||||
"sourceMap": true,
|
||||
"declaration": false,
|
||||
@@ -16,11 +17,6 @@
|
||||
"lib": [
|
||||
"es2017",
|
||||
"dom"
|
||||
],
|
||||
"baseUrl": "src",
|
||||
"paths": {
|
||||
"@app/*": ["app/*"],
|
||||
"@env/*": ["environments/*"]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -129,13 +129,13 @@
|
||||
"directive-selector": [
|
||||
true,
|
||||
"attribute",
|
||||
"app",
|
||||
"mifosx",
|
||||
"camelCase"
|
||||
],
|
||||
"component-selector": [
|
||||
true,
|
||||
"element",
|
||||
"app",
|
||||
"mifosx",
|
||||
"kebab-case"
|
||||
],
|
||||
"no-output-on-prefix": true,
|
||||
|
||||