Sha256: 8682ddc327ea38ba98e6e8d536b5b29f650e914ded7aae6ee0c0811b446cef1f
Contents?: true
Size: 1.78 KB
Versions: 2
Compression:
Stored size: 1.78 KB
Contents
import { Component, OnInit } from '@angular/core'; import { <%= @name %>Service } from '../../shared/services/<%= @name.downcase %>.service'; import { <%= @name %> } from '../../shared/services/<%= @name.downcase %>'; import { ToastrService } from 'ngx-toastr'; @Component({ selector: 'app-<%= @name.downcase %>-list', templateUrl: './<%= @name.downcase %>-list.component.html', styleUrls: ['./<%= @name.downcase %>-list.component.scss'] }) export class <%= @name %>ListComponent implements OnInit { p: number = 1; <%= @name.downcase %>s: <%= @name %>[]; hideWhenNo<%= @name %>: boolean = false; noData: boolean = false; preLoader: boolean = true; constructor( public crudApi: <%= @name %>Service, public toastr: ToastrService ){ } ngOnInit(): void { this.dataState(); let s = this.crudApi.Get<%= @name %>sList(); s.snapshotChanges().subscribe(data => { this.<%= @name.downcase %>s = []; data.forEach(item => { let a = item.payload.doc.data(); if (a != null){ a["id"] = item.payload.doc.id; this.<%= @name.downcase %>s.push(a as <%= @name %>); } }); }) } dataState() { this.crudApi.Get<%= @name %>sList().valueChanges().subscribe(data => { this.preLoader = false; if(data.length <= 0){ this.hideWhenNo<%= @name %> = false; this.noData = true; } else { this.hideWhenNo<%= @name %> = true; this.noData = false; } }) } delete<%= @name %>(<%= @name.downcase %>: <%= @name %>) { if (window.confirm('Are sure you want to delete this <%= @name.downcase %> ?')) { this.crudApi.Delete<%= @name %>(<%= @name.downcase %>.id) this.toastr.success(<%= @name.downcase %>.email + ' successfully deleted!'); } } }
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
ngcrud-0.0.3 | lib/templates/components/resource_list_ts.erb |
ngcrud-0.0.2 | lib/templates/components/resource_list_ts.erb |