File

src/app/pages/users/list/list-user.component.ts

Implements

OnInit

Metadata

selector ngx-list-user-component
styleUrls list-user.component.scss
templateUrl ./list-user.component.html

Index

Properties
Methods

Constructor

constructor(userService: UsersService, apiDataProviderService: ApiDataProviderService, activatedRoute: ActivatedRoute, router: Router)
Parameters :
Name Type Optional
userService UsersService no
apiDataProviderService ApiDataProviderService no
activatedRoute ActivatedRoute no
router Router no

Methods

getList
getList()

get list

Returns : void
ngOnInit
ngOnInit()
Returns : void
onCreate
onCreate(evt: any)

create entity

Parameters :
Name Type Optional
evt any no
Returns : void
onDelete
onDelete(evt: any)

delete entity

Parameters :
Name Type Optional
evt any no
Returns : void
onEdit
onEdit(evt: any)

edit enitty

Parameters :
Name Type Optional
evt any no
Returns : void

Properties

settings
settings:
Default value : TABLE_CONFIG
source
source: LocalDataSource
Type : LocalDataSource
Default value : new LocalDataSource()
import {Component, OnInit} from '@angular/core';
import {LocalDataSource} from 'ng2-smart-table';

import {TABLE_CONFIG} from './table.config';
import {UsersService} from '../users.service';
import {ApiDataProviderService} from "../../../@core/services/api/api-data-provider.service";
import {ActivatedRoute, Router} from "@angular/router";

@Component({
  selector: 'ngx-list-user-component',
  styleUrls: ['./list-user.component.scss'],
  templateUrl: './list-user.component.html',
})
export class ListUserComponent implements OnInit {
  settings = TABLE_CONFIG;
  source: LocalDataSource = new LocalDataSource();

  constructor(private userService: UsersService,
              private apiDataProviderService: ApiDataProviderService,
              private activatedRoute: ActivatedRoute,
              private router: Router) {
  }

  ngOnInit() {
    this.getList();
  }

  /**
   * edit enitty
   * @param evt
   */
  onEdit(evt: any): void {
    this.router.navigate([`../edit/${evt.data.id}`], {relativeTo: this.activatedRoute})
  }

  /**
   * create entity
   * @param evt
   */
  onCreate(evt: any): void {
    this.router.navigate(['../add'], {relativeTo: this.activatedRoute})
  }

  /**
   * delete entity
   * @param evt
   */
  onDelete(evt: any): void {
    if (window.confirm('Are you sure you want to delete?')) {
      this.getList();
      evt.confirm.resolve();
    } else {
      evt.confirm.reject();
    }
  }

  /**
   * get list
   */
  getList(): void {
    this.apiDataProviderService.createApi('users').getAll().subscribe(res => {
      this.source = res;
    });
  }
}
<nb-card>
  <nb-card-header i18n="list of users">
    {{'USERS.LIST'|translate}}
  </nb-card-header>

  <nb-card-body>
    <ng2-smart-table
      (edit)="onEdit($event)"
      (create)="onCreate($event)"
      (delete)="onDelete($event)"
      [settings]="settings"
      [source]="source">
    </ng2-smart-table>
  </nb-card-body>
</nb-card>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""