mirror of
https://github.com/farcasclaudiu/kanban2.git
synced 2026-06-22 07:01:37 +03:00
Initial commit by angular2-firebase-bootstrap generator
This commit is contained in:
@@ -0,0 +1,13 @@
|
|||||||
|
# Editor configuration, see http://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
max_line_length = off
|
||||||
|
trim_trailing_whitespace = false
|
||||||
+35
@@ -0,0 +1,35 @@
|
|||||||
|
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# compiled output
|
||||||
|
/dist
|
||||||
|
/tmp
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/bower_components
|
||||||
|
|
||||||
|
# IDEs and editors
|
||||||
|
/.idea
|
||||||
|
/.vscode
|
||||||
|
.project
|
||||||
|
.classpath
|
||||||
|
.c9/
|
||||||
|
*.launch
|
||||||
|
.settings/
|
||||||
|
|
||||||
|
# misc
|
||||||
|
/.sass-cache
|
||||||
|
/connect.lock
|
||||||
|
/coverage/*
|
||||||
|
/libpeerconnection.log
|
||||||
|
npm-debug.log
|
||||||
|
testem.log
|
||||||
|
/typings
|
||||||
|
|
||||||
|
# e2e
|
||||||
|
/e2e/*.js
|
||||||
|
/e2e/*.map
|
||||||
|
|
||||||
|
#System Files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
# kanban2
|
||||||
|
|
||||||
|
## Purpose
|
||||||
|
|
||||||
|
This project is a generator for creating new projects with the following features:
|
||||||
|
|
||||||
|
* Angular 2 (based on angular-cli)
|
||||||
|
* Firebase via AngualarFire2
|
||||||
|
* Bootstrap with ng2-bootstrap
|
||||||
|
|
||||||
|
## Configuration
|
||||||
|
|
||||||
|
You will need to configure your firebase credentials in firebaseConfig.ts. This can be copied
|
||||||
|
almost directly from the proposed configuration from the Firebase console.
|
||||||
|
|
||||||
|
```angular2html
|
||||||
|
apiKey: "????",
|
||||||
|
authDomain: "????",
|
||||||
|
databaseURL: "???",
|
||||||
|
storageBucket: "???",
|
||||||
|
messagingSenderId: "???"
|
||||||
|
```
|
||||||
|
|
||||||
|
#Angular 2 Specifics
|
||||||
|
|
||||||
|
This project was generated with [angular-cli](https://github.com/angular/angular-cli) version 1.0.0-beta.21.
|
||||||
|
|
||||||
|
## Development server
|
||||||
|
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
|
||||||
|
|
||||||
|
## Code scaffolding
|
||||||
|
|
||||||
|
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class`.
|
||||||
|
|
||||||
|
## Build
|
||||||
|
|
||||||
|
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
|
||||||
|
|
||||||
|
## Running unit tests
|
||||||
|
|
||||||
|
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
||||||
|
|
||||||
|
## Running end-to-end tests
|
||||||
|
|
||||||
|
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
|
||||||
|
Before running the tests make sure you are serving the app via `ng serve`.
|
||||||
|
|
||||||
|
## Deploying to Github Pages
|
||||||
|
|
||||||
|
Run `ng github-pages:deploy` to deploy to Github Pages.
|
||||||
|
|
||||||
|
## Further help
|
||||||
|
|
||||||
|
To get more help on the `angular-cli` use `ng --help` or go check out the [Angular-CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
{
|
||||||
|
"project": {
|
||||||
|
"version": "1.0.0-beta.21",
|
||||||
|
"name": "kanban2"
|
||||||
|
},
|
||||||
|
"apps": [
|
||||||
|
{
|
||||||
|
"root": "src",
|
||||||
|
"outDir": "dist",
|
||||||
|
"assets": [
|
||||||
|
"assets",
|
||||||
|
"favicon.ico"
|
||||||
|
],
|
||||||
|
"index": "index.html",
|
||||||
|
"main": "main.ts",
|
||||||
|
"test": "test.ts",
|
||||||
|
"tsconfig": "tsconfig.json",
|
||||||
|
"prefix": "app",
|
||||||
|
"mobile": false,
|
||||||
|
"styles": [
|
||||||
|
"styles.css",
|
||||||
|
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||||
|
],
|
||||||
|
"scripts": [],
|
||||||
|
"environments": {
|
||||||
|
"source": "environments/environment.ts",
|
||||||
|
"dev": "environments/environment.ts",
|
||||||
|
"prod": "environments/environment.prod.ts"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"addons": [],
|
||||||
|
"packages": [],
|
||||||
|
"e2e": {
|
||||||
|
"protractor": {
|
||||||
|
"config": "./protractor.conf.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"test": {
|
||||||
|
"karma": {
|
||||||
|
"config": "./karma.conf.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaults": {
|
||||||
|
"styleExt": "css",
|
||||||
|
"prefixInterfaces": false,
|
||||||
|
"inline": {
|
||||||
|
"style": false,
|
||||||
|
"template": false
|
||||||
|
},
|
||||||
|
"spec": {
|
||||||
|
"class": false,
|
||||||
|
"component": true,
|
||||||
|
"directive": true,
|
||||||
|
"module": false,
|
||||||
|
"pipe": true,
|
||||||
|
"service": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
import { ValuationJsPage } from './app.po';
|
||||||
|
|
||||||
|
describe('kanban2 App', function() {
|
||||||
|
let page: ValuationJsPage;
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
page = new ValuationJsPage();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should display message saying app works', () => {
|
||||||
|
page.navigateTo();
|
||||||
|
expect(page.getParagraphText()).toEqual('app works!');
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import { browser, element, by } from 'protractor';
|
||||||
|
|
||||||
|
export class ValuationJsPage {
|
||||||
|
navigateTo() {
|
||||||
|
return browser.get('/');
|
||||||
|
}
|
||||||
|
|
||||||
|
getParagraphText() {
|
||||||
|
return element(by.css('app-root h1')).getText();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
{
|
||||||
|
"compileOnSave": false,
|
||||||
|
"compilerOptions": {
|
||||||
|
"declaration": false,
|
||||||
|
"emitDecoratorMetadata": true,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"module": "commonjs",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"outDir": "../dist/out-tsc-e2e",
|
||||||
|
"sourceMap": true,
|
||||||
|
"target": "es5",
|
||||||
|
"typeRoots": [
|
||||||
|
"../node_modules/@types"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
// Karma configuration file, see link for more information
|
||||||
|
// https://karma-runner.github.io/0.13/config/configuration-file.html
|
||||||
|
|
||||||
|
module.exports = function (config) {
|
||||||
|
config.set({
|
||||||
|
basePath: '',
|
||||||
|
frameworks: ['jasmine', 'angular-cli'],
|
||||||
|
plugins: [
|
||||||
|
require('karma-jasmine'),
|
||||||
|
require('karma-chrome-launcher'),
|
||||||
|
require('karma-remap-istanbul'),
|
||||||
|
require('angular-cli/plugins/karma')
|
||||||
|
],
|
||||||
|
files: [
|
||||||
|
{ pattern: './src/test.ts', watched: false }
|
||||||
|
],
|
||||||
|
preprocessors: {
|
||||||
|
'./src/test.ts': ['angular-cli']
|
||||||
|
},
|
||||||
|
mime: {
|
||||||
|
'text/x-typescript': ['ts','tsx']
|
||||||
|
},
|
||||||
|
remapIstanbulReporter: {
|
||||||
|
reports: {
|
||||||
|
html: 'coverage',
|
||||||
|
lcovonly: './coverage/coverage.lcov'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
angularCli: {
|
||||||
|
config: './angular-cli.json',
|
||||||
|
environment: 'dev'
|
||||||
|
},
|
||||||
|
reporters: config.angularCli && config.angularCli.codeCoverage
|
||||||
|
? ['progress', 'karma-remap-istanbul']
|
||||||
|
: ['progress'],
|
||||||
|
port: 9876,
|
||||||
|
colors: true,
|
||||||
|
logLevel: config.LOG_INFO,
|
||||||
|
autoWatch: true,
|
||||||
|
browsers: ['Chrome'],
|
||||||
|
singleRun: false
|
||||||
|
});
|
||||||
|
};
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
{
|
||||||
|
"name": "kanban2",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"license": "MIT",
|
||||||
|
"angular-cli": {},
|
||||||
|
"scripts": {
|
||||||
|
"start": "ng serve",
|
||||||
|
"lint": "tslint \"src/**/*.ts\"",
|
||||||
|
"test": "ng test",
|
||||||
|
"pree2e": "webdriver-manager update",
|
||||||
|
"e2e": "protractor"
|
||||||
|
},
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@angular/common": "2.4.7",
|
||||||
|
"@angular/compiler": "2.4.7",
|
||||||
|
"@angular/core": "2.4.7",
|
||||||
|
"@angular/forms": "2.4.7",
|
||||||
|
"@angular/http": "2.4.7",
|
||||||
|
"@angular/platform-browser": "2.4.7",
|
||||||
|
"@angular/platform-browser-dynamic": "2.4.7",
|
||||||
|
"@angular/router": "3.4.7",
|
||||||
|
"angularfire2": "^2.0.0-beta.7",
|
||||||
|
"firebase": "3.6.9",
|
||||||
|
"bootstrap": "3.3.7",
|
||||||
|
"core-js": "2.4.1",
|
||||||
|
"ng2-bootstrap": "^1.3.3",
|
||||||
|
"rxjs": "5.0.3",
|
||||||
|
"ts-helpers": "1.1.2",
|
||||||
|
"zone.js": "0.7.6"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@angular/compiler-cli": "2.4.7",
|
||||||
|
"@types/jasmine": "2.5.38",
|
||||||
|
"@types/node": "^6.0.60",
|
||||||
|
"angular-cli": "1.0.0-beta.28.3",
|
||||||
|
"codelyzer": "~1.0.0-beta.3",
|
||||||
|
"jasmine-core": "2.5.2",
|
||||||
|
"jasmine-spec-reporter": "2.5.0",
|
||||||
|
"karma": "1.2.0",
|
||||||
|
"karma-chrome-launcher": "2.0.0",
|
||||||
|
"karma-cli": "1.0.1",
|
||||||
|
"karma-jasmine": "1.0.2",
|
||||||
|
"karma-remap-istanbul": "0.2.1",
|
||||||
|
"protractor": "4.0.13",
|
||||||
|
"ts-node": "1.2.1",
|
||||||
|
"tslint": "4.2.0",
|
||||||
|
"typescript": "~2.1.6"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
// Protractor configuration file, see link for more information
|
||||||
|
// https://github.com/angular/protractor/blob/master/docs/referenceConf.js
|
||||||
|
|
||||||
|
/*global jasmine */
|
||||||
|
var SpecReporter = require('jasmine-spec-reporter');
|
||||||
|
|
||||||
|
exports.config = {
|
||||||
|
allScriptsTimeout: 11000,
|
||||||
|
specs: [
|
||||||
|
'./e2e/**/*.e2e-spec.ts'
|
||||||
|
],
|
||||||
|
capabilities: {
|
||||||
|
'browserName': 'chrome'
|
||||||
|
},
|
||||||
|
directConnect: true,
|
||||||
|
baseUrl: 'http://localhost:4200/',
|
||||||
|
framework: 'jasmine',
|
||||||
|
jasmineNodeOpts: {
|
||||||
|
showColors: true,
|
||||||
|
defaultTimeoutInterval: 30000,
|
||||||
|
print: function() {}
|
||||||
|
},
|
||||||
|
useAllAngular2AppRoots: true,
|
||||||
|
beforeLaunch: function() {
|
||||||
|
require('ts-node').register({
|
||||||
|
project: 'e2e'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onPrepare: function() {
|
||||||
|
jasmine.getEnv().addReporter(new SpecReporter());
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
<div class="container">
|
||||||
|
<h1>
|
||||||
|
{{title}}
|
||||||
|
</h1>
|
||||||
|
<div class="row" *ngIf="isLoggedIn()|async">
|
||||||
|
<app-display-user></app-display-user>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div *ngIf="!(isLoggedIn()|async)" class="col-md-4 col-md-offset-1">
|
||||||
|
<app-login-user></app-login-user>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="!(isLoggedIn()|async)" class="col-md-4 col-md-offset-1">
|
||||||
|
<app-register-user></app-register-user>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
/* tslint:disable:no-unused-variable */
|
||||||
|
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||||
|
import {TestBed, async} from "@angular/core/testing";
|
||||||
|
import {AppComponent} from "./app.component";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {AuthServiceStub} from "app/shared/auth.service.stub";
|
||||||
|
|
||||||
|
describe('AppComponent', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
let authServiceStub = new AuthServiceStub(true);
|
||||||
|
|
||||||
|
TestBed.configureTestingModule({
|
||||||
|
declarations: [
|
||||||
|
AppComponent
|
||||||
|
],
|
||||||
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||||
|
providers: [
|
||||||
|
{provide: AuthService, useValue: authServiceStub}
|
||||||
|
]
|
||||||
|
});;
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create the app', async(() => {
|
||||||
|
let fixture = TestBed.createComponent(AppComponent);
|
||||||
|
let app = fixture.debugElement.componentInstance;
|
||||||
|
expect(app).toBeTruthy();
|
||||||
|
}));
|
||||||
|
|
||||||
|
it(`should have as title 'app works!'`, async(() => {
|
||||||
|
let fixture = TestBed.createComponent(AppComponent);
|
||||||
|
let app = fixture.debugElement.componentInstance;
|
||||||
|
expect(app.title).toEqual('app works! - kanban2');
|
||||||
|
}));
|
||||||
|
|
||||||
|
it('should render title in a h1 tag', async(() => {
|
||||||
|
let fixture = TestBed.createComponent(AppComponent);
|
||||||
|
fixture.detectChanges();
|
||||||
|
let compiled = fixture.debugElement.nativeElement;
|
||||||
|
expect(compiled.querySelector('h1').textContent).toContain('app works! - kanban2');
|
||||||
|
}));
|
||||||
|
});
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
import {Component} from "@angular/core";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-root',
|
||||||
|
templateUrl: './app.component.html',
|
||||||
|
styleUrls: ['./app.component.css']
|
||||||
|
})
|
||||||
|
export class AppComponent {
|
||||||
|
title = 'app works! - kanban2';
|
||||||
|
|
||||||
|
constructor(private authService: AuthService) {
|
||||||
|
}
|
||||||
|
|
||||||
|
isLoggedIn(): Observable<boolean> {
|
||||||
|
return this.authService.isLoggedIn();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import {BrowserModule} from "@angular/platform-browser";
|
||||||
|
import {NgModule} from "@angular/core";
|
||||||
|
import {FormsModule, ReactiveFormsModule} from "@angular/forms";
|
||||||
|
import {HttpModule} from "@angular/http";
|
||||||
|
import {AppComponent} from "./app.component";
|
||||||
|
import {authConfig, firebaseConfig} from "environments/firebaseConfig";
|
||||||
|
import {AngularFireModule} from "angularfire2";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {LoginUserComponent} from "app/login-user/login-user.component";
|
||||||
|
import {DisplayUserComponent} from "app/display-user/display-user.component";
|
||||||
|
import {RegisterUserComponent} from "app/register-user/register-user.component";
|
||||||
|
import {AlertModule} from "ng2-bootstrap";
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
declarations: [
|
||||||
|
AppComponent,
|
||||||
|
DisplayUserComponent,
|
||||||
|
LoginUserComponent,
|
||||||
|
RegisterUserComponent
|
||||||
|
],
|
||||||
|
imports: [
|
||||||
|
BrowserModule,
|
||||||
|
FormsModule,
|
||||||
|
ReactiveFormsModule,
|
||||||
|
HttpModule,
|
||||||
|
AlertModule.forRoot(),
|
||||||
|
AngularFireModule.initializeApp(firebaseConfig, authConfig)
|
||||||
|
],
|
||||||
|
providers: [AuthService],
|
||||||
|
bootstrap: [AppComponent]
|
||||||
|
})
|
||||||
|
export class AppModule {
|
||||||
|
}
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 col-md-offset-3">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">User Information</div>
|
||||||
|
<ul class="list-group">
|
||||||
|
<li class="list-group-item">Email: {{(currentUser()|async).email}}</li>
|
||||||
|
<li class="list-group-item">Display Name: {{(currentUser()|async).displayName}}</li>
|
||||||
|
<li class="list-group-item">Uid: {{(currentUser()|async).uid}}</li>
|
||||||
|
<li class="list-group-item">Provider Id: {{(currentUser()|async).providerId}}</li>
|
||||||
|
<li class="list-group-item" *ngIf="(currentUser()|async).photoURL"><img
|
||||||
|
[src]="(currentUser()|async).photoURL"/></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 col-md-offset-5">
|
||||||
|
<a href="#" class="btn btn-lg btn-primary btn-block" (click)="logout()">Log out</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,42 @@
|
|||||||
|
/* tslint:disable:no-unused-variable */
|
||||||
|
import {async, ComponentFixture, TestBed} from "@angular/core/testing";
|
||||||
|
import {DisplayUserComponent} from "./display-user.component";
|
||||||
|
import {AsyncSubject, Observable, ReplaySubject} from "rxjs";
|
||||||
|
import {FormsModule} from "@angular/forms";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {UserInfo} from "app/shared/user-info";
|
||||||
|
import {By} from "@angular/platform-browser";
|
||||||
|
import {AuthServiceStub} from "app/shared/auth.service.stub";
|
||||||
|
|
||||||
|
describe('DisplayUserComponent', () => {
|
||||||
|
|
||||||
|
let component: DisplayUserComponent;
|
||||||
|
let fixture: ComponentFixture<DisplayUserComponent>;
|
||||||
|
|
||||||
|
beforeEach(async(() => {
|
||||||
|
let authServiceStub = new AuthServiceStub(true);
|
||||||
|
|
||||||
|
TestBed.configureTestingModule({
|
||||||
|
imports: [FormsModule],
|
||||||
|
declarations: [DisplayUserComponent],
|
||||||
|
providers: [
|
||||||
|
{provide: AuthService, useValue: authServiceStub}
|
||||||
|
]
|
||||||
|
}).compileComponents();
|
||||||
|
}));
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fixture = TestBed.createComponent(DisplayUserComponent);
|
||||||
|
component = fixture.componentInstance;
|
||||||
|
fixture.detectChanges();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should display userinfo when logged in', () => {
|
||||||
|
expect(component).toBeTruthy();
|
||||||
|
let elements = fixture.debugElement.queryAll(By.css(".list-group-item"));
|
||||||
|
expect(elements[0].nativeElement.textContent).toContain("Email: my-email");
|
||||||
|
expect(elements[1].nativeElement.textContent).toContain("Display Name: my-display-name");
|
||||||
|
expect(elements[2].nativeElement.textContent).toContain("Uid: my-uid");
|
||||||
|
expect(elements[3].nativeElement.textContent).toContain("Provider Id: my-provider-id");
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
import {Component, OnInit} from "@angular/core";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {UserInfo} from "app/shared/user-info";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-display-user',
|
||||||
|
templateUrl: './display-user.component.html',
|
||||||
|
styleUrls: ['./display-user.component.css']
|
||||||
|
})
|
||||||
|
export class DisplayUserComponent {
|
||||||
|
|
||||||
|
constructor(private authService: AuthService) {}
|
||||||
|
|
||||||
|
currentUser(): Observable<UserInfo> {
|
||||||
|
return this.authService.currentUser();
|
||||||
|
}
|
||||||
|
|
||||||
|
logout() {
|
||||||
|
this.authService.logout();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
export * from './app.component';
|
||||||
|
export * from './app.module';
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
|
||||||
|
.login-or {
|
||||||
|
position: relative;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #aaa;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.span-or {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: -2px;
|
||||||
|
margin-left: -25px;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 50px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr-or {
|
||||||
|
background-color: #cdcdcd;
|
||||||
|
height: 1px;
|
||||||
|
margin-top: 0px !important;
|
||||||
|
margin-bottom: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 300%;
|
||||||
|
}
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
<h3>Please Log In</h3>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-6 col-sm-6 col-md-6">
|
||||||
|
<a href="#" class="btn btn-lg btn-primary btn-block" (click)="loginVia('twitter')">Twitter</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-6 col-md-6">
|
||||||
|
<a href="#" class="btn btn-lg btn-info btn-block" (click)="loginVia('google')">Google</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="login-or">
|
||||||
|
<hr class="hr-or">
|
||||||
|
<span class="span-or">or</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form [formGroup]="form" role="form" (ngSubmit)="login(form.value)" novalidate>
|
||||||
|
<div class="form-group" [class.has-error]="email.invalid && email.touched">
|
||||||
|
<label for="email">Email</label>
|
||||||
|
<input [formControl]="email" required type="text" class="form-control" id="email" name="email">
|
||||||
|
<div class="help-block">
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li *ngIf="email.valid || email.pristine">Enter your email address</li>
|
||||||
|
<li *ngIf="email.dirty && email.hasError('required')">An email address is required</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group" [class.has-error]="password.invalid && password.touched">
|
||||||
|
<label for="password">Password</label>
|
||||||
|
<input [formControl]="password" type="password" class="form-control" id="password" name="password">
|
||||||
|
<div class="help-block">
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li *ngIf="password.valid || password.pristine">Enter your password</li>
|
||||||
|
<li *ngIf="password.dirty && password.hasError('required')">A password is required</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn btn-primary">
|
||||||
|
Log In
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
/* tslint:disable:no-unused-variable */
|
||||||
|
import {async, ComponentFixture, TestBed} from "@angular/core/testing";
|
||||||
|
import {LoginUserComponent} from "./login-user.component";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {FormsModule, ReactiveFormsModule} from "@angular/forms";
|
||||||
|
import {AsyncSubject, Observable, ReplaySubject} from "rxjs";
|
||||||
|
import {UserInfo} from "app/shared/user-info";
|
||||||
|
import {AuthServiceStub} from "app/shared/auth.service.stub";
|
||||||
|
|
||||||
|
describe('LoginUserComponent', () => {
|
||||||
|
let component: LoginUserComponent;
|
||||||
|
let fixture: ComponentFixture<LoginUserComponent>;
|
||||||
|
|
||||||
|
beforeEach(async(() => {
|
||||||
|
let authServiceStub = new AuthServiceStub(true);
|
||||||
|
|
||||||
|
TestBed.configureTestingModule({
|
||||||
|
imports: [
|
||||||
|
FormsModule,
|
||||||
|
ReactiveFormsModule
|
||||||
|
],
|
||||||
|
declarations: [LoginUserComponent],
|
||||||
|
providers: [
|
||||||
|
{provide: AuthService, useValue: authServiceStub}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
.compileComponents();
|
||||||
|
}));
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fixture = TestBed.createComponent(LoginUserComponent);
|
||||||
|
component = fixture.componentInstance;
|
||||||
|
fixture.detectChanges();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create', () => {
|
||||||
|
expect(component).toBeTruthy();
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
import {Component} from "@angular/core";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {FormBuilder, Validators, AbstractControl, FormGroup} from "@angular/forms";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-login-user',
|
||||||
|
templateUrl: './login-user.component.html',
|
||||||
|
styleUrls: ['./login-user.component.css']
|
||||||
|
})
|
||||||
|
export class LoginUserComponent {
|
||||||
|
form: FormGroup;
|
||||||
|
email: AbstractControl;
|
||||||
|
password: AbstractControl;
|
||||||
|
|
||||||
|
constructor(private authService: AuthService, private fb: FormBuilder) {
|
||||||
|
this.form = fb.group({
|
||||||
|
'email': ['', Validators.required],
|
||||||
|
'password': ['', Validators.required]
|
||||||
|
});
|
||||||
|
this.email = this.form.controls['email'];
|
||||||
|
this.password = this.form.controls['password'];
|
||||||
|
}
|
||||||
|
|
||||||
|
login(value: any) {
|
||||||
|
if (this.form.valid) {
|
||||||
|
this.authService.login(this.email.value, this.password.value);
|
||||||
|
this.form.reset();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
loginVia(provider: string) {
|
||||||
|
this.authService.loginViaProvider(provider);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
.main {
|
||||||
|
max-width: 320px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-or {
|
||||||
|
position: relative;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #aaa;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.span-or {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: -2px;
|
||||||
|
margin-left: -25px;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 50px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr-or {
|
||||||
|
background-color: #cdcdcd;
|
||||||
|
height: 1px;
|
||||||
|
margin-top: 0px !important;
|
||||||
|
margin-bottom: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 300%;
|
||||||
|
}
|
||||||
@@ -0,0 +1,56 @@
|
|||||||
|
<h3>Register</h3>
|
||||||
|
<form [formGroup]="form" role="form" (ngSubmit)="onSubmit(form.value)" novalidate>
|
||||||
|
<div class="form-group" [class.has-error]="name.invalid && name.touched">
|
||||||
|
<label for="name" class="control-label">Name</label>
|
||||||
|
<input [formControl]="name" required type="text" class="form-control" id="name" name="name">
|
||||||
|
<div class="help-block">
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li *ngIf="name.valid || name.pristine">Enter your name</li>
|
||||||
|
<li *ngIf="name.dirty && name.hasError('required')">A name is required</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group" [class.has-error]="email.invalid && email.touched">
|
||||||
|
<label for="email" class="control-label">Email</label>
|
||||||
|
<input [formControl]="email" required type="email" class="form-control" id="email" name="email">
|
||||||
|
<div class="help-block">
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li *ngIf="email.valid || email.pristine">Enter your email address</li>
|
||||||
|
<li *ngIf="email.dirty && email.hasError('required')">An email address is required</li>
|
||||||
|
<li *ngIf="email.dirty && email.hasError('pattern')">Please enter a valid email address</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group" [class.has-error]="password.invalid && password.touched">
|
||||||
|
<label for="password">Password</label>
|
||||||
|
<input [formControl]="password" type="password" required class="form-control" id="password" name="password">
|
||||||
|
<div class="help-block">
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li *ngIf="password.dirty && password.valid || password.pristine">Enter your password</li>
|
||||||
|
<li *ngIf="password.dirty && password.hasError('required')">A password is required</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group"
|
||||||
|
[class.has-error]="(password2.invalid || form.hasError('mismatchedPasswords')) && password2.touched">
|
||||||
|
<label for="password2">Repeat Password</label>
|
||||||
|
<input [formControl]="password2" type="password" required class="form-control" id="password2"
|
||||||
|
name="password2">
|
||||||
|
<div class="help-block">
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li *ngIf="(password2.valid && !form.hasError('mismatchedPasswords')) || password2.pristine">Repeat
|
||||||
|
your
|
||||||
|
password
|
||||||
|
</li>
|
||||||
|
<li *ngIf="password2.dirty && password2.hasError('required')">A password is required</li>
|
||||||
|
<li *ngIf="password2.dirty && password2.valid && form.hasError('mismatchedPasswords')">Passwords
|
||||||
|
don't
|
||||||
|
match
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn btn-primary">
|
||||||
|
Register
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
/* tslint:disable:no-unused-variable */
|
||||||
|
import {async, ComponentFixture, TestBed} from "@angular/core/testing";
|
||||||
|
import {RegisterUserComponent} from "./register-user.component";
|
||||||
|
import {ReactiveFormsModule, FormsModule} from "@angular/forms";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {AuthServiceStub} from "app/shared/auth.service.stub";
|
||||||
|
|
||||||
|
describe('RegisterUserComponent', () => {
|
||||||
|
let component: RegisterUserComponent;
|
||||||
|
let fixture: ComponentFixture<RegisterUserComponent>;
|
||||||
|
|
||||||
|
beforeEach(async(() => {
|
||||||
|
let authServiceStub = new AuthServiceStub(true);
|
||||||
|
|
||||||
|
TestBed.configureTestingModule({
|
||||||
|
declarations: [RegisterUserComponent],
|
||||||
|
imports: [
|
||||||
|
FormsModule,
|
||||||
|
ReactiveFormsModule
|
||||||
|
],
|
||||||
|
providers: [
|
||||||
|
{provide: AuthService, useValue: authServiceStub}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
.compileComponents();
|
||||||
|
}));
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fixture = TestBed.createComponent(RegisterUserComponent);
|
||||||
|
component = fixture.componentInstance;
|
||||||
|
fixture.detectChanges();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create', () => {
|
||||||
|
expect(component).toBeTruthy();
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
import {Component, OnInit} from "@angular/core";
|
||||||
|
import {AuthService} from "app/shared/auth.service";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
import {FormGroup, AbstractControl, FormBuilder, Validators} from "@angular/forms";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-register-user',
|
||||||
|
templateUrl: './register-user.component.html',
|
||||||
|
styleUrls: ['./register-user.component.css']
|
||||||
|
})
|
||||||
|
export class RegisterUserComponent implements OnInit {
|
||||||
|
form: FormGroup;
|
||||||
|
email: AbstractControl;
|
||||||
|
name: AbstractControl;
|
||||||
|
password: AbstractControl;
|
||||||
|
password2: AbstractControl;
|
||||||
|
|
||||||
|
constructor(private authService: AuthService,
|
||||||
|
private fb: FormBuilder) {
|
||||||
|
this.form = fb.group({
|
||||||
|
'name': ['', Validators.required],
|
||||||
|
'email': ['', Validators.compose([
|
||||||
|
Validators.required,
|
||||||
|
Validators.pattern(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/)]
|
||||||
|
)],
|
||||||
|
'password': ['', Validators.required],
|
||||||
|
'password2': ['', Validators.required]
|
||||||
|
}, {validator: this.matchingPasswords('password', 'password2')});
|
||||||
|
this.name = this.form.controls['name'];
|
||||||
|
this.email = this.form.controls['email'];
|
||||||
|
this.password = this.form.controls['password'];
|
||||||
|
this.password2 = this.form.controls['password2'];
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit(): void {
|
||||||
|
}
|
||||||
|
|
||||||
|
isLoggedIn(): Observable<boolean> {
|
||||||
|
return this.authService.isLoggedIn();
|
||||||
|
}
|
||||||
|
|
||||||
|
onSubmit(value: any) {
|
||||||
|
if (this.form.valid) {
|
||||||
|
this.authService.createUser(this.email.value, this.password.value, this.name.value);
|
||||||
|
this.form.reset();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
matchingPasswords(passwordKey: string, confirmPasswordKey: string) {
|
||||||
|
return (group: FormGroup): {[key: string]: any} => {
|
||||||
|
let password = group.controls[passwordKey];
|
||||||
|
let confirmPassword = group.controls[confirmPasswordKey];
|
||||||
|
|
||||||
|
if (password.value !== confirmPassword.value) {
|
||||||
|
return {
|
||||||
|
mismatchedPasswords: true
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
import {AsyncSubject, Observable, ReplaySubject} from "rxjs";
|
||||||
|
import {UserInfo} from "app/shared/user-info";
|
||||||
|
|
||||||
|
export class AuthServiceStub {
|
||||||
|
|
||||||
|
constructor(private loggedin: boolean) {
|
||||||
|
}
|
||||||
|
|
||||||
|
login(email: string, password: string) {
|
||||||
|
}
|
||||||
|
|
||||||
|
currentUser(): Observable<UserInfo> {
|
||||||
|
let userInfo = new UserInfo();
|
||||||
|
userInfo.displayName = "my-display-name";
|
||||||
|
userInfo.email = "my-email";
|
||||||
|
userInfo.uid = "my-uid";
|
||||||
|
userInfo.isAnonymous = false;
|
||||||
|
userInfo.photoURL = "my-photo-url";
|
||||||
|
userInfo.providerId = "my-provider-id";
|
||||||
|
|
||||||
|
let replaySubject = new ReplaySubject();
|
||||||
|
if (this.loggedin) {
|
||||||
|
replaySubject.next(userInfo);
|
||||||
|
}
|
||||||
|
return replaySubject;
|
||||||
|
}
|
||||||
|
|
||||||
|
isLoggedIn(): Observable<boolean> {
|
||||||
|
let isLoggedInBS = new AsyncSubject<boolean>();
|
||||||
|
isLoggedInBS.next(true);
|
||||||
|
isLoggedInBS.complete();
|
||||||
|
return isLoggedInBS;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,124 @@
|
|||||||
|
import {Injectable, EventEmitter, Output} from "@angular/core";
|
||||||
|
import {User} from "firebase";
|
||||||
|
import {AngularFireAuth, AuthProviders, AuthMethods} from "angularfire2";
|
||||||
|
import {BehaviorSubject} from "rxjs/BehaviorSubject";
|
||||||
|
import {UserInfo} from "./user-info";
|
||||||
|
import {Observable, Subject, ReplaySubject, AsyncSubject} from "rxjs";
|
||||||
|
|
||||||
|
@Injectable()
|
||||||
|
export class AuthService {
|
||||||
|
private userInfoSubject: ReplaySubject<UserInfo>;
|
||||||
|
private auth: User;
|
||||||
|
|
||||||
|
constructor(private angularFireAuth: AngularFireAuth) {
|
||||||
|
this.initUserInfoSubject();
|
||||||
|
// console.log("AuthService");
|
||||||
|
angularFireAuth.subscribe(auth => {
|
||||||
|
// console.log("auth: ", JSON.stringify(auth));
|
||||||
|
let userInfo = new UserInfo();
|
||||||
|
if (auth != null) {
|
||||||
|
this.auth = auth.auth;
|
||||||
|
userInfo.isAnonymous = auth.auth.isAnonymous;
|
||||||
|
userInfo.email = auth.auth.email;
|
||||||
|
userInfo.displayName = auth.auth.displayName;
|
||||||
|
userInfo.providerId = auth.auth.providerId;
|
||||||
|
userInfo.photoURL = auth.auth.photoURL;
|
||||||
|
userInfo.uid = auth.auth.uid;
|
||||||
|
} else {
|
||||||
|
this.auth = null;
|
||||||
|
userInfo.isAnonymous = true;
|
||||||
|
}
|
||||||
|
this.userInfoSubject.next(userInfo);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
login(email: string, password: string) {
|
||||||
|
// console.log("login: ", email);
|
||||||
|
this.initUserInfoSubject();
|
||||||
|
this.angularFireAuth.login({email: email, password: password});
|
||||||
|
}
|
||||||
|
|
||||||
|
private initUserInfoSubject() {
|
||||||
|
this.userInfoSubject = new ReplaySubject<UserInfo>(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
currentUser(): Observable<UserInfo> {
|
||||||
|
return this.userInfoSubject.asObservable();
|
||||||
|
}
|
||||||
|
|
||||||
|
logout() {
|
||||||
|
this.initUserInfoSubject();
|
||||||
|
this.angularFireAuth.logout();
|
||||||
|
}
|
||||||
|
|
||||||
|
isLoggedIn(): Observable<boolean> {
|
||||||
|
let isLoggedInBS = new AsyncSubject<boolean>();
|
||||||
|
this.userInfoSubject.subscribe(ui => {
|
||||||
|
// console.log("isLoggedIn: anonymous=" + ui.isAnonymous);
|
||||||
|
isLoggedInBS.next(!ui.isAnonymous);
|
||||||
|
isLoggedInBS.complete();
|
||||||
|
// setTimeout(() => {
|
||||||
|
// }, 0);
|
||||||
|
});
|
||||||
|
return isLoggedInBS;
|
||||||
|
}
|
||||||
|
|
||||||
|
updateDisplayName(displayName: string): Observable<string> {
|
||||||
|
let result = new Subject<string>();
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
this.auth.updateProfile({displayName: displayName, photoURL: null}).then(a => {
|
||||||
|
result.next("success");
|
||||||
|
}).catch(err => result.error(err));
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
createUser(email: string, password: string, displayName: string) {
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
this.angularFireAuth.createUser({email: email, password: password})
|
||||||
|
.then(auth => auth.auth.updateProfile({displayName: displayName, photoURL: null}));
|
||||||
|
}
|
||||||
|
|
||||||
|
updateEmail(email: string): Observable<string> {
|
||||||
|
let result = new Subject<string>();
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
this.auth.updateEmail(email).then(a => {
|
||||||
|
result.next("success");
|
||||||
|
}).catch(err => result.error(err));
|
||||||
|
return result.asObservable();
|
||||||
|
}
|
||||||
|
|
||||||
|
updatePassword(password: string): Observable<string> {
|
||||||
|
let result = new Subject<string>();
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
this.auth.updatePassword(password).then(a => {
|
||||||
|
result.next("success");
|
||||||
|
}).catch(err => result.error(err));
|
||||||
|
return result.asObservable();
|
||||||
|
}
|
||||||
|
|
||||||
|
loginViaProvider(provider: string): Observable<String> {
|
||||||
|
let result = new Subject<string>();
|
||||||
|
if (provider === "google") {
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
this.angularFireAuth
|
||||||
|
.login({provider: AuthProviders.Google, method: AuthMethods.Popup})
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
. //noinspection TypeScriptUnresolvedFunction
|
||||||
|
then(auth => result.next("success"))
|
||||||
|
.catch(err => result.error(err));
|
||||||
|
return result.asObservable();
|
||||||
|
}
|
||||||
|
else if (provider === "twitter") {
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
this.angularFireAuth
|
||||||
|
.login({provider: AuthProviders.Twitter, method: AuthMethods.Popup})
|
||||||
|
//noinspection TypeScriptUnresolvedFunction
|
||||||
|
. //noinspection TypeScriptUnresolvedFunction
|
||||||
|
then(auth => result.next("success"))
|
||||||
|
.catch(err => result.error(err));
|
||||||
|
return result.asObservable();
|
||||||
|
}
|
||||||
|
result.error("Not a supported authentication method: " + provider)
|
||||||
|
return result.asObservable();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
export class UserInfo {
|
||||||
|
isAnonymous: boolean;
|
||||||
|
email: string;
|
||||||
|
displayName: string;
|
||||||
|
photoURL?: string;
|
||||||
|
providerId: string;
|
||||||
|
uid: string;
|
||||||
|
}
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
export const environment = {
|
||||||
|
production: true
|
||||||
|
};
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
// The file contents for the current environment will overwrite these during build.
|
||||||
|
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
|
||||||
|
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
|
||||||
|
// The list of which env maps to which file can be found in `angular-cli.json`.
|
||||||
|
|
||||||
|
export const environment = {
|
||||||
|
production: false
|
||||||
|
};
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
|
||||||
|
import {AuthMethods, AuthProviders} from "angularfire2";
|
||||||
|
|
||||||
|
|
||||||
|
export const firebaseConfig = {
|
||||||
|
// Paste all this from the Firebase console...
|
||||||
|
apiKey: "***REMOVED***",
|
||||||
|
authDomain: "***REMOVED***",
|
||||||
|
databaseURL: "***REMOVED***",
|
||||||
|
storageBucket: "***REMOVED***",
|
||||||
|
messagingSenderId: "***REMOVED***"
|
||||||
|
};
|
||||||
|
|
||||||
|
export const authConfig = {
|
||||||
|
provider: AuthProviders.Password,
|
||||||
|
method: AuthMethods.Password
|
||||||
|
};
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
@@ -0,0 +1,14 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>kanban2</title>
|
||||||
|
<base href="/">
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<app-root>Loading...</app-root>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+12
@@ -0,0 +1,12 @@
|
|||||||
|
import './polyfills.ts';
|
||||||
|
|
||||||
|
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
||||||
|
import { enableProdMode } from '@angular/core';
|
||||||
|
import { environment } from './environments/environment';
|
||||||
|
import { AppModule } from './app/';
|
||||||
|
|
||||||
|
if (environment.production) {
|
||||||
|
enableProdMode();
|
||||||
|
}
|
||||||
|
|
||||||
|
platformBrowserDynamic().bootstrapModule(AppModule);
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
// This file includes polyfills needed by Angular 2 and is loaded before
|
||||||
|
// the app. You can add your own extra polyfills to this file.
|
||||||
|
import 'core-js/es6/symbol';
|
||||||
|
import 'core-js/es6/object';
|
||||||
|
import 'core-js/es6/function';
|
||||||
|
import 'core-js/es6/parse-int';
|
||||||
|
import 'core-js/es6/parse-float';
|
||||||
|
import 'core-js/es6/number';
|
||||||
|
import 'core-js/es6/math';
|
||||||
|
import 'core-js/es6/string';
|
||||||
|
import 'core-js/es6/date';
|
||||||
|
import 'core-js/es6/array';
|
||||||
|
import 'core-js/es6/regexp';
|
||||||
|
import 'core-js/es6/map';
|
||||||
|
import 'core-js/es6/set';
|
||||||
|
import 'core-js/es6/reflect';
|
||||||
|
|
||||||
|
import 'core-js/es7/reflect';
|
||||||
|
import 'zone.js/dist/zone';
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
/* You can add global styles to this file, and also import other style files */
|
||||||
+32
@@ -0,0 +1,32 @@
|
|||||||
|
import './polyfills.ts';
|
||||||
|
|
||||||
|
import 'zone.js/dist/long-stack-trace-zone';
|
||||||
|
import 'zone.js/dist/proxy.js';
|
||||||
|
import 'zone.js/dist/sync-test';
|
||||||
|
import 'zone.js/dist/jasmine-patch';
|
||||||
|
import 'zone.js/dist/async-test';
|
||||||
|
import 'zone.js/dist/fake-async-test';
|
||||||
|
import { getTestBed } from '@angular/core/testing';
|
||||||
|
import {
|
||||||
|
BrowserDynamicTestingModule,
|
||||||
|
platformBrowserDynamicTesting
|
||||||
|
} from '@angular/platform-browser-dynamic/testing';
|
||||||
|
|
||||||
|
// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
|
||||||
|
declare var __karma__: any;
|
||||||
|
declare var require: any;
|
||||||
|
|
||||||
|
// Prevent Karma from running prematurely.
|
||||||
|
__karma__.loaded = function () {};
|
||||||
|
|
||||||
|
// First, initialize the Angular testing environment.
|
||||||
|
getTestBed().initTestEnvironment(
|
||||||
|
BrowserDynamicTestingModule,
|
||||||
|
platformBrowserDynamicTesting()
|
||||||
|
);
|
||||||
|
// Then we find all the tests.
|
||||||
|
let context = require.context('./', true, /\.spec\.ts/);
|
||||||
|
// And load the modules.
|
||||||
|
context.keys().map(context);
|
||||||
|
// Finally, start Karma to run the tests.
|
||||||
|
__karma__.start();
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": "",
|
||||||
|
"declaration": false,
|
||||||
|
"emitDecoratorMetadata": true,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"lib": ["es6", "dom"],
|
||||||
|
"mapRoot": "./",
|
||||||
|
"module": "es6",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"outDir": "../dist/out-tsc",
|
||||||
|
"sourceMap": true,
|
||||||
|
"target": "es5",
|
||||||
|
"typeRoots": [
|
||||||
|
"../node_modules/@types"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
Vendored
+2
@@ -0,0 +1,2 @@
|
|||||||
|
// Typings reference file, you can add your own global typings here
|
||||||
|
// https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html
|
||||||
+114
@@ -0,0 +1,114 @@
|
|||||||
|
{
|
||||||
|
"rulesDirectory": [
|
||||||
|
"node_modules/codelyzer"
|
||||||
|
],
|
||||||
|
"rules": {
|
||||||
|
"class-name": true,
|
||||||
|
"comment-format": [
|
||||||
|
true,
|
||||||
|
"check-space"
|
||||||
|
],
|
||||||
|
"curly": true,
|
||||||
|
"eofline": true,
|
||||||
|
"forin": true,
|
||||||
|
"indent": [
|
||||||
|
true,
|
||||||
|
"spaces"
|
||||||
|
],
|
||||||
|
"label-position": true,
|
||||||
|
"label-undefined": true,
|
||||||
|
"max-line-length": [
|
||||||
|
true,
|
||||||
|
140
|
||||||
|
],
|
||||||
|
"member-access": false,
|
||||||
|
"member-ordering": [
|
||||||
|
true,
|
||||||
|
"static-before-instance",
|
||||||
|
"variables-before-functions"
|
||||||
|
],
|
||||||
|
"no-arg": true,
|
||||||
|
"no-bitwise": true,
|
||||||
|
"no-console": [
|
||||||
|
true,
|
||||||
|
"debug",
|
||||||
|
"info",
|
||||||
|
"time",
|
||||||
|
"timeEnd",
|
||||||
|
"trace"
|
||||||
|
],
|
||||||
|
"no-construct": true,
|
||||||
|
"no-debugger": true,
|
||||||
|
"no-duplicate-key": true,
|
||||||
|
"no-duplicate-variable": true,
|
||||||
|
"no-empty": false,
|
||||||
|
"no-eval": true,
|
||||||
|
"no-inferrable-types": true,
|
||||||
|
"no-shadowed-variable": true,
|
||||||
|
"no-string-literal": false,
|
||||||
|
"no-switch-case-fall-through": true,
|
||||||
|
"no-trailing-whitespace": true,
|
||||||
|
"no-unused-expression": true,
|
||||||
|
"no-unused-variable": true,
|
||||||
|
"no-unreachable": true,
|
||||||
|
"no-use-before-declare": true,
|
||||||
|
"no-var-keyword": true,
|
||||||
|
"object-literal-sort-keys": false,
|
||||||
|
"one-line": [
|
||||||
|
true,
|
||||||
|
"check-open-brace",
|
||||||
|
"check-catch",
|
||||||
|
"check-else",
|
||||||
|
"check-whitespace"
|
||||||
|
],
|
||||||
|
"quotemark": [
|
||||||
|
true,
|
||||||
|
"single"
|
||||||
|
],
|
||||||
|
"radix": true,
|
||||||
|
"semicolon": [
|
||||||
|
"always"
|
||||||
|
],
|
||||||
|
"triple-equals": [
|
||||||
|
true,
|
||||||
|
"allow-null-check"
|
||||||
|
],
|
||||||
|
"typedef-whitespace": [
|
||||||
|
true,
|
||||||
|
{
|
||||||
|
"call-signature": "nospace",
|
||||||
|
"index-signature": "nospace",
|
||||||
|
"parameter": "nospace",
|
||||||
|
"property-declaration": "nospace",
|
||||||
|
"variable-declaration": "nospace"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"variable-name": false,
|
||||||
|
"whitespace": [
|
||||||
|
true,
|
||||||
|
"check-branch",
|
||||||
|
"check-decl",
|
||||||
|
"check-operator",
|
||||||
|
"check-separator",
|
||||||
|
"check-type"
|
||||||
|
],
|
||||||
|
|
||||||
|
"directive-selector-prefix": [true, "app"],
|
||||||
|
"component-selector-prefix": [true, "app"],
|
||||||
|
"directive-selector-name": [true, "camelCase"],
|
||||||
|
"component-selector-name": [true, "kebab-case"],
|
||||||
|
"directive-selector-type": [true, "attribute"],
|
||||||
|
"component-selector-type": [true, "element"],
|
||||||
|
"use-input-property-decorator": true,
|
||||||
|
"use-output-property-decorator": true,
|
||||||
|
"use-host-property-decorator": true,
|
||||||
|
"no-input-rename": true,
|
||||||
|
"no-output-rename": true,
|
||||||
|
"use-life-cycle-interface": true,
|
||||||
|
"use-pipe-transform-interface": true,
|
||||||
|
"component-class-suffix": true,
|
||||||
|
"directive-class-suffix": true,
|
||||||
|
"templates-use-public": true,
|
||||||
|
"invoke-injectable": true
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user