├── .gitignore ├── 0 - presentacion └── readme.md ├── 1-hola-mundo ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app-routing.module.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── index.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 2-modulos ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app-routing.module.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 3-databinding ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app-routing.module.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 4-injection ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app-routing.module.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── datos.model.ts │ │ │ │ ├── datos.service.spec.ts │ │ │ │ ├── datos.service.ts │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 5-data-flow ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app-routing.module.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── datos.model.ts │ │ │ │ ├── datos.service.spec.ts │ │ │ │ ├── datos.service.ts │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 6-routing ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── contacto │ │ │ │ ├── contacto.component.css │ │ │ │ ├── contacto.component.html │ │ │ │ ├── contacto.component.spec.ts │ │ │ │ ├── contacto.component.ts │ │ │ │ └── contacto.module.ts │ │ │ ├── home │ │ │ │ ├── home.component.css │ │ │ │ ├── home.component.html │ │ │ │ ├── home.component.spec.ts │ │ │ │ └── home.component.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── datos.model.ts │ │ │ │ ├── datos.service.spec.ts │ │ │ │ ├── datos.service.ts │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ ├── saludo │ │ │ │ ├── saludo.component.css │ │ │ │ ├── saludo.component.html │ │ │ │ ├── saludo.component.spec.ts │ │ │ │ └── saludo.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 7-apiexpress ├── api-flow │ ├── api │ │ ├── index.js │ │ ├── maestros.js │ │ ├── movimientos.js │ │ ├── sesiones.js │ │ └── usuarios.js │ ├── index.js │ ├── middleware.js │ ├── mongodb.js │ ├── package.json │ └── seguridad │ │ ├── jwt.js │ │ └── seguridad.js ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── contacto │ │ │ │ ├── contacto.component.css │ │ │ │ ├── contacto.component.html │ │ │ │ ├── contacto.component.spec.ts │ │ │ │ ├── contacto.component.ts │ │ │ │ └── contacto.module.ts │ │ │ ├── home │ │ │ │ ├── home.component.css │ │ │ │ ├── home.component.html │ │ │ │ ├── home.component.spec.ts │ │ │ │ └── home.component.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── datos.model.ts │ │ │ │ ├── datos.service.spec.ts │ │ │ │ ├── datos.service.ts │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ ├── saludo │ │ │ │ ├── saludo.component.css │ │ │ │ ├── saludo.component.html │ │ │ │ ├── saludo.component.spec.ts │ │ │ │ └── saludo.component.ts │ │ │ └── shared │ │ │ │ ├── http-tools.service.ts │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 8-appsegurada ├── api-flow │ ├── api │ │ ├── index.js │ │ ├── maestros.js │ │ ├── movimientos.js │ │ ├── sesiones.js │ │ └── usuarios.js │ ├── index.js │ ├── middleware.js │ ├── mongodb.js │ ├── package.json │ └── seguridad │ │ ├── jwt.js │ │ └── seguridad.js ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── contacto │ │ │ │ ├── contacto.component.css │ │ │ │ ├── contacto.component.html │ │ │ │ ├── contacto.component.spec.ts │ │ │ │ ├── contacto.component.ts │ │ │ │ └── contacto.module.ts │ │ │ ├── home │ │ │ │ ├── home.component.css │ │ │ │ ├── home.component.html │ │ │ │ ├── home.component.spec.ts │ │ │ │ └── home.component.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── datos.model.ts │ │ │ │ ├── datos.service.spec.ts │ │ │ │ ├── datos.service.ts │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ ├── saludo │ │ │ │ ├── saludo.component.css │ │ │ │ ├── saludo.component.html │ │ │ │ ├── saludo.component.spec.ts │ │ │ │ └── saludo.component.ts │ │ │ ├── seguridad │ │ │ │ ├── seguridad.component.css │ │ │ │ ├── seguridad.component.html │ │ │ │ ├── seguridad.component.spec.ts │ │ │ │ ├── seguridad.component.ts │ │ │ │ └── seguridad.service.ts │ │ │ └── shared │ │ │ │ ├── http-tools.service.ts │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── 9-pro ├── api-flow │ ├── api │ │ ├── index.js │ │ ├── maestros.js │ │ ├── movimientos.js │ │ ├── sesiones.js │ │ └── usuarios.js │ ├── cliente │ │ ├── assets │ │ │ └── .npmignore │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── inline.d41d8cd98f00b204e980.bundle.map │ │ ├── inline.js │ │ ├── main.9a6c8c98900d76d2b87e.bundle.js │ │ ├── main.9a6c8c98900d76d2b87e.bundle.js.gz │ │ ├── main.9a6c8c98900d76d2b87e.bundle.map │ │ ├── styles.ccdc1c4dc725f5c8e8d9.bundle.js │ │ ├── styles.ccdc1c4dc725f5c8e8d9.bundle.js.gz │ │ └── styles.ccdc1c4dc725f5c8e8d9.bundle.map │ ├── index.js │ ├── middleware.js │ ├── mongodb.js │ ├── package.json │ └── seguridad │ │ ├── jwt.js │ │ └── seguridad.js ├── cash-flow │ ├── .editorconfig │ ├── .gitignore │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── contacto │ │ │ │ ├── contacto.component.css │ │ │ │ ├── contacto.component.html │ │ │ │ ├── contacto.component.spec.ts │ │ │ │ ├── contacto.component.ts │ │ │ │ └── contacto.module.ts │ │ │ ├── home │ │ │ │ ├── home.component.css │ │ │ │ ├── home.component.html │ │ │ │ ├── home.component.spec.ts │ │ │ │ └── home.component.ts │ │ │ ├── index.ts │ │ │ ├── movimientos │ │ │ │ ├── datos.model.ts │ │ │ │ ├── datos.service.spec.ts │ │ │ │ ├── datos.service.ts │ │ │ │ ├── lista │ │ │ │ │ ├── lista.component.css │ │ │ │ │ ├── lista.component.html │ │ │ │ │ ├── lista.component.spec.ts │ │ │ │ │ └── lista.component.ts │ │ │ │ ├── movimientos.component.css │ │ │ │ ├── movimientos.component.html │ │ │ │ ├── movimientos.component.spec.ts │ │ │ │ ├── movimientos.component.ts │ │ │ │ ├── movimientos.module.ts │ │ │ │ └── nuevo │ │ │ │ │ ├── nuevo.component.css │ │ │ │ │ ├── nuevo.component.html │ │ │ │ │ ├── nuevo.component.spec.ts │ │ │ │ │ └── nuevo.component.ts │ │ │ ├── saludo │ │ │ │ ├── saludo.component.css │ │ │ │ ├── saludo.component.html │ │ │ │ ├── saludo.component.spec.ts │ │ │ │ └── saludo.component.ts │ │ │ ├── seguridad │ │ │ │ ├── seguridad.component.css │ │ │ │ ├── seguridad.component.html │ │ │ │ ├── seguridad.component.spec.ts │ │ │ │ ├── seguridad.component.ts │ │ │ │ └── seguridad.service.ts │ │ │ └── shared │ │ │ │ ├── http-tools.service.ts │ │ │ │ └── index.ts │ │ ├── assets │ │ │ ├── .gitkeep │ │ │ └── .npmignore │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ └── tslint.json └── readme.md ├── RC_old ├── 00-ng2-hola-mundo │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── src │ │ ├── app │ │ │ ├── environment.ts │ │ │ ├── hola-mundo.component.css │ │ │ ├── hola-mundo.component.html │ │ │ ├── hola-mundo.component.spec.ts │ │ │ ├── hola-mundo.component.ts │ │ │ ├── index.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 01-ng2-componentes │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── src │ │ ├── app │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 02-ng2-databinding │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── src │ │ ├── app │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ └── shared │ │ │ │ └── index.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 03-ng2-injection │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── src │ │ ├── app │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ └── shared │ │ │ │ ├── index.ts │ │ │ │ ├── movimientos.service.spec.ts │ │ │ │ └── movimientos.service.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 04-ng2-dataflow │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── src │ │ ├── app │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento-balance │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-balance.component.css │ │ │ │ │ ├── movimiento-balance.component.html │ │ │ │ │ ├── movimiento-balance.component.spec.ts │ │ │ │ │ └── movimiento-balance.component.ts │ │ │ │ ├── movimiento-editor │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-editor.component.css │ │ │ │ │ ├── movimiento-editor.component.html │ │ │ │ │ ├── movimiento-editor.component.spec.ts │ │ │ │ │ └── movimiento-editor.component.ts │ │ │ │ ├── movimiento-lista │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-lista.component.css │ │ │ │ │ ├── movimiento-lista.component.html │ │ │ │ │ ├── movimiento-lista.component.spec.ts │ │ │ │ │ └── movimiento-lista.component.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ └── shared │ │ │ │ ├── index.ts │ │ │ │ ├── movimientos.service.spec.ts │ │ │ │ └── movimientos.service.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 05-ng2-routing │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── src │ │ ├── app │ │ │ ├── +acerca-de │ │ │ │ ├── +acerca-de.component.css │ │ │ │ ├── +acerca-de.component.html │ │ │ │ ├── +acerca-de.component.spec.ts │ │ │ │ ├── +acerca-de.component.ts │ │ │ │ └── index.ts │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento-balance │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-balance.component.css │ │ │ │ │ ├── movimiento-balance.component.html │ │ │ │ │ ├── movimiento-balance.component.spec.ts │ │ │ │ │ └── movimiento-balance.component.ts │ │ │ │ ├── movimiento-editor │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-editor.component.css │ │ │ │ │ ├── movimiento-editor.component.html │ │ │ │ │ ├── movimiento-editor.component.spec.ts │ │ │ │ │ └── movimiento-editor.component.ts │ │ │ │ ├── movimiento-lista │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-lista.component.css │ │ │ │ │ ├── movimiento-lista.component.html │ │ │ │ │ ├── movimiento-lista.component.spec.ts │ │ │ │ │ └── movimiento-lista.component.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ └── shared │ │ │ │ ├── index.ts │ │ │ │ ├── movimientos.service.spec.ts │ │ │ │ └── movimientos.service.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 06-ng2-http │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── servidor │ │ ├── maestros.js │ │ ├── movimientos.js │ │ ├── package.json │ │ └── servidor.js │ ├── src │ │ ├── app │ │ │ ├── +acerca-de │ │ │ │ ├── +acerca-de.component.css │ │ │ │ ├── +acerca-de.component.html │ │ │ │ ├── +acerca-de.component.spec.ts │ │ │ │ ├── +acerca-de.component.ts │ │ │ │ └── index.ts │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento-balance │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-balance.component.css │ │ │ │ │ ├── movimiento-balance.component.html │ │ │ │ │ ├── movimiento-balance.component.spec.ts │ │ │ │ │ └── movimiento-balance.component.ts │ │ │ │ ├── movimiento-editor │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-editor.component.css │ │ │ │ │ ├── movimiento-editor.component.html │ │ │ │ │ ├── movimiento-editor.component.spec.ts │ │ │ │ │ └── movimiento-editor.component.ts │ │ │ │ ├── movimiento-lista │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-lista.component.css │ │ │ │ │ ├── movimiento-lista.component.html │ │ │ │ │ ├── movimiento-lista.component.spec.ts │ │ │ │ │ └── movimiento-lista.component.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ └── shared │ │ │ │ ├── index.ts │ │ │ │ ├── movimientos.service.spec.ts │ │ │ │ └── movimientos.service.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── 07-ng2-interceptors │ ├── .clang-format │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ │ ├── environment.dev.ts │ │ ├── environment.js │ │ ├── environment.prod.ts │ │ ├── karma-test-shim.js │ │ ├── karma.conf.js │ │ └── protractor.conf.js │ ├── e2e │ │ ├── app.e2e.ts │ │ ├── app.po.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── package.json │ ├── public │ │ └── .npmignore │ ├── servidor │ │ ├── maestros.js │ │ ├── movimientos.js │ │ ├── package.json │ │ ├── seguridad.js │ │ ├── servidor.js │ │ ├── sesiones.js │ │ └── usuarios.js │ ├── src │ │ ├── app │ │ │ ├── +acerca-de │ │ │ │ ├── +acerca-de.component.css │ │ │ │ ├── +acerca-de.component.html │ │ │ │ ├── +acerca-de.component.spec.ts │ │ │ │ ├── +acerca-de.component.ts │ │ │ │ └── index.ts │ │ │ ├── cash-flow.component.css │ │ │ ├── cash-flow.component.html │ │ │ ├── cash-flow.component.spec.ts │ │ │ ├── cash-flow.component.ts │ │ │ ├── environment.ts │ │ │ ├── index.ts │ │ │ ├── movimiento │ │ │ │ ├── index.ts │ │ │ │ ├── movimiento-balance │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-balance.component.css │ │ │ │ │ ├── movimiento-balance.component.html │ │ │ │ │ ├── movimiento-balance.component.spec.ts │ │ │ │ │ └── movimiento-balance.component.ts │ │ │ │ ├── movimiento-editor │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-editor.component.css │ │ │ │ │ ├── movimiento-editor.component.html │ │ │ │ │ ├── movimiento-editor.component.spec.ts │ │ │ │ │ └── movimiento-editor.component.ts │ │ │ │ ├── movimiento-lista │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── movimiento-lista.component.css │ │ │ │ │ ├── movimiento-lista.component.html │ │ │ │ │ ├── movimiento-lista.component.spec.ts │ │ │ │ │ └── movimiento-lista.component.ts │ │ │ │ ├── movimiento.component.css │ │ │ │ ├── movimiento.component.html │ │ │ │ ├── movimiento.component.spec.ts │ │ │ │ └── movimiento.component.ts │ │ │ ├── seguridad │ │ │ │ ├── index.ts │ │ │ │ ├── seguridad.component.html │ │ │ │ └── seguridad.component.ts │ │ │ └── shared │ │ │ │ ├── capitalizar.pipe.ts │ │ │ │ ├── http-tools.service.ts │ │ │ │ ├── index.ts │ │ │ │ ├── movimientos.service.spec.ts │ │ │ │ └── movimientos.service.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── system-config.ts │ │ ├── tsconfig.json │ │ └── typings.d.ts │ ├── tslint.json │ └── typings.json └── 08-ng2-forms-material │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli-build.js │ ├── angular-cli.json │ ├── config │ ├── environment.dev.ts │ ├── environment.js │ ├── environment.prod.ts │ ├── karma-test-shim.js │ ├── karma.conf.js │ └── protractor.conf.js │ ├── e2e │ ├── app.e2e-spec.ts │ ├── app.po.ts │ ├── tsconfig.json │ └── typings.d.ts │ ├── package.json │ ├── public │ └── .npmignore │ ├── src │ ├── app │ │ ├── app.component.css │ │ ├── app.component.html │ │ ├── app.component.spec.ts │ │ ├── app.component.ts │ │ ├── environment.ts │ │ ├── index.ts │ │ ├── movimiento │ │ │ ├── index.ts │ │ │ ├── movimiento.component.css │ │ │ ├── movimiento.component.html │ │ │ ├── movimiento.component.spec.ts │ │ │ └── movimiento.component.ts │ │ ├── movimientos │ │ │ ├── index.ts │ │ │ ├── movimientos.component.css │ │ │ ├── movimientos.component.html │ │ │ ├── movimientos.component.spec.ts │ │ │ └── movimientos.component.ts │ │ ├── rutas.ts │ │ ├── seguridad │ │ │ ├── index.ts │ │ │ ├── seguridad.component.css │ │ │ ├── seguridad.component.html │ │ │ ├── seguridad.component.spec.ts │ │ │ └── seguridad.component.ts │ │ └── shared │ │ │ ├── index.ts │ │ │ └── nav-menu │ │ │ ├── index.ts │ │ │ ├── nav-menu.component.css │ │ │ ├── nav-menu.component.html │ │ │ ├── nav-menu.component.spec.ts │ │ │ └── nav-menu.component.ts │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── system-config.ts │ ├── tsconfig.json │ └── typings.d.ts │ ├── tslint.json │ └── typings.json ├── README.md ├── clase ├── listacomponent.js └── readme.md └── tsconfig.json /0 - presentacion/readme.md: -------------------------------------------------------------------------------- 1 | [Angular 2, la evolución de la plataforma](https://docs.google.com/presentation/d/1VyMGTwiM7HmNMdSCXrrYpHIej-Y8ZwZKCan7KMqvdCA/edit#slide=id.p) 2 | [Angular 2: Primeras impresiones](http://academia-binaria.com/angular2-primeras-impresiones/) -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class CashFlowPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/1-hola-mundo/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | {{title}} 4 |

5 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | /** fichero índice que facilita la importación de otros ficheros 2 | * si cualquier fichero indexado cambiase de ruta 3 | * sólo tendríamos que tocar en este índice 4 | */ 5 | export * from './app.component'; 6 | export * from './app.module'; 7 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/1-hola-mundo/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/1-hola-mundo/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/1-hola-mundo/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/1-hola-mundo/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /1-hola-mundo/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | {{title}} 4 |

5 | 6 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | /** fichero índice que facilita la importación de otros ficheros 2 | * si cualquier fichero indexado cambiase de ruta 3 | * sólo tendríamos que tocar en este índice 4 | */ 5 | export * from './app.component'; 6 | export * from './app.module'; 7 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/lista/lista.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-lista', 5 | templateUrl: './lista.component.html', 6 | styleUrls: ['./lista.component.css'] 7 | }) 8 | export class ListaComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/movimientos.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-movimientos', // ojo al prefijo, por defecto app 5 | templateUrl: './movimientos.component.html', 6 | styleUrls: ['./movimientos.component.css'] 7 | }) 8 | export class MovimientosComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/nuevo/nuevo.component.html: -------------------------------------------------------------------------------- 1 |

2 | nuevo works! 3 |

4 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/movimientos/nuevo/nuevo.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-nuevo', 5 | templateUrl: './nuevo.component.html', 6 | styleUrls: ['./nuevo.component.css'] 7 | }) 8 | export class NuevoComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/2-modulos/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /2-modulos/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | {{title}} 4 |

5 | 6 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/lista/lista.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-lista', 5 | templateUrl: './lista.component.html', 6 | styleUrls: ['./lista.component.css'] 7 | }) 8 | export class ListaComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/movimientos.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-movimientos', // ojo al prefijo, por defecto app 5 | templateUrl: './movimientos.component.html', 6 | styleUrls: ['./movimientos.component.css'] 7 | }) 8 | export class MovimientosComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/3-databinding/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /3-databinding/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /3-databinding/readme.md: -------------------------------------------------------------------------------- 1 | [Data Binding](http://academia-binaria.com/databinding-el-flujo-de-datos-de-angular2/) 2 | 3 | Enlace entre plantillas y modelos 4 | 5 | ### Guía 6 | - `nuevo.component.html` : directivas para enlace de datos. atributos, propiedades y eventos 7 | - `nuevo.component.ts` : modelo en clase controladora 8 | 9 | (https://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2) 10 | -------------------------------------------------------------------------------- /4-injection/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /4-injection/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /4-injection/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /4-injection/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | {{title}} 4 |

5 | 6 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/datos.service.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async, inject } from '@angular/core/testing'; 4 | import { DatosService } from './datos.service'; 5 | 6 | describe('Service: Datos', () => { 7 | beforeEach(() => { 8 | TestBed.configureTestingModule({ 9 | providers: [DatosService] 10 | }); 11 | }); 12 | 13 | it('should ...', inject([DatosService], (service: DatosService) => { 14 | expect(service).toBeTruthy(); 15 | })); 16 | }); 17 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | 5 | 6 | {{ movimientos$ | async | json }} -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/movimientos.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-movimientos', // ojo al prefijo, por defecto app 5 | templateUrl: './movimientos.component.html', 6 | styleUrls: ['./movimientos.component.css'] 7 | }) 8 | export class MovimientosComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /4-injection/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /4-injection/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /4-injection/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/4-injection/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /4-injection/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /4-injection/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /4-injection/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | {{title}} 4 |

5 | 6 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/datos.service.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async, inject } from '@angular/core/testing'; 4 | import { DatosService } from './datos.service'; 5 | 6 | describe('Service: Datos', () => { 7 | beforeEach(() => { 8 | TestBed.configureTestingModule({ 9 | providers: [DatosService] 10 | }); 11 | }); 12 | 13 | it('should ...', inject([DatosService], (service: DatosService) => { 14 | expect(service).toBeTruthy(); 15 | })); 16 | }); 17 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | 5 | 6 | {{ movimientos | json }} -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | 6 | 12 | 13 | 15 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/5-data-flow/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /5-data-flow/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /6-routing/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /6-routing/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /6-routing/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /6-routing/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 7 |

8 | 9 | {{title}} 10 |

11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/contacto/contacto.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/contacto/contacto.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/contacto/contacto.component.html: -------------------------------------------------------------------------------- 1 |

2 | contacto works! 3 |

4 |
5 | Visítenos en nuestras oficinas comerciales en la Trump Tower 6 |

New York, USA

7 |
-------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/contacto/contacto.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-contacto', 5 | templateUrl: './contacto.component.html', 6 | styleUrls: ['./contacto.component.css'] 7 | }) 8 | export class ContactoComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/contacto/contacto.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ContactoComponent } from './contacto.component'; 4 | 5 | @NgModule({ 6 | imports: [ 7 | CommonModule 8 | ], 9 | declarations: [ContactoComponent], 10 | exports:[ContactoComponent] 11 | }) 12 | export class ContactoModule { } 13 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/home/home.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/home/home.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/home/home.component.html: -------------------------------------------------------------------------------- 1 |

2 | home works! 3 |

4 |
5 | Bienvenidos a la applicación del control del tesoro 6 |
7 |

8 | Controla de dónde viene y a dónde va tu dinero!!! 9 |

-------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/home/home.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-home', 5 | templateUrl: './home.component.html', 6 | styleUrls: ['./home.component.css'] 7 | }) 8 | export class HomeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/datos.service.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async, inject } from '@angular/core/testing'; 4 | import { DatosService } from './datos.service'; 5 | 6 | describe('Service: Datos', () => { 7 | beforeEach(() => { 8 | TestBed.configureTestingModule({ 9 | providers: [DatosService] 10 | }); 11 | }); 12 | 13 | it('should ...', inject([DatosService], (service: DatosService) => { 14 | expect(service).toBeTruthy(); 15 | })); 16 | }); 17 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | 5 | 6 | {{ movimientos | json }} -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/saludo/saludo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/saludo/saludo.component.css -------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/saludo/saludo.component.html: -------------------------------------------------------------------------------- 1 |

2 | saludo works! 3 |

4 |
5 | Hola {{ amigo }} 6 |
-------------------------------------------------------------------------------- /6-routing/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /6-routing/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /6-routing/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /6-routing/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/6-routing/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /6-routing/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /6-routing/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /6-routing/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /6-routing/readme.md: -------------------------------------------------------------------------------- 1 | [Data Flow](http://academia-binaria.com/angular2-di-inyeccion-de-dependencias/) 2 | 3 | Comunicación entre componentes usando atributos 4 | 5 | ### Guía 6 | - `ng g m contacto` : 7 | - `contacto.component.html` : 8 | - `contacto.module.ts` : 9 | - `app.module.ts` : 10 | - `app.component.html` : 11 | - `ng g c home` : 12 | - `ng g c saludo` : 13 | - `saludo.component.ts` : 14 | - `saludo.component.html` : 15 | () 16 | -------------------------------------------------------------------------------- /7-apiexpress/api-flow/index.js: -------------------------------------------------------------------------------- 1 | /** Carga de módulos de librerías estándar */ 2 | // express 3 | const express = require('express'); 4 | // aplicación express 5 | const app = express(); 6 | 7 | /** Carga de módulos propios */ 8 | const middleware = require('./middleware'); 9 | middleware.useMiddleware(app); 10 | // Configuración de rutas 11 | require('./api/index')(app); 12 | 13 | /** Arranque del servidor */ 14 | app.listen(3030); 15 | console.log('listening on port 3030'); 16 | 17 | -------------------------------------------------------------------------------- /7-apiexpress/api-flow/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "api-flow", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "author": "@albertobasalo", 7 | "license": "ISC", 8 | "dependencies": { 9 | "body-parser": "^1.15.2", 10 | "cors": "^2.8.1", 11 | "express": "^4.14.0", 12 | "jsonwebtoken": "^7.1.9", 13 | "mongodb": "^2.2.11" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /7-apiexpress/api-flow/seguridad/jwt.js: -------------------------------------------------------------------------------- 1 | /** librería de encriptado */ 2 | const jwt = require('jsonwebtoken') 3 | 4 | const secreto = 'EscuelaIT' 5 | 6 | /** cifra el usuario durante un margen de tiempo */ 7 | exports.generaToken = (usuario) => jwt.sign(usuario, secreto, { expiresIn: 60 }) 8 | 9 | /** verifica al usuario a partir del token */ 10 | exports.verify = (token) => { 11 | try { 12 | return jwt.verify(token, secreto) 13 | } 14 | catch(err){ 15 | return false 16 | } 17 | } 18 | 19 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 7 |

8 | 9 | {{title}} 10 |

11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/contacto/contacto.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/contacto/contacto.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/contacto/contacto.component.html: -------------------------------------------------------------------------------- 1 |

2 | contacto works! 3 |

4 |
5 | Visítenos en nuestras oficinas comerciales en la Trump Tower 6 |

New York, USA

7 |
-------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/contacto/contacto.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-contacto', 5 | templateUrl: './contacto.component.html', 6 | styleUrls: ['./contacto.component.css'] 7 | }) 8 | export class ContactoComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/contacto/contacto.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ContactoComponent } from './contacto.component'; 4 | 5 | @NgModule({ 6 | imports: [ 7 | CommonModule 8 | ], 9 | declarations: [ContactoComponent], 10 | exports:[ContactoComponent] 11 | }) 12 | export class ContactoModule { } 13 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/home/home.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/home/home.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/home/home.component.html: -------------------------------------------------------------------------------- 1 |

2 | home works! 3 |

4 |
5 | Bienvenidos a la applicación del control del tesoro 6 |
7 |

8 | Controla de dónde viene y a dónde va tu dinero!!! 9 |

-------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/home/home.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-home', 5 | templateUrl: './home.component.html', 6 | styleUrls: ['./home.component.css'] 7 | }) 8 | export class HomeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | 5 | 6 | {{ movimientos | json }} -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | 6 | 12 | 13 | 15 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/saludo/saludo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/saludo/saludo.component.css -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/saludo/saludo.component.html: -------------------------------------------------------------------------------- 1 |

2 | saludo works! 3 |

4 |
5 | Hola {{ amigo }} 6 |
-------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/7-apiexpress/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /7-apiexpress/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /8-appsegurada/api-flow/index.js: -------------------------------------------------------------------------------- 1 | /** Carga de módulos de librerías estándar */ 2 | // express 3 | const express = require('express'); 4 | // aplicación express 5 | const app = express(); 6 | 7 | /** Carga de módulos propios */ 8 | const middleware = require('./middleware'); 9 | middleware.useMiddleware(app); 10 | // Configuración de rutas 11 | require('./api/index')(app); 12 | 13 | /** Arranque del servidor */ 14 | app.listen(3030); 15 | console.log('listening on port 3030'); 16 | 17 | -------------------------------------------------------------------------------- /8-appsegurada/api-flow/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "api-flow", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "author": "@albertobasalo", 7 | "license": "ISC", 8 | "dependencies": { 9 | "body-parser": "^1.15.2", 10 | "cors": "^2.8.1", 11 | "express": "^4.14.0", 12 | "jsonwebtoken": "^7.1.9", 13 | "mongodb": "^2.2.11" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /8-appsegurada/api-flow/seguridad/jwt.js: -------------------------------------------------------------------------------- 1 | /** librería de encriptado */ 2 | const jwt = require('jsonwebtoken') 3 | 4 | const secreto = 'EscuelaIT' 5 | 6 | /** cifra el usuario durante un margen de tiempo */ 7 | exports.generaToken = (usuario) => jwt.sign(usuario, secreto, { expiresIn: 60 }) 8 | 9 | /** verifica al usuario a partir del token */ 10 | exports.verify = (token) => { 11 | try { 12 | return jwt.verify(token, secreto) 13 | } 14 | catch(err){ 15 | return false 16 | } 17 | } 18 | 19 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/app.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 7 |

8 | 9 | {{title}} 10 |

11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/contacto/contacto.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/contacto/contacto.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/contacto/contacto.component.html: -------------------------------------------------------------------------------- 1 |

2 | contacto works! 3 |

4 |
5 | Visítenos en nuestras oficinas comerciales en la Trump Tower 6 |

New York, USA

7 |
-------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/contacto/contacto.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-contacto', 5 | templateUrl: './contacto.component.html', 6 | styleUrls: ['./contacto.component.css'] 7 | }) 8 | export class ContactoComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/contacto/contacto.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ContactoComponent } from './contacto.component'; 4 | 5 | @NgModule({ 6 | imports: [ 7 | CommonModule 8 | ], 9 | declarations: [ContactoComponent], 10 | exports:[ContactoComponent] 11 | }) 12 | export class ContactoModule { } 13 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/home/home.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/home/home.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/home/home.component.html: -------------------------------------------------------------------------------- 1 |

2 | home works! 3 |

4 |
5 | Bienvenidos a la applicación del control del tesoro 6 |
7 |

8 | Controla de dónde viene y a dónde va tu dinero!!! 9 |

-------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/home/home.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-home', 5 | templateUrl: './home.component.html', 6 | styleUrls: ['./home.component.css'] 7 | }) 8 | export class HomeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | 5 | 6 | {{ movimientos | json }} -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | 6 | 12 | 13 | 15 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/saludo/saludo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/saludo/saludo.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/saludo/saludo.component.html: -------------------------------------------------------------------------------- 1 |

2 | saludo works! 3 |

4 |
5 | Hola {{ amigo }} 6 |
-------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/seguridad/seguridad.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/seguridad/seguridad.component.css -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/8-appsegurada/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /8-appsegurada/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /8-appsegurada/readme.md: -------------------------------------------------------------------------------- 1 | [appsegurada]() 2 | 3 | Servidor de datos y consumo desde el cliente 4 | 5 | ### Guía 6 | - `/cash-flow` : ciclo de seguridad local 7 | - `/seguridad` : formulario y servicio 8 | - `to do` : editor/borrador de un movimiento 9 | () 10 | -------------------------------------------------------------------------------- /9-pro/api-flow/cliente/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/api-flow/cliente/assets/.npmignore -------------------------------------------------------------------------------- /9-pro/api-flow/cliente/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/api-flow/cliente/favicon.ico -------------------------------------------------------------------------------- /9-pro/api-flow/cliente/main.9a6c8c98900d76d2b87e.bundle.js.gz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/api-flow/cliente/main.9a6c8c98900d76d2b87e.bundle.js.gz -------------------------------------------------------------------------------- /9-pro/api-flow/cliente/styles.ccdc1c4dc725f5c8e8d9.bundle.js.gz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/api-flow/cliente/styles.ccdc1c4dc725f5c8e8d9.bundle.js.gz -------------------------------------------------------------------------------- /9-pro/api-flow/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "api-flow", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "author": "@albertobasalo", 7 | "license": "ISC", 8 | "dependencies": { 9 | "body-parser": "^1.15.2", 10 | "cors": "^2.8.1", 11 | "express": "^4.14.0", 12 | "jsonwebtoken": "^7.1.9", 13 | "mongodb": "^2.2.11" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /9-pro/api-flow/seguridad/jwt.js: -------------------------------------------------------------------------------- 1 | /** librería de encriptado */ 2 | const jwt = require('jsonwebtoken') 3 | 4 | const secreto = 'EscuelaIT' 5 | 6 | /** cifra el usuario durante un margen de tiempo */ 7 | exports.generaToken = (usuario) => jwt.sign(usuario, secreto, { expiresIn: 60 }) 8 | 9 | /** verifica al usuario a partir del token */ 10 | exports.verify = (token) => { 11 | try { 12 | return jwt.verify(token, secreto) 13 | } 14 | catch(err){ 15 | return false 16 | } 17 | } 18 | 19 | -------------------------------------------------------------------------------- /9-pro/cash-flow/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = 0 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /9-pro/cash-flow/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { HolaAngular2Page } from './app.po'; 2 | 3 | describe('hola-angular-2 App', function() { 4 | let page: HolaAngular2Page; 5 | 6 | beforeEach(() => { 7 | page = new HolaAngular2Page(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /9-pro/cash-flow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class HolaAngular2Page { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /9-pro/cash-flow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/contacto/contacto.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/contacto/contacto.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/contacto/contacto.component.html: -------------------------------------------------------------------------------- 1 |

2 | contacto works! 3 |

4 |
5 | Visítenos en nuestras oficinas comerciales en la Trump Tower 6 |

New York, USA

7 |
-------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/contacto/contacto.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-contacto', 5 | templateUrl: './contacto.component.html', 6 | styleUrls: ['./contacto.component.css'] 7 | }) 8 | export class ContactoComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/contacto/contacto.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { ContactoComponent } from './contacto.component'; 4 | 5 | @NgModule({ 6 | imports: [ 7 | CommonModule 8 | ], 9 | declarations: [ContactoComponent], 10 | exports:[ContactoComponent] 11 | }) 12 | export class ContactoModule { } 13 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/home/home.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/home/home.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/home/home.component.html: -------------------------------------------------------------------------------- 1 |

2 | home works! 3 |

4 |
5 | Bienvenidos a la applicación del control del tesoro 6 |
7 |

8 | Controla de dónde viene y a dónde va tu dinero!!! 9 |

-------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/home/home.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-home', 5 | templateUrl: './home.component.html', 6 | styleUrls: ['./home.component.css'] 7 | }) 8 | export class HomeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './app.component'; 2 | export * from './app.module'; 3 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/datos.service.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async, inject } from '@angular/core/testing'; 4 | import { DatosService } from './datos.service'; 5 | 6 | describe('Service: Datos', () => { 7 | beforeEach(() => { 8 | TestBed.configureTestingModule({ 9 | providers: [DatosService] 10 | }); 11 | }); 12 | 13 | it('should ...', inject([DatosService], (service: DatosService) => { 14 | expect(service).toBeTruthy(); 15 | })); 16 | }); 17 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/lista/lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/movimientos/lista/lista.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/lista/lista.component.html: -------------------------------------------------------------------------------- 1 |

2 | lista works! 3 |

4 | 5 | 6 |

{{movimiento.fecha | date}}

7 |

8 | {{movimiento.importe}} € 9 | system_update_alt 10 | launch 11 |

12 | 13 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/lista/lista.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { ListaComponent } from './lista.component'; 5 | 6 | describe('Component: Lista', () => { 7 | it('should create an instance', () => { 8 | let component = new ListaComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/movimientos.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimientos works! 3 |

4 | 5 | 6 | 12 | 13 | 15 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/movimientos.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { MovimientosComponent } from './movimientos.component'; 5 | 6 | describe('Component: Movimientos', () => { 7 | it('should create an instance', () => { 8 | let component = new MovimientosComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/nuevo/nuevo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/movimientos/nuevo/nuevo.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/movimientos/nuevo/nuevo.component.spec.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:no-unused-variable */ 2 | 3 | import { TestBed, async } from '@angular/core/testing'; 4 | import { NuevoComponent } from './nuevo.component'; 5 | 6 | describe('Component: Nuevo', () => { 7 | it('should create an instance', () => { 8 | let component = new NuevoComponent(); 9 | expect(component).toBeTruthy(); 10 | }); 11 | }); 12 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/saludo/saludo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/saludo/saludo.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/saludo/saludo.component.html: -------------------------------------------------------------------------------- 1 |

2 | saludo works! 3 |

4 |
5 | Hola {{ amigo }} 6 |
-------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/seguridad/seguridad.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/seguridad/seguridad.component.css -------------------------------------------------------------------------------- /9-pro/cash-flow/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/app/shared/index.ts -------------------------------------------------------------------------------- /9-pro/cash-flow/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/assets/.gitkeep -------------------------------------------------------------------------------- /9-pro/cash-flow/src/assets/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/assets/.npmignore -------------------------------------------------------------------------------- /9-pro/cash-flow/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/9-pro/cash-flow/src/favicon.ico -------------------------------------------------------------------------------- /9-pro/cash-flow/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CashFlow 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | 3 | @import '~https://fonts.googleapis.com/icon?family=Material+Icons'; 4 | @import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css'; 5 | 6 | body { 7 | margin: 10; 8 | font-family: Roboto, sans-serif; 9 | } -------------------------------------------------------------------------------- /9-pro/cash-flow/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /9-pro/cash-flow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, you can add your own global typings here 2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 3 | 4 | declare var System: any; 5 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/README.md: -------------------------------------------------------------------------------- 1 | #Hola mundo en Angular 2 2 | 3 | [Artículo de acompañamiento](http://academia-binaria.com/hola-mundo-en-angular-2/) 4 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { HolaMundoPage } from './app.po'; 2 | 3 | describe('hola-mundo App', function() { 4 | let page: HolaMundoPage; 5 | 6 | beforeEach(() => { 7 | page = new HolaMundoPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('hola-mundo works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class HolaMundoPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('hola-mundo-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/00-ng2-hola-mundo/public/.npmignore -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/app/hola-mundo.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/00-ng2-hola-mundo/src/app/hola-mundo.component.css -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './hola-mundo.component'; 3 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/00-ng2-hola-mundo/src/app/shared/index.ts -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/00-ng2-hola-mundo/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { HolaMundoAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(HolaMundoAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/00-ng2-hola-mundo/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/README.md: -------------------------------------------------------------------------------- 1 | # Componentes en Angular 2 2 | 3 | [Artículo de acompañamiento](http://academia-binaria.com/componentes-los-bloques-de-construccion-de-angular-2/) -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/01-ng2-componentes/public/.npmignore -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- 1 | h1{ 2 | color: blue 3 | } -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | /** el objeto con valores de configuración */ 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/index.ts: -------------------------------------------------------------------------------- 1 | /** este fichero actua como indice del barril app 2 | * exporta todo lo que hay en los ficheros que representa 3 | */ 4 | 5 | /** el objeto que configura el entorno de ejecución */ 6 | export * from './environment'; 7 | /** la clase que gestiona el componente root de la aplicación */ 8 | export * from './cash-flow.component'; 9 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | /** indice, exportador del barril movimiento 2 | * se habrá apuntado en system.config*/ 3 | 4 | /** realmente exporta un solo componente llamado MovimientoComponent */ 5 | export * from './movimiento.component'; 6 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | p{ 2 | color: red 3 | } 4 | h1{ 5 | color: green 6 | } -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/movimiento/movimiento.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento works! 3 |

4 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/movimiento/movimiento.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'app-movimiento', 6 | templateUrl: 'movimiento.component.html', 7 | styleUrls: ['movimiento.component.css'] 8 | }) 9 | export class MovimientoComponent implements OnInit { 10 | 11 | constructor() {} 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/01-ng2-componentes/src/app/shared/index.ts -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/01-ng2-componentes/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/01-ng2-componentes/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/README.md: -------------------------------------------------------------------------------- 1 | # 2 Data Binding 2 | 3 | [Artículo de acompañamiento](http://academia-binaria.com/databinding-el-flujo-de-datos-de-angular2/) -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/02-ng2-databinding/public/.npmignore -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/02-ng2-databinding/src/app/cash-flow.component.css -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | 5 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/cash-flow.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | /** 1 importación de componenetes externos */ 3 | import { MovimientoComponent } from './movimiento'; 4 | 5 | @Component({ 6 | moduleId: module.id, 7 | selector: 'cash-flow-app', 8 | templateUrl: 'cash-flow.component.html', 9 | styleUrls: ['cash-flow.component.css'], 10 | directives:[MovimientoComponent] // 2 inyección del componente 11 | }) 12 | export class CashFlowAppComponent { 13 | title = 'databinding works!'; 14 | } -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './cash-flow.component'; 3 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export { MovimientoComponent } from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | .positivo { 2 | color: green; 3 | } 4 | .negativo { 5 | color: red; 6 | } -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/app/shared/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/02-ng2-databinding/src/app/shared/index.ts -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/02-ng2-databinding/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { CashFlowAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(CashFlowAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/02-ng2-databinding/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/README.md: -------------------------------------------------------------------------------- 1 | #3 Inyección de dependencias 2 | 3 | [Artículo de acompañamiento](http://academia-binaria.com/angular2-di-inyeccion-de-dependencias/) -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/03-ng2-injection/public/.npmignore -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/03-ng2-injection/src/app/cash-flow.component.css -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | 5 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/cash-flow.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | import { MovimientoComponent } from './movimiento'; 3 | 4 | @Component({ 5 | moduleId: module.id, 6 | selector: 'cash-flow-app', 7 | templateUrl: 'cash-flow.component.html', 8 | styleUrls: ['cash-flow.component.css'], 9 | directives:[MovimientoComponent] 10 | }) 11 | export class CashFlowAppComponent { 12 | title = 'cash-flow works!'; 13 | } 14 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './cash-flow.component'; 3 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export { MovimientoComponent } from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | .positivo { 2 | color: green; 3 | } 4 | .negativo { 5 | color: red; 6 | } -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/shared/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimientos.service'; 2 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/app/shared/movimientos.service.spec.ts: -------------------------------------------------------------------------------- 1 | import { 2 | beforeEachProviders, 3 | it, 4 | describe, 5 | expect, 6 | inject 7 | } from '@angular/core/testing'; 8 | import { MovimientosService } from './movimientos.service'; 9 | 10 | describe('Movimientos Service', () => { 11 | beforeEachProviders(() => [MovimientosService]); 12 | 13 | it('should ...', 14 | inject([MovimientosService], (service: MovimientosService) => { 15 | expect(service).toBeTruthy(); 16 | })); 17 | }); 18 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/03-ng2-injection/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { CashFlowAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(CashFlowAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/03-ng2-injection/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/README.md: -------------------------------------------------------------------------------- 1 | # 4 Flujo de datos en Angular 2 2 | [Artículo de acompañamiento](http://academia-binaria.com/angular2-di-inyeccion-de-dependencias/) -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/04-ng2-dataflow/public/.npmignore -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/04-ng2-dataflow/src/app/cash-flow.component.css -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/cash-flow.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | import { MovimientoComponent } from './movimiento'; 3 | 4 | @Component({ 5 | moduleId: module.id, 6 | selector: 'cash-flow-app', 7 | templateUrl: 'cash-flow.component.html', 8 | styleUrls: ['cash-flow.component.css'], 9 | directives:[MovimientoComponent] 10 | }) 11 | export class CashFlowAppComponent { 12 | title = 'cash-flow works!'; 13 | } 14 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './cash-flow.component'; 3 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export { MovimientoComponent } from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-balance/index.ts: -------------------------------------------------------------------------------- 1 | export { MovimientoBalanceComponent } from './movimiento-balance.component'; 2 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-balance/movimiento-balance.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-balance/movimiento-balance.component.css -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-balance/movimiento-balance.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento-balance works! 3 |

4 |
5 | Ingresos: 6 | {{ingresos}} 7 |
8 |

9 |
10 | Gastos: 11 | {{gastos}} 12 |
13 |

14 |
15 | Balance: 16 | {{ingresos-gastos}} 17 |
-------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-editor/index.ts: -------------------------------------------------------------------------------- 1 | export { MovimientoEditorComponent } from './movimiento-editor.component'; 2 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-editor/movimiento-editor.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-editor/movimiento-editor.component.css -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-lista/index.ts: -------------------------------------------------------------------------------- 1 | export { MovimientoListaComponent } from './movimiento-lista.component'; 2 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-lista/movimiento-lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/04-ng2-dataflow/src/app/movimiento/movimiento-lista/movimiento-lista.component.css -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | .positivo { 2 | color: green; 3 | } 4 | .negativo { 5 | color: red; 6 | } -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/shared/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimientos.service'; 2 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/app/shared/movimientos.service.spec.ts: -------------------------------------------------------------------------------- 1 | import { 2 | beforeEachProviders, 3 | it, 4 | describe, 5 | expect, 6 | inject 7 | } from '@angular/core/testing'; 8 | import { MovimientosService } from './movimientos.service'; 9 | 10 | describe('Movimientos Service', () => { 11 | beforeEachProviders(() => [MovimientosService]); 12 | 13 | it('should ...', 14 | inject([MovimientosService], (service: MovimientosService) => { 15 | expect(service).toBeTruthy(); 16 | })); 17 | }); 18 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/04-ng2-dataflow/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { CashFlowAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(CashFlowAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/04-ng2-dataflow/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/README.md: -------------------------------------------------------------------------------- 1 | # 05-ng2-routing 2 | Enrutado de una SPA en Angular2 3 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/public/.npmignore -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/+acerca-de/+acerca-de.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/src/app/+acerca-de/+acerca-de.component.css -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/+acerca-de/+acerca-de.component.html: -------------------------------------------------------------------------------- 1 |

2 | +acerca-de works! 3 |

4 |

Esta es la típica página que dice quíen está detrás del site

5 |

Lo buenos que somos

6 |

Y algún formulario de contacto...

-------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/+acerca-de/+acerca-de.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'cf-acerca-de', 6 | templateUrl: '+acerca-de.component.html', 7 | styleUrls: ['+acerca-de.component.css'] 8 | }) 9 | export class AcercaDeComponent implements OnInit { 10 | 11 | constructor() {} 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/+acerca-de/index.ts: -------------------------------------------------------------------------------- 1 | export * from './+acerca-de.component'; 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/src/app/cash-flow.component.css -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 | 2 | 7 |

8 | {{title}} 9 |

10 | 11 | 12 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './cash-flow.component'; 3 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-balance/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-balance.component'; 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-balance/movimiento-balance.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/src/app/movimiento/movimiento-balance/movimiento-balance.component.css -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-balance/movimiento-balance.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento-balance works! 3 |

4 |
5 | Ingresos: 6 | {{ingresos}} 7 |
8 |

9 |
10 | Gastos: 11 | {{gastos}} 12 |
13 |

14 |
15 | Balance: 16 | {{ingresos-gastos}} 17 |
-------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-balance/movimiento-balance.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'cf-movimiento-balance', 6 | templateUrl: 'movimiento-balance.component.html', 7 | styleUrls: ['movimiento-balance.component.css','../movimiento.component.css'] 8 | }) 9 | export class MovimientoBalanceComponent { 10 | @Input() ingresos: number 11 | @Input() gastos: number 12 | } 13 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-editor/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-editor.component'; 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-editor/movimiento-editor.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/src/app/movimiento/movimiento-editor/movimiento-editor.component.css -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-lista/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-lista.component'; 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento-lista/movimiento-lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/src/app/movimiento/movimiento-lista/movimiento-lista.component.css -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | .positivo { 2 | color: green; 3 | } 4 | .negativo { 5 | color: red; 6 | } -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/movimiento/movimiento.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento works! 3 |

4 | 5 |
6 | 7 |
8 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/app/shared/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimientos.service'; 2 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/05-ng2-routing/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { CashFlowAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(CashFlowAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/05-ng2-routing/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/README.md: -------------------------------------------------------------------------------- 1 | # 06-ng2-http 2 | Comunicaciones http observables con Angular2 3 | [Artículo en Academia Binaria](http://academia-binaria.com/comunicaciones-http-observables-con-angular2/) -------------------------------------------------------------------------------- /RC_old/06-ng2-http/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/public/.npmignore -------------------------------------------------------------------------------- /RC_old/06-ng2-http/servidor/maestros.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var enrutar = function (app, ruta) { 3 | 4 | // También podemos responder emitiendo JSON 5 | app.get(ruta, function (peticion, respuesta) { 6 | respuesta.json({ 7 | categoriasIngresos: ['Nómina', 'Ventas', 'Intereses Depósitos'], 8 | categoriasGastos: ['Hipotéca', 'Compras', 'Impuestos'] 9 | }); 10 | }); 11 | } 12 | 13 | 14 | module.exports = enrutar; 15 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/servidor/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "rest-crud", 3 | "version": "1.0.0", 4 | "main": "1-rest-crud.js", 5 | "author": "@albertobasalo", 6 | "license": "ISC", 7 | "dependencies": { 8 | "body-parser": "^1.15.1", 9 | "cors": "^2.7.1", 10 | "express": "^4.13.4" 11 | }, 12 | "devDependencies": {}, 13 | "scripts": { 14 | "test": "echo \"Error: no test specified\" && exit 1" 15 | }, 16 | "description": "" 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/+acerca-de/+acerca-de.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/src/app/+acerca-de/+acerca-de.component.css -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/+acerca-de/+acerca-de.component.html: -------------------------------------------------------------------------------- 1 |

2 | +acerca-de works! 3 |

4 |

Esta es la típica página que dice quíen está detrás del site

5 |

Lo buenos que somos

6 |

Y algún formulario de contacto...

-------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/+acerca-de/+acerca-de.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'cf-acerca-de', 6 | templateUrl: '+acerca-de.component.html', 7 | styleUrls: ['+acerca-de.component.css'] 8 | }) 9 | export class AcercaDeComponent implements OnInit { 10 | 11 | constructor() {} 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/+acerca-de/index.ts: -------------------------------------------------------------------------------- 1 | export * from './+acerca-de.component'; 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/src/app/cash-flow.component.css -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 | 2 | 7 |

8 | {{title}} 9 |

10 | 11 | 12 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './cash-flow.component'; 3 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-balance/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-balance.component'; 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-balance/movimiento-balance.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/src/app/movimiento/movimiento-balance/movimiento-balance.component.css -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-balance/movimiento-balance.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento-balance works! 3 |

4 |
5 | Ingresos: 6 | {{ingresos}} 7 |
8 |

9 |
10 | Gastos: 11 | {{gastos}} 12 |
13 |

14 |
15 | Balance: 16 | {{ingresos-gastos}} 17 |
-------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-balance/movimiento-balance.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'cf-movimiento-balance', 6 | templateUrl: 'movimiento-balance.component.html', 7 | styleUrls: ['movimiento-balance.component.css','../movimiento.component.css'] 8 | }) 9 | export class MovimientoBalanceComponent { 10 | @Input() ingresos: number 11 | @Input() gastos: number 12 | } 13 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-editor/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-editor.component'; 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-editor/movimiento-editor.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/src/app/movimiento/movimiento-editor/movimiento-editor.component.css -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-lista/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-lista.component'; 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento-lista/movimiento-lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/src/app/movimiento/movimiento-lista/movimiento-lista.component.css -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | .positivo { 2 | color: green; 3 | } 4 | .negativo { 5 | color: red; 6 | } -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/movimiento/movimiento.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento works! 3 |

4 | 5 |
6 | 7 |
8 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/app/shared/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimientos.service'; 2 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/06-ng2-http/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { CashFlowAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(CashFlowAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/06-ng2-http/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/.clang-format: -------------------------------------------------------------------------------- 1 | Language: JavaScript 2 | BasedOnStyle: Google 3 | ColumnLimit: 100 4 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/README.md: -------------------------------------------------------------------------------- 1 | # 06-ng2-http 2 | Comunicaciones http observables con Angular2 3 | [Artículo en Academia Binaria](http://academia-binaria.com/comunicaciones-http-observables-con-angular2/) -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/config/environment.js: -------------------------------------------------------------------------------- 1 | /* jshint node: true */ 2 | 3 | module.exports = function(environment) { 4 | return { 5 | environment: environment, 6 | baseURL: '/', 7 | locationType: 'auto' 8 | }; 9 | }; 10 | 11 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/e2e/app.e2e.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('cash-flow works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('cash-flow-app h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/public/.npmignore -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/servidor/maestros.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var enrutar = function (app, ruta) { 3 | 4 | // También podemos responder emitiendo JSON 5 | app.get(ruta, function (peticion, respuesta) { 6 | respuesta.json({ 7 | categoriasIngresos: ['Nómina', 'Ventas', 'Intereses Depósitos'], 8 | categoriasGastos: ['Hipotéca', 'Compras', 'Impuestos'] 9 | }); 10 | }); 11 | } 12 | 13 | 14 | module.exports = enrutar; 15 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/servidor/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "rest-crud", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "1-rest-crud.js", 6 | "author": "@albertobasalo", 7 | "license": "ISC", 8 | "dependencies": { 9 | "body-parser": "^1.15.1", 10 | "cors": "^2.7.1", 11 | "express": "^4.13.4" 12 | } 13 | } -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/+acerca-de/+acerca-de.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/src/app/+acerca-de/+acerca-de.component.css -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/+acerca-de/+acerca-de.component.html: -------------------------------------------------------------------------------- 1 |

2 | +acerca-de works! 3 |

4 |

Esta es la típica página que dice quíen está detrás del site

5 |

Lo buenos que somos

6 |

Y algún formulario de contacto...

-------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/+acerca-de/+acerca-de.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'cf-acerca-de', 6 | templateUrl: '+acerca-de.component.html', 7 | styleUrls: ['+acerca-de.component.css'] 8 | }) 9 | export class AcercaDeComponent implements OnInit { 10 | 11 | constructor() {} 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/+acerca-de/index.ts: -------------------------------------------------------------------------------- 1 | export * from './+acerca-de.component'; 2 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/cash-flow.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/src/app/cash-flow.component.css -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/cash-flow.component.html: -------------------------------------------------------------------------------- 1 | 2 | 7 |

8 | {{title}} 9 |

10 | 11 | 12 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './cash-flow.component'; 3 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-balance/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-balance.component'; 2 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-balance/movimiento-balance.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-balance/movimiento-balance.component.css -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-balance/movimiento-balance.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento-balance works! 3 |

4 |
5 | Ingresos: 6 | {{ingresos}} 7 |
8 |

9 |
10 | Gastos: 11 | {{gastos}} 12 |
13 |

14 |
15 | Balance: 16 | {{ingresos-gastos}} 17 |
-------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-balance/movimiento-balance.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input } from '@angular/core'; 2 | 3 | @Component({ 4 | moduleId: module.id, 5 | selector: 'cf-movimiento-balance', 6 | templateUrl: 'movimiento-balance.component.html', 7 | styleUrls: ['movimiento-balance.component.css','../movimiento.component.css'] 8 | }) 9 | export class MovimientoBalanceComponent { 10 | @Input() ingresos: number 11 | @Input() gastos: number 12 | } 13 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-editor/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-editor.component'; 2 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-editor/movimiento-editor.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-editor/movimiento-editor.component.css -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-lista/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento-lista.component'; 2 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-lista/movimiento-lista.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/src/app/movimiento/movimiento-lista/movimiento-lista.component.css -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- 1 | .positivo { 2 | color: green; 3 | } 4 | .negativo { 5 | color: red; 6 | } -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/movimiento/movimiento.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento works! 3 |

4 | 5 |
6 | 7 |
8 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/seguridad/index.ts: -------------------------------------------------------------------------------- 1 | export * from './seguridad.component'; -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/seguridad/seguridad.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |

5 |

6 | 7 | 8 |

9 |

10 | 11 |
-------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/shared/capitalizar.pipe.ts: -------------------------------------------------------------------------------- 1 | import { Pipe, PipeTransform } from '@angular/core' 2 | 3 | @Pipe({ name: 'capitalizar' }) 4 | export class CapitalizarPipe implements PipeTransform { 5 | 6 | transform(entrada: string, args: string[]): string { 7 | if (!entrada) return entrada; 8 | return entrada.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()) 9 | } 10 | } -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/app/shared/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimientos.service'; 2 | export * from './http-tools.service'; 3 | export * from './capitalizar.pipe'; 4 | 5 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/07-ng2-interceptors/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { CashFlowAppComponent, environment } from './app/'; 4 | 5 | if (environment.production) { 6 | enableProdMode(); 7 | } 8 | 9 | bootstrap(CashFlowAppComponent); 10 | 11 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare var module: { id: string }; 3 | -------------------------------------------------------------------------------- /RC_old/07-ng2-interceptors/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | max_line_length = 0 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | 7 | # dependencies 8 | /node_modules 9 | /bower_components 10 | 11 | # IDEs and editors 12 | /.idea 13 | 14 | # misc 15 | /.sass-cache 16 | /connect.lock 17 | /coverage/* 18 | /libpeerconnection.log 19 | npm-debug.log 20 | testem.log 21 | /typings 22 | 23 | # e2e 24 | /e2e/*.js 25 | /e2e/*.map 26 | 27 | #System Files 28 | .DS_Store 29 | Thumbs.db 30 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/config/environment.dev.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: false 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/config/environment.js: -------------------------------------------------------------------------------- 1 | // Angular-CLI server configuration 2 | // Unrelated to environment.dev|prod.ts 3 | 4 | /* jshint node: true */ 5 | 6 | module.exports = function(environment) { 7 | return { 8 | environment: environment, 9 | baseURL: '/', 10 | locationType: 'auto' 11 | }; 12 | }; 13 | 14 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/config/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { CashFlowPage } from './app.po'; 2 | 3 | describe('cash-flow App', function() { 4 | let page: CashFlowPage; 5 | 6 | beforeEach(() => { 7 | page = new CashFlowPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | export class CashFlowPage { 2 | navigateTo() { 3 | return browser.get('/'); 4 | } 5 | 6 | getParagraphText() { 7 | return element(by.css('app-root h1')).getText(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "mapRoot": "", 8 | "module": "commonjs", 9 | "moduleResolution": "node", 10 | "noEmitOnError": true, 11 | "noImplicitAny": false, 12 | "rootDir": ".", 13 | "sourceMap": true, 14 | "sourceRoot": "/", 15 | "target": "es5" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/e2e/typings.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/public/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/public/.npmignore -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/src/app/app.component.css -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 2 |

3 | {{title}} 4 |

5 | 6 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | import { NavMenuComponent } from './shared'; 3 | import { ROUTER_DIRECTIVES } from '@angular/router'; 4 | 5 | @Component({ 6 | moduleId: module.id, 7 | selector: 'app-root', 8 | templateUrl: 'app.component.html', 9 | directives: [ ROUTER_DIRECTIVES, NavMenuComponent], 10 | styleUrls: ['app.component.css'] 11 | }) 12 | export class AppComponent { 13 | title = 'app works!'; 14 | } 15 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/environment.ts: -------------------------------------------------------------------------------- 1 | // The file for the current environment will overwrite this one during build 2 | // Different environments can be found in config/environment.{dev|prod}.ts 3 | // The build system defaults to the dev environment 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/index.ts: -------------------------------------------------------------------------------- 1 | export * from './environment'; 2 | export * from './app.component'; 3 | export * from './rutas'; 4 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/movimiento/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimiento.component'; 2 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/movimiento/movimiento.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/src/app/movimiento/movimiento.component.css -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/movimiento/movimiento.component.html: -------------------------------------------------------------------------------- 1 |

2 | movimiento works! 3 |

4 | ID Movimiento: {{ movimiento }} -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/movimientos/index.ts: -------------------------------------------------------------------------------- 1 | export * from './movimientos.component'; 2 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/movimientos/movimientos.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/src/app/movimientos/movimientos.component.css -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/seguridad/index.ts: -------------------------------------------------------------------------------- 1 | export * from './seguridad.component'; 2 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/seguridad/seguridad.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/src/app/seguridad/seguridad.component.css -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/shared/index.ts: -------------------------------------------------------------------------------- 1 | export * from './nav-menu'; 2 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/shared/nav-menu/index.ts: -------------------------------------------------------------------------------- 1 | export * from './nav-menu.component'; 2 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/shared/nav-menu/nav-menu.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/src/app/shared/nav-menu/nav-menu.component.css -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/app/shared/nav-menu/nav-menu.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EscuelaIt/Angular2/ef2b82a0ea3279d4987c0df46517bea78d562c09/RC_old/08-ng2-forms-material/src/favicon.ico -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrap } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { AppComponent, environment, APP_ROUTES } from './app/'; 4 | import { disableDeprecatedForms, provideForms } from '@angular/forms'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | bootstrap(AppComponent, [ 11 | disableDeprecatedForms(), 12 | provideForms(), 13 | APP_ROUTES, 14 | ]); 15 | 16 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | // Typings reference file, see links for more information 2 | // https://github.com/typings/typings 3 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html 4 | 5 | /// 6 | declare var module: { id: string }; 7 | -------------------------------------------------------------------------------- /RC_old/08-ng2-forms-material/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ambientDevDependencies": { 3 | "angular-protractor": "registry:dt/angular-protractor#1.5.0+20160425143459", 4 | "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", 5 | "selenium-webdriver": "registry:dt/selenium-webdriver#2.44.0+20160317120654" 6 | }, 7 | "ambientDependencies": { 8 | "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": false, 4 | "emitDecoratorMetadata": true, 5 | "experimentalDecorators": true, 6 | "lib": ["es6", "dom"], 7 | "mapRoot": "./", 8 | "module": "es6", 9 | "moduleResolution": "node", 10 | "outDir": "../dist/out-tsc", 11 | "sourceMap": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "../node_modules/@types" 15 | ] 16 | } 17 | } 18 | --------------------------------------------------------------------------------