Compare commits
No commits in common. "master" and "BackEnd" have entirely different histories.
File diff suppressed because it is too large
Load Diff
29
package.json
29
package.json
|
|
@ -13,26 +13,23 @@
|
|||
},
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@angular/animations": "^11.2.1",
|
||||
"@angular/cdk": "^11.2.1",
|
||||
"@angular/common": "~10.0.0",
|
||||
"@angular/core": "~10.0.0",
|
||||
"@angular/forms": "~10.0.0",
|
||||
"@angular/material": "^11.2.1",
|
||||
"@angular/platform-browser": "~10.0.0",
|
||||
"@angular/platform-browser-dynamic": "~10.0.0",
|
||||
"@angular/router": "~10.0.0",
|
||||
"@capacitor/core": "2.4.3",
|
||||
"@ionic-native/core": "^5.31.1",
|
||||
"@ionic-native/splash-screen": "^5.31.1",
|
||||
"@ionic-native/status-bar": "^5.31.1",
|
||||
"@ionic/angular": "^5.5.4",
|
||||
"@ionic-native/core": "^5.0.0",
|
||||
"@ionic-native/splash-screen": "^5.0.0",
|
||||
"@ionic-native/status-bar": "^5.0.0",
|
||||
"@ionic/angular": "^5.0.0",
|
||||
"rxjs": "~6.5.5",
|
||||
"tslib": "^2.1.0",
|
||||
"tslib": "^2.0.0",
|
||||
"zone.js": "~0.10.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-devkit/build-angular": "^0.1000.8",
|
||||
"@angular-devkit/build-angular": "~0.1000.0",
|
||||
"@angular/cli": "10.0.8",
|
||||
"@angular/compiler": "~10.0.0",
|
||||
"@angular/compiler-cli": "~10.0.0",
|
||||
|
|
@ -41,15 +38,15 @@
|
|||
"@ionic/angular-toolkit": "^2.3.0",
|
||||
"@types/jasmine": "~3.5.0",
|
||||
"@types/jasminewd2": "~2.0.3",
|
||||
"@types/node": "^12.20.4",
|
||||
"@types/node": "^12.11.1",
|
||||
"codelyzer": "^6.0.0",
|
||||
"cordova-android": "^9.0.0",
|
||||
"cordova-plugin-device": "^2.0.3",
|
||||
"cordova-plugin-device": "^2.0.2",
|
||||
"cordova-plugin-ionic-keyboard": "^2.2.0",
|
||||
"cordova-plugin-ionic-webview": "^4.2.1",
|
||||
"cordova-plugin-splashscreen": "^5.0.4",
|
||||
"cordova-plugin-statusbar": "^2.4.3",
|
||||
"cordova-plugin-whitelist": "^1.3.4",
|
||||
"cordova-plugin-splashscreen": "^5.0.2",
|
||||
"cordova-plugin-statusbar": "^2.4.2",
|
||||
"cordova-plugin-whitelist": "^1.3.3",
|
||||
"jasmine-core": "~3.5.0",
|
||||
"jasmine-spec-reporter": "~5.0.0",
|
||||
"karma": "~5.0.0",
|
||||
|
|
@ -60,7 +57,7 @@
|
|||
"protractor": "~7.0.0",
|
||||
"ts-node": "~8.3.0",
|
||||
"tslint": "~6.1.0",
|
||||
"typescript": "^3.9.9"
|
||||
"typescript": "~3.9.5"
|
||||
},
|
||||
"description": "An Ionic project",
|
||||
"cordova": {
|
||||
|
|
@ -78,4 +75,4 @@
|
|||
"android"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -13,10 +13,6 @@ const routes: Routes = [
|
|||
path: 'tabs',
|
||||
loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
|
||||
},
|
||||
{
|
||||
path: 'tabsUser',
|
||||
loadChildren: () => import('./tabs-user/tabs-user.module').then(m => m.TabsUserPageModule)
|
||||
},
|
||||
{
|
||||
path: 'view-evento',
|
||||
loadChildren: () => import('./view-evento/view-evento.module').then( m => m.ViewEventoPageModule)
|
||||
|
|
@ -30,33 +26,6 @@ const routes: Routes = [
|
|||
redirectTo: 'login',
|
||||
pathMatch: 'full'
|
||||
},
|
||||
{
|
||||
path: 'tabs-user',
|
||||
loadChildren: () => import('./tabs-user/tabs-user.module').then( m => m.TabsUserPageModule)
|
||||
},
|
||||
{
|
||||
path: 'feed',
|
||||
loadChildren: () => import('./feed/feed.module').then( m => m.FeedPageModule)
|
||||
},
|
||||
{
|
||||
path: 'view-evento-cliente',
|
||||
loadChildren: () => import('./view-evento-cliente/view-evento-cliente.module').then( m => m.ViewEventoClientePageModule)
|
||||
},
|
||||
{
|
||||
path: 'view-discoteca-cliente',
|
||||
loadChildren: () => import('./view-discoteca-cliente/view-discoteca-cliente.module').then( m => m.ViewDiscotecaClientePageModule)
|
||||
},
|
||||
{
|
||||
path: 'reservamodal',
|
||||
loadChildren: () => import('./reservamodal/reservamodal.module').then( m => m.ReservamodalPageModule)
|
||||
},
|
||||
{
|
||||
path: 'perfil-usuario',
|
||||
loadChildren: () => import('./perfil-usuario/perfil-usuario.module').then( m => m.PerfilUsuarioPageModule)
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -11,17 +11,12 @@ import { AppComponent } from './app.component';
|
|||
import { PerfilDiscotecaPage } from './perfil-discoteca/perfil-discoteca.page';
|
||||
import { PromptEventoPage} from './prompt-evento/prompt-evento.page'
|
||||
import { GaleriamodalPageModule } from './galeriamodal/galeriamodal.module';
|
||||
import { MatMenuModule } from '@angular/material/menu';
|
||||
import { MatCardModule } from '@angular/material/card';
|
||||
import { LoginPage } from './login/login.page';
|
||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
|
||||
|
||||
@NgModule({
|
||||
declarations: [AppComponent, PerfilDiscotecaPage, PromptEventoPage, LoginPage],
|
||||
entryComponents: [],
|
||||
imports: [BrowserModule, HttpClientModule, IonicModule.forRoot(), AppRoutingModule, ReactiveFormsModule, GaleriamodalPageModule, MatMenuModule, BrowserAnimationsModule, MatIconModule, MatCardModule],
|
||||
imports: [BrowserModule, HttpClientModule, IonicModule.forRoot(), AppRoutingModule, ReactiveFormsModule, GaleriamodalPageModule],
|
||||
providers: [
|
||||
StatusBar,
|
||||
SplashScreen,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
import {Eventoi} from './interfaces/eventoi';
|
||||
import {Evento} from './evento';
|
||||
|
||||
export class Discoteca {
|
||||
|
||||
|
|
@ -7,7 +7,7 @@ export class Discoteca {
|
|||
private nombre: string;
|
||||
private telefono: number;
|
||||
private localizacion: string;
|
||||
private eventos: Eventoi[];
|
||||
private eventos: Evento[];
|
||||
private descripcion: string;
|
||||
|
||||
setId(id: number): void{
|
||||
|
|
@ -42,7 +42,7 @@ export class Discoteca {
|
|||
return this.localizacion
|
||||
}
|
||||
|
||||
getEventos(): Eventoi[]{
|
||||
getEventos(): Evento[]{
|
||||
return this.eventos;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { FeedPage } from './feed.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: FeedPage
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class FeedPageRoutingModule {}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { FeedPageRoutingModule } from './feed-routing.module';
|
||||
|
||||
import { FeedPage } from './feed.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
FeedPageRoutingModule
|
||||
],
|
||||
declarations: [FeedPage]
|
||||
})
|
||||
export class FeedPageModule {}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>Eventos Próximos</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<ion-grid>
|
||||
<ion-row class="searchbar">
|
||||
<ion-input class="text" id="filtro" aria-placeholder="evento o discoteca"></ion-input>
|
||||
<ion-button (click)="filtrarEventos()"><ion-icon name="search-outline"></ion-icon></ion-button>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col size="12">
|
||||
<div *ngIf="eventos.length>0" class="eventos">
|
||||
<ion-list>
|
||||
<ion-item *ngFor="let evento of eventos" button (click)="mostrarEvento(evento)">
|
||||
<div class="evento">
|
||||
<div class="eventoHeader">
|
||||
{{evento.nombre}} ·
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
{{evento.fecha}} ·
|
||||
<ion-icon name="cash-outline"></ion-icon>
|
||||
{{evento.precio1}},{{evento.precio2}}
|
||||
</div>
|
||||
<div class="eventoDesc">
|
||||
{{evento.descripcion}}
|
||||
</div>
|
||||
<div class="discotecaEvento">
|
||||
{{discotecas[idsDiscoteca.indexOf(evento.discotecaID)]?.nombre}}
|
||||
</div>
|
||||
</div>
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</ion-content>
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
.searchbar{
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { FeedPage } from './feed.page';
|
||||
|
||||
describe('FeedPage', () => {
|
||||
let component: FeedPage;
|
||||
let fixture: ComponentFixture<FeedPage>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ FeedPage ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(FeedPage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,88 +0,0 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { DiscotecaI } from '../interfaces/discoteca-i';
|
||||
import { ApiService } from '../services/api.service';
|
||||
import { FeedService } from '../services/feed.service';
|
||||
import { Tab1Service } from '../tab1/tab1.service';
|
||||
import { EventListenerFocusTrapInertStrategy } from '@angular/cdk/a11y';
|
||||
|
||||
@Component({
|
||||
selector: 'app-feed',
|
||||
templateUrl: './feed.page.html',
|
||||
styleUrls: ['./feed.page.scss'],
|
||||
})
|
||||
export class FeedPage implements OnInit {
|
||||
|
||||
eventos: Eventoi[];
|
||||
discotecas: DiscotecaI[];
|
||||
idsDiscoteca: number[];
|
||||
mostrarTodos: boolean;
|
||||
|
||||
constructor(private feedService:FeedService, private tab1Service: Tab1Service, private router:Router, private apiService: ApiService ) { }
|
||||
|
||||
ngOnInit() {
|
||||
this.mostrarTodos = true;
|
||||
this.eventos = this.feedService.eventos;
|
||||
this.idsDiscoteca = [];
|
||||
this.discotecas=[];
|
||||
this.getDiscotecasDistintas();
|
||||
}
|
||||
|
||||
mostrarEvento(evento: Eventoi){
|
||||
|
||||
this.feedService.eventoIndex = this.eventos.indexOf(evento);
|
||||
let discotecaDelEvento: DiscotecaI = this.discotecas[this.idsDiscoteca.indexOf(evento.discotecaID)];
|
||||
this.feedService.discotecaEvento = discotecaDelEvento;
|
||||
this.router.navigate(['/tabsUser/tab2/view-evento-cliente']);
|
||||
|
||||
}
|
||||
|
||||
getDiscotecasDistintas(){
|
||||
this.eventos.forEach(
|
||||
evento => {
|
||||
if(!(this.idsDiscoteca.find(id => evento.discotecaID==id))){
|
||||
this.idsDiscoteca.push(evento.discotecaID);
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
this.idsDiscoteca.forEach(
|
||||
idDiscoteca => {
|
||||
this.apiService.getUserDiscoteca(idDiscoteca)
|
||||
.subscribe(discoteca => {
|
||||
console.log(discoteca[0]);
|
||||
this.discotecas.push(discoteca[0]);
|
||||
})
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
filtrarEventos(){
|
||||
var filtro = (<HTMLInputElement>document.getElementById("filtro")).value;
|
||||
let eventoSinFiltrar = this.feedService.eventos;
|
||||
this.eventos = [];
|
||||
eventoSinFiltrar.forEach(evento => {
|
||||
if (this.cumpleFiltro(evento, filtro)){
|
||||
this.eventos.push(evento);
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
cumpleFiltro(evento: Eventoi, filtro: string){
|
||||
|
||||
if(evento.nombre.toLowerCase().includes(filtro.toLowerCase())){
|
||||
return true;
|
||||
}
|
||||
|
||||
if (this.discotecas[this.idsDiscoteca.indexOf(evento.discotecaID)]
|
||||
.nombre.toLowerCase().includes(filtro.toLowerCase())){
|
||||
return true;
|
||||
}
|
||||
|
||||
else return false;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
export interface Codigo {
|
||||
UserID: number,
|
||||
codigo: string,
|
||||
numReservas: number
|
||||
}
|
||||
|
|
@ -6,7 +6,7 @@ export interface Eventoi {
|
|||
nombre: string,
|
||||
localizacion: string,
|
||||
fecha: Date,
|
||||
hora: Date,
|
||||
hora: Time,
|
||||
descripcion: string,
|
||||
precio1: number,
|
||||
precio2: number,
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
export interface Reservai {
|
||||
UserID: number,
|
||||
EventoID: number,
|
||||
codigoDescuento: string,
|
||||
codigoUnico: string,
|
||||
codigoUnicoID: number,
|
||||
descuentoPorciento: number
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
export interface User {
|
||||
userID: number;
|
||||
id: number;
|
||||
discotecaID: number;
|
||||
userType: number;
|
||||
username: string;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<ion-content>
|
||||
<span>Usuario: </span><input type="text" id="username">
|
||||
<span>Contraseña: </span><input type="password" id="password">
|
||||
<span>Contraseña: </span><input type="text" id="password">
|
||||
<ion-button (click)="login()">
|
||||
Login
|
||||
</ion-button>
|
||||
|
|
|
|||
|
|
@ -8,55 +8,41 @@
|
|||
|
||||
<ion-content [fullscreen]="true">
|
||||
|
||||
<div class='main'>
|
||||
|
||||
|
||||
<div class='fotoPerfil'>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<div class='fotoPerfil'>
|
||||
<ion-col>
|
||||
<ion-img class="fotoPerfil" width="100%" height="100%" [src]='fotoSrc' alt='barraquinha'></ion-img>
|
||||
<div class="textoPie">{{nombre}}</div>
|
||||
</div>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<div class="menuBotones">
|
||||
<div class="addFoto">
|
||||
<ion-button [disabled]='editDisabled'>
|
||||
<ion-icon name="image" slot="icon-only"></ion-icon>
|
||||
<input type="file" (change)="loadImageFromDevice($event);cargarImagen()" id="file-input-perfil" accept="image/png, image/jpeg">
|
||||
</ion-button>
|
||||
</div>
|
||||
|
||||
<button mat-icon-button [matMenuTriggerFor]="menu">
|
||||
<ion-icon name="settings" class="settingsIcon"></ion-icon>
|
||||
</button>
|
||||
|
||||
<mat-menu #menu="matMenu" xPositon="after" yPosition="above">
|
||||
<button mat-menu-item>
|
||||
<ion-icon name="image" slot="icon-only"></ion-icon>
|
||||
<input type="file" (change)="loadImageFromDevice($event);cargarImagen()" id="file-input-perfil" accept="image/png, image/jpeg">
|
||||
</button>
|
||||
|
||||
|
||||
<button mat-menu-item (click)="enableEdit()" label="editar" [disabled]='editEnabled'>
|
||||
<ion-icon name="create"></ion-icon>
|
||||
</button>
|
||||
|
||||
|
||||
<button mat-menu-item (click)="addEvento()">
|
||||
<ion-icon name="add-circle-outline">
|
||||
</ion-icon>
|
||||
Añadir evento
|
||||
</button>
|
||||
</mat-menu>
|
||||
</div>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<div id="botonesHidden1" class="botonesHidden">
|
||||
<button (click)="saveEdit()" label="guardar" [disabled]='editDisabled' id="saveButton">
|
||||
<ion-icon name="save"></ion-icon>
|
||||
</button>
|
||||
<button (click)="cancelEdit()" [disabled]='editDisabled' id="cancelButton">
|
||||
<div>
|
||||
<ion-button (click)="enableEdit()" label="editar" [disabled]='editEnabled'>
|
||||
<ion-icon name="create"></ion-icon>
|
||||
</ion-button>
|
||||
<div id="botonesHidden1" class="botonesHidden">
|
||||
<ion-button (click)="saveEdit()" label="guardar" [disabled]='editDisabled'>
|
||||
<ion-icon name="save"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-button (click)="cancelEdit()" [disabled]='editDisabled'>
|
||||
Cancelar
|
||||
</button>
|
||||
</div>
|
||||
</ion-row>
|
||||
</ion-button></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<div id="cajaDatos" class='datosDisplay'>
|
||||
|
|
@ -66,24 +52,10 @@
|
|||
<div [contentEditable]='editEnabled'>{{localizacion}}</div>
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div>
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
Descripción
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
{{descripcion}}
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<div class="galeria">
|
||||
Galería de Fotos
|
||||
|
||||
<input type="file" (change)="loadImageFromDevice($event)" id="file-input-galeria" accept="image/png, image/jpeg">
|
||||
<ion-slides (ionDrag)="onSlideChanged()" [options]="sliderOpts">
|
||||
<ion-slide *ngFor="let foto of galeriaFotos">
|
||||
|
|
@ -97,10 +69,19 @@
|
|||
</ion-slide>
|
||||
</ion-slides>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
<ion-row>
|
||||
<ion-button (click)="addEvento()">
|
||||
<ion-icon name="add-circle-outline">
|
||||
</ion-icon>
|
||||
Añadir evento
|
||||
</ion-button>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col size="12">
|
||||
<div *ngIf="eventos.length>0" class="eventos">
|
||||
<ion-list>
|
||||
<ion-item *ngFor="let evento of eventos" button (click)="mostrarEvento(evento)">
|
||||
|
|
@ -120,13 +101,14 @@
|
|||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ion-content>
|
||||
|
|
@ -6,20 +6,16 @@
|
|||
}
|
||||
|
||||
*{
|
||||
padding: 10px;
|
||||
padding: 5px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.main{
|
||||
max-width: 800px;
|
||||
max-height: auto;
|
||||
margin: auto;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.fotoPerfil{
|
||||
text-align: end;
|
||||
|
||||
max-width: 800px;
|
||||
max-height: auto;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.textoPie{
|
||||
|
|
@ -39,8 +35,6 @@
|
|||
float: left;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
text-align: right;
|
||||
padding-right: 50px;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -49,14 +43,15 @@
|
|||
}
|
||||
|
||||
.galeria{
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
|
||||
display: block;
|
||||
max-width: 300px;
|
||||
max-height: auto;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.botonesHidden{
|
||||
display: none;
|
||||
padding: none;
|
||||
}
|
||||
|
||||
.botonesVisible{
|
||||
|
|
@ -64,21 +59,14 @@
|
|||
}
|
||||
|
||||
.eventos{
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.evento{
|
||||
max-width:fit-content;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.evento:hover{
|
||||
background-color: rgb(97, 97, 97);
|
||||
}
|
||||
|
||||
.eventoHeader{
|
||||
font-weight: bold;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
.eventoDesc{
|
||||
|
|
@ -88,26 +76,3 @@
|
|||
ion-slides {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
mat-card-header{
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
button{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.settingsIcon{
|
||||
font-size: large;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.menuBotones{
|
||||
position: relative;
|
||||
float: left;
|
||||
bottom: 60px;
|
||||
left: 20px;
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -33,6 +33,7 @@ export class PerfilDiscotecaPage implements OnInit {
|
|||
sliderOpts = {
|
||||
slidesPerView: 1.5,
|
||||
centeredSlides: true,
|
||||
spaceBetween: 20,
|
||||
};
|
||||
|
||||
constructor(private tab1Service: Tab1Service, private router: Router, private modalController: ModalController) {
|
||||
|
|
@ -48,7 +49,6 @@ export class PerfilDiscotecaPage implements OnInit {
|
|||
this.getTelefono();
|
||||
this.getLocalizacion();
|
||||
this.getEventos();
|
||||
this.getDescripcion();
|
||||
this.editDisabled="true";
|
||||
this.editEnabled="false";
|
||||
this.fotoSrc = '../assets/img/barraca.jpg';
|
||||
|
|
@ -79,7 +79,6 @@ export class PerfilDiscotecaPage implements OnInit {
|
|||
this.eventos = this.tab1Service.eventos;
|
||||
}
|
||||
|
||||
|
||||
cargarImagen(){
|
||||
this.fotoSrc = this.someURL;
|
||||
}
|
||||
|
|
@ -124,14 +123,10 @@ export class PerfilDiscotecaPage implements OnInit {
|
|||
let cajaDatos = document.getElementById("cajaDatos");
|
||||
cajaDatos.style.background="white";
|
||||
cajaDatos.style.color="black";
|
||||
cajaDatos.contentEditable = "true";
|
||||
let botones = document.getElementById("botonesHidden1");
|
||||
botones.style.display = "block";
|
||||
let saveButton = document.getElementById("saveButton") as HTMLButtonElement;
|
||||
saveButton.disabled=false;
|
||||
let cancelButton = document.getElementById("cancelButton") as HTMLButtonElement;
|
||||
cancelButton.disabled=false;
|
||||
|
||||
botones = document.getElementById("botonesHidden2");
|
||||
botones.style.display = "block";
|
||||
|
||||
|
||||
|
||||
|
|
@ -143,7 +138,6 @@ export class PerfilDiscotecaPage implements OnInit {
|
|||
let cajaDatos = document.getElementById("cajaDatos");
|
||||
cajaDatos.style.background="inherit";
|
||||
cajaDatos.style.color="inherit";
|
||||
cajaDatos.contentEditable="false";
|
||||
let botones = document.getElementById("botonesHidden1");
|
||||
botones.style.display = "none";
|
||||
botones = document.getElementById("botonesHidden2");
|
||||
|
|
@ -189,7 +183,6 @@ export class PerfilDiscotecaPage implements OnInit {
|
|||
editarEvento(evento: Eventoi){
|
||||
this.tab1Service.eventoIndex = this.eventos.indexOf(evento);
|
||||
this.tab1Service.editarEvento = true;
|
||||
this.tab1Service.initEventoForms();
|
||||
this.router.navigate(['/tabs/tab1/prompt-evento']);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { PerfilUsuarioPage } from './perfil-usuario.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: PerfilUsuarioPage
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class PerfilUsuarioPageRoutingModule {}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { PerfilUsuarioPageRoutingModule } from './perfil-usuario-routing.module';
|
||||
|
||||
import { PerfilUsuarioPage } from './perfil-usuario.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
PerfilUsuarioPageRoutingModule
|
||||
],
|
||||
declarations: [PerfilUsuarioPage]
|
||||
})
|
||||
export class PerfilUsuarioPageModule {}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>Mi perfil</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<div *ngIf="codigos?.length>0">
|
||||
<div *ngFor="let codigo of codigos">
|
||||
Tu código: {{codigo.codigo}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ion-content>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { PerfilUsuarioPage } from './perfil-usuario.page';
|
||||
|
||||
describe('PerfilUsuarioPage', () => {
|
||||
let component: PerfilUsuarioPage;
|
||||
let fixture: ComponentFixture<PerfilUsuarioPage>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ PerfilUsuarioPage ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(PerfilUsuarioPage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { Codigo } from '../interfaces/codigo';
|
||||
import { ApiService } from '../services/api.service';
|
||||
import { LoginService } from '../services/login.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-perfil-usuario',
|
||||
templateUrl: './perfil-usuario.page.html',
|
||||
styleUrls: ['./perfil-usuario.page.scss'],
|
||||
})
|
||||
export class PerfilUsuarioPage implements OnInit {
|
||||
|
||||
codigos: Codigo[];
|
||||
|
||||
constructor(private apiService: ApiService, private loginService: LoginService) { }
|
||||
|
||||
ngOnInit() {
|
||||
this.apiService.getCodigosUsuario(this.loginService.user)
|
||||
.subscribe(codigos => {
|
||||
this.codigos = codigos;
|
||||
console.log(this.codigos);
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<input type="text" id="nombre" formControlName = "nombre">
|
||||
</label>
|
||||
<span
|
||||
*ngIf="nombre?.errors?.required && (nombre.touched||submitted)">
|
||||
*ngIf="nombre.errors.required && (nombre.touched||submitted)">
|
||||
Tu evento necesita un nombre
|
||||
</span>
|
||||
</ion-item>
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
<ion-datetime displayFormat="YYYY/DD/MM"placeholder="Elegir Fecha" formControlName="fecha"></ion-datetime>
|
||||
</label>
|
||||
<span
|
||||
*ngIf="fecha?.errors?.required && submitted">
|
||||
*ngIf="fecha.errors.required && submitted">
|
||||
Tu evento necesita una fecha
|
||||
</span>
|
||||
</ion-item>
|
||||
|
|
@ -32,10 +32,10 @@
|
|||
<ion-item>
|
||||
<label>
|
||||
Hora
|
||||
<ion-datetime displayFormat="HH:mm"placeholder="Elegir Hora" formControlName="hora"></ion-datetime>
|
||||
<ion-datetime displayFormat="HH:MM"placeholder="Elegir Hora" formControlName="hora"></ion-datetime>
|
||||
</label>
|
||||
<span
|
||||
*ngIf="hora?.errors?.required && submitted">
|
||||
*ngIf="hora.errors.required && submitted">
|
||||
Tu evento necesita una hora
|
||||
</span>
|
||||
</ion-item>
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<input type="number" formControlName = "precio1"><label>, </label><input type="number" formControlName = "precio2">
|
||||
</label>
|
||||
<span
|
||||
*ngIf="precio1?.errors?.required && (precio1.touched||submitted)">
|
||||
*ngIf="precio1.errors.required && (precio1.touched||submitted)">
|
||||
Tu evento necesita un precio (puede ser 0)
|
||||
</span>
|
||||
</ion-item>
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
<textarea formControlName = "descripcion" rows="10"></textarea>
|
||||
</label>
|
||||
<span
|
||||
*ngIf="descripcion?.errors?.required && (descripcion.touched||submitted)">
|
||||
*ngIf="descripcion.errors.required && (descripcion.touched||submitted)">
|
||||
¡Dale una descripción a tu evento!
|
||||
</span>
|
||||
</ion-item>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@ import { FormControl, FormGroup, Validators } from '@angular/forms';
|
|||
import { Tab1Service } from '../tab1/tab1.service';
|
||||
import { Router } from '@angular/router';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
|
||||
import { DatePipe } from '@angular/common'
|
||||
import { ViewEventoPageRoutingModule } from '../view-evento/view-evento-routing.module';
|
||||
|
||||
@Component({
|
||||
selector: 'app-prompt-evento',
|
||||
|
|
@ -11,10 +12,7 @@ import { Eventoi } from '../interfaces/eventoi';
|
|||
styleUrls: ['./prompt-evento.page.scss'],
|
||||
})
|
||||
export class PromptEventoPage implements OnInit{
|
||||
|
||||
evento: Eventoi;
|
||||
submitted = false;
|
||||
editarEvento = false;
|
||||
eventoForm = new FormGroup({
|
||||
nombre: new FormControl(null, Validators.required),
|
||||
fecha: new FormControl(null, Validators.required),
|
||||
|
|
@ -38,34 +36,53 @@ export class PromptEventoPage implements OnInit{
|
|||
onSubmit(){
|
||||
this.submitted = true;
|
||||
if (this.eventoForm.valid){
|
||||
if (this.tab1Service.editarEvento == true){
|
||||
this.asignarEvento(this.tab1Service.eventos[this.tab1Service.eventoIndex])}
|
||||
else{
|
||||
this.asignarEvento(this.initEventoVacio());
|
||||
let evento: Eventoi = {
|
||||
id: null,
|
||||
discotecaID: this.tab1Service.discotecaI.discotecaID,
|
||||
nombre: '',
|
||||
localizacion: this.tab1Service.discotecaI.localizacion,
|
||||
fecha: null,
|
||||
hora: null,
|
||||
descripcion: '',
|
||||
precio1: null,
|
||||
precio2: null
|
||||
|
||||
|
||||
};
|
||||
this.asignarEvento(evento);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
asignarEvento(evento: Eventoi){
|
||||
evento.nombre = this.eventoForm.get('nombre').value;
|
||||
evento.descripcion = this.eventoForm.get('descripcion').value;
|
||||
var fecha = this.eventoForm.get('fecha').value;
|
||||
fecha = fecha.split("T")[0];
|
||||
evento.fecha = fecha;
|
||||
var hora = this.eventoForm.get('hora').value;
|
||||
if (!this.tab1Service.editarEvento){
|
||||
hora = hora.split("T")[1];}
|
||||
let hora = this.eventoForm.get('hora').value;
|
||||
hora = hora.split("T")[1];
|
||||
hora = hora.split(":")[0]+(":")+hora.split(":")[1];
|
||||
evento.hora = hora;
|
||||
evento.precio1 = this.eventoForm.get('precio1').value;
|
||||
evento.precio2 = this.eventoForm.get('precio2').value;
|
||||
//evento.setDia(evento.getFecha()); el datetime de Ion devuelve un String, no se puede
|
||||
if (!this.tab1Service.eventos){
|
||||
this.tab1Service.eventos=[];}
|
||||
this.tab1Service.initEventos();}
|
||||
if(!this.tab1Service.eventoForms){
|
||||
this.tab1Service.initEventoForms();}
|
||||
this.tab1Service.postEvento(evento);
|
||||
if(this.tab1Service.editarEvento==true){
|
||||
this.tab1Service.updateEvento(evento);
|
||||
//this.tab1Service.eventos[this.tab1Service.eventoIndex] = evento;
|
||||
//this.tab1Service.eventoForms[this.tab1Service.eventoIndex] = this.eventoForm;
|
||||
}
|
||||
else{
|
||||
this.tab1Service.postEvento(evento);
|
||||
//this.tab1Service.eventos.push(evento);
|
||||
//this.tab1Service.eventoForms.push(this.eventoForm);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
get nombre(){
|
||||
return this.eventoForm.get('nombre');
|
||||
}
|
||||
|
|
@ -90,19 +107,5 @@ export class PromptEventoPage implements OnInit{
|
|||
return this.eventoForm.get('descripcion');
|
||||
}
|
||||
|
||||
initEventoVacio(): Eventoi{
|
||||
let evento = {
|
||||
id: 0,
|
||||
discotecaID: this.tab1Service.discotecaI.discotecaID,
|
||||
nombre: this.tab1Service.discotecaI.localizacion,
|
||||
localizacion: '',
|
||||
fecha: null,
|
||||
hora: null,
|
||||
precio1: 0,
|
||||
precio2: 0,
|
||||
descripcion: ''
|
||||
}
|
||||
return evento;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { ReservamodalPage } from './reservamodal.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: ReservamodalPage
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class ReservamodalPageRoutingModule {}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ReservamodalPageRoutingModule } from './reservamodal-routing.module';
|
||||
|
||||
import { ReservamodalPage } from './reservamodal.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
ReservamodalPageRoutingModule
|
||||
],
|
||||
declarations: [ReservamodalPage]
|
||||
})
|
||||
export class ReservamodalPageModule {}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>reservamodal</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
¡Reserva realizada!
|
||||
Tu código de reserva:
|
||||
{{codigoReserva}}
|
||||
Descuento del {{descuento}} %
|
||||
</ion-content>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ReservamodalPage } from './reservamodal.page';
|
||||
|
||||
describe('ReservamodalPage', () => {
|
||||
let component: ReservamodalPage;
|
||||
let fixture: ComponentFixture<ReservamodalPage>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ReservamodalPage ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(ReservamodalPage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { NavParams } from '@ionic/angular';
|
||||
|
||||
@Component({
|
||||
selector: 'app-reservamodal',
|
||||
templateUrl: './reservamodal.page.html',
|
||||
styleUrls: ['./reservamodal.page.scss'],
|
||||
})
|
||||
export class ReservamodalPage implements OnInit {
|
||||
|
||||
codigoReserva: string;
|
||||
descuento: number;
|
||||
constructor(private navParams: NavParams) { }
|
||||
|
||||
ngOnInit() {
|
||||
this.codigoReserva = this.navParams.get('codigo');
|
||||
this.descuento = this.navParams.get('descuento');
|
||||
if(!this.descuento){
|
||||
this.descuento = 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -3,12 +3,10 @@ import { HttpClient } from '@angular/common/http';
|
|||
import { Observable, throwError, BehaviorSubject } from 'rxjs';
|
||||
import { catchError, retry, map, tap } from 'rxjs/operators';
|
||||
import { User } from '../interfaces/user';
|
||||
import { Codigo } from '../interfaces/codigo'
|
||||
import { Discoteca } from '../discoteca';
|
||||
import { UserLogin } from '../interfaces/user-login';
|
||||
import { DiscotecaI } from '../interfaces/discoteca-i';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { Reservai } from '../interfaces/reservai';
|
||||
|
||||
|
||||
@Injectable({
|
||||
|
|
@ -41,26 +39,12 @@ export class ApiService {
|
|||
|
||||
}
|
||||
|
||||
getEventos(): Observable<Eventoi[]>{
|
||||
|
||||
return this.http.get<Eventoi[]>(this.baseUrl+"/evento");
|
||||
}
|
||||
|
||||
getEventosDiscoteca(discotecaID: number): Observable<Eventoi[]>{
|
||||
|
||||
getEventos(discotecaID: number): Observable<Eventoi[]>{
|
||||
return this.http.post<Eventoi[]>(this.baseUrl+"/eventosDiscoteca", {"id": discotecaID});
|
||||
|
||||
|
||||
}
|
||||
|
||||
creaReserva(reserva: Reservai): Observable<Reservai>{
|
||||
return this.http.post<Reservai>(this.baseUrl+"/reserva", reserva);
|
||||
}
|
||||
|
||||
getCodigosUsuario(user: User){
|
||||
return this.http.post<Codigo[]>(this.baseUrl+"/codigosUsuario", user);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,16 +0,0 @@
|
|||
import { TestBed } from '@angular/core/testing';
|
||||
|
||||
import { CodigoreservaService } from './codigoreserva.service';
|
||||
|
||||
describe('CodigoreservaService', () => {
|
||||
let service: CodigoreservaService;
|
||||
|
||||
beforeEach(() => {
|
||||
TestBed.configureTestingModule({});
|
||||
service = TestBed.inject(CodigoreservaService);
|
||||
});
|
||||
|
||||
it('should be created', () => {
|
||||
expect(service).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
import { Injectable } from '@angular/core';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class CodigoreservaService {
|
||||
|
||||
codigo: string;
|
||||
length: number;
|
||||
|
||||
constructor() {
|
||||
|
||||
}
|
||||
|
||||
generarAleatorio(){
|
||||
this.length = 7;
|
||||
var result = [];
|
||||
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||
var charactersLength = characters.length;
|
||||
for ( var i = 0; i < this.length; i++ ) {
|
||||
result.push(characters.charAt(Math.floor(Math.random() *
|
||||
charactersLength)));
|
||||
}
|
||||
return result.join("");
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
import { TestBed } from '@angular/core/testing';
|
||||
|
||||
import { FeedService } from './feed.service';
|
||||
|
||||
describe('FeedService', () => {
|
||||
let service: FeedService;
|
||||
|
||||
beforeEach(() => {
|
||||
TestBed.configureTestingModule({});
|
||||
service = TestBed.inject(FeedService);
|
||||
});
|
||||
|
||||
it('should be created', () => {
|
||||
expect(service).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
import { Injectable } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { DiscotecaI } from '../interfaces/discoteca-i';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { ApiService } from './api.service';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class FeedService {
|
||||
|
||||
eventos: Eventoi[];
|
||||
eventoIndex: number;
|
||||
discotecaEvento: DiscotecaI;
|
||||
|
||||
constructor(private apiService: ApiService, private router: Router) { }
|
||||
|
||||
initFeed(): void{
|
||||
this.apiService.getEventos()
|
||||
.subscribe(eventos => {
|
||||
this.eventos = eventos;
|
||||
this.router.navigate(['/tabsUser'])
|
||||
})
|
||||
}
|
||||
|
||||
getEventoByIndex(eventoIndex: number):Eventoi{
|
||||
return this.eventos[eventoIndex];
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -5,7 +5,6 @@ import { ApiService } from './api.service';
|
|||
import { Tab1Service } from '../tab1/tab1.service';
|
||||
import { User } from '../interfaces/user';
|
||||
import { UserLogin } from '../interfaces/user-login';
|
||||
import { FeedService } from './feed.service';
|
||||
|
||||
|
||||
@Injectable({
|
||||
|
|
@ -15,9 +14,9 @@ export class LoginService {
|
|||
|
||||
user: User;
|
||||
|
||||
constructor(private apiService: ApiService, private router: Router, private tab1service: Tab1Service, private feedService: FeedService) {
|
||||
constructor(private apiService: ApiService, private router: Router, private tab1service: Tab1Service) {
|
||||
this.user = {
|
||||
userID: 0,
|
||||
id: 0,
|
||||
discotecaID: 0,
|
||||
userType: 0,
|
||||
username: '',
|
||||
|
|
@ -33,11 +32,10 @@ export class LoginService {
|
|||
|
||||
this.apiService.validateUser(userlogin)
|
||||
.subscribe(user => {
|
||||
this.user = user[0];
|
||||
if (this.user.userType==0)
|
||||
this.tab1service.getDiscoteca(this.user.discotecaID);
|
||||
else if (this.user.userType==1)
|
||||
this.feedService.initFeed();
|
||||
this.user = user[0];
|
||||
console.log(this.user);
|
||||
console.log(this.user.discotecaID);
|
||||
this.tab1service.getDiscoteca(this.user.discotecaID);
|
||||
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ import { PerfilDiscotecaPage } from '../perfil-discoteca/perfil-discoteca.page'
|
|||
import { IonSlides} from '@ionic/angular';
|
||||
import { AlertController } from '@ionic/angular';
|
||||
import { ViewChild } from '@angular/core';
|
||||
import { Evento } from '../evento';
|
||||
import { Router } from '@angular/router';
|
||||
import { from } from 'rxjs';
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import { stringify } from 'querystring';
|
|||
import { Tab1Page } from './tab1.page'
|
||||
import { Discoteca } from '../discoteca'
|
||||
import { Observable, of } from 'rxjs';
|
||||
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
||||
import { FormControl, FormGroup } from '@angular/forms';
|
||||
import { NumericValueAccessor } from '@ionic/angular';
|
||||
import { DiscotecaI } from '../interfaces/discoteca-i';
|
||||
import { ApiService } from '../services/api.service';
|
||||
|
|
@ -65,7 +65,7 @@ export class Tab1Service implements OnInit{
|
|||
|
||||
initEventos(): void{
|
||||
this.eventos = [];
|
||||
this.apiService.getEventosDiscoteca(this.discoteca.getId())
|
||||
this.apiService.getEventos(this.discoteca.getId())
|
||||
.subscribe(eventos => {
|
||||
this.eventos = eventos;
|
||||
this.router.navigate(['/tabs/tab1/perfil-discoteca']);
|
||||
|
|
@ -76,20 +76,6 @@ export class Tab1Service implements OnInit{
|
|||
|
||||
initEventoForms(): void{
|
||||
this.eventoForms = [];
|
||||
if (this.eventos){
|
||||
this.eventos.forEach(evento => {
|
||||
let thisForm = new FormGroup({
|
||||
nombre: new FormControl(null, Validators.required),
|
||||
fecha: new FormControl(null, Validators.required),
|
||||
hora: new FormControl(null, Validators.required),
|
||||
precio1: new FormControl(null, Validators.required),
|
||||
precio2: new FormControl(null, Validators.required),
|
||||
descripcion: new FormControl(null, Validators.required),
|
||||
});
|
||||
thisForm.patchValue(evento);
|
||||
this.eventoForms.push(thisForm);
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
getEventobyIndex(eventoIndex: number){
|
||||
|
|
@ -105,7 +91,6 @@ getDiscoteca(discotecaId: number){
|
|||
this.initValues();
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
postEvento(evento: Eventoi){
|
||||
|
|
@ -117,9 +102,7 @@ getDiscoteca(discotecaId: number){
|
|||
}
|
||||
|
||||
updateEvento(evento: Eventoi){
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,11 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { RouterModule, Routes } from '@angular/router';
|
||||
import { FeedPage } from '../feed/feed.page';
|
||||
import { Tab2Page } from './tab2.page';
|
||||
import { ViewEventoClientePage } from '../view-evento-cliente/view-evento-cliente.page';
|
||||
import { ViewDiscotecaClientePage } from '../view-discoteca-cliente/view-discoteca-cliente.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: FeedPage,
|
||||
|
||||
},
|
||||
{
|
||||
path: 'view-evento-cliente',
|
||||
component: ViewEventoClientePage
|
||||
},
|
||||
{
|
||||
path: 'view-discoteca-cliente',
|
||||
component: ViewDiscotecaClientePage
|
||||
component: Tab2Page,
|
||||
}
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,56 @@
|
|||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="utf-8">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Página 1</title>
|
||||
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="Página-1.css" media="screen">
|
||||
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||
<meta name="generator" content="Nicepage 3.0.9, nicepage.com">
|
||||
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Página 1">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#478ac9">
|
||||
<link rel="canonical" href="index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body">
|
||||
<section class="u-clearfix u-section-1" id="sec-6396">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
|
||||
<div class="u-layout">
|
||||
<div class="u-layout-row">
|
||||
<div class="u-size-30">
|
||||
<div class="u-layout-col">
|
||||
<div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
|
||||
|
||||
<div class="u-container-layout u-container-layout-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-size-30">
|
||||
<div class="u-layout-col">
|
||||
<div class="u-container-style u-layout-cell u-size-30 u-layout-cell-2">
|
||||
<div class="u-container-layout u-container-layout-2"></div>
|
||||
</div>
|
||||
<div class="u-container-style u-layout-cell u-size-30 u-layout-cell-3">
|
||||
<div class="u-container-layout u-container-layout-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
|
@ -1,19 +1,12 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { FeedService } from '../services/feed.service';
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tab2',
|
||||
templateUrl: 'tab2.page.html',
|
||||
styleUrls: ['tab2.page.scss']
|
||||
})
|
||||
export class Tab2Page implements OnInit{
|
||||
|
||||
export class Tab2Page {
|
||||
|
||||
constructor() {}
|
||||
|
||||
ngOnInit(){
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { RouterModule, Routes } from '@angular/router';
|
||||
import { PerfilUsuarioPage } from '../perfil-usuario/perfil-usuario.page';
|
||||
import { Tab3Page } from './tab3.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: PerfilUsuarioPage,
|
||||
component: Tab3Page,
|
||||
}
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -1,34 +0,0 @@
|
|||
import { FullscreenOverlayContainer } from '@angular/cdk/overlay';
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { TabsUserPage } from './tabs-user.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: TabsUserPage,
|
||||
children: [
|
||||
{
|
||||
path: 'tab2',
|
||||
loadChildren: ()=> import('../tab2/tab2.module').then(m=>m.Tab2PageModule),
|
||||
},
|
||||
|
||||
{
|
||||
path: 'tab3',
|
||||
loadChildren: ()=> import('../tab3/tab3.module').then(m=>m.Tab3PageModule),
|
||||
},
|
||||
|
||||
{
|
||||
path:'',
|
||||
redirectTo: 'tab2',
|
||||
pathMatch: 'full'
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class TabsUserPageRoutingModule {}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { TabsUserPageRoutingModule } from './tabs-user-routing.module';
|
||||
|
||||
import { TabsUserPage } from './tabs-user.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
TabsUserPageRoutingModule
|
||||
],
|
||||
declarations: [TabsUserPage]
|
||||
})
|
||||
export class TabsUserPageModule {}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<ion-tabs>
|
||||
|
||||
<ion-tab-bar slot="bottom">
|
||||
<ion-tab-button tab="tab2">
|
||||
<ion-icon name="search-outline"></ion-icon>
|
||||
<ion-label>Feed</ion-label>
|
||||
</ion-tab-button>
|
||||
|
||||
<ion-tab-button tab="tab3">
|
||||
<ion-icon name="accessibility-outline"></ion-icon>
|
||||
<ion-label>Mi Perfil</ion-label>
|
||||
</ion-tab-button>
|
||||
|
||||
|
||||
</ion-tab-bar>
|
||||
|
||||
</ion-tabs>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { TabsUserPage } from './tabs-user.page';
|
||||
|
||||
describe('TabsUserPage', () => {
|
||||
let component: TabsUserPage;
|
||||
let fixture: ComponentFixture<TabsUserPage>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ TabsUserPage ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(TabsUserPage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tabs-user',
|
||||
templateUrl: './tabs-user.page.html',
|
||||
styleUrls: ['./tabs-user.page.scss'],
|
||||
})
|
||||
export class TabsUserPage implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -11,7 +11,14 @@ const routes: Routes = [
|
|||
path: 'tab1',
|
||||
loadChildren: () => import('../tab1/tab1.module').then(m => m.Tab1PageModule),
|
||||
},
|
||||
|
||||
{
|
||||
path: 'tab2',
|
||||
loadChildren: () => import('../tab2/tab2.module').then(m => m.Tab2PageModule)
|
||||
},
|
||||
{
|
||||
path: 'tab3',
|
||||
loadChildren: () => import('../tab3/tab3.module').then(m => m.Tab3PageModule)
|
||||
},
|
||||
{
|
||||
path: '',
|
||||
redirectTo: 'tab1',
|
||||
|
|
|
|||
|
|
@ -2,11 +2,19 @@
|
|||
|
||||
<ion-tab-bar slot="bottom">
|
||||
<ion-tab-button tab="tab1">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
<ion-label>Perfil</ion-label>
|
||||
<ion-icon name="triangle"></ion-icon>
|
||||
<ion-label>Tab 1</ion-label>
|
||||
</ion-tab-button>
|
||||
|
||||
<ion-tab-button tab="tab2">
|
||||
<ion-icon name="ellipse"></ion-icon>
|
||||
<ion-label>Tab 2</ion-label>
|
||||
</ion-tab-button>
|
||||
|
||||
<ion-tab-button tab="tab3">
|
||||
<ion-icon name="square"></ion-icon>
|
||||
<ion-label>Tab 3</ion-label>
|
||||
</ion-tab-button>
|
||||
</ion-tab-bar>
|
||||
|
||||
</ion-tabs>
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { ViewDiscotecaClientePage } from './view-discoteca-cliente.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: ViewDiscotecaClientePage
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class ViewDiscotecaClientePageRoutingModule {}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ViewDiscotecaClientePageRoutingModule } from './view-discoteca-cliente-routing.module';
|
||||
|
||||
import { ViewDiscotecaClientePage } from './view-discoteca-cliente.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
ViewDiscotecaClientePageRoutingModule
|
||||
],
|
||||
declarations: [ViewDiscotecaClientePage]
|
||||
})
|
||||
export class ViewDiscotecaClientePageModule {}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>view-discoteca-cliente</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
|
||||
</ion-content>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ViewDiscotecaClientePage } from './view-discoteca-cliente.page';
|
||||
|
||||
describe('ViewDiscotecaClientePage', () => {
|
||||
let component: ViewDiscotecaClientePage;
|
||||
let fixture: ComponentFixture<ViewDiscotecaClientePage>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ViewDiscotecaClientePage ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(ViewDiscotecaClientePage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { DiscotecaI } from '../interfaces/discoteca-i';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { FeedService } from '../services/feed.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-view-discoteca-cliente',
|
||||
templateUrl: './view-discoteca-cliente.page.html',
|
||||
styleUrls: ['./view-discoteca-cliente.page.scss'],
|
||||
})
|
||||
export class ViewDiscotecaClientePage implements OnInit {
|
||||
|
||||
discoteca: DiscotecaI
|
||||
eventos: Eventoi[]
|
||||
|
||||
constructor(private feedService: FeedService) { }
|
||||
|
||||
ngOnInit() {
|
||||
this.eventos = [];
|
||||
this.discoteca = this.feedService.discotecaEvento;
|
||||
this.feedService.eventos.forEach(evento => {
|
||||
if (this.discoteca.discotecaID == evento.discotecaID){
|
||||
this.eventos.push(evento);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { ViewDiscotecaClientePage } from '../view-discoteca-cliente/view-discoteca-cliente.page';
|
||||
|
||||
import { ViewEventoClientePage } from './view-evento-cliente.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: ViewEventoClientePage
|
||||
},
|
||||
{
|
||||
path: 'view-discoteca-cliente',
|
||||
component: ViewDiscotecaClientePage
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class ViewEventoClientePageRoutingModule {}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ViewEventoClientePageRoutingModule } from './view-evento-cliente-routing.module';
|
||||
|
||||
import { ViewEventoClientePage } from './view-evento-cliente.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
ViewEventoClientePageRoutingModule
|
||||
],
|
||||
declarations: [ViewEventoClientePage]
|
||||
})
|
||||
export class ViewEventoClientePageModule {}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>ViewEvento</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<ion-grid>
|
||||
<div class="evento">
|
||||
<ion-row>
|
||||
<div class="eventoHeader">
|
||||
{{evento.nombre}} ·
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
{{evento.fecha}} ·
|
||||
<ion-icon name="cash-outline"></ion-icon>
|
||||
{{evento.precio1}},{{evento.precio2}}
|
||||
</div>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<div class="eventoDesc">
|
||||
{{evento.descripcion}}
|
||||
</div>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<div class="discotecaEvento">
|
||||
<a [routerLink]="['/tabsUser/tab2/view-discoteca-cliente']">{{discoteca?.nombre}}</a>
|
||||
</div>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-button (click)="openReserva()">
|
||||
Reserva
|
||||
</ion-button>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<span>Código de descuento: </span><input type="text" id="codigoDescuento">
|
||||
</ion-row>
|
||||
</div>
|
||||
</ion-grid>
|
||||
</ion-content>
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
.discotecaEvento{
|
||||
padding: 40px;
|
||||
}
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ViewEventoClientePage } from './view-evento-cliente.page';
|
||||
|
||||
describe('ViewEventoClientePage', () => {
|
||||
let component: ViewEventoClientePage;
|
||||
let fixture: ComponentFixture<ViewEventoClientePage>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ViewEventoClientePage ],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(ViewEventoClientePage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
import { stringify } from '@angular/compiler/src/util';
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { ModalController } from '@ionic/angular';
|
||||
import { DiscotecaI } from '../interfaces/discoteca-i';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { Reservai } from '../interfaces/reservai';
|
||||
import { ReservamodalPage } from '../reservamodal/reservamodal.page';
|
||||
import { ApiService } from '../services/api.service';
|
||||
import { CodigoreservaService } from '../services/codigoreserva.service';
|
||||
import { FeedService } from '../services/feed.service';
|
||||
import { LoginService } from '../services/login.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-view-evento-cliente',
|
||||
templateUrl: './view-evento-cliente.page.html',
|
||||
styleUrls: ['./view-evento-cliente.page.scss'],
|
||||
})
|
||||
export class ViewEventoClientePage implements OnInit {
|
||||
|
||||
evento: Eventoi;
|
||||
discoteca: DiscotecaI;
|
||||
reserva: Reservai;
|
||||
codigoReserva: string;
|
||||
reservaRealizada: boolean;
|
||||
|
||||
constructor(private feedService: FeedService, private modalController: ModalController,
|
||||
private codigoReservaService: CodigoreservaService, private loginService: LoginService, private apiService: ApiService) { }
|
||||
|
||||
ngOnInit() {
|
||||
this.reservaRealizada = false;
|
||||
this.evento = this.feedService.getEventoByIndex(this.feedService.eventoIndex);
|
||||
this.discoteca = this.feedService.discotecaEvento;
|
||||
}
|
||||
|
||||
generarCodigo(){
|
||||
return stringify(this.codigoReservaService.generarAleatorio());
|
||||
}
|
||||
|
||||
initReserva(){
|
||||
this.reserva = {
|
||||
UserID: this.loginService.user.userID,
|
||||
EventoID: this.evento.id,
|
||||
codigoDescuento: null,
|
||||
codigoUnico: '',
|
||||
codigoUnicoID: null,
|
||||
descuentoPorciento: null
|
||||
}
|
||||
}
|
||||
|
||||
openReserva(){
|
||||
this.initReserva();
|
||||
this.reserva.codigoDescuento = (<HTMLInputElement>document.getElementById("codigoDescuento")).value;
|
||||
this.reserva.codigoUnico = this.generarCodigo();
|
||||
this.creaReserva(this.reserva);
|
||||
}
|
||||
|
||||
creaReserva(reserva){
|
||||
this.apiService.creaReserva(reserva)
|
||||
.subscribe(
|
||||
data => {
|
||||
console.log(data);
|
||||
this.reserva = data;
|
||||
this.reservaRealizada = true;
|
||||
this.modalController.create({
|
||||
component: ReservamodalPage,
|
||||
componentProps : {
|
||||
codigo: this.reserva.codigoUnico,
|
||||
descuento: this.reserva.descuentoPorciento
|
||||
}
|
||||
|
||||
}).then(modal => modal.present());
|
||||
},
|
||||
error => {
|
||||
console.log(error);
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { Eventoi } from '../interfaces/eventoi';
|
||||
import { Evento } from '../evento';
|
||||
import { Tab1Service } from '../tab1/tab1.service';
|
||||
|
||||
@Component({
|
||||
|
|
@ -9,7 +9,7 @@ import { Tab1Service } from '../tab1/tab1.service';
|
|||
})
|
||||
export class ViewEventoPage implements OnInit {
|
||||
|
||||
evento: Eventoi;
|
||||
evento: Evento;
|
||||
|
||||
constructor(private tab1Service: Tab1Service) { }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue