Put FAQs as constants

src/app/app.module.ts

@@ -1,9 +1,9 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { HomeComponent } from './screens/home/home.component';
+import { BrowserModule } from "@angular/platform-browser";
+import { NgModule } from "@angular/core";
+import { FlexLayoutModule } from "@angular/flex-layout";
+import { AppRoutingModule } from "./app-routing.module";
+import { AppComponent } from "./app.component";
+import { HomeComponent } from "./screens/home/home.component";
 
 import { SharedModule } from './shared/shared.module';
 import { ProfessorComponent } from './screens/professor/professor.component';
@@ -39,7 +39,7 @@ export function createApollo(httpLink: HttpLink) {
     PaiComponent,
     FAQsComponent,
     AboutComponent,
-    PrivacyComponent,
+    PrivacyComponent
   ],
   imports: [
     BrowserModule,
@@ -57,7 +57,6 @@ export function createApollo(httpLink: HttpLink) {
     SharedModule,
     BrowserAnimationsModule,
     NgxYoutubePlayerModule.forRoot(),
-
   ],
   providers: [
     {
@@ -68,4 +67,4 @@ export function createApollo(httpLink: HttpLink) {
   ],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule {}

src/app/app.service.spec.ts

@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppService } from './app.service';
+
+describe('AppService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: AppService = TestBed.get(AppService);
+    expect(service).toBeTruthy();
+  });
+});

src/app/app.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { AppConfig } from './app.config';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AppService {
+
+  constructor() { }
+
+  getAppConfig() { return AppConfig; }
+}

src/app/screens/professor/professor.component.html

@@ -5,7 +5,7 @@
       <p>
         Descubra passo a passo como usar a ferramenta Zoom para as suas aulas.
         Começamos por esta ferramenta porque foi a indicada como prioritária no inquérito que fizemos aos professores.
-         Em breve publicaremos guias para outras plataformas, além de novos conteúdos que o ajudarão a usar a tecnologia para criar aulas à distância cada vez mais motivadoras para os alunos e para si.
+        Em breve publicaremos guias para outras plataformas, além de novos conteúdos que o ajudarão a usar a tecnologia para criar aulas à distância cada vez mais motivadoras para os alunos e para si.
       </p>
     </div>
   </div>
@@ -14,7 +14,7 @@
 <section id="criar-conta" class="first">
   <div class="row" *ngFor="let video of videos$ | async">
     <app-yt-card  [videoIdOut]="video"></app-yt-card>
-  
+
     <!-- <div class="description">
       <h2 class="description-title">
         Criar conta  <p class="time">2.10 Min</p>
@@ -24,6 +24,6 @@ <h2 class="description-title">
         Neste vídeo, descubra passo a passo como criar a sua conta na<br> plataforma Zoom, de modo a poder utilizá-la para as suas aulas.
       </p>
     </div> -->
-  </div>  
+  </div>
 </section>
 

src/app/shared/faqs-aluno/faqs-aluno.component.ts

@@ -1,71 +1,26 @@
 import { Component, OnInit } from '@angular/core';
+import { AppService } from '../../app.service';
 
 @Component({
   selector: 'app-faqs-aluno',
   templateUrl: './faqs-aluno.component.html',
   styleUrls: ['./faqs-aluno.component.scss']
 })
 export class FaqsAlunoComponent implements OnInit {
-  allQuestions = [
-    {
-      id: 1,
-      question: "O que é o Tools4Edu?",
-      answer: "O Tools4Edu é o sítio onde vais aprender como ter aulas com o teu professor e ver os teus colegas a partir da tua própria casa. Podes (e deves) pedir a ajuda dos teus Pais / Encarregados de Educação. Vais poder continuar a aprender, mesmo que não vás à escola e vais poder falar com os teus amigos através de um programa da internet que se chama Zoom."
-    },
-    {
-      id: 2,
-      question: "As aulas são todos os dias? Como é que vou saber quando tenho aulas?",
-      answer: "Vais receber um email do teu Professor a dizer-te quando é a aula e esse email vai ter um link. Vais clicar nesse link e assim aceder via web browser (aquilo que chamamos internet) a uma aula que se chama Zoom Meeting."
-    },
-    {
-      id: 3,
-      question: "E se eu não conseguir sozinho? Quem me ajuda?",
-      answer: `<p><span style="font-weight: 400;">Vais pedir aos teus pais para estarem ao teu lado para te ajudarem a fazer tudo certo se for poss&iacute;vel na primeira vez que tenhas uma aula marcada, est&aacute; bem?&nbsp;</span></p><p><span style="font-weight: 400;">Se tiveres algum problema a entrar na aula, os teus pais podem ajudar a seguir as instru&ccedil;&otilde;es do programa Zoom. Vais ver que depois de teres a primeira aula tudo fica mais f&aacute;cil e, com o tempo, vais ser um craque que consegue fazer isto sem ajuda!</span></p>`
-    },
-    {
-      id: 4,
-      question: "O que é isso do Zoom Meeting?",
-      answer: "Zoom é como se chama o programa informático que o professor vai usar para dar a aula. Caso estejas a perguntar, meeting é reunião em português, mas como o programa foi criado por pessoas americanas está escrito em inglês."
-    },
-    {
-      id: 5,
-      question: "Como é que vou ter uma aula se estamos todos em casas diferentes?",
-      answer: "Vais ter uma aula online. Isto quer dizer que tu e os teus amigos vão poder ver e ouvir o Professor, vais poder falar com os teus colegas e ouvir o que eles dizem, como se estivessem na vossa sala de aula. Para isto o teu computador precisa de ter câmera (web cam) e microfone (não te esqueças pede ajuda aos teus pais na primeira aula)."
-    },
-    {
-      id: 6,
-      question: "Posso falar? Mas se falarmos todos ao mesmo tempo, não vai ser uma confusão?",
-      answer: "Podes falar, sim se tiveres microfone no teu computador. Mas lembra-te que na sala de aula quem dita as regras é o teu Professor, por isso na aula online vai ser igual. O Professor é que vai dizer quando começa a aula e então devem estar todos em silêncio. O Professor tem um botão no computador dele que desliga e liga o teu microfone (sim, é verdade!) e ele vai avisar quando cada um pode falar e quando se deve estar em silêncio."
-    },
-    {
-      id: 7,
-      question: "Se o Professor desligar o meu microfone e eu quiser falar, o que faço?",
-      answer: `<p><span style="font-weight: 400;">&Eacute; f&aacute;cil. Na escola, quando queres falar levantas a m&atilde;o e esperas que o Professor te d&ecirc; autoriza&ccedil;&atilde;o para participares. No Zoom &eacute; igual. Poder&aacute;s "levantar a m&atilde;o" para falar (tem l&aacute; um bot&atilde;o com este nome) ou tamb&eacute;m podes escrever no Chat (uma caixinha onde se podem escrever mensagens que o Professor l&ecirc;).&nbsp;</span></p><p><span style="font-weight: 400;">Lembra-te que o Professor &eacute; que dita as regras. Podes pedir para falar mas tens que esperar pela tua vez.</span></p>`
-    },
-    {
-      id: 8,
-      question: "Como é que vou aprender a matéria da aula e estudar se não tenho os materiais?",
-      answer: `<p><span style="font-weight: 400;">O Zoom &eacute; super fixe. Deixa que o Professor partilhe contigo todos os materiais que precisas. Isto quer dizer que no teu computador tu vais poder ver os seus slides, fichas, exerc&iacute;cios, como se estivesse a ser uma aula na tua escola.&nbsp;</span></p><p><span style="font-weight: 400;">Vais ver que o Professor at&eacute; pode escrever num quadro branco que vai aparecer no teu computador e&nbsp; tu tamb&eacute;m vais poder escrever e assim mostrar a mat&eacute;ria que te vai ensinar a cada aula.</span></p>`
-    },
-    {
-      id: 9,
-      question: "Na escola eu tenho intervalos para brincar no recreio. Aqui também vou ter?",
-      answer: "O Professor dirá quando é o intervalo, para que possas descansar e falar com os teus amigos. No email que o professor te mandar a dizer quando vais ter a tua aula, vai-te explicar tudo. Não te esqueças de pedir ajuda aos teus pais quando tiveres a tua primeira aula no Zoom."
-    },
-    {
-      id: 10,
-      question: "Posso sair da aula quando eu quiser? Como sei que a aula acabou?",
-      answer: "Não deverás deixar a aula até ao Professor dizer que a aula está terminada (como habitualmente!). Quando a aula acabar, o Professor terminará a aula online e poderás sair do programa.  Mas, lembra-te! Se na escola não sais da aula a meio e esperas pelo final, aqui deves fazer igual. Se no meio da aula, tiveres algum problemas com a internet, vais sair da aula sem querer. Se isso acontecer, só tens de voltar a clicar no link que o Professor enviou para entrares novamente na aula. Não vale sair a meio sem querer e não voltar a entrar!"
-    },
-  ];
   // first group of questions
-  shownQuestions = this.allQuestions.slice(0, 3);
   showMore = false;
   whatsShowing = 3;
+  appConfig: any;
+  allQuestions: any;
+  shownQuestions: any;
 
-  constructor() { }
+  constructor(appService: AppService) {
+    this.appConfig = appService.getAppConfig();
+    this.allQuestions = this.appConfig.studentsFaqs;
+  }
 
   ngOnInit() {
+    this.shownQuestions = this.allQuestions.slice(0, 3);
   }
 
   toggleShowMore() {

src/app/shared/faqs-pai/faqs-pai.component.ts

@@ -1,61 +1,27 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit } from "@angular/core";
+import { AppService } from "../../app.service";
 
 @Component({
-  selector: 'app-faqs-pai',
-  templateUrl: './faqs-pai.component.html',
-  styleUrls: ['./faqs-pai.component.scss']
+  selector: "app-faqs-pai",
+  templateUrl: "./faqs-pai.component.html",
+  styleUrls: ["./faqs-pai.component.scss"]
 })
 export class FaqsPaiComponent implements OnInit {
-  allQuestions = [
-    {
-      id: 1,
-      question: "Em que consiste a Plataforma Tools4Edu?",
-      answer: "O Tools4Edu é uma plataforma de apoio à Comunidade Educativa (Professores, Alunos e Pais/Encarregados de Educação) que pretende facilitar a compreensão e utilização de ferramentar digitais no processo de ensino, dado o enquadramento que se vive em Portugal derivado do contágio do novo coronavírus Covid 19."
-    },
-    {
-      id: 2,
-      question: "Como é que a plataforma Tools4Edu me pode ajudar como Encarregado de Educação?",
-      answer: "No Tools4Edu, os seus filhos encontram um guia com todos os passos para uma melhor interação com o Professor, nesta fase de isolamento devido ao Covid19. Procuramos dar ideias aos Professores de como recriar o melhor possível o ambiente humano existente na escola “física” e conselhos de como estimular a comunicação entre os próprios alunos num ambiente virtual. O objetivo é poder dar continuidade ao processo de ensino e, fundamentalmente, conseguir que as crianças tenham vontade de continuar a aprender e interagir a partir de casa. Nesse sentido, pretendemos devolver alguma normalidade à vida das famílias, conseguir que as crianças tenham ligação ao mundo escolar a partir de casa e ajudar os Pais a gerir esta nova realidade exigente de tele trabalhar e ter os filhos em casa."
-    },
-    {
-      id: 3,
-      question: "O que posso fazer para ajudar o meu filho?",
-      answer: `<p><span style="font-weight: 400;">Recomendamos que, pelo menos, na primeira aula siga todos os passos com ele. Pode ver todos os passos a seguir para que um Aluno assista a uma aula na se&ccedil;&atilde;o deste site dedicada a alunos.&nbsp;</span></p><p><span style="font-weight: 400;">&Eacute; muito importante ajudar as crian&ccedil;as porque ser&aacute; uma processo que requer adapta&ccedil;&atilde;o a um novo ambiente (virtual).&nbsp;</span></p><p><span style="font-weight: 400;">Fique atento ao e-mail do seu filho (ou ao seu caso receba as comunica&ccedil;&otilde;es da escola no seu pr&oacute;prio email). Os Professores v&atilde;o enviar por email os dados de acesso &agrave;s aulas online, explicar quando s&atilde;o e a que horas e como &eacute; que os Alunos podem assistir &agrave; aula.</span></p>`
-    },
-    {
-      id: 4,
-      question: "Há algum programa específico para o meu filho assistir a estas aulas?",
-      answer: 'Sim. O Programa chama-se Zoom Meetings. Recomendamos que visite a área do Aluno nesta página, para conhecer os passos a seguir para entrar num Meeting do Zoom (isto é, numa aula criada pelo Professor).'
-    },
-    {
-      id: 5,
-      question: "Tenho que instalar o Zoom Meeting no computador?",
-      answer: `<p><span style="font-weight: 400;">Em princ&iacute;pio, n&atilde;o tem que instalar o programa. Ao clicar no link de acesso &agrave; aula que o Professor envia por email, deveria poder entrar na aula diretamente atrav&eacute;s do seu navegador de internet (web browser).&nbsp;</span></p><p><span style="font-weight: 400;">Caso n&atilde;o funcione (por n&atilde;o ter vers&atilde;o do navegador compat&iacute;vel) o pr&oacute;prio Zoom d&aacute; instru&ccedil;&otilde;es para descarregar e iniciar o programa no computador. O Zoom Meetings &eacute; uma plataforma perfeitamente segura utilizada em todo o mundo para a realiza&ccedil;&atilde;o de aulas online e reuni&otilde;es &agrave; dist&acirc;ncia.</span></p>`
-    },
-    {
-      id: 6,
-      question: "Como sei que o meu filho assiste à aula inteira? Tem algum intervalo?",
-      answer: `<p><span style="font-weight: 400;">Recomendamos que, pelo menos, na primeira aula esteja com o seu filho, veja como funciona o programa e siga com ele todos os passos descritos na secção deste site dedicada a alunos.&nbsp;</span></p><p><span style="font-weight: 400;">Pode ajud&aacute;-lo a perceber como utilizar as diversas op&ccedil;&otilde;es do programa Zoom (por exemplo, levantar a m&atilde;o, escrever no Chat).&nbsp;</span></p><p><span style="font-weight: 400;">Deve tamb&eacute;m transmitir ao seu filho que tal como na escola, durante uma aula no Zoom o professor &eacute; quem dita as regras, pelo que deve obedecer &agrave;s mesma e permanecer na aula at&eacute; ao final.&nbsp;</span></p><p><span style="font-weight: 400;">As aulas no zoom podem ter intervalo. Ser&aacute; algo que o professor deve transmitir no email que envia inicialmente. Para saber mais como funcionam os intervalos verifique tamb&eacute;m se&ccedil;&atilde;o deste site dedicada a alunos.&nbsp;</span></p><p><span style="font-weight: 400;">Caso, a meio da aula, a internet tiver alguma falha e o seu filho sair da aula sem querer, deve voltar a entrar atrav&eacute;s do link que o professor enviou no email.</span></p>`
-    },
-    {
-      id: 7,
-      question: "Quero marcar uma reunião com o Professor do meu filho. O que fazer?",
-      answer: `Deve enviar um email ao Professor, solicitando que este marque uma reunião no Zoom para data e hora que for mais conveniente para ambos e lhe envie por email o link da reunião. Desta forma, no dia e hora marcados, só tem que se unir à reunião através do link recebido por email. Funciona exatamente da mesma forma que a aula, mas neste caso, a reunião terá apenas dois participantes (o Professor e o Encarregado de Educação).`
-    },
-    {
-      id: 8,
-      question: "Ainda nao percebi muito bem como é que se pode ter uma aula no Zoom. Como vai funcionar a aula online?",
-      answer: "A aula online funcionará num registo similar a uma presencial. O Professor ditará as regras, será quem decide quando a aula começa e acaba. Conseguirá controlar através do Programa Zoom que os alunos façam silêncio ou possam participar. Poderá partilhar o seu ecrã para que os Alunos vejam todos os materiais necessários para a aprendizagem da matéria. Tem ainda à disposição a opção de escrever no ecrã. Nesse caso, os alunos verão uma quadro branco onde o Professor escreverá como se fosse o quadro da sala de aula. O Professor fará esforços para promover a participação de todos durante a aula e deixará um espaço para intervalo para que as crianças possam também interagir em modo recreio. Para mais informações sobre como o Professor poderá dar a aula no Zoom verifique a secção deste site dedicada aos professores."
-    }
-  ];
   // first group of questions
-  shownQuestions = this.allQuestions.slice(0, 3);
+
   showMore = false;
   whatsShowing = 3;
+  appConfig: any;
+  allQuestions: any;
+  shownQuestions: any;
 
-  constructor() { }
+  constructor(appService: AppService) {
+    this.appConfig = appService.getAppConfig();
+    this.allQuestions = this.appConfig.parentsFaqs;
+  }
 
   ngOnInit() {
+    this.shownQuestions = this.allQuestions.slice(0, 3);
   }
 
   toggleShowMore() {