[{"__symbolic":"module","version":4,"metadata":{"SeleccionarCitaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./reservar-cita-paso","name":"ReservarCitaPaso","line":18,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"bci-seleccionar-cita","template":"\n    <div class=\"paso\" [style.display]=\"visible?'block':'none'\">\n\n        <resumen-cita-confirmar-form *ngIf=\"displayResumenCitaConfirmarForm\" [display]=\"displayResumenCitaConfirmarForm\"\n            [resumen]=\"resumen\" [peticion]=\"peticion\"\n            (onSave)=\"saveResumenCitaConfirmarForm($event)\"(onClose)=\"closeResumenCitaConfirmarForm()\">\n        </resumen-cita-confirmar-form>\n\n        <ng-container *ngIf=\"textoCitaSeleccion\">\n            <div class=\"contenedor-texto-dinamico ql-editor\">\n                <div class=\"row\">\n                    <div [innerHTML]=\"textoCitaSeleccion | sanitizeInnerHtml\" class=\"col-sm-12\"></div>\n                </div>\n            </div>\n        </ng-container>\n\n        <h4><span class=\"fa fa-calendar-check-o\"></span>&nbsp;&nbsp;<span translate=\"titulo.seleccionarCita\">Selecció de cita disponible</span></h4>\n        <div class=\"row\" id=\"divPrimerDiaHora\" [style.display]=\"!this.listDia?'block':'none'\">\n            <div *ngIf=\"primerDiaHora\">\n                <div class=\"col-xs-6 col-sm-3 text-right negrita\" translate=\"info.hayCitaDisponible\">Hi ha una cita disponible:</div>\n                <div class=\"col-xs-6 col-sm-9\">{{primerDiaHora.diaTexto | capitalize}} <b translate=\"info.aLas\">a les</b> {{primerDiaHora.hora}}</div>\n            </div>\n            <div *ngIf=\"errorCita\" [innerHTML]=\"errorCita | sanitizeInnerHtml\" class=\"col-sm-12 contenedor-texto-dinamico\"></div>\n        </div>\n        <div *ngIf=\"!errorCita && resumen?.servicio?.seleccionCita\">\n            <div class=\"row margin-top-30\" id=\"divSeleccionarOtraFecha\" [style.display]=\"!this.listDia?'block':'none'\">\n                <div class=\"col-sm-12 text-center\">\n                    <button class=\"btn btn-default\" (click)=\"loadDiasDisponibles();\" translate=\"btn.seleccionarOtraFecha\">Selecciona altra data</button>\n                </div>\n            </div>\n            <div id=\"divOtraFecha\" [style.display]=\"this.listDia?'block':'none'\">\n                <div class=\"row\">\n                    <div class=\"col-sm-12 negrita margin-bottom-10\" translate=\"seleccionar.fecha\">Seleccioni una data</div>\n                </div>\n                <div *ngIf=\"listCalendario\" class=\"row\">\n                    <ng-template ngFor let-cal [ngForOf]=\"listCalendario\">\n                        <div *ngIf=\"cal.hayDiasDisponibles()\" [ngClass]=\"calendarioClass()\">\n                            <p-calendar [defaultDate]=\"cal.defaultDate\" [(ngModel)]=\"cal.selectedDate\" (onSelect)=\"selectDia(cal.selectedDate);\"\n                                        [disabledDates]=\"cal.listDiaNo\" [inline]=\"true\" [locale]=\"localeCalendario\" [showOtherMonths]=\"false\"></p-calendar>\n                        </div>\n                    </ng-template>\n                </div>\n                <div class=\"row margin-top-20\">\n                    <div class=\"col-sm-12 negrita\" translate=\"seleccionar.hora\">Seleccioni una hora</div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col-xs-offset-1 col-sm-10 col-md-9\">\n                        <ul class=\"lista-horas-disponibles\">\n                            <li *ngFor=\"let agendaHora of listHora\" [ngClass]=\"(agendaHora.hora===peticion.hora)?'hora-seleccionada':'hora-disponible'\"\n                                (click)=\"selectHora(agendaHora.hora)\">{{agendaHora.hora}}</li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"row margin-top-30\" id=\"btnPrimeraFecha\">\n                    <div class=\"col-sm-12 text-center\">\n                        <button class=\"btn btn-default\" (click)=\"loadPrimerDiaHora();\" translate=\"btn.verPrimeraCitaDisponible\">Veu primera cita disponible</button>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"!errorCita\">\n            <div *ngIf=\"esCatalanSeleccionado; else esEspanyolSeleccionado\">\n                <div class=\"alert alert-warning margin-top-20\">\n                    <p>La seva cita encara no està reservada. Si desitja acceptar-la, pitgi damunt <b>Confirma</b>.</p>\n                </div>\n            </div>\n            <ng-template #esEspanyolSeleccionado>\n                <div class=\"alert alert-warning margin-top-20\">\n                    <p>Su cita aún no está reservada. Si desea aceptar esta cita, pulse en <b>Confirmar</b>.</p>\n                </div>\n            </ng-template>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-sm-12\">\n                <div class=\"btn-navegar\">\n                    <button class=\"btn btn-success pull-left\"  (click)=\"goToPasoAnterior ();\"><span class=\"fa fa-chevron-left\"></span>&nbsp;&nbsp;<span translate=\"btn.atras\">Enrere</span></button>\n                    <button *ngIf=\"!errorCita\" class=\"btn btn-primary pull-right\" (click)=\"goToPasoSiguiente();\"><span translate=\"btn.confirmar\">Confirma</span>&nbsp;&nbsp;<span class=\"fa fa-chevron-right\"></span></button>\n                </div>\n            </div>\n        </div>\n    </div>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../common/service/campanya.service","name":"CampanyaService","line":28,"character":28},{"__symbolic":"reference","module":"../../common/service/cita.service","name":"CitaService","line":29,"character":24},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":30,"character":22},{"__symbolic":"reference","module":"../../shared/service/message.service","name":"MessageService","line":31,"character":20}]}],"loadDatosInicio":[{"__symbolic":"method"}],"refreshDatosVisible":[{"__symbolic":"method"}],"validarPaso":[{"__symbolic":"method"}],"goToPasoSiguiente":[{"__symbolic":"method"}],"saveResumenCitaConfirmarForm":[{"__symbolic":"method"}],"closeResumenCitaConfirmarForm":[{"__symbolic":"method"}],"loadPrimerDiaHora":[{"__symbolic":"method"}],"loadDiasDisponibles":[{"__symbolic":"method"}],"selectDia":[{"__symbolic":"method"}],"loadHorasDisponibles":[{"__symbolic":"method"}],"selectHora":[{"__symbolic":"method"}],"calendarioClass":[{"__symbolic":"method"}],"calculateDiasSiNoDisponibles":[{"__symbolic":"method"}]}}}}]