mirror of
https://github.com/farcasclaudiu/kanban2.git
synced 2026-06-22 09:01:38 +03:00
simple steps
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,70 @@
|
|||||||
|
# kanban2
|
||||||
|
|
||||||
|
## Project description
|
||||||
|
|
||||||
|
This project is a playground for a Kanban board made with following libraries:
|
||||||
|
|
||||||
|
* 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: "???"
|
||||||
|
```
|
||||||
|
|
||||||
|
Initial data:
|
||||||
|
|
||||||
|
In "data" folder there is "kanban2-d5e2a-export.json" file with some initial data
|
||||||
|
It can be imported in firebase console in a new fresh firebase database.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## Screenshots
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
@@ -0,0 +1,146 @@
|
|||||||
|
{
|
||||||
|
"cardlist" : {
|
||||||
|
"-KdRl7OguO3iT-Uapu1B" : {
|
||||||
|
"color" : "orange",
|
||||||
|
"created_at" : "Mon Feb 20 2017 20:24:25 GMT+0200 (GTB Standard Time)",
|
||||||
|
"name" : "IN PPROGRESS",
|
||||||
|
"order" : 1,
|
||||||
|
"projectId" : "-KdRh_nFQT3Im1KfUPMW"
|
||||||
|
},
|
||||||
|
"-KdRmdEq-T-AmCqRvPQq" : {
|
||||||
|
"color" : "green",
|
||||||
|
"created_at" : "Mon Feb 20 2017 20:31:02 GMT+0200 (GTB Standard Time)",
|
||||||
|
"name" : "DONE",
|
||||||
|
"order" : 2,
|
||||||
|
"projectId" : "-KdRh_nFQT3Im1KfUPMW"
|
||||||
|
},
|
||||||
|
"ToDo" : {
|
||||||
|
"color" : "gray",
|
||||||
|
"created_at" : "Mon Feb 20 2017 20:31:02 GMT+0200 (GTB Standard Time)",
|
||||||
|
"name" : "TO DO",
|
||||||
|
"order" : 0,
|
||||||
|
"projectId" : "-KdRh_nFQT3Im1KfUPMW"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cards" : {
|
||||||
|
"-KdTXIRPx0OAe8V9tfba" : {
|
||||||
|
"cardListId" : "ToDo",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:38:52 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Read it before the Friday presentation, discuss ideas with the team.",
|
||||||
|
"isExpanded" : true,
|
||||||
|
"name" : "Read \"Don't make me think\"",
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdTYCqtrRKoZejMUQaA" : {
|
||||||
|
"cardListId" : "ToDo",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:42:52 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Test driven development desc",
|
||||||
|
"isExpanded" : false,
|
||||||
|
"name" : "Test driven development",
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_XMJHSc5EEdMbZPL" : {
|
||||||
|
"cardListId" : "-KdRl7OguO3iT-Uapu1B",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:53:00 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Read tech articles on medium desc",
|
||||||
|
"isExpanded" : false,
|
||||||
|
"name" : "Read tech articles on medium",
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_hWu_JChDp22_yYe" : {
|
||||||
|
"cardListId" : "-KdRl7OguO3iT-Uapu1B",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:53:46 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Write code with the supervision of another colleague.",
|
||||||
|
"isExpanded" : true,
|
||||||
|
"name" : "Pair programming",
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_vWZ6zbKoG4ubmgF" : {
|
||||||
|
"cardListId" : "-KdRl7OguO3iT-Uapu1B",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:54:43 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Read on time management desc",
|
||||||
|
"isExpanded" : false,
|
||||||
|
"name" : "Read on time management",
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdTaA4uy_7iFCw0Bzr5" : {
|
||||||
|
"cardListId" : "-KdRmdEq-T-AmCqRvPQq",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:55:47 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Have a meeting with the team in order to get our definitions on Agile aligned.",
|
||||||
|
"isExpanded" : true,
|
||||||
|
"name" : "Meeting on Agile",
|
||||||
|
"order" : 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"projects" : {
|
||||||
|
"-KdRh_nFQT3Im1KfUPMW" : {
|
||||||
|
"created_at" : "Mon Feb 20 2017 20:08:59 GMT+0200 (GTB Standard Time)",
|
||||||
|
"name" : "TestProject1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tasks" : {
|
||||||
|
"-KdT_iknV-6SxGejJkZt" : {
|
||||||
|
"cardId" : "-KdT_hWu_JChDp22_yYe",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:53:51 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Write code",
|
||||||
|
"isCompleted" : true,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_jkICL5Q6SwKZ25c" : {
|
||||||
|
"cardId" : "-KdT_hWu_JChDp22_yYe",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:53:55 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Check code",
|
||||||
|
"isCompleted" : false,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_mNQeZ0BmJvM-Xay" : {
|
||||||
|
"cardId" : "-KdTXIRPx0OAe8V9tfba",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:54:06 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Read book",
|
||||||
|
"isCompleted" : false,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_oNftsSW6QX0mgYB" : {
|
||||||
|
"cardId" : "-KdTXIRPx0OAe8V9tfba",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:54:14 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Find similar examples",
|
||||||
|
"isCompleted" : false,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdT_q8SgYfNs4USoVh3" : {
|
||||||
|
"cardId" : "-KdTXIRPx0OAe8V9tfba",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:54:21 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Prepare presentation",
|
||||||
|
"isCompleted" : false,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdTaDPoEdDcMr9PujkO" : {
|
||||||
|
"cardId" : "-KdTaA4uy_7iFCw0Bzr5",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:56:00 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Define Agile methodology",
|
||||||
|
"isCompleted" : true,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdTaFqonDXBEef6F-3o" : {
|
||||||
|
"cardId" : "-KdTaA4uy_7iFCw0Bzr5",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:56:10 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "What is Scrum?",
|
||||||
|
"isCompleted" : true,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdTaHSJYL0uviZyvOST" : {
|
||||||
|
"cardId" : "-KdTaA4uy_7iFCw0Bzr5",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:56:17 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "Current implementation",
|
||||||
|
"isCompleted" : true,
|
||||||
|
"order" : 0
|
||||||
|
},
|
||||||
|
"-KdTaKOLbyxnCrJz4GVs" : {
|
||||||
|
"cardId" : "-KdTaA4uy_7iFCw0Bzr5",
|
||||||
|
"created_at" : "Tue Feb 21 2017 04:56:29 GMT+0200 (GTB Standard Time)",
|
||||||
|
"description" : "What to improve?",
|
||||||
|
"isCompleted" : true,
|
||||||
|
"order" : 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
@@ -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,51 @@
|
|||||||
|
{
|
||||||
|
"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",
|
||||||
|
"bootstrap": "3.3.7",
|
||||||
|
"core-js": "2.4.1",
|
||||||
|
"firebase": "3.6.9",
|
||||||
|
"ng2-bootstrap": "^1.3.3",
|
||||||
|
"ng2-dnd": "^2.2.2",
|
||||||
|
"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,12 @@
|
|||||||
|
<div class="container">
|
||||||
|
<h1 class="page-header">
|
||||||
|
{{title}}
|
||||||
|
</h1>
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div *ngFor="let cardlist of cardlists" class="col-sm-4">
|
||||||
|
<cardlist [item]="cardlist">
|
||||||
|
</cardlist>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
import {Component, OnInit} from "@angular/core";
|
||||||
|
import {DataService} from "app/shared/data.service";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
|
||||||
|
import {Project} from "app/models/project-info";
|
||||||
|
import {CardList} from "app/models/cardlist-info";
|
||||||
|
import {Card} from "app/models/card-info";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-root',
|
||||||
|
templateUrl: './app.component.html',
|
||||||
|
styleUrls: ['./app.component.css']
|
||||||
|
})
|
||||||
|
export class AppComponent implements OnInit {
|
||||||
|
title = 'The Kanban Board';
|
||||||
|
projects: Project[];
|
||||||
|
cardlists: CardList[];
|
||||||
|
|
||||||
|
constructor(private dataService: DataService) {
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit(){
|
||||||
|
this.dataService.getProjects()
|
||||||
|
.subscribe(data => {
|
||||||
|
this.projects = data;
|
||||||
|
let firstProject = this.projects[0];
|
||||||
|
//console.log(firstProject);
|
||||||
|
// this.addAddCardList(
|
||||||
|
// 'Done',
|
||||||
|
// firstProject.$key,
|
||||||
|
// 'green'
|
||||||
|
// );
|
||||||
|
});
|
||||||
|
this.dataService.getCardLists()
|
||||||
|
.subscribe(c => this.cardlists = c)
|
||||||
|
;
|
||||||
|
this.dataService.getCards();
|
||||||
|
this.dataService.getTasks();
|
||||||
|
//this.addProject("TestProject1");
|
||||||
|
}
|
||||||
|
|
||||||
|
addProject(name: string)
|
||||||
|
{
|
||||||
|
let created_at = new Date().toString();
|
||||||
|
let newProject:Project = new Project();
|
||||||
|
newProject.name = name;
|
||||||
|
newProject.created_at= created_at;
|
||||||
|
this.dataService.addProject(newProject);
|
||||||
|
}
|
||||||
|
|
||||||
|
addCardList(
|
||||||
|
name: string,
|
||||||
|
projectId: string,
|
||||||
|
color: string,
|
||||||
|
order: number)
|
||||||
|
{
|
||||||
|
let created_at = new Date().toString();
|
||||||
|
let newCardList:CardList = new CardList();
|
||||||
|
newCardList.name = name;
|
||||||
|
newCardList.projectId = projectId;
|
||||||
|
newCardList.color = color;
|
||||||
|
newCardList.order = order;
|
||||||
|
newCardList.created_at = created_at;
|
||||||
|
this.dataService.addCardList(newCardList);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
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 {AlertModule} from "ng2-bootstrap";
|
||||||
|
import {ModalModule} from 'ng2-bootstrap';
|
||||||
|
|
||||||
|
import {DataService} from "app/shared/data.service";
|
||||||
|
import {CardListComponent} from "app/cardlist/cardlist.component";
|
||||||
|
import {CardComponent} from "app/card/card.component";
|
||||||
|
import {DndModule} from 'ng2-dnd';
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
declarations: [
|
||||||
|
AppComponent,
|
||||||
|
CardListComponent,
|
||||||
|
CardComponent
|
||||||
|
],
|
||||||
|
imports: [
|
||||||
|
BrowserModule,
|
||||||
|
FormsModule,
|
||||||
|
ReactiveFormsModule,
|
||||||
|
HttpModule,
|
||||||
|
AlertModule.forRoot(),
|
||||||
|
ModalModule.forRoot(),
|
||||||
|
DndModule.forRoot(),
|
||||||
|
AngularFireModule.initializeApp(firebaseConfig, authConfig)
|
||||||
|
],
|
||||||
|
providers: [DataService],
|
||||||
|
bootstrap: [AppComponent]
|
||||||
|
})
|
||||||
|
export class AppModule {
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
.cardTitle{
|
||||||
|
margin-left: 10px;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.cardDesc{
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.tasklist{
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
.newtask
|
||||||
|
{
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
.link{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.carret{
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.titleText{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.modal-header {
|
||||||
|
padding:9px 15px;
|
||||||
|
border-bottom:1px solid #eee;
|
||||||
|
background-color: #ff4040;
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
<div class="cardTitle inline">
|
||||||
|
<div class="carret" (click)="clickCarret()">
|
||||||
|
<i class="fa fa-caret-right" *ngIf="!item.isExpanded"></i>
|
||||||
|
<i class="fa fa-caret-down" *ngIf="item.isExpanded"></i>
|
||||||
|
</div>
|
||||||
|
<div class="titleText">
|
||||||
|
{{item.name}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="item.isExpanded">
|
||||||
|
<div class="cardDesc">
|
||||||
|
{{item.description}}
|
||||||
|
</div>
|
||||||
|
<div class="tasklist">
|
||||||
|
<div *ngFor="let task of tasks" class="newtask">
|
||||||
|
<input type="checkbox" [(ngModel)]="task.isCompleted" (ngModelChange)="changeTaskCompleted(task)" class="inline-block">
|
||||||
|
<span class="inline-block">
|
||||||
|
{{task.description}}
|
||||||
|
</span>
|
||||||
|
<span class="inline-block glyphicon glyphicon-trash link" (click)="deleteTask(task)"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="newtask">
|
||||||
|
<form (submit)="addNewTask()">
|
||||||
|
<input type="text" class="form-control newtask" id="newtask" placeholder="Add subtask and hit enter" [(ngModel)]="newtaskdesc" name="newtask">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div bsModal #childModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-sm">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 class="modal-title pull-left">Delete task</h4>
|
||||||
|
<button type="button" class="close pull-right" aria-label="Close" (click)="hideChildModal()">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
Not implement!<br>
|
||||||
|
Works as per specs!<br>
|
||||||
|
Carret is not carrot :)
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,65 @@
|
|||||||
|
import {Component, OnInit, Input, ViewChild} from "@angular/core";
|
||||||
|
import {DataService} from "app/shared/data.service";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
import {CardList} from "app/models/cardlist-info";
|
||||||
|
import {Card} from "app/models/card-info";
|
||||||
|
import {Task} from "app/models/task-info";
|
||||||
|
import { ModalDirective } from 'ng2-bootstrap/modal';
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'card',
|
||||||
|
templateUrl: './card.component.html',
|
||||||
|
styleUrls: ['./card.component.css']
|
||||||
|
})
|
||||||
|
export class CardComponent implements OnInit {
|
||||||
|
@ViewChild('childModal') public childModal:ModalDirective;
|
||||||
|
@Input() item: Card;
|
||||||
|
tasks : Task[]
|
||||||
|
|
||||||
|
newtaskdesc;
|
||||||
|
|
||||||
|
|
||||||
|
constructor(private dataService: DataService) {
|
||||||
|
//console.log(this.item);
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit() {
|
||||||
|
//console.log(this.item);
|
||||||
|
this.dataService.getTasksByCardId(this.item.$key)
|
||||||
|
.subscribe(data => {
|
||||||
|
this.tasks = data;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
addNewTask(){
|
||||||
|
//console.log('Add new subtask!');
|
||||||
|
let newTask = new Task();
|
||||||
|
newTask.cardId = this.item.$key;
|
||||||
|
newTask.description = this.newtaskdesc;
|
||||||
|
newTask.isCompleted = false;
|
||||||
|
newTask.order = 0;
|
||||||
|
newTask.created_at = new Date().toString();
|
||||||
|
this.dataService.addTask(newTask)
|
||||||
|
.then(() => {
|
||||||
|
this.newtaskdesc = '';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteTask(task){
|
||||||
|
//console.log(task);
|
||||||
|
this.childModal.show();
|
||||||
|
}
|
||||||
|
public hideChildModal():void {
|
||||||
|
this.childModal.hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
changeTaskCompleted(task){
|
||||||
|
//console.log(task);
|
||||||
|
this.dataService.updateTask(task.$key, task);
|
||||||
|
}
|
||||||
|
|
||||||
|
clickCarret(){
|
||||||
|
this.item.isExpanded = !this.item.isExpanded;
|
||||||
|
this.dataService.updateCard(this.item.$key,this.item);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
.card{
|
||||||
|
background-color: lightblue;
|
||||||
|
border: solid 1px;
|
||||||
|
border-left-width: 5px;
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
.cardTitle{
|
||||||
|
margin-left: 10px;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.cardDesc{
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.createCard{
|
||||||
|
padding: 10px;
|
||||||
|
/*background-color: lightcyan;*/
|
||||||
|
}
|
||||||
|
.fullScreen{
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
clear: both;
|
||||||
|
background: black;
|
||||||
|
opacity: 0.3;
|
||||||
|
padding-left: 35%;
|
||||||
|
padding-right: 35%;
|
||||||
|
padding-top: 35%;
|
||||||
|
padding-bottom: 15%;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
.fullScreentransparent{
|
||||||
|
position: absolute;
|
||||||
|
clear: both;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background: transparent;
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
.link{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.createTitle{
|
||||||
|
font-weight: bold;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.formfields{
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.inline{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.listTitle{
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.dnd-drag-start {
|
||||||
|
-moz-transform:scale(0.8);
|
||||||
|
-webkit-transform:scale(0.8);
|
||||||
|
transform:scale(0.8);
|
||||||
|
opacity:0.7;
|
||||||
|
border: 2px dashed #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dnd-drag-enter {
|
||||||
|
opacity:0.7;
|
||||||
|
border: 2px dashed #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dnd-drag-over {
|
||||||
|
border: 2px dashed #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dnd-sortable-drag {
|
||||||
|
-moz-transform:scale(0.9);
|
||||||
|
-webkit-transform:scale(0.9);
|
||||||
|
transform:scale(0.9);
|
||||||
|
opacity:0.7;
|
||||||
|
border: 1px dashed #000;
|
||||||
|
}
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
<div class="panel panel-info"
|
||||||
|
dnd-droppable
|
||||||
|
[allowDrop]="allowDropFunction()"
|
||||||
|
(onDropSuccess)="cardDropped($event)"
|
||||||
|
>
|
||||||
|
<div class="panel-heading">
|
||||||
|
<div>
|
||||||
|
<i class="fa fa-1 fa-circle inline" aria-hidden="true" [style.color]="item.color"></i>
|
||||||
|
<span class="inline listTitle">
|
||||||
|
{{item.name}}
|
||||||
|
</span>
|
||||||
|
<button type="button" class="btn btn-default btn-xs inline" (click)="showAddCard()">
|
||||||
|
<i class="fa fa-plus"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="">
|
||||||
|
<ul class="list-group">
|
||||||
|
<li *ngFor="let card of cards" class="list-group-item panel card" [style.border-left-color]="item.color"
|
||||||
|
dnd-draggable
|
||||||
|
[dragData]="card"
|
||||||
|
[dragEnabled]="allowDragFunction(card)"
|
||||||
|
>
|
||||||
|
<card [item]="card">
|
||||||
|
</card>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fullScreen" *ngIf="toShowAddCard" (click)="cancelAddCard()">
|
||||||
|
</div>
|
||||||
|
<div class="fullScreentransparent" *ngIf="toShowAddCard">
|
||||||
|
<div class="panel panel-default createCard well">
|
||||||
|
<div class="panel-heading" [style.background-color]="item.color">
|
||||||
|
<h4 class="createTitle">New task - {{ item.name }}
|
||||||
|
<div class="pull-right link" (click)="cancelAddCard()">
|
||||||
|
<i class="fa fa-window-close"></i>
|
||||||
|
</div>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="form-group formfields">
|
||||||
|
<label for="taskname">Name</label>
|
||||||
|
<input type="text" class="form-control" id="taskname" placeholder="task name" [(ngModel)]="cardname">
|
||||||
|
<label for="taskdescription">Description</label>
|
||||||
|
<textarea cols="39" rows="6" class="form-control" id="taskdescription" placeholder="description" [(ngModel)] = "carddescription"></textarea>
|
||||||
|
<!--<input type="text" class="form-control" id="taskdescription" placeholder="description" [(ngModel)]="carddescription">-->
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<button type="button" class="btn btn-primary" (click)="saveAddCard()">CREATE</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,107 @@
|
|||||||
|
import {Component, OnInit, Input} from "@angular/core";
|
||||||
|
import {DataService} from "app/shared/data.service";
|
||||||
|
import {Observable} from "rxjs";
|
||||||
|
import {CardList} from "app/models/cardlist-info";
|
||||||
|
import {Card} from "app/models/card-info";
|
||||||
|
import {Task} from "app/models/task-info";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'cardlist',
|
||||||
|
templateUrl: './cardlist.component.html',
|
||||||
|
styleUrls: ['./cardlist.component.css']
|
||||||
|
})
|
||||||
|
export class CardListComponent implements OnInit {
|
||||||
|
@Input() item: CardList;
|
||||||
|
cards : Card[]
|
||||||
|
|
||||||
|
toShowAddCard:boolean;
|
||||||
|
editCard: Card;
|
||||||
|
cardname;
|
||||||
|
carddescription;
|
||||||
|
allowedDropFrom = [];
|
||||||
|
allowedDragTo = false;
|
||||||
|
|
||||||
|
|
||||||
|
constructor(private dataService: DataService) {
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit() {
|
||||||
|
this.dataService.getCardsByListId(this.item.$key)
|
||||||
|
.subscribe(data => {
|
||||||
|
this.cards = data;
|
||||||
|
});
|
||||||
|
//fill allowed drop-from containers
|
||||||
|
this.dataService.getCardListsByOrder(this.item.order-1)
|
||||||
|
.subscribe(d => {
|
||||||
|
if(d.length>0)
|
||||||
|
this.allowedDropFrom.push(d[0].$key);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
//fill if it has next containers
|
||||||
|
this.dataService.getCardListsByOrder(this.item.order+1)
|
||||||
|
.subscribe(d => {
|
||||||
|
if(d.length>0)
|
||||||
|
this.allowedDragTo = true;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
showAddCard(){
|
||||||
|
this.cardname = '';
|
||||||
|
this.carddescription = '';
|
||||||
|
this.toShowAddCard = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
cancelAddCard(){
|
||||||
|
this.toShowAddCard = false;
|
||||||
|
}
|
||||||
|
saveAddCard(){
|
||||||
|
//console.log('save card');
|
||||||
|
this.addCard(
|
||||||
|
this.cardname,
|
||||||
|
this.carddescription,
|
||||||
|
true,
|
||||||
|
this.item.$key,
|
||||||
|
0);
|
||||||
|
this.toShowAddCard = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
addCard(
|
||||||
|
name: string,
|
||||||
|
description: string,
|
||||||
|
isExpanded: boolean,
|
||||||
|
cardListId: string,
|
||||||
|
order: number
|
||||||
|
)
|
||||||
|
{
|
||||||
|
let created_at = new Date().toString();
|
||||||
|
let newCard:Card = new Card();
|
||||||
|
newCard.name = name;
|
||||||
|
newCard.description = description;
|
||||||
|
newCard.cardListId = cardListId;
|
||||||
|
newCard.isExpanded = isExpanded;
|
||||||
|
newCard.order = order;
|
||||||
|
newCard.created_at = created_at;
|
||||||
|
this.dataService.addCard(newCard);
|
||||||
|
}
|
||||||
|
|
||||||
|
cardDropped(ev){
|
||||||
|
let card:Card = ev.dragData;
|
||||||
|
if(card.cardListId !== this.item.$key){
|
||||||
|
card.cardListId = this.item.$key;
|
||||||
|
this.dataService.updateCard(card.$key, card);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
allowDragFunction(card: Card){
|
||||||
|
return this.allowedDragTo;
|
||||||
|
}
|
||||||
|
|
||||||
|
allowDropFunction(): any {
|
||||||
|
return (dragData: Card) => {
|
||||||
|
return this.allowedDropFrom.indexOf(dragData.cardListId) > -1;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
export * from './app.component';
|
||||||
|
export * from './app.module';
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
export class Card {
|
||||||
|
$key?: string;
|
||||||
|
name?: string;
|
||||||
|
description?: string;
|
||||||
|
cardListId?: string;
|
||||||
|
isExpanded?: boolean;
|
||||||
|
order?: number;
|
||||||
|
created_at?: string;
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
export class CardList {
|
||||||
|
$key?: string;
|
||||||
|
name?: string;
|
||||||
|
projectId?: string;
|
||||||
|
color?: string;
|
||||||
|
order?: number;
|
||||||
|
created_at?: string;
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
export class Project {
|
||||||
|
$key?: string;
|
||||||
|
name?: string;
|
||||||
|
created_at?: string;
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
export class Task {
|
||||||
|
$key?: string;
|
||||||
|
description?: string;
|
||||||
|
isCompleted: boolean;
|
||||||
|
cardId?: string;
|
||||||
|
order?: number;
|
||||||
|
created_at?: string;
|
||||||
|
}
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
import {Injectable, EventEmitter, Output} from "@angular/core";
|
||||||
|
import {AngularFire, FirebaseObjectObservable, FirebaseListObservable} from "angularfire2";
|
||||||
|
import {BehaviorSubject} from "rxjs/BehaviorSubject";
|
||||||
|
import {Observable, Subject, ReplaySubject, AsyncSubject} from "rxjs";
|
||||||
|
import {Project} from "../models/project-info";
|
||||||
|
import {CardList} from "../models/cardlist-info";
|
||||||
|
import {Card} from "../models/card-info";
|
||||||
|
import {Task} from "../models/task-info";
|
||||||
|
|
||||||
|
@Injectable()
|
||||||
|
export class DataService {
|
||||||
|
|
||||||
|
projects: FirebaseListObservable<Project[]>;
|
||||||
|
cardlists: FirebaseListObservable<CardList[]>;
|
||||||
|
cards: FirebaseListObservable<Card[]>;
|
||||||
|
tasks: FirebaseListObservable<Task[]>;
|
||||||
|
|
||||||
|
constructor(private af: AngularFire) {
|
||||||
|
//console.log("DataService");
|
||||||
|
}
|
||||||
|
|
||||||
|
getProjects(){
|
||||||
|
this.projects = this.af.database.list('/projects') as
|
||||||
|
FirebaseListObservable<Project[]>;
|
||||||
|
return this.projects;
|
||||||
|
}
|
||||||
|
|
||||||
|
addProject(project) {
|
||||||
|
return this.projects.push(project);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getCardLists(){
|
||||||
|
this.cardlists = this.af.database.list('/cardlist',{
|
||||||
|
query: {
|
||||||
|
orderByChild: 'order'
|
||||||
|
}}
|
||||||
|
) as
|
||||||
|
FirebaseListObservable<CardList[]>;
|
||||||
|
return this.cardlists;
|
||||||
|
}
|
||||||
|
getCardListsById(cardListId:string): FirebaseObjectObservable<CardList> {
|
||||||
|
return this.af.database.object(`/cardlist/${cardListId}`) as FirebaseObjectObservable<CardList>;
|
||||||
|
}
|
||||||
|
getCardListsByOrder(order:number): FirebaseListObservable<CardList[]> {
|
||||||
|
let _cardlist = this.af.database.list('/cardlist',{
|
||||||
|
query: {
|
||||||
|
orderByChild: 'order',
|
||||||
|
equalTo: order,
|
||||||
|
}}
|
||||||
|
) as FirebaseListObservable<CardList[]>;
|
||||||
|
return _cardlist;
|
||||||
|
}
|
||||||
|
getCachedCardListsById(cardListId:string):CardList {
|
||||||
|
return this.cardlists
|
||||||
|
.filter(d => d.$key == cardListId)
|
||||||
|
.map(d=> d.$key)
|
||||||
|
;
|
||||||
|
//.first();
|
||||||
|
}
|
||||||
|
getCardListsByProject(projectId: string){
|
||||||
|
let _cardlist = this.af.database.list('/cardlist',{
|
||||||
|
query: {
|
||||||
|
orderByChild: 'projectId',
|
||||||
|
equalTo: projectId,
|
||||||
|
}}
|
||||||
|
) as FirebaseListObservable<CardList[]>;
|
||||||
|
return _cardlist
|
||||||
|
}
|
||||||
|
addCardList(cardlist){
|
||||||
|
return this.cardlists.push(cardlist);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getCards(){
|
||||||
|
this.cards = this.af.database.list('/cards') as
|
||||||
|
FirebaseListObservable<Card[]>;
|
||||||
|
return this.cards;
|
||||||
|
}
|
||||||
|
getCardsByListId(listId:string){
|
||||||
|
this.cards = this.af.database.list('/cards',{
|
||||||
|
query: {
|
||||||
|
orderByChild: 'cardListId',
|
||||||
|
equalTo: listId,
|
||||||
|
}}
|
||||||
|
) as
|
||||||
|
FirebaseListObservable<Card[]>;
|
||||||
|
return this.cards;
|
||||||
|
}
|
||||||
|
addCard(card){
|
||||||
|
return this.cards.push(card);
|
||||||
|
}
|
||||||
|
updateCard(key, updCard){
|
||||||
|
return this.cards.update(key, updCard);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getTasks(){
|
||||||
|
this.tasks = this.af.database.list('/tasks') as
|
||||||
|
FirebaseListObservable<Task[]>;
|
||||||
|
return this.cards;
|
||||||
|
}
|
||||||
|
getTasksByCardId(cardId:string){
|
||||||
|
let _tasks = this.af.database.list('/tasks',{
|
||||||
|
query: {
|
||||||
|
orderByChild: 'cardId',
|
||||||
|
equalTo: cardId,
|
||||||
|
}}
|
||||||
|
) as FirebaseListObservable<Task[]>;
|
||||||
|
return _tasks;
|
||||||
|
}
|
||||||
|
addTask(task){
|
||||||
|
return this.tasks.push(task);
|
||||||
|
}
|
||||||
|
updateTask(key, updTask){
|
||||||
|
return this.tasks.update(key, updTask);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -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,18 @@
|
|||||||
|
|
||||||
|
import {AuthMethods, AuthProviders} from "angularfire2";
|
||||||
|
|
||||||
|
|
||||||
|
export const firebaseConfig = {
|
||||||
|
//get these from your created firebase project at https://console.firebase.google.com
|
||||||
|
// Paste all this from the Firebase console...
|
||||||
|
apiKey: "",
|
||||||
|
authDomain: "",
|
||||||
|
databaseURL: "",
|
||||||
|
storageBucket: "",
|
||||||
|
messagingSenderId: ""
|
||||||
|
};
|
||||||
|
|
||||||
|
export const authConfig = {
|
||||||
|
provider: AuthProviders.Password,
|
||||||
|
method: AuthMethods.Password
|
||||||
|
};
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
@@ -0,0 +1,15 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>The Kanban Board</title>
|
||||||
|
<base href="/">
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
</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