{"_id":"ng2-openmodal","_rev":"45-fb0aee0a668dba67ef496db1b519a67a","name":"ng2-openmodal","description":"A customizable modal for Angular 2","dist-tags":{"latest":"1.0.0-beta.2"},"versions":{"1.0.0-beta.1":{"name":"ng2-openmodal","version":"1.0.0-beta.1","description":"A customizable modal for Angular 2","main":"index.js","dependencies":{},"devDependencies":{"@angular/core":"^2.0.0-rc.1","rxjs":"^5.0.0-beta.6","typescript":"^1.8.10","typings":"^1.3.1","zone.js":"^0.6.12"},"scripts":{"prepublish":"tsc","pubtest":""},"repository":{"type":"git","url":"git+https://github.com/andregsilv/ng2-openmodal.git"},"keywords":["modal","angular","angular2","custom","template"],"author":{"name":"andregsilv"},"license":"MIT","bugs":{"url":"https://github.com/andregsilv/ng2-openmodal/issues"},"homepage":"https://github.com/andregsilv/ng2-openmodal#readme","gitHead":"7440d583d7034e6c5851cbce8741420de0ccd63f","_id":"ng2-openmodal@1.0.0-beta.1","_shasum":"0499e5ef1ecddd1134f09677fa53f3602c21565c","_from":".","_npmVersion":"2.15.1","_nodeVersion":"4.4.3","_npmUser":{"name":"andregsilv","email":"andregsilv@gmail.com"},"dist":{"shasum":"0499e5ef1ecddd1134f09677fa53f3602c21565c","tarball":"https://registry.npmjs.org/ng2-openmodal/-/ng2-openmodal-1.0.0-beta.1.tgz","integrity":"sha512-omLe+DfMXkKIph+dx4gcp7+Peapja27dcDGYBbinkQR5a/2CJgLXOKcmpduh+YnmFHPMnYKDZSVEJ0mzT1e/qg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDl+yWx6tElddPBryoOHCoUJFrh6bgAk1lGDijSvO1J+gIgdGUsn+RSg/1FclevYamtI3/VSgbcg3J3x77BEWXqXwg="}]},"maintainers":[{"name":"andregsilv","email":"andregsilv@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/ng2-openmodal-1.0.0-beta.1.tgz_1468851937874_0.9043559683486819"}},"1.0.0-beta.2":{"name":"ng2-openmodal","version":"1.0.0-beta.2","description":"A customizable modal for Angular 2","main":"index.js","dependencies":{},"devDependencies":{"@angular/core":"^2.0.1","rxjs":"^5.0.0-beta.12","typescript":"^2.0.3","typings":"^1.4.0","zone.js":"^0.6.25"},"scripts":{"prepublish":"tsc","pubtest":""},"repository":{"type":"git","url":"git+https://github.com/andregsilv/ng2-openmodal.git"},"keywords":["modal","angular","angular2","custom","template"],"author":{"name":"andregsilv"},"license":"MIT","bugs":{"url":"https://github.com/andregsilv/ng2-openmodal/issues"},"homepage":"https://github.com/andregsilv/ng2-openmodal#readme","gitHead":"503f86c1c90c7c659b89aae424cd6aaa07c2c57e","_id":"ng2-openmodal@1.0.0-beta.2","_shasum":"8a8557b9a31456b684be7ca5a7a1be17eb4a9361","_from":".","_npmVersion":"3.10.5","_nodeVersion":"4.4.3","_npmUser":{"name":"andregsilv","email":"andregsilv@gmail.com"},"dist":{"shasum":"8a8557b9a31456b684be7ca5a7a1be17eb4a9361","tarball":"https://registry.npmjs.org/ng2-openmodal/-/ng2-openmodal-1.0.0-beta.2.tgz","integrity":"sha512-cE3SsiP6pjAOLgiOWvCFJLCT5+VODWE+A+JWova/yjNtj6yX1UMqT/HS9Dsg9eujafMF3ULhmC0iPbATKUSI9w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0xprUkFa5rq1VZjigwW4w++uiVLs6R7kvEyM8ddzWDgIhAL89lVk3/iLrXR5/91ZdELHyGz/AXrJSZf39HOBLjxZ2"}]},"maintainers":[{"name":"andregsilv","email":"andregsilv@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/ng2-openmodal-1.0.0-beta.2.tgz_1475094979467_0.7303663736674935"}}},"readme":"ng2-openmodal [![npm version](https://badge.fury.io/js/ng2-openmodal.svg)](https://badge.fury.io/js/ng2-openmodal)\r\n======================\r\nA customizable modal for Angular 2\r\n\r\n\r\nIt uses the Bootstrap modal by default. You can also provide a custom modal view.\r\n\r\n## Features List\r\n- [x] Default bootstrap modal layout\r\n- [x] Customizable modal layout\r\n- [x] Alert dialog\r\n- [x] Customizable Alert component\r\n- [x] Confirmation dialog\r\n- [x] Customizable Confirmation component\r\n- [x] Dialog result callback\r\n- [x] Dialog dismiss callback\r\n- [x] Dismiss validation\r\n- [ ] Good documentation\r\n\r\n## Basic Usage\r\n1. Install the package `ng2-openmodal`\r\n```bash\r\nnpm install --save ng2-openmodal\r\n```\r\n1. Add entries in the file `systemjs.config.js`\r\n```\r\n...\r\n\r\nvar map = {\r\n  ...\r\n  // Here it goes!\r\n  'ng2-openmodal':              'node_modules/ng2-openmodal',\r\n  ...\r\n};\r\n\r\nvar packages = {\r\n  ...\r\n  'ng2-openmodal':              { main: 'index.js', defaultExtension: 'js' },\r\n  ...\r\n};\r\n```\r\n1. Set the modal placement, e.g.\r\n```typescript\r\nimport { ModalService } from 'ng2-openmodal';\r\n\r\n...\r\n\r\n@ViewChild('modalPlacement', {read: ViewContainerRef}) modalPlacement: ViewContainerRef;\r\n\r\n...\r\n\r\nthis.modalService.setPlacement(this.modalPlacement);\r\n```\r\n1. **TODO** Invoke `ModalService.openModal`\r\n1. Enjoy it!\r\n\r\n## **TODO** Modal response\r\n### **TODO** The `ThenElse` class\r\n\r\n## **TODO** Additional features\r\n\r\n## `ModalService` methods\r\n- **TODO** `setModalLayout(type)`:\r\n- **TODO** `setAlertComponent(type)`:\r\n- **TODO** `setConfirmComponent(type)`:\r\n- **TODO** `setPlacement(container: ViewContainerRef)`:\r\n- **TODO** `openModal(componentType: any, title: string, contentParams?: any): ThenElse<any>`\r\n","maintainers":[{"name":"andregsilv","email":"andregsilv@gmail.com"}],"time":{"modified":"2022-06-21T06:06:16.733Z","created":"2016-07-14T19:10:11.822Z","0.0.1":"2016-07-14T19:10:11.822Z","0.0.2":"2016-07-15T03:08:17.952Z","0.0.3":"2016-07-15T03:17:28.746Z","0.0.4":"2016-07-15T03:37:17.975Z","0.0.5":"2016-07-15T03:54:50.247Z","0.1.0-beta1":"2016-07-15T04:20:45.754Z","0.1.0-beta.3":"2016-07-15T04:50:40.425Z","0.1.0-beta.4":"2016-07-15T04:55:16.960Z","0.1.1":"2016-07-15T05:11:15.719Z","0.1.2":"2016-07-15T12:03:41.364Z","0.1.3":"2016-07-15T12:38:08.780Z","0.2.0":"2016-07-15T13:01:06.567Z","0.2.1":"2016-07-15T14:12:05.896Z","0.2.2":"2016-07-15T14:14:40.476Z","0.2.3":"2016-07-15T14:28:18.888Z","0.2.4":"2016-07-15T14:39:34.090Z","0.2.5":"2016-07-15T14:42:43.148Z","0.2.6":"2016-07-15T16:01:05.337Z","0.2.7":"2016-07-15T16:14:43.913Z","0.2.8":"2016-07-18T13:59:47.125Z","1.0.0-beta.1":"2016-07-18T14:25:38.112Z","1.0.0-beta.2":"2016-09-28T20:36:21.110Z"},"homepage":"https://github.com/andregsilv/ng2-openmodal#readme","keywords":["modal","angular","angular2","custom","template"],"repository":{"type":"git","url":"git+https://github.com/andregsilv/ng2-openmodal.git"},"author":{"name":"andregsilv"},"bugs":{"url":"https://github.com/andregsilv/ng2-openmodal/issues"},"license":"MIT","readmeFilename":"README.md"}