Tutorial: Create your First App
Loader
Direct link to topic in this publication:
The Loader page is part of the neutrinos login template that was used to create the app. It is a default page.
It contains a spinner component and displays the information about what is happening while the user waits after entering his or her credentials and clicking Login.
Page Implementation:
|
import { Component, OnInit, Inject } from '@angular/core' import { ModelMethods } from '../../lib/model.methods'; import { NDataModelService } from 'neutrinos-seed-services'; import { NBaseComponent } from '../../../../../app/baseClasses/nBase.component'; import { MatDialog, MAT_DIALOG_DATA } from '@angular/material';
@Component({ selector: 'bh-loader', templateUrl: './loader.template.html', }) export class loaderComponent extends NBaseComponent implements OnInit { mm: ModelMethods; mode = "indeterminate"; constructor(private bdms: NDataModelService, @Inject(MAT_DIALOG_DATA) public data) { super(); this.mm = new ModelMethods(bdms); } ngOnInit() { } get(dataModelName, filter?, keys?, sort?, pagenumber?, pagesize?) { this.mm.get(dataModelName, filter, keys, sort, pagenumber, pagesize, result => { }, error => { }); } getById(dataModelName, dataModelId) { this.mm.getById(dataModelName, dataModelId, result => { }, error => { }) } put(dataModelName, dataModelObject) { this.mm.put(dataModelName, dataModelObject, result => { }, error => { }) } validatePut(formObj, dataModelName, dataModelObject) { this.mm.validatePut(formObj, dataModelName, dataModelObject, result => { }, error => { }) } update(dataModelName, update, filter, options) { const updateObject = { update: update, filter: filter, options: options }; this.mm.update(dataModelName, updateObject, result => { }, error => { }) } delete(dataModelName, filter) { this.mm.delete(dataModelName, filter, result => { }, error => { }) } deleteById(dataModelName, dataModelId) { this.mm.deleteById(dataModelName, dataModelId, result => { }, error => { }) } updateById(dataModelName, dataModelId, dataModelObj) { this.mm.updateById(dataModelName, dataModelId, dataModelObj, result => { }, error => { }) } }
|
The view of the Loader page on runtime:
