Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { Component, OnInit } from '@angular/core';
- import { slideToRight } from '../../../../router.animations';
- import { Router, ActivatedRoute, UrlSegment } from '@angular/router';
- @Component({
- selector: 'app-new-user-input',
- templateUrl: './new-user-input.component.html',
- styleUrls: ['./new-user-input.component.css'],
- animations: [slideToRight()]
- })
- export class NewUserInputComponent implements OnInit {
- router: Router;
- constructor(router: Router, r: ActivatedRoute) {
- r.url.subscribe((s: UrlSegment[]) => {
- console.log("url", s); //https://vsavkin.com/angular-router-understanding-router-state-7b5b95a12eab
- });
- }
- ngOnInit() {
- }
- displaySibling() {
- console.log(this.router);
- this.router.navigate(['../', { outlets: { newuserorginfo: ['newuserorginfo'] } }])
- }
- closeBlade() {
- this.router.navigate([{ outlets: { newuserinput: null } }]);
- }
- }
- import { HttpModule, JsonpModule } from '@angular/http';
- import { BrowserModule } from '@angular/platform-browser';
- // import 'rxjs/add/operator/map';
- import { NgModule, Type, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
- import { CommonModule } from '@angular/common';
- import { GridAllModule } from '@syncfusion/ej2-ng-grids';
- import { HttpClientModule } from '@angular/common/http';
- import {
- GridModule, ToolbarService, EditService, SortService, GroupService, FilterService, PageService,
- ContextMenuItem, PdfExportService, ExcelExportService, ContextMenuService, ResizeService,
- DataSourceChangedEventArgs, DataStateChangeEventArgs
- } from '@syncfusion/ej2-ng-grids';
- import { UserManagementComponent } from './user-management.component';
- import { PageHeaderModule } from './../../shared/page-header/page-header.module';
- import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
- // import { NewUserComponent } from './new-user/new-user.component';
- // import { PendingUserComponent } from './pending-user/pending-user.component';
- // import { ProcessUserComponent } from './process-user/process-user.component';
- // import { NewUserInputComponent } from './new-user/new-user-input/new-user-input.component';
- import { RouterModule } from '@angular/router';
- import { NewUserOrgInfoComponent } from './new-user/new-user-org-info/new-user-org-info.component';
- import { NewUserSupervisorInfoComponent } from './new-user/new-user-supervisor-info/new-user-supervisor-info.component';
- import { NewUserSecurityInfoComponent } from './new-user/new-user-security-info/new-user-security-info.component'; //??????????
- @NgModule({
- imports: [
- CommonModule,
- PageHeaderModule,
- GridModule,
- RouterModule,
- NgbModule
- ],
- declarations: [UserManagementComponent, NewUserOrgInfoComponent, NewUserSupervisorInfoComponent, NewUserSecurityInfoComponent],
- providers: [EditService, ToolbarService, SortService, GroupService, FilterService, PageService,
- ContextMenuService, PageService, ResizeService, PdfExportService, ExcelExportService]
- })
- export class UserManagementModule {
- }
- <div class="blade" [@routerTransition]>
- <div class="blade-header">
- <h3>User Information</h3>
- <div class="window-functions">
- <i class="fa fa-window-minimize"></i>
- <i class="fa fa-window-restore"></i>
- <i class="fa fa-window-maximize"></i>
- <!-- <a routerLink='/layout/usermanagement/(newuser:newuser)' routerLinkActive='router-link-active'> -->
- <i (click)='closeBlade()' class="fa fa-window-close"></i>
- <!-- </a> -->
- </div>
- </div>
- <form action="submit">
- <!-- <label for="firstname">First Name:</label> -->
- First name:
- <br>
- <input type="text" name="firstname" value="Richard">
- <br> Last name:
- <br>
- <input type="text" name="lastname" value="Dawkins">
- <br> Cell phone:
- <br>
- <input type="tel" name="cellphone" value="(585) 271-8888">
- <br> Office phone:
- <br>
- <input type="tel" name="officephone" value="(585) 271-8887">
- <br> Fax:
- <br>
- <input type="tel" name="fax" value="(585) 271-8886">
- <br> City:
- <br>
- <input type="text" name="city" value="City">
- <br> State:
- <br>
- <input type="text" name="state" value="New York">
- <br> Requester title:
- <br>
- <br>
- <!-- <input type="submit" value="Next" disabled="true"> -->
- <input class="next-button" type="submit" value="Next" (click)="displaySibling()">
- <!-- <input type="submit" value="Next" [routerLink]="[{ outlets: { newuserorginfo: ['newuserorginfo '] } } ]" routerLinkActive='active '> -->
- </form>
- </div>
- <router-outlet></router-outlet>
- <router-outlet name="newuserorginfo"></router-outlet>
Add Comment
Please, Sign In to add comment