Besins/Ogestan_Drossagyn_Papilocare
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Besins:5af5aaf113b546914c150b302c0711cfc8130970
Branches Tags
Besins:main
..
compare: Besins:a305c9e1f5b37005d19f88dbcf5e564d80483e71
Branches Tags
Besins:main

No commits in common. "5af5aaf113b546914c150b302c0711cfc8130970" and "a305c9e1f5b37005d19f88dbcf5e564d80483e71" have entirely different histories.
5af5aaf113 ... a305c9e1f5

15 changed files with 44 additions and 33 deletions
Show Stats Expand all files Collapse all files

8
Papilocare/OgestanPlus.code-workspace Normal file
View File

@ -0,0 +1,8 @@
{
"folders": [
{
"path": "."
}
],
"settings": {}
}

BIN
Papilocare/audio/audiom17.mp3
View File

Binary file not shown.

BIN
Papilocare/audio/audiom18.mp3
View File

Binary file not shown.

BIN
Papilocare/audio/audiom19.mp3
View File

Binary file not shown.

BIN
Papilocare/audio/audiom24.mp3
View File

Binary file not shown.

3
Papilocare/contenido/03.html
View File

@ -288,6 +288,9 @@
const completedSlides = swiperInstance.slides.filter(slide => slide.classList.contains('completed')); const completedSlides = swiperInstance.slides.filter(slide => slide.classList.contains('completed'));
if (completedSlides.length === totalSlides) { if (completedSlides.length === totalSlides) {
// Todos los slides están completados
// console.log('Todos los slides han sido completados');
// CourseNav.setSlideVisited();
$('.whois').show().removeClass('disabled'); $('.whois').show().removeClass('disabled');
} }
} }

1
Papilocare/contenido/04.html
View File

@ -369,6 +369,7 @@
e.preventDefault(); e.preventDefault();
$(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited'); $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited');
const index = $('.btn-pop').index(this); const index = $('.btn-pop').index(this);
console.log(index);
CourseNav.audioController.stopAllSoundsAndPlay(audios[index]); CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
const html = $($(this).data('popid')).html(); const html = $($(this).data('popid')).html();
Swal.fire({ Swal.fire({

1
Papilocare/contenido/05.html
View File

@ -158,6 +158,7 @@
e.preventDefault(); e.preventDefault();
$(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited'); $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited');
const index = $('.btn-pop').index(this); const index = $('.btn-pop').index(this);
console.log(index);
CourseNav.audioController.stopAllSoundsAndPlay(audios[index]); CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
const html = $($(this).data('popid')).html(); const html = $($(this).data('popid')).html();
Swal.fire({ Swal.fire({

11
Papilocare/contenido/07.html
View File

@ -92,13 +92,13 @@
<div class="col-12 animate__animated animate__fadeInDown"> <div class="col-12 animate__animated animate__fadeInDown">
<h2 class="text-secondary fw-bold text-center">Recomendaciones de uso</h2> <h2 class="text-secondary fw-bold text-center">Recomendaciones de uso</h2>
</div> </div>
<div class="col-12 col-md-6 col-lg-5 me-xl-4 animate__animated animate__flipInX animate__delay-2s" data-sal="slide-down"> <div class="col-12 col-md-6 col-lg-5 me-xl-4" data-sal="slide-down">
<h3 class="text-pink-1 fw-bold text-center">Primer mes</h3> <h3 class="text-pink-1 fw-bold text-center">Primer mes</h3>
<p>Aplicar <b>una vez al día</b>, preferentemente por la noche, durante <b>21 días <p>Aplicar <b>una vez al día</b>, preferentemente por la noche, durante <b>21 días
consecutivos</b>, descansando durante el ciclo menstrual.</p> consecutivos</b>, descansando durante el ciclo menstrual.</p>
<img src="img/07.1.png" class="img-fluid mx-auto mt-3"> <img src="img/07.1.png" class="img-fluid mx-auto mt-3">
</div> </div>
<div class="col-12 col-md-6 col-lg-5 ms-xl-4 mb-3 mb-md-0 animate__animated animate__flipInX animate__delay-15s" data-sal="slide-down"> <div class="col-12 col-md-6 col-lg-5 ms-xl-4 mb-3 mb-md-0" data-sal="slide-down">
<h3 class="text-pink-1 fw-bold text-center">Meses siguientes</h3> <h3 class="text-pink-1 fw-bold text-center">Meses siguientes</h3>
<p>Aplicar en <b>días alternos</b> (un día sí y un día no), descansando durante el ciclo <p>Aplicar en <b>días alternos</b> (un día sí y un día no), descansando durante el ciclo
menstrual.</p> menstrual.</p>
@ -126,8 +126,8 @@
<div class="card border-0 bg-purple-3"> <div class="card border-0 bg-purple-3">
<div class="card-body"> <div class="card-body">
<p class="my-0"><b>Insertar el aplicador</b> del tubo monodosis dentro de la vagina, <p class="my-0"><b>Insertar el aplicador</b> del tubo monodosis dentro de la vagina,
preferiblemente antes de acostarse. Comenzar el tratamiento después del período preferiblemente antes de acostarse. Comenzar el tratamiento después del período </p>
menstrual.</p> menstrual.
</div> </div>
</div> </div>
</div> </div>
@ -208,13 +208,14 @@
const audios = [ const audios = [
CourseNav.createSound('audio/audiom19.mp3'), CourseNav.createSound('audio/audiom16.mp3'),
]; ];
$('.btn-pop').click(function (e) { $('.btn-pop').click(function (e) {
e.preventDefault(); e.preventDefault();
$(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited'); $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited');
const index = $('.btn-pop').index(this); const index = $('.btn-pop').index(this);
console.log(index);
CourseNav.audioController.stopAllSoundsAndPlay(audios[index]); CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
const html = $($(this).data('popid')).html(); const html = $($(this).data('popid')).html();
Swal.fire({ Swal.fire({

53
Papilocare/contenido/08.html
View File

@ -14,7 +14,7 @@
} }
.fakecierre { .fakecierre {
background-image: url("img/actividad/fondo-cierre.jpg"); background-image: none;
} }
.page-activity { .page-activity {
@ -328,34 +328,31 @@
</div> </div>
<div class="page-sco page-activity full-height" id="cierre" style="display: none;"> <div class="page-sco page-activity full-height" id="cierre" style="display: none;">
<div class="container"> <div class="grid-cierre">
<div class="row justify-content-center align-items-center"> <div class="part1-cierre h-100 d-flex flex-column justify-content-center">
<div class="col-7 col-md-5 col-xl-5 text-center"> <div class="flex-fill w-100 h-100 bg-pass passed" style="display: none;">
<div class="passed w-100 text-center" style="display: none;"> <img src="img/actividad/bannerbien.jpg" class="img-fluid w-100 d-none d-xl-block m-h">
<img src="img/actividad/bannerbien.png" class="img-fluid ">
</div>
<div class="failed w-100 text-center" style="display: none;">
<img src="img/actividad/bannermal.png" class="img-fluid ">
</div>
</div> </div>
<div class="col-7 col-md-7 col-xl-7"> <div class="flex-fill w-100 h-100 bg-fail failed" style="display: none;">
<div class="container"> <img src="img/actividad/bannermal.jpg" class="img-fluid w-100 d-none d-xl-block m-h">
<div class="row align-items-center justify-content-center pt-2"> </div>
<div class="col-12 col-md-8"> </div>
<div class="row"> <div class="part2-cierre h-100 d-flex flex-column justify-content-center align-items-center py-2">
<div class="col-12 text-center animate__animated animate__fadeInLeft passed" style="display: none;"> <div class="container">
<h1 class="fw-bold text-secondary">¡Excelente trabajo!</h1> <div class="row align-items-center justify-content-center pt-2">
<p>Dominas las principales objeciones y sabes cómo responderlas con claridad y seguridad.</p> <div class="col-12 col-md-8">
</div> <div class="row">
<div class="col-12 text-center animate__animated animate__fadeInLeft failed" style="display: none;"> <div class="col-12 text-center animate__animated animate__fadeInLeft passed" style="display: none;">
<h1 class="fw-bold text-secondary">¡Tú puedes lograrlo!</h1> <h1 class="fw-bold text-secondary">¡Excelente trabajo!</h1>
<p>Repasa el curso para dominar las objeciones más frecuentes y vuelve a intentarlo.</p> <p>Dominas las principales objeciones y sabes cómo responderlas con claridad y seguridad.</p>
<div class="w-100 text-center"> </div>
<div <div class="col-12 text-center animate__animated animate__fadeInLeft failed" style="display: none;">
class="btn btn-begin text-white fw-bold py-1 animate__animated animate__pulse animate__infinite" <h1 class="fw-bold text-secondary">¡Tú puedes lograrlo!</h1>
onclick="CourseNav.reload()"> <p>Repasa el curso para dominar las objeciones más frecuentes y vuelve a intentarlo.</p>
Volver a intentar <div class="w-100 text-center">
</div> <div class="btn btn-begin text-white fw-bold py-1 animate__animated animate__pulse animate__infinite"
onclick="CourseNav.reload()">
Volver a intentar
</div> </div>
</div> </div>
</div> </div>

BIN
Papilocare/img/actividad/bannerbien.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 305 KiB

After

Width:  |  Height:  |  Size: 152 KiB

BIN
Papilocare/img/actividad/bannermal.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 308 KiB

BIN
Papilocare/img/actividad/fondo-cierre.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 365 KiB

BIN
Papilocare/img/bannerbien.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 305 KiB

BIN
Papilocare/img/bannermal.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 308 KiB