vaadin / expense-manager-ng2-demo Goto Github PK

View Code? Open in Web Editor NEW

89.0 51.0 35.0 2.06 MB

Expense Manager Angular 2 Demo

Home Page: https://vaadin.com/elements

CSS 4.48% HTML 10.92% JavaScript 73.80% TypeScript 10.80%

expense-manager-ng2-demo's Introduction

Web App using Angular2, Polymer and Vaadin Elements

This is an example project for how you can build a WebApp with Angular2, Polymer and Vaadin Elements.

The fully responsive application showcases Vaadin Grid, Date-Picker, Combo-Box and Charts.

Live Demo

Try the live demo of the Expense Manager.

Running locally

Install dependencies

Run npm install && bower install

Run development server

npm start runs the app locally with browser sync.

Note

The demo uses Vaadin Charts, which will ask for a license. You can close the window to try out the app without a license.

expense-manager-ng2-demo's People

Contributors

Stargazers

Watchers

expense-manager-ng2-demo's Issues

Button today in date-picker doesn't work

Hello,

Your button "Today" doesn't work, what is the solution getting the now day?

Thx

Bower install fails

Trying to run npm install and bower install, but bower install fails many times.

The error is: bower ECMDERR Failed to execute "git ls-remote --tags --heads git://github.com/PolymerElements/paper-toast.git", exit code of #128 fatal: unable to connect to github.com

Is this my crappy conference connection or something else? Feel free to close if nothing serious. I can't compile the demo.

Issue regarding build the prod

Hi,
I am using angular 2 gulp and typescript in my project.

Now I want to use Vaadin elements in my project, So i follow this project and add a combobox to my project.
It is running as expected.

But I got error when I try to create a prod-build the project using gulp.

Please anyone help me on this.
Is there any seed project using vaadin which has prod build.

Thanks,
Ananda

Errors during compilation (still runs)

Although the app still runs on the browser, I'm getting some concerning errors during compilation.
I get the same errors when running on Node 6.2.1 on Debian and Node 5.0.0 on Windows
Any ideas?

Not compatible with Angular 2.2.3

Shows empty grid. Seems like columns were not prepared properly.
Also throws exception:

// package.json

"dependencies": {
    "@angular/common":  "2.2.3",
    "@angular/compiler":  "2.2.3",
    "@angular/core":  "2.2.3",
    "@angular/forms": "2.2.3",
    "@angular/http":  "2.2.3",
    "@angular/platform-browser":  "2.2.3",
    "@angular/platform-browser-dynamic":  "2.2.3",
    "@angular/router":  "3.2.3",
    "@angular/upgrade":  "2.2.3",

    "systemjs": "0.19.41",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-rc.4",
    "zone.js": "^0.7.2",

    "angular2-in-memory-web-api": "0.0.21",
    "bootstrap": "^3.3.7",
    "@vaadin/angular2-polymer": "1.0.0-beta5"
  },

Two datepickers open

Only way to close them is to select date or press calendar icon.
Might be because of my touch screen (But working properly in expense-manager-polymer-demo)

Code clutter

Is there a code base for the ng2 demo that doesn't use all the Reflect clutter and implements standard ng2 constructs i.e.

import { Core } from '@angular/core';

var core_1 = require('@angular/core');

I would like to view this project as an implementation using ng2, rather than have to wade through all of the meta data which I assume is being consumed by an editor rather than simply a test runner?

Unable to start the Application. Throwing an error during npm start

Error:
node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject' incorrectly extends base class 'Observable'.
Types of property 'lift' are incompatible.
Type '<T, R>(operator: Operator<T, R>) => Observable' is not assignable to type '(operator: Operator<T, R>) => Observable'.
Type 'Observable' is not assignable to type 'Observable'.
Type 'T' is not assignable to type 'R'.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] start: `tsc && concurrently "tsc -w" "lite-server"`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Node version : 6.11.0
angular/cli version: 1.3.1

Grid breaks with empty result set

If you select a date in the future so that no expenses match and then scroll the grid, the grid keeps showing the spinner trying to load data.

How you guyz make gif's to your sites

Hi, what tools you use to make these beautiful gif of your sites

bower install command errors

Getting the following errors when running the bower install command:
bower ENORESTARGET Tag/branch feature/angular-rc-0 does not exist

Additional error details:
Available tags: 3.0.0, 3.0.0-alpha1, 3.0.0-alpha2, 3.0.0-alpha3, 3.0.0-alpha4, 3
.0.0-alpha5, 3.0.0-alpha6, 3.0.0-alpha7, 3.0.0-alpha8, 3.0.0-alpha9, 3.0.0-beta1
, 3.0.0-rc1, 3.0.0-rc2, 3.1.0-beta1, 3.1.0-beta2, 3.1.0-rc1
Available branches: 3.1, feature/CHARTS-202, feature/react-component-data-bindin
g, master, private-chart, task/CHARTS-170, task/CHARTS-232, task/CHARTS-383, tas
k/CHARTS-505, task/dataseries_parsestring, task/merge_ng2