SolidStudies - Added interface (integration)

solidjobs · Mar 31, 2023 · 25fbbfa · 25fbbfa
1 parent a7bf540
commit 25fbbfa
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 34 deletions.
diff --git a/src/app/app-components/cv-app/cv-app-header/cv-app-header.component.html b/src/app/app-components/cv-app/cv-app-header/cv-app-header.component.html
@@ -13,7 +13,7 @@
     </li>
     <li><a href="#modal1" class="modal-trigger waves-effect" ><img alt="Abrir asistente" src="/assets/img/cv-app/transparent-icon.png" style="margin-top: 11px; width: 30px;" /><span style="padding-left: 28px;">Abrir asistente por voz</span></a></li>
     <li><a class="waves-effect" href="/cv" routerLink="/cv" (click)="closeSideNav()"><i aria-label="Crear CV" class="material-icons">create</i>Crea tu currículum</a></li>
-    <li><a *ngIf="isTrainingActivated()" class="waves-effect" href="/training" routerLink="/training" (click)="navigateToTraining()"><i aria-label="Crear CV" class="material-icons">book</i>Estudia y fórmate</a></li>
+    <li><a class="waves-effect" href="/studies"><i aria-label="Crear CV" class="material-icons">book</i>Estudia y fórmate</a></li>
     <li>
       <div class="divider"></div>
     </li>
@@ -41,11 +41,14 @@
           <img alt="Logo SolidJobs" src="/assets/img/cv-app/img-header-logo.png" style="max-width: 70px;" />
         </li>
       </ul>
+      <a href="/studies" class="black-text right">
+        <img src="/assets/img/studies-app/btn_small_ss.png" alt="Estudia y fórmate" style="height: 55px; margin: 5px" />
+      </a>
     </div>
   </nav>
 
   <div style="text-align: center;margin: 5px 0;">
-    <img alt="Solidjobs, crea tu currículum fácil" src="/assets/img/cv-app/phrase.png" style="width: 70%;max-width: 538px;" />
+    <a href="/cv"><img alt="Solidjobs, crea tu currículum fácil" src="/assets/img/cv-app/phrase.png" style="width: 70%;max-width: 538px;" /></a>
   </div>
 </div>
 

diff --git a/src/app/app-components/cv-app/cv-app-header/cv-app-header.component.ts b/src/app/app-components/cv-app/cv-app-header/cv-app-header.component.ts
@@ -56,24 +56,6 @@ export class CvAppHeaderComponent implements OnInit {
     personalData.click();
   }
 
-  navigateToTraining() {
-    this.activeRoute = 0;
-
-    const element: HTMLElement = document.getElementsByClassName('sidenav-overlay')[0] as HTMLElement;
-
-    element.click();
-
-    const personalData: HTMLElement = document.getElementById('tab-test1') as HTMLElement;
-
-    personalData.click();
-
-    this.router.navigate(['/training']);
-  }
-
-  isTrainingActivated() {
-    return localStorage.getItem('training') == '1';
-  }
-
   /**
    * Close session
    */

diff --git a/src/app/app-components/training-app/course-certificate/course-certificate.component.html b/src/app/app-components/training-app/course-certificate/course-certificate.component.html
@@ -7,11 +7,17 @@ <h4>Certificados</h4>
   <div *ngIf="!loading">
     <div class="course-list" *ngIf="courses.length > 0">
       <div class="course-certificate" *ngFor="let course of this.courses">
-        <span>{{ course.title }} ({{ Math.ceil(course.duration / 3600) }} horas)</span>
-        <a target="_blank" href="https://studies.solidjobs.org/course/{{ course.uuid }}/certificate">
-          <span class="right btn">Obtener certificado</span>
-        </a>
-        <span routerLink="/studies/course/{{ course.uuid }}" class="right btn">Ver curso</span>
+        <div>
+          <a routerLink="/studies/course/{{ course.uuid }}" href="/studies/course/{{ course.uuid }}">
+            <span>{{ course.title }}</span>
+          </a>
+          <small> ({{ Math.ceil(course.duration / 3600) }} horas)</small>
+        </div>
+        <div style="text-align: right">
+          <a target="_blank" href="https://studies.solidjobs.org/course/{{ course.uuid }}/certificate">
+            <span class="btn">Obtener certificado</span>
+          </a>
+        </div>
       </div>
     </div>
     <div *ngIf="courses.length === 0">

diff --git a/src/app/app-components/training-app/training-app.component.html b/src/app/app-components/training-app/training-app.component.html
@@ -1,21 +1,28 @@
 <!-- Menu lateral -->
 <div class="left-align white">
   <ul id="slide-out" class="sidenav">
-    <li><a class="waves-effect" href="/cv"><i aria-label="Crear CV" class="material-icons">create</i>Crea tu currículum</a></li>
+    <li><a class="waves-effect" href="/cv"><i aria-label="Crear CV" class="material-icons">create</i>Crea tu currículum</a>
+    </li>
     <li>
       <div class="divider"></div>
     </li>
-    <li><a class="waves-effect" href="https://solidjobs.org/colabora/" target="_blank"><i class="material-icons">account_balance_wallet</i>Colabora, te necesitamos.</a></li>
+    <li><a class="waves-effect" href="https://solidjobs.org/colabora/" target="_blank"><i class="material-icons">account_balance_wallet</i>Colabora,
+      te necesitamos.</a></li>
 
     <li>
       <div class="divider"></div>
     </li>
 
-    <li><a class="waves-effect" href="https://solidjobs.org/politica-de-privacidad/" target="_blank"><i class="material-icons">subject</i>Política de privacidad</a></li>
-    <li><a class="waves-effect" href="https://solidjobs.org/avisos-legales/" target="_blank"><i class="material-icons">description</i>Avisos legales</a></li>
-    <li><a class="waves-effect" href="https://solidjobs.org/politica-de-cookies/" target="_blank"><i class="material-icons">description</i>Política de cookies</a></li>
-    <li><a class="waves-effect" href="https://solidjobs.org/" target="_blank"><i class="material-icons">home</i>Ir a solidjobs.org</a></li>
-    <li><a class="waves-effect" href="https://solidjobs.org/contacto/" target="_blank"><i class="material-icons">mail</i>Contacto</a></li>
+    <li><a class="waves-effect" href="https://solidjobs.org/politica-de-privacidad/" target="_blank"><i
+      class="material-icons">subject</i>Política de privacidad</a></li>
+    <li><a class="waves-effect" href="https://solidjobs.org/avisos-legales/" target="_blank"><i class="material-icons">description</i>Avisos
+      legales</a></li>
+    <li><a class="waves-effect" href="https://solidjobs.org/politica-de-cookies/" target="_blank"><i
+      class="material-icons">description</i>Política de cookies</a></li>
+    <li><a class="waves-effect" href="https://solidjobs.org/" target="_blank"><i class="material-icons">home</i>Ir a
+      solidjobs.org</a></li>
+    <li><a class="waves-effect" href="https://solidjobs.org/contacto/" target="_blank"><i
+      class="material-icons">mail</i>Contacto</a></li>
   </ul>
 
   <nav>
@@ -25,14 +32,19 @@
       </a>
       <ul class="brand-logo center">
         <li>
-          <img alt="Logo SolidJobs" src="/assets/img/cv-app/img-header-logo.png" style="max-width: 70px;" />
+          <a href="/cv">
+            <img alt="Logo SolidJobs" src="/assets/img/cv-app/img-header-logo.png" style="max-width: 70px;"/>
+          </a>
         </li>
       </ul>
     </div>
   </nav>
 
   <div style="text-align: center;margin: 5px 0;">
-    <img alt="Solidjobs, crea tu currículum fácil" src="/assets/img/studies-app/right-arrow2.png" style="width: 70%;max-width: 538px;" />
+    <a href="/studies">
+      <img alt="Solidjobs, crea tu currículum fácil" src="/assets/img/studies-app/right-arrow2.png"
+           style="width: 70%;max-width: 538px;"/>
+    </a>
   </div>
 </div>