mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
inicio
This commit is contained in:
eduperaltas
parent
3cd55786f2
commit
694b5f8fc1
23 changed files with 672 additions and 391 deletions
|
|
@ -183,5 +183,8 @@
|
|||
"@schematics/angular:directive": {
|
||||
"prefix": "ngx"
|
||||
}
|
||||
},
|
||||
"cli": {
|
||||
"analytics": "0e773111-72a1-4fcf-8247-a9a5f71f6481"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3,10 +3,10 @@
|
|||
<a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
|
||||
<nb-icon icon="menu-2-outline"></nb-icon>
|
||||
</a>
|
||||
<a class="logo" href="#" (click)="navigateHome()">ngx-<span>admin</span></a>
|
||||
<a class="logo" href="#" (click)="navigateHome()">Diseño</a>
|
||||
</div>
|
||||
<nb-select [selected]="currentTheme" (selectedChange)="changeTheme($event)" status="primary">
|
||||
<nb-option *ngFor="let theme of themes" [value]="theme.value"> {{ theme.name }}</nb-option>
|
||||
<nb-option *ngFor="let theme of themes" [value]="theme.value" > {{ theme.name }}</nb-option>
|
||||
</nb-select>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -61,9 +61,9 @@ $nb-themes: nb-register-theme((
|
|||
|
||||
select-min-width: 6rem,
|
||||
|
||||
slide-out-background: linear-gradient(270deg, #edf1f7 0%, #e4e9f2 100%),
|
||||
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
||||
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
||||
slide-out-background: linear-gradient(270deg, #eb2a14 0%, #c40d0d 100%),
|
||||
slide-out-shadow-color: 0 4px 14px 0 #0c8025,
|
||||
slide-out-shadow-color-rtl: 0 4px 14px 0 #bd12a0,
|
||||
), corporate, corporate);
|
||||
|
||||
$nb-themes: nb-register-theme((
|
||||
|
|
|
|||
|
|
@ -1,165 +1,261 @@
|
|||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nb-card class="inline-form-card">
|
||||
<nb-card-header>Inline form</nb-card-header>
|
||||
<nb-card-body>
|
||||
<form class="form-inline">
|
||||
<input type="text" nbInput fullWidth placeholder="Jane Doe">
|
||||
<input type="text" nbInput fullWidth placeholder="Email">
|
||||
<nb-checkbox>Remember me</nb-checkbox>
|
||||
<button type="submit" nbButton status="primary">Submit</button>
|
||||
</form>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<nb-card>
|
||||
<nb-card-header>Using the Grid</nb-card-header>
|
||||
<nb-card-header>
|
||||
<form class="form-inline">
|
||||
<nb-radio checked>Telefono</nb-radio>
|
||||
<nb-radio>Calle</nb-radio>
|
||||
<nb-radio>Adicional</nb-radio>
|
||||
</form>
|
||||
</nb-card-header>
|
||||
|
||||
<nb-card-body>
|
||||
<form>
|
||||
<div class="form-group row">
|
||||
<label for="inputEmail1" class="label col-sm-3 col-form-label">Email</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="email" nbInput fullWidth id="inputEmail1" placeholder="Email">
|
||||
</div>
|
||||
|
||||
<input type="email" nbInput fullWidth placeholder="Gestor" >
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="inputPassword2" class="label col-sm-3 col-form-label">Password</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="password" nbInput fullWidth id="inputPassword2" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-3 label">Radios</label>
|
||||
<div class="col-sm-9">
|
||||
<nb-radio-group>
|
||||
<nb-radio>Option 1</nb-radio>
|
||||
<nb-radio>Option 2</nb-radio>
|
||||
<nb-radio disabled>Disabled Option</nb-radio>
|
||||
</nb-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="offset-sm-3 col-sm-9">
|
||||
<button type="submit" nbButton status="primary">Sign in</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<form class="form-inline" fullWidth>
|
||||
<p style="margin-left: 17px;margin-right: 10px;margin-top: 8px;"> Empresa:</p>
|
||||
<nb-select selected="2">
|
||||
<nb-option value="1">Rimac</nb-option>
|
||||
<nb-option value="2">Secrex</nb-option>
|
||||
<nb-option value="2">Maphree</nb-option>
|
||||
</nb-select>
|
||||
<input nbInput placeholder="Fechas de cartea" [nbDatepicker]="rangepicker" fullWidth style="margin-right: 10px;">
|
||||
<nb-rangepicker #rangepicker></nb-rangepicker>
|
||||
|
||||
<p style="margin-right: 10px;margin-top: 8px;"> Colas:</p>
|
||||
<nb-select selected="1" fullWidth>
|
||||
<nb-option value="1">Contactados</nb-option>
|
||||
<nb-option value="2">Cola 2</nb-option>
|
||||
<nb-option value="2">Cola 3</nb-option>
|
||||
</nb-select>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col" sortable="name" (sort)="onSort($event)">Country</th>
|
||||
<th scope="col" sortable="area" (sort)="onSort($event)">Area</th>
|
||||
<th scope="col" sortable="population" (sort)="onSort($event)">Population</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let country of countries">
|
||||
<th scope="row">{{ country.id }}</th>
|
||||
<td>
|
||||
<img [src]="'https://upload.wikimedia.org/wikipedia/commons/' + country.flag" class="mr-2" style="width: 20px">
|
||||
{{ country.name }}
|
||||
</td>
|
||||
<td>{{ country.area | number }}</td>
|
||||
<td>{{ country.population | number }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</nb-card-body>
|
||||
<button type="submit" nbButton status="primary" (click)="openWindowForm()"><i class="fas fa-signal"></i><span style="margin-left: 5px;"> Gestionar </span></button>
|
||||
</nb-card>
|
||||
|
||||
|
||||
|
||||
<nb-card>
|
||||
<nb-card-body>
|
||||
|
||||
<nb-tabset>
|
||||
<nb-tab tabTitle="Deuda Vencida">
|
||||
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col" sortable="name" (sort)="onSort($event)">Producto</th>
|
||||
<th scope="col" sortable="area" (sort)="onSort($event)">Monto Capital</th>
|
||||
<th scope="col" sortable="population" (sort)="onSort($event)">Monto deuda</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let country of countries">
|
||||
<th scope="row">{{ country.id }}</th>
|
||||
<td>
|
||||
<img [src]="'https://upload.wikimedia.org/wikipedia/commons/' + country.flag" class="mr-2" style="width: 20px">
|
||||
{{ country.name }}
|
||||
</td>
|
||||
<td>{{ country.area | number }}</td>
|
||||
<td>{{ country.population | number }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</nb-tab>
|
||||
|
||||
<nb-tab tabTitle="Detalles de deuda">
|
||||
|
||||
|
||||
|
||||
<span>Content #2</span>
|
||||
|
||||
|
||||
</nb-tab>
|
||||
|
||||
</nb-tabset>
|
||||
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<nb-card style="margin-bottom: 5px;">
|
||||
<nb-card-body >
|
||||
<form class="form-inline">
|
||||
<p> Condicion:</p>
|
||||
<input type="text" nbInput fullWidth placeholder="Recuperable" disabled>
|
||||
<p> Situacion: </p><input type="text" nbInput fullWidth placeholder="Ubicable" disabled>
|
||||
<p> Estado: </p><input type="text" nbInput fullWidth placeholder="Activo" disabled>
|
||||
</form>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-md-14">
|
||||
<nb-card>
|
||||
<nb-card-body>
|
||||
|
||||
<nb-tabset>
|
||||
<nb-tab tabTitle="Telefonos">
|
||||
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col" sortable="name" (sort)="onSort($event)">Country</th>
|
||||
<th scope="col" sortable="area" (sort)="onSort($event)">Area</th>
|
||||
<th scope="col" sortable="population" (sort)="onSort($event)">Population</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let country of countries">
|
||||
<th scope="row">{{ country.id }}</th>
|
||||
<td>
|
||||
<img [src]="'https://upload.wikimedia.org/wikipedia/commons/' + country.flag" class="mr-2" style="width: 20px">
|
||||
{{ country.name }}
|
||||
</td>
|
||||
<td>{{ country.area | number }}</td>
|
||||
<td>{{ country.population | number }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</nb-tab>
|
||||
|
||||
<nb-tab tabTitle="Direcciones">
|
||||
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col" sortable="name" (sort)="onSort($event)">Country</th>
|
||||
<th scope="col" sortable="area" (sort)="onSort($event)">Area</th>
|
||||
<th scope="col" sortable="population" (sort)="onSort($event)">Population</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let country of countries">
|
||||
<th scope="row">{{ country.id }}</th>
|
||||
<td>
|
||||
<img [src]="'https://upload.wikimedia.org/wikipedia/commons/' + country.flag" class="mr-2" style="width: 20px">
|
||||
{{ country.name }}
|
||||
</td>
|
||||
<td>{{ country.area | number }}</td>
|
||||
<td>{{ country.population | number }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</nb-tab>
|
||||
|
||||
</nb-tabset>
|
||||
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
||||
|
||||
<nb-card>
|
||||
<nb-card-header>Form without labels</nb-card-header>
|
||||
<nb-card-body>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="text" nbInput fullWidth placeholder="Recipients">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" nbInput fullWidth placeholder="Subject">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea nbInput placeholder="Message"></textarea>
|
||||
</div>
|
||||
<button type="submit" nbButton status="success">Send</button>
|
||||
<label class="label">Accion:</label>
|
||||
<nb-select selected="2" fullWidth>
|
||||
<nb-option value="1">Se evaluo telefonos</nb-option>
|
||||
<nb-option value="2">Se contacto a terceros</nb-option>
|
||||
<nb-option value="3">Se contacto a Familiar</nb-option>
|
||||
<nb-option value="4">Se contacto a titular</nb-option>
|
||||
<nb-option value="5">Se contacto a titular</nb-option>
|
||||
</nb-select>
|
||||
|
||||
|
||||
|
||||
<label class="label">Reaccion:</label>
|
||||
<nb-select selected="2" fullWidth>
|
||||
<nb-option value="1">Reaccion 1</nb-option>
|
||||
<nb-option value="2">Reaccion 2</nb-option>
|
||||
<nb-option value="3">Reaccion 3</nb-option>
|
||||
<nb-option value="4">Reaccion 4</nb-option>
|
||||
<nb-option value="5">Reaccion 5</nb-option>
|
||||
</nb-select>
|
||||
|
||||
|
||||
<label class="label">Razon:</label>
|
||||
<nb-select selected="2" fullWidth>
|
||||
<nb-option value="1">Razon 1</nb-option>
|
||||
<nb-option value="2">Razon 2</nb-option>
|
||||
<nb-option value="3">Razon 3</nb-option>
|
||||
<nb-option value="4">Razon 4</nb-option>
|
||||
<nb-option value="5">Razon 5</nb-option>
|
||||
</nb-select>
|
||||
|
||||
<label class="label">Observacion:</label>
|
||||
<textarea rows="5" nbInput fullWidth shape="round" placeholder="Escribe tus observaciones"></textarea>
|
||||
|
||||
<label class="label">Observacion permanente:</label>
|
||||
<textarea rows="5" nbInput fullWidth shape="round" placeholder="Escribe tus observaciones"></textarea>
|
||||
|
||||
</form>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<nb-card>
|
||||
<nb-card-header>Basic form</nb-card-header>
|
||||
<nb-card-body>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="exampleInputEmail1" class="label">Email address</label>
|
||||
<input type="email" nbInput fullWidth id="exampleInputEmail1" placeholder="Email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1" class="label">Password</label>
|
||||
<input type="password" nbInput fullWidth id="exampleInputPassword1" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<nb-checkbox>Check me out</nb-checkbox>
|
||||
</div>
|
||||
<button type="submit" nbButton status="danger">Submit</button>
|
||||
</form>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
|
||||
<nb-card>
|
||||
<nb-card-header>Block form</nb-card-header>
|
||||
<nb-card-body>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="inputFirstName" class="label">First Name</label>
|
||||
<input type="text" nbInput fullWidth id="inputFirstName" placeholder="First Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="inputLastName" class="label">Last Name</label>
|
||||
<input type="text" nbInput fullWidth id="inputLastName" placeholder="Last Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="inputEmail" class="label">Email</label>
|
||||
<input type="email" nbInput fullWidth id="inputEmail" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label for="inputWebsite" class="label">Website</label>
|
||||
<input type="text" nbInput fullWidth id="inputWebsite" placeholder="Website">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" nbButton>Submit</button>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
<div class=".col-6 .col-sm-4">
|
||||
<button type="submit" nbButton status="primary" ><i class="fas fa-save"></i><span style="margin-left: 5px;"> Guardar </span></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<nb-card>
|
||||
<nb-card-header>Horizontal form</nb-card-header>
|
||||
<nb-card-body>
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group row">
|
||||
<label for="inputEmail3" class="label col-sm-3 form-control-label">Email</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="email" nbInput fullWidth id="inputEmail3" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label for="inputPassword3" class="label col-sm-3 form-control-label">Password</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="password" nbInput fullWidth id="inputPassword3" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="offset-sm-3 col-sm-9">
|
||||
<div class="checkbox">
|
||||
<nb-checkbox>Remember me</nb-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="offset-sm-3 col-sm-9">
|
||||
<button type="submit" nbButton status="warning">Sign in</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,76 @@
|
|||
import { Component } from '@angular/core';
|
||||
import { Component, Directive, EventEmitter, Input, Output, QueryList, ViewChildren, TemplateRef, ViewChild } from '@angular/core';
|
||||
import { NbDateService } from '@nebular/theme';
|
||||
import { NbWindowService } from '@nebular/theme';
|
||||
import { WindowFormComponent } from './window-form/window-form.component';
|
||||
|
||||
interface Country {
|
||||
id: number;
|
||||
name: string;
|
||||
flag: string;
|
||||
area: number;
|
||||
population: number;
|
||||
}
|
||||
|
||||
const COUNTRIES: Country[] = [
|
||||
{
|
||||
id: 1,
|
||||
name: 'Russia',
|
||||
flag: 'f/f3/Flag_of_Russia.svg',
|
||||
area: 17075200,
|
||||
population: 146989754
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: 'Canada',
|
||||
flag: 'c/cf/Flag_of_Canada.svg',
|
||||
area: 9976140,
|
||||
population: 36624199
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: 'United States',
|
||||
flag: 'a/a4/Flag_of_the_United_States.svg',
|
||||
area: 9629091,
|
||||
population: 324459463
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: 'China',
|
||||
flag: 'f/fa/Flag_of_the_People%27s_Republic_of_China.svg',
|
||||
area: 9596960,
|
||||
population: 1409517397
|
||||
}
|
||||
];
|
||||
|
||||
export type SortColumn = keyof Country | '';
|
||||
export type SortDirection = 'asc' | 'desc' | '';
|
||||
const rotate: {[key: string]: SortDirection} = { 'asc': 'desc', 'desc': '', '': 'asc' };
|
||||
const compare = (v1: string, v2: string) => v1 < v2 ? -1 : v1 > v2 ? 1 : 0;
|
||||
|
||||
export interface SortEvent {
|
||||
column: SortColumn;
|
||||
direction: SortDirection;
|
||||
}
|
||||
|
||||
@Directive({
|
||||
selector: 'th[sortable]',
|
||||
host: {
|
||||
'[class.asc]': 'direction === "asc"',
|
||||
'[class.desc]': 'direction === "desc"',
|
||||
'(click)': 'rotate()'
|
||||
}
|
||||
})
|
||||
export class NgbdSortableHeader {
|
||||
|
||||
@Input() sortable: SortColumn = '';
|
||||
@Input() direction: SortDirection = '';
|
||||
@Output() sort = new EventEmitter<SortEvent>();
|
||||
|
||||
rotate() {
|
||||
this.direction = rotate[this.direction];
|
||||
this.sort.emit({column: this.sortable, direction: this.direction});
|
||||
}
|
||||
}
|
||||
|
||||
@Component({
|
||||
selector: 'ngx-form-layouts',
|
||||
|
|
@ -6,5 +78,73 @@ import { Component } from '@angular/core';
|
|||
templateUrl: './form-layouts.component.html',
|
||||
})
|
||||
export class FormLayoutsComponent {
|
||||
//TABLE
|
||||
countries = COUNTRIES;
|
||||
|
||||
@ViewChildren(NgbdSortableHeader) headers: QueryList<NgbdSortableHeader>;
|
||||
|
||||
onSort({column, direction}: SortEvent) {
|
||||
|
||||
// resetting other headers
|
||||
this.headers.forEach(header => {
|
||||
if (header.sortable !== column) {
|
||||
header.direction = '';
|
||||
}
|
||||
});
|
||||
|
||||
// sorting countries
|
||||
if (direction === '' || column === '') {
|
||||
this.countries = COUNTRIES;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//WINDOWSFORMS
|
||||
|
||||
@ViewChild('contentTemplate', { static: true }) contentTemplate: TemplateRef<any>;
|
||||
@ViewChild('disabledEsc', { read: TemplateRef, static: true }) disabledEscTemplate: TemplateRef<HTMLElement>;
|
||||
|
||||
constructor(private windowService: NbWindowService) {}
|
||||
|
||||
openWindow(contentTemplate) {
|
||||
this.windowService.open(
|
||||
contentTemplate,
|
||||
{
|
||||
title: 'Window content from template',
|
||||
context: {
|
||||
text: 'some text to pass into template',
|
||||
},
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
openWindowForm() {
|
||||
this.windowService.open(WindowFormComponent, { title: `Window` });
|
||||
}
|
||||
|
||||
openWindowWithoutBackdrop() {
|
||||
this.windowService.open(
|
||||
this.disabledEscTemplate,
|
||||
{
|
||||
title: 'Window without backdrop',
|
||||
hasBackdrop: false,
|
||||
closeOnEsc: false,
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export class DatepickerComponent {
|
||||
|
||||
min: Date;
|
||||
max: Date;
|
||||
|
||||
constructor(protected dateService: NbDateService<Date>) {
|
||||
this.min = this.dateService.addDay(this.dateService.today(), -5);
|
||||
this.max = this.dateService.addDay(this.dateService.today(), 5);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,12 @@
|
|||
@import '../../../../@theme/styles/themes';
|
||||
|
||||
@include nb-install-component() {
|
||||
::ng-deep .form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.text-label {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
import { Component } from '@angular/core';
|
||||
import {NbWindowRef} from '@nebular/theme';
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@Component({
|
||||
template: `
|
||||
<form class="form">
|
||||
<label class="label">Accion:</label>
|
||||
|
||||
</form>
|
||||
`,
|
||||
styleUrls: ['window-form.component.scss'],
|
||||
})
|
||||
export class WindowFormComponent {
|
||||
constructor(public windowRef: NbWindowRef) {}
|
||||
|
||||
close() {
|
||||
this.windowRef.close();
|
||||
}
|
||||
}
|
||||
|
|
@ -8,7 +8,7 @@ import {
|
|||
NbInputModule,
|
||||
NbRadioModule,
|
||||
NbSelectModule,
|
||||
NbUserModule,
|
||||
NbUserModule,NbTabsetModule,
|
||||
} from '@nebular/theme';
|
||||
|
||||
import { ThemeModule } from '../../@theme/theme.module';
|
||||
|
|
@ -22,6 +22,7 @@ import { FormsModule as ngFormsModule } from '@angular/forms';
|
|||
|
||||
@NgModule({
|
||||
imports: [
|
||||
NbTabsetModule,
|
||||
ThemeModule,
|
||||
NbInputModule,
|
||||
NbCardModule,
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import { Component } from '@angular/core';
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
||||
|
||||
@Component({
|
||||
selector: 'ngx-miscellaneous',
|
||||
|
|
@ -8,3 +9,39 @@ import { Component } from '@angular/core';
|
|||
})
|
||||
export class MiscellaneousComponent {
|
||||
}
|
||||
|
||||
export class StepperComponent implements OnInit {
|
||||
|
||||
firstForm: FormGroup;
|
||||
secondForm: FormGroup;
|
||||
thirdForm: FormGroup;
|
||||
|
||||
constructor(private fb: FormBuilder) {
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.firstForm = this.fb.group({
|
||||
firstCtrl: ['', Validators.required],
|
||||
});
|
||||
|
||||
this.secondForm = this.fb.group({
|
||||
secondCtrl: ['', Validators.required],
|
||||
});
|
||||
|
||||
this.thirdForm = this.fb.group({
|
||||
thirdCtrl: ['', Validators.required],
|
||||
});
|
||||
}
|
||||
|
||||
onFirstSubmit() {
|
||||
this.firstForm.markAsDirty();
|
||||
}
|
||||
|
||||
onSecondSubmit() {
|
||||
this.secondForm.markAsDirty();
|
||||
}
|
||||
|
||||
onThirdSubmit() {
|
||||
this.thirdForm.markAsDirty();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { NbButtonModule, NbCardModule } from '@nebular/theme';
|
||||
import { NgModule, Component, OnInit } from '@angular/core';
|
||||
import { NbButtonModule,NbInputModule, NbCardModule,NbSelectModule,NbIconModule, NbComponentShape, NbComponentSize, NbComponentStatus,NbStepperModule } from '@nebular/theme';
|
||||
|
||||
import { ThemeModule } from '../../@theme/theme.module';
|
||||
import { ThemeModule,} from '../../@theme/theme.module';
|
||||
import { MiscellaneousRoutingModule } from './miscellaneous-routing.module';
|
||||
import { MiscellaneousComponent } from './miscellaneous.component';
|
||||
import { NotFoundComponent } from './not-found/not-found.component';
|
||||
|
|
@ -12,6 +12,10 @@ import { NotFoundComponent } from './not-found/not-found.component';
|
|||
NbCardModule,
|
||||
NbButtonModule,
|
||||
MiscellaneousRoutingModule,
|
||||
NbSelectModule,
|
||||
NbIconModule,
|
||||
NbInputModule,
|
||||
NbStepperModule,
|
||||
],
|
||||
declarations: [
|
||||
MiscellaneousComponent,
|
||||
|
|
@ -19,3 +23,9 @@ import { NotFoundComponent } from './not-found/not-found.component';
|
|||
],
|
||||
})
|
||||
export class MiscellaneousModule { }
|
||||
|
||||
export class ButtonsComponent {
|
||||
statuses: NbComponentStatus[] = [ 'primary', 'success', 'info', 'warning', 'danger' ];
|
||||
shapes: NbComponentShape[] = [ 'rectangle', 'semi-round', 'round' ];
|
||||
sizes: NbComponentSize[] = [ 'tiny', 'small', 'medium', 'large', 'giant' ];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,14 +2,53 @@
|
|||
<div class="col-md-12">
|
||||
<nb-card>
|
||||
<nb-card-body>
|
||||
<div class="flex-centered col-xl-4 col-lg-6 col-md-8 col-sm-12">
|
||||
<h2 class="title">404 Page Not Found</h2>
|
||||
<small class="sub-title">The page you were looking for doesn't exist</small>
|
||||
<button nbButton fullWidth (click)="goToHome()" type="button" class="home-button">
|
||||
Take me home
|
||||
</button>
|
||||
</div>
|
||||
<div class="flex-centered col-xl-8 col-lg-8 col-md-8 col-sm-8">
|
||||
|
||||
<h2 class="title">Cargar Archivos</h2>
|
||||
|
||||
<label class="label" style="margin-left: 90px;">Selecciona empresa: </label> <label class="label" style="margin-left: 30px;">Estado: </label> <br>
|
||||
|
||||
<nb-select selected="2" style="margin-left: 90px;">
|
||||
<nb-option value="1">Rimac</nb-option>
|
||||
<nb-option value="2">Secrex</nb-option>
|
||||
<nb-option value="2">Maphree</nb-option>
|
||||
</nb-select>
|
||||
|
||||
<input type="text" nbInput placeholder=" Archivo... " style="margin-left: 50px;">
|
||||
|
||||
|
||||
<button _ngcontent-lih-c373="" nbbutton="" hero="" _nghost-lih-c96="" ng-reflect-hero="" ng-reflect-status="primary"
|
||||
aria-disabled="false" tabindex="0" class="appearance-hero size-medium status-primary shape-rectangle ng-star-inserted nb-transition"
|
||||
style="margin-left: 50px; margin-top: 10px;margin-bottom: 30px;"> Selecciona archivo </button>
|
||||
</div>
|
||||
|
||||
</nb-card-body>
|
||||
|
||||
|
||||
<nb-stepper orientation="horizontal">
|
||||
<nb-step [label]="labelOne">
|
||||
<ng-template #labelOne>Seleccion </ng-template>
|
||||
<button nbButton disabled nbStepperNext>prev</button>
|
||||
<button nbButton nbStepperNext>siguiente</button>
|
||||
</nb-step>
|
||||
<nb-step [label]="labelTwo">
|
||||
<ng-template #labelTwo>Carga </ng-template>
|
||||
<button nbButton nbStepperPrevious>atras</button>
|
||||
<button nbButton nbStepperNext>siguiente</button>
|
||||
</nb-step>
|
||||
<nb-step label="Third step">
|
||||
<ng-template #labelthree>Validando </ng-template>
|
||||
<button nbButton nbStepperPrevious>atras</button>
|
||||
<button nbButton nbStepperNext>siguiente</button>
|
||||
</nb-step>
|
||||
<nb-step [label]="labelFour">
|
||||
<ng-template #labelFour>Subiendo a base de datos</ng-template>
|
||||
<button nbButton nbStepperPrevious>prev</button>
|
||||
<button nbButton disabled nbStepperNext>next</button>
|
||||
</nb-step>
|
||||
</nb-stepper>
|
||||
|
||||
|
||||
</nb-card>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
<div class="form-group">
|
||||
<label class="label">Position:</label>
|
||||
<nb-select [(selected)]="position" class="position-select">
|
||||
<nb-option *ngFor="let p of positions" [value]="p">{{ p }}</nb-option>
|
||||
<nb-option >BCP</nb-option>
|
||||
<nb-option >BBVA</nb-option>
|
||||
</nb-select>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
@import '../../../../@theme/styles/themes';
|
||||
|
||||
@import '~bootstrap/scss/mixins/breakpoints';
|
||||
@import '~@nebular/theme/styles/global/breakpoints';
|
||||
|
||||
@include nb-install-component() {
|
||||
::ng-deep .form {
|
||||
display: flex;
|
||||
|
|
@ -9,4 +12,36 @@
|
|||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
button + button {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xxl) {
|
||||
nb-card-body {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
button {
|
||||
flex: 1;
|
||||
padding: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(is) {
|
||||
nb-card-body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
button {
|
||||
+ button {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 2rem;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,247 +1,42 @@
|
|||
import { NbMenuItem } from '@nebular/theme';
|
||||
|
||||
export const MENU_ITEMS: NbMenuItem[] = [
|
||||
|
||||
{
|
||||
title: 'E-commerce',
|
||||
icon: 'shopping-cart-outline',
|
||||
link: '/pages/dashboard',
|
||||
home: true,
|
||||
},
|
||||
{
|
||||
title: 'IoT Dashboard',
|
||||
icon: 'home-outline',
|
||||
link: '/pages/iot-dashboard',
|
||||
},
|
||||
{
|
||||
title: 'FEATURES',
|
||||
title: 'Secciones',
|
||||
group: true,
|
||||
},
|
||||
{
|
||||
title: 'Layout',
|
||||
icon: 'layout-outline',
|
||||
title: 'Gestiones',
|
||||
icon: 'headphones-outline',
|
||||
children: [
|
||||
|
||||
{
|
||||
title: 'Stepper',
|
||||
link: '/pages/layout/stepper',
|
||||
},
|
||||
{
|
||||
title: 'List',
|
||||
link: '/pages/layout/list',
|
||||
},
|
||||
{
|
||||
title: 'Infinite List',
|
||||
link: '/pages/layout/infinite-list',
|
||||
},
|
||||
{
|
||||
title: 'Accordion',
|
||||
link: '/pages/layout/accordion',
|
||||
},
|
||||
{
|
||||
title: 'Tabs',
|
||||
pathMatch: 'prefix',
|
||||
link: '/pages/layout/tabs',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Forms',
|
||||
icon: 'edit-2-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Form Inputs',
|
||||
link: '/pages/forms/inputs',
|
||||
},
|
||||
{
|
||||
title: 'Form Layouts',
|
||||
title: 'Mantenimiento de gestiones',
|
||||
link: '/pages/forms/layouts',
|
||||
},
|
||||
{
|
||||
title: 'Buttons',
|
||||
link: '/pages/forms/buttons',
|
||||
},
|
||||
{
|
||||
title: 'Datepicker',
|
||||
link: '/pages/forms/datepicker',
|
||||
},
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'UI Features',
|
||||
icon: 'keypad-outline',
|
||||
link: '/pages/ui-features',
|
||||
title: 'Usuarios',
|
||||
icon: 'people-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Grid',
|
||||
link: '/pages/ui-features/grid',
|
||||
},
|
||||
{
|
||||
title: 'Icons',
|
||||
link: '/pages/ui-features/icons',
|
||||
},
|
||||
{
|
||||
title: 'Typography',
|
||||
link: '/pages/ui-features/typography',
|
||||
},
|
||||
{
|
||||
title: 'Animated Searches',
|
||||
link: '/pages/ui-features/search-fields',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Modal & Overlays',
|
||||
icon: 'browser-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Dialog',
|
||||
link: '/pages/modal-overlays/dialog',
|
||||
},
|
||||
{
|
||||
title: 'Window',
|
||||
link: '/pages/modal-overlays/window',
|
||||
},
|
||||
{
|
||||
title: 'Popover',
|
||||
link: '/pages/modal-overlays/popover',
|
||||
},
|
||||
{
|
||||
title: 'Toastr',
|
||||
link: '/pages/modal-overlays/toastr',
|
||||
},
|
||||
{
|
||||
title: 'Tooltip',
|
||||
link: '/pages/modal-overlays/tooltip',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Extra Components',
|
||||
icon: 'message-circle-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Calendar',
|
||||
link: '/pages/extra-components/calendar',
|
||||
},
|
||||
{
|
||||
title: 'Progress Bar',
|
||||
link: '/pages/extra-components/progress-bar',
|
||||
},
|
||||
{
|
||||
title: 'Spinner',
|
||||
link: '/pages/extra-components/spinner',
|
||||
},
|
||||
{
|
||||
title: 'Alert',
|
||||
link: '/pages/extra-components/alert',
|
||||
},
|
||||
{
|
||||
title: 'Calendar Kit',
|
||||
link: '/pages/extra-components/calendar-kit',
|
||||
},
|
||||
{
|
||||
title: 'Chat',
|
||||
link: '/pages/extra-components/chat',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Maps',
|
||||
icon: 'map-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Google Maps',
|
||||
link: '/pages/maps/gmaps',
|
||||
},
|
||||
{
|
||||
title: 'Leaflet Maps',
|
||||
link: '/pages/maps/leaflet',
|
||||
},
|
||||
{
|
||||
title: 'Bubble Maps',
|
||||
link: '/pages/maps/bubble',
|
||||
},
|
||||
{
|
||||
title: 'Search Maps',
|
||||
link: '/pages/maps/searchmap',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Charts',
|
||||
icon: 'pie-chart-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Echarts',
|
||||
link: '/pages/charts/echarts',
|
||||
},
|
||||
{
|
||||
title: 'Charts.js',
|
||||
link: '/pages/charts/chartjs',
|
||||
},
|
||||
{
|
||||
title: 'D3',
|
||||
link: '/pages/charts/d3',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Editors',
|
||||
icon: 'text-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'TinyMCE',
|
||||
link: '/pages/editors/tinymce',
|
||||
},
|
||||
{
|
||||
title: 'CKEditor',
|
||||
link: '/pages/editors/ckeditor',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Tables & Data',
|
||||
icon: 'grid-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Smart Table',
|
||||
title: 'Mantenimiento Usuarios',
|
||||
link: '/pages/tables/smart-table',
|
||||
},
|
||||
{
|
||||
title: 'Tree Grid',
|
||||
link: '/pages/tables/tree-grid',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Miscellaneous',
|
||||
icon: 'shuffle-2-outline',
|
||||
title: 'Archivos',
|
||||
icon: 'folder-outline',
|
||||
children: [
|
||||
{
|
||||
title: '404',
|
||||
title: 'Cargar archivos',
|
||||
link: '/pages/miscellaneous/404',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Auth',
|
||||
icon: 'lock-outline',
|
||||
children: [
|
||||
{
|
||||
title: 'Login',
|
||||
link: '/auth/login',
|
||||
},
|
||||
{
|
||||
title: 'Register',
|
||||
link: '/auth/register',
|
||||
},
|
||||
{
|
||||
title: 'Request Password',
|
||||
link: '/auth/request-password',
|
||||
},
|
||||
{
|
||||
title: 'Reset Password',
|
||||
link: '/auth/reset-password',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
|
||||
];
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ import { DashboardModule } from './dashboard/dashboard.module';
|
|||
import { ECommerceModule } from './e-commerce/e-commerce.module';
|
||||
import { PagesRoutingModule } from './pages-routing.module';
|
||||
import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
|
||||
import { UsuariosComponent } from './usuarios/usuarios.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
|
|
@ -19,6 +20,7 @@ import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
|
|||
],
|
||||
declarations: [
|
||||
PagesComponent,
|
||||
UsuariosComponent,
|
||||
],
|
||||
})
|
||||
export class PagesModule {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,38 @@
|
|||
<nb-card>
|
||||
|
||||
<nb-card-header>Filtros</nb-card-header>
|
||||
|
||||
<nb-card-body>
|
||||
<label class="label">Tipo de usuario: </label> <label class="label" style="margin-left: 90px;">Estado: </label> <br>
|
||||
<nb-select selected="2">
|
||||
<nb-option value="1">Gestor</nb-option>
|
||||
<nb-option value="2">Supervisor</nb-option>
|
||||
<nb-option value="2">Administrador</nb-option>
|
||||
</nb-select>
|
||||
|
||||
<nb-select selected="2" style="margin-left: 50px;">
|
||||
<nb-option value="1">Estado 1</nb-option>
|
||||
<nb-option value="2">Estado 2</nb-option>
|
||||
<nb-option value="2">Estado 3</nb-option>
|
||||
</nb-select>
|
||||
|
||||
<input type="text" nbInput placeholder="Codigo" style="margin-left: 50px;">
|
||||
<input type="text" nbInput placeholder="Apellido" style="margin-left: 50px;">
|
||||
<input type="text" nbInput placeholder="Nombre" style="margin-left: 50px;">
|
||||
|
||||
<button _ngcontent-lih-c373="" nbbutton="" hero="" _nghost-lih-c96="" ng-reflect-hero="" ng-reflect-status="primary"
|
||||
aria-disabled="false" tabindex="0" class="appearance-hero size-medium status-primary shape-rectangle ng-star-inserted nb-transition" style="margin-left: 150px;"> Filtrar </button>
|
||||
|
||||
|
||||
</nb-card-body>
|
||||
|
||||
|
||||
|
||||
</nb-card>
|
||||
|
||||
<nb-card>
|
||||
<nb-card-header>
|
||||
Smart Table
|
||||
Listado de Usuarios
|
||||
</nb-card-header>
|
||||
|
||||
<nb-card-body>
|
||||
|
|
|
|||
|
|
@ -27,28 +27,28 @@ export class SmartTableComponent {
|
|||
},
|
||||
columns: {
|
||||
id: {
|
||||
title: 'ID',
|
||||
title: 'Codigo',
|
||||
type: 'number',
|
||||
},
|
||||
firstName: {
|
||||
title: 'First Name',
|
||||
title: 'Apellido Paterno',
|
||||
type: 'string',
|
||||
},
|
||||
lastName: {
|
||||
title: 'Last Name',
|
||||
title: 'Apellido Materno',
|
||||
type: 'string',
|
||||
},
|
||||
username: {
|
||||
title: 'Username',
|
||||
title: 'Nombres',
|
||||
type: 'string',
|
||||
},
|
||||
email: {
|
||||
title: 'E-mail',
|
||||
title: 'Tipo de usuario',
|
||||
type: 'string',
|
||||
},
|
||||
age: {
|
||||
title: 'Age',
|
||||
type: 'number',
|
||||
title: 'Tipo de Perfil',
|
||||
type: 'string',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
@ -61,7 +61,7 @@ export class SmartTableComponent {
|
|||
}
|
||||
|
||||
onDeleteConfirm(event): void {
|
||||
if (window.confirm('Are you sure you want to delete?')) {
|
||||
if (window.confirm('Seguro que deseas eliminar?')) {
|
||||
event.confirm.resolve();
|
||||
} else {
|
||||
event.confirm.reject();
|
||||
|
|
|
|||
|
|
@ -1,7 +1,10 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { NbCardModule, NbIconModule, NbInputModule, NbTreeGridModule } from '@nebular/theme';
|
||||
import { NbCardModule, NbIconModule, NbInputModule, NbTreeGridModule, NbSelectModule , NbComponentShape, NbComponentSize, NbComponentStatus} from '@nebular/theme';
|
||||
import { Ng2SmartTableModule } from 'ng2-smart-table';
|
||||
|
||||
|
||||
|
||||
|
||||
import { ThemeModule } from '../../@theme/theme.module';
|
||||
import { TablesRoutingModule, routedComponents } from './tables-routing.module';
|
||||
import { FsIconComponent } from './tree-grid/tree-grid.component';
|
||||
|
|
@ -15,10 +18,20 @@ import { FsIconComponent } from './tree-grid/tree-grid.component';
|
|||
ThemeModule,
|
||||
TablesRoutingModule,
|
||||
Ng2SmartTableModule,
|
||||
|
||||
ThemeModule,
|
||||
NbSelectModule,
|
||||
],
|
||||
declarations: [
|
||||
...routedComponents,
|
||||
FsIconComponent,
|
||||
],
|
||||
|
||||
|
||||
})
|
||||
export class TablesModule { }
|
||||
export class ButtonsComponent {
|
||||
statuses: NbComponentStatus[] = [ 'primary', 'success', 'info', 'warning', 'danger' ];
|
||||
shapes: NbComponentShape[] = [ 'rectangle', 'semi-round', 'round' ];
|
||||
sizes: NbComponentSize[] = [ 'tiny', 'small', 'medium', 'large', 'giant' ];
|
||||
}
|
||||
|
|
|
|||
1
src/app/pages/usuarios/usuarios.component.html
Normal file
1
src/app/pages/usuarios/usuarios.component.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<p>usuarios works!</p>
|
||||
0
src/app/pages/usuarios/usuarios.component.scss
Normal file
0
src/app/pages/usuarios/usuarios.component.scss
Normal file
25
src/app/pages/usuarios/usuarios.component.spec.ts
Normal file
25
src/app/pages/usuarios/usuarios.component.spec.ts
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { UsuariosComponent } from './usuarios.component';
|
||||
|
||||
describe('UsuariosComponent', () => {
|
||||
let component: UsuariosComponent;
|
||||
let fixture: ComponentFixture<UsuariosComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ UsuariosComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(UsuariosComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
15
src/app/pages/usuarios/usuarios.component.ts
Normal file
15
src/app/pages/usuarios/usuarios.component.ts
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'ngx-usuarios',
|
||||
templateUrl: './usuarios.component.html',
|
||||
styleUrls: ['./usuarios.component.scss']
|
||||
})
|
||||
export class UsuariosComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>ngx-admin Demo Application</title>
|
||||
<title>Demo Application</title>
|
||||
|
||||
<base href="/">
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue