diff --git a/angular.json b/angular.json index df92f100..168f2b16 100644 --- a/angular.json +++ b/angular.json @@ -183,5 +183,8 @@ "@schematics/angular:directive": { "prefix": "ngx" } + }, + "cli": { + "analytics": "0e773111-72a1-4fcf-8247-a9a5f71f6481" } -} +} \ No newline at end of file diff --git a/src/app/@theme/components/header/header.component.html b/src/app/@theme/components/header/header.component.html index 6fdc5d35..da232d86 100644 --- a/src/app/@theme/components/header/header.component.html +++ b/src/app/@theme/components/header/header.component.html @@ -3,10 +3,10 @@ - + - {{ theme.name }} + {{ theme.name }} diff --git a/src/app/@theme/styles/themes.scss b/src/app/@theme/styles/themes.scss index c5d5aa8d..97ab40ba 100644 --- a/src/app/@theme/styles/themes.scss +++ b/src/app/@theme/styles/themes.scss @@ -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(( diff --git a/src/app/pages/forms/form-layouts/form-layouts.component.html b/src/app/pages/forms/form-layouts/form-layouts.component.html index 780ff834..91283b6b 100644 --- a/src/app/pages/forms/form-layouts/form-layouts.component.html +++ b/src/app/pages/forms/form-layouts/form-layouts.component.html @@ -1,165 +1,261 @@ -
-
- - Inline form - -
- - - Remember me - -
- - -
-
+ + +
- Using the Grid + +
+ Telefono + Calle + Adicional +
+ +
- -
- -
+ + +
+
- -
- -
-
-
- -
- - Option 1 - Option 2 - Disabled Option - -
-
-
-
- -
+ + + + +

Empresa:

+ + Rimac + Secrex + Maphree + + + + +

Colas:

+ + Contactados + Cola 2 + Cola 3 + +
+ + + + + + + + + + + + + + + + + + + + + +
#CountryAreaPopulation
{{ country.id }} + + {{ country.name }} + {{ country.area | number }}{{ country.population | number }}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#ProductoMonto CapitalMonto deuda
{{ country.id }} + + {{ country.name }} + {{ country.area | number }}{{ country.population | number }}
+ + + + + + + + + + Content #2 + + + + + + + + + +
+ + + +
+ + +
+

Condicion:

+ +

Situacion:

+

Estado:

+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
#CountryAreaPopulation
{{ country.id }} + + {{ country.name }} + {{ country.area | number }}{{ country.population | number }}
+ + + + + + + + + + + + + + + + + + + + + + + +
#CountryAreaPopulation
{{ country.id }} + + {{ country.name }} + {{ country.area | number }}{{ country.population | number }}
+ + + + + + + + + + + Form without labels
-
- -
-
- -
-
- -
- + + + Se evaluo telefonos + Se contacto a terceros + Se contacto a Familiar + Se contacto a titular + Se contacto a titular + + + + + + + Reaccion 1 + Reaccion 2 + Reaccion 3 + Reaccion 4 + Reaccion 5 + + + + + + Razon 1 + Razon 2 + Razon 3 + Razon 4 + Razon 5 + + + + + + + +
+ +
- -
- - Basic form - -
-
- - -
-
- - -
-
- Check me out -
- -
- - - - - Block form - -
-
-
- - -
-
-
-
- - -
-
-
-
-
-
- - -
-
-
-
- - -
-
-
- - - +
+ +
-
-
- - Horizontal form - -
-
- -
- -
-
-
- -
- -
-
-
-
-
- Remember me -
-
-
-
-
- -
-
-
- - -
-
+ diff --git a/src/app/pages/forms/form-layouts/form-layouts.component.ts b/src/app/pages/forms/form-layouts/form-layouts.component.ts index 2c902353..5c2f37a2 100644 --- a/src/app/pages/forms/form-layouts/form-layouts.component.ts +++ b/src/app/pages/forms/form-layouts/form-layouts.component.ts @@ -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(); + + 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; + + 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; + @ViewChild('disabledEsc', { read: TemplateRef, static: true }) disabledEscTemplate: TemplateRef; + + 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) { + this.min = this.dateService.addDay(this.dateService.today(), -5); + this.max = this.dateService.addDay(this.dateService.today(), 5); + } +} diff --git a/src/app/pages/forms/form-layouts/window-form/window-form.component.scss b/src/app/pages/forms/form-layouts/window-form/window-form.component.scss new file mode 100644 index 00000000..9ef1b9a0 --- /dev/null +++ b/src/app/pages/forms/form-layouts/window-form/window-form.component.scss @@ -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; + } + } +} diff --git a/src/app/pages/forms/form-layouts/window-form/window-form.component.ts b/src/app/pages/forms/form-layouts/window-form/window-form.component.ts new file mode 100644 index 00000000..11b437da --- /dev/null +++ b/src/app/pages/forms/form-layouts/window-form/window-form.component.ts @@ -0,0 +1,24 @@ +import { Component } from '@angular/core'; +import {NbWindowRef} from '@nebular/theme'; + + + + + + +@Component({ + template: ` +
+ + +
+ `, + styleUrls: ['window-form.component.scss'], +}) +export class WindowFormComponent { + constructor(public windowRef: NbWindowRef) {} + + close() { + this.windowRef.close(); + } +} diff --git a/src/app/pages/forms/forms.module.ts b/src/app/pages/forms/forms.module.ts index a7b93962..b35d54fa 100644 --- a/src/app/pages/forms/forms.module.ts +++ b/src/app/pages/forms/forms.module.ts @@ -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, diff --git a/src/app/pages/miscellaneous/miscellaneous.component.ts b/src/app/pages/miscellaneous/miscellaneous.component.ts index d8024354..969f43f1 100644 --- a/src/app/pages/miscellaneous/miscellaneous.component.ts +++ b/src/app/pages/miscellaneous/miscellaneous.component.ts @@ -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(); + } +} diff --git a/src/app/pages/miscellaneous/miscellaneous.module.ts b/src/app/pages/miscellaneous/miscellaneous.module.ts index baae2a14..5a83d296 100644 --- a/src/app/pages/miscellaneous/miscellaneous.module.ts +++ b/src/app/pages/miscellaneous/miscellaneous.module.ts @@ -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' ]; +} diff --git a/src/app/pages/miscellaneous/not-found/not-found.component.html b/src/app/pages/miscellaneous/not-found/not-found.component.html index 9eb129fa..aa99ae3f 100644 --- a/src/app/pages/miscellaneous/not-found/not-found.component.html +++ b/src/app/pages/miscellaneous/not-found/not-found.component.html @@ -2,14 +2,53 @@
-
-

404 Page Not Found

- The page you were looking for doesn't exist - -
+
+ +

Cargar Archivos

+ +
+ + + Rimac + Secrex + Maphree + + + + + + +
+ + + + + + Seleccion + + + + + Carga + + + + + Validando + + + + + Subiendo a base de datos + + + + + +
diff --git a/src/app/pages/modal-overlays/toastr/toastr.component.html b/src/app/pages/modal-overlays/toastr/toastr.component.html index 6e1c4c63..cb46c22e 100644 --- a/src/app/pages/modal-overlays/toastr/toastr.component.html +++ b/src/app/pages/modal-overlays/toastr/toastr.component.html @@ -9,7 +9,8 @@
- {{ p }} + BCP + BBVA
diff --git a/src/app/pages/modal-overlays/window/window-form/window-form.component.scss b/src/app/pages/modal-overlays/window/window-form/window-form.component.scss index 9ef1b9a0..2654f596 100644 --- a/src/app/pages/modal-overlays/window/window-form/window-form.component.scss +++ b/src/app/pages/modal-overlays/window/window-form/window-form.component.scss @@ -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; + } + } } diff --git a/src/app/pages/pages-menu.ts b/src/app/pages/pages-menu.ts index 6134b318..dffa7af3 100644 --- a/src/app/pages/pages-menu.ts +++ b/src/app/pages/pages-menu.ts @@ -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', - }, - ], - }, + + ]; diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts index c1de7ffd..15d7d3ec 100644 --- a/src/app/pages/pages.module.ts +++ b/src/app/pages/pages.module.ts @@ -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 { diff --git a/src/app/pages/tables/smart-table/smart-table.component.html b/src/app/pages/tables/smart-table/smart-table.component.html index 05cd834c..6f9338e9 100644 --- a/src/app/pages/tables/smart-table/smart-table.component.html +++ b/src/app/pages/tables/smart-table/smart-table.component.html @@ -1,6 +1,38 @@ + + + Filtros + + +
+ + Gestor + Supervisor + Administrador + + + + Estado 1 + Estado 2 + Estado 3 + + + + + + + + + + + + + + + - Smart Table + Listado de Usuarios diff --git a/src/app/pages/tables/smart-table/smart-table.component.ts b/src/app/pages/tables/smart-table/smart-table.component.ts index 89c8ec59..a176fea3 100644 --- a/src/app/pages/tables/smart-table/smart-table.component.ts +++ b/src/app/pages/tables/smart-table/smart-table.component.ts @@ -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(); diff --git a/src/app/pages/tables/tables.module.ts b/src/app/pages/tables/tables.module.ts index a9074c4f..173e772a 100644 --- a/src/app/pages/tables/tables.module.ts +++ b/src/app/pages/tables/tables.module.ts @@ -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' ]; +} diff --git a/src/app/pages/usuarios/usuarios.component.html b/src/app/pages/usuarios/usuarios.component.html new file mode 100644 index 00000000..6ce9945b --- /dev/null +++ b/src/app/pages/usuarios/usuarios.component.html @@ -0,0 +1 @@ +

usuarios works!

diff --git a/src/app/pages/usuarios/usuarios.component.scss b/src/app/pages/usuarios/usuarios.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/pages/usuarios/usuarios.component.spec.ts b/src/app/pages/usuarios/usuarios.component.spec.ts new file mode 100644 index 00000000..3641a577 --- /dev/null +++ b/src/app/pages/usuarios/usuarios.component.spec.ts @@ -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; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ UsuariosComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(UsuariosComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/usuarios/usuarios.component.ts b/src/app/pages/usuarios/usuarios.component.ts new file mode 100644 index 00000000..12a6f4bb --- /dev/null +++ b/src/app/pages/usuarios/usuarios.component.ts @@ -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 { + } + +} diff --git a/src/index.html b/src/index.html index 5192560c..e56442a0 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - ngx-admin Demo Application + Demo Application