update

joe-oli · Jun 26, 2019 · a6831ca · a6831ca
1 parent 230fec3
commit a6831ca
Showing 6 changed files with 84 additions and 48 deletions.
diff --git a/www/css/main.css b/www/css/main.css
@@ -1,60 +1,68 @@
 h1 {
-    text-align: center
+  text-align: center
 }
 
 #sub_title{
-    width:90%;
-    margin:0 auto;
-    text-align:justify;
-    font-size:16
+  width:90%;
+  margin:0 auto;
+  text-align:justify;
+  font-size:16
 }
 
 .header {
-    font-size: 200%;
+  font-size: 200%;
 }
 
 .lead{
-    text-align: justify;
+  text-align: justify;
 }
 
 .jButtonAlert{
-    height: 45px;
-    line-height: 40px;
-    text-align: center;
+  height: 45px;
+  line-height: 40px;
+  text-align: center;
 }
 
 /*hides spin buttons on form input number*/
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
+  -webkit-appearance: none;
+  margin: 0;
 }
 input[type="number"] {
-    -moz-appearance: textfield;
+  -moz-appearance: textfield;
 }
 
 #message{
-    text-align:left;
-    display:block;
-    width:100%;
-    font-size:16
+  text-align:left;
+  display:block;
+  width:100%;
+  font-size:16
 }
 
 #mail_message{
-    display: none;
+  display: none;
 }
 
 /* Images section */
 img{
-    border: 2px solid black !important;
-    border-radius: 10px !important;
-    padding: 0 !important;
-    width: 100%;
-    display: none;
+  border: 2px solid black !important;
+  border-radius: 10px !important;
+  padding: 0 !important;
+  width: 100%;
+  display: none;
+}
+
+#cmd_how_it_works img{
+  border: none !important;
+  width: 100%;
+  padding: 10px 0 !important;
+  display: block !important;
 }
+
 /* remove buttons */
 #remImg_1, #remImg_2, #remImg_3, #remImg_4{
-    display: none;
+  display: none;
 }
 /* hides all image containers except the first */
 #image_selector .img-container:not(:first-of-type) {
@@ -68,9 +76,9 @@ button#save_personal_data {
 
 /* Image Designing Propoerties */
 .thumb {
-    height: 75px;
-    border: 1px solid #000;
-    margin: 10px 5px 0 0;
+  height: 75px;
+  border: 1px solid #000;
+  margin: 10px 5px 0 0;
 }
 
 .mailmessage {
@@ -84,9 +92,13 @@ button#save_personal_data {
 }
 
 .loading {
-    background-color: #ffffff;
-    background-image: url("res/loading.gif") !important;
-    background-size: 25px 25px;
-    background-position:right center;
-    background-repeat: no-repeat;
+  background-color: #ffffff;
+  background-image: url("res/loading.gif") !important;
+  background-size: 25px 25px;
+  background-position:right center;
+  background-repeat: no-repeat;
+}
+
+#cmd_how_it_works a {
+  text-decoration: underline;
 }
diff --git a/www/img/ativar_a_assinatura_digital.jpeg b/www/img/ativar_a_assinatura_digital.jpeg
diff --git a/www/index.html b/www/index.html
@@ -64,13 +64,16 @@ <h5>Denúncia de Estacionamento</h5>
                   <a>Como funciona</a>
                 </li>
                 <li>
-                  <a href="https://www.autenticacao.gov.pt/cmd-pedido-chave">Aderir</a>
+                  <a class="aderir_url" href="">Aderir</a>
                 </li>
                 <li>
-                  <a href="https://cmd.autenticacao.gov.pt/Ama.Authentication.Frontend/Processes/DigitalSignature/DigitalSignatureIntro.aspx">Assinar PDF</a>
+                  <a class="a_minha_area_url">Entrar na minha área</a>
                 </li>
                 <li>
-                  <a href="https://play.google.com/store/apps/details?id=pt.ama.autenticacaogov&hl=pt">App</a>
+                  <a class="assinar_pdf_url">Assinar PDF</a>
+                </li>
+                <li>
+                  <a class="app_url">App</a>
                 </li>
               </ul>
             </div>
@@ -297,15 +300,24 @@ <h3>Protegemos os dados do denunciante e do denunciado</h3>
       <div id="cmd_how_it_works" class="section">
         <h3>Adira à Chave Móvel Digital</h3>
         <p class="lead">
-          Terá de aderir ao serviço da Chave Móvel Digital, onde associa o seu número de telemóvel à
+          Terá de <a class="aderir_url">aderir</a> ao serviço da Chave Móvel Digital onde associa o seu número de telemóvel à
           sua identidade associada ao Cartão de Cidadão. Pode fazê-lo na internet fazendo uso do seu cartão de cidadão
-          e de um leitor de cartões ou no portal das finanças.
+          e de um leitor de cartões, ou no portal das finanças.
+        </p>
+        <h3>Ative a assinatura digital</h3>
+        <p class="lead">
+          Após ter obtido uma Chave Móvel Digital com os respetivos PINs,
+          terá de <a class="a_minha_area_url">aceder</a> à sua área da Chave Móvel Digital e ativar a opção
+          "Subscrição da Assinatura Digital".
+          <img src="img/ativar_a_assinatura_digital.jpeg"></img>
         </p>
         <h3>Assine o PDF gerado</h3>
         <p class="lead">
-          A presente APP gera um ficheiro PDF com a denúncia que fica guardado no seu telefone. Pode assinar esse PDF fazendo uso
-          da sua Chave Móvel Digital. Para confirmar a sua identidade durante a assinatura do PDF, receberá um código via sms no seu telefone, ou então
-          também pode usar a APP do Cartão do Cidadão para obter os códigos sem a necessidade de um sms.
+          A presente APP gera um ficheiro PDF com a denúncia que fica guardado no seu telefone.
+          Pode <a class="assinar_pdf_url">assinar esse PDF</a> fazendo uso
+          da sua Chave Móvel Digital. Para confirmar a sua identidade durante a assinatura do PDF,
+          receberá um código via sms no seu telefone, ou então também pode usar a
+          <a class="app_url">APP do Cartão do Cidadão</a> para obter os códigos sem a necessidade de um sms.
         </p>
         <h3>Base legal</h3>
         <p class="lead">

diff --git a/www/js/authentication.js b/www/js/authentication.js
@@ -222,12 +222,9 @@ app.authentication = (function (thisModule) {
       inAppBrowserRef.hide()
     }
 
-    var msg = 'Foi criado o ficheiro pdf <span style="color:orange"><b>' + filename + '</b></span> na pasta <i>Downloads</i> com a sua denúncia. '
-    if (AUTHENTICATION) {
-      msg += 'Terá agora, na janela seguinte, de carregar este ficheiro no autenticação.gov para assiná-lo digitalmente'
-    } else {
-      msg += 'Terá agora de o assinar fazendo uso da sua Chave Móvel Digital'
-    }
+    var msg = 'Foi criado o ficheiro pdf <span style="color:orange"><b>' + filename + '</b></span>' + ' ' +
+    'na pasta <i>Downloads</i> ou <i>Documentos/Downloads</i> com a sua denúncia.' + ' ' +
+    'Terá agora de o assinar fazendo uso da sua Chave Móvel Digital.'
 
     $.jAlert({
       'title': 'Criação de ficheiro PDF',

diff --git a/www/js/main.js b/www/js/main.js
@@ -18,6 +18,14 @@ app.main = (function (thisModule) {
   thisModule.imagesUriArray = []
   thisModule.imagesUriCleanArray = []
   thisModule.variables = {} // global object used for debug
+  thisModule.urls = {
+    Chave_Movel_Digital: {
+      aderir: 'https://www.autenticacao.gov.pt/cmd-pedido-chave',
+      a_minha_area: 'https://www.autenticacao.gov.pt/a-chave-movel-digital',
+      assinar_pdf: 'https://cmd.autenticacao.gov.pt/Ama.Authentication.Frontend/Processes/DigitalSignature/DigitalSignatureIntro.aspx',
+      app: 'https://play.google.com/store/apps/details?id=pt.ama.autenticacaogov&hl=pt'
+    }
+  }
 
   $(document).ready(function () {
     console.log('$(document).ready started')
@@ -47,7 +55,7 @@ app.main = (function (thisModule) {
     }
   }, 3000)
 
-  // when the page loads
+  // when the page loads (only on smartphone)
   function init () {
     console.log('init() started')
     wasInit = true
@@ -175,7 +183,8 @@ app.main = (function (thisModule) {
     }
 
     if (AUTHENTICATION || SAVE_PDF) {
-      var mensagem = 'A Autoridade Nacional de Segurança Rodoviária (ANSR), num parecer enviado às polícias a propósito desta APP, refere que as polícias devem de facto proceder à emissão efetiva da multa, perante as queixas dos cidadãos por esta via. Todavia, refere a ANSR, que os denunciantes deverão posteriormente dirigir-se às instalações da polícia respetiva, para se identificarem presencialmente.<br><br>Caso não se queira dirigir à polícia, terá de se autenticar fazendo uso da <b>Chave  Móvel Digital</b> emitida pela Administração Pública. Caso não tenha uma, veja <a href="https://www.autenticacao.gov.pt/cmd-pedido-chave">aqui</a> como pedi-la.'
+      var mensagem = 'A Autoridade Nacional de Segurança Rodoviária (ANSR), num parecer enviado às polícias a propósito desta APP, refere que as polícias devem de facto proceder à emissão efetiva da multa, perante as queixas dos cidadãos por esta via. Todavia, refere a ANSR, que os denunciantes deverão posteriormente dirigir-se às instalações da polícia respetiva, para se identificarem presencialmente.<br><br>Caso não se queira dirigir à polícia, terá de se autenticar fazendo uso da <b>Chave  Móvel Digital</b> emitida pela Administração Pública. Caso não tenha uma, veja <u><a href="' +
+      thisModule.urls.Chave_Movel_Digital.pedido + '">aqui</a></u> como pedi-la.'
 
       $.jAlert({
         'title': 'Deseja autenticar a sua mensagem com Chave Móvel Digital?',

diff --git a/www/js/sidebar.js b/www/js/sidebar.js
@@ -16,6 +16,12 @@ app.sidebar = (function (thisModule) {
         return false
       }
     })
+
+    // populates urls
+    $('a.aderir_url').attr('href', app.main.urls.Chave_Movel_Digital.aderir)
+    $('a.a_minha_area_url').attr('href', app.main.urls.Chave_Movel_Digital.a_minha_area)
+    $('a.assinar_pdf_url').attr('href', app.main.urls.Chave_Movel_Digital.assinar_pdf)
+    $('a.app_url').attr('href', app.main.urls.Chave_Movel_Digital.app)
   }
 
   // staus undefined - togle sidebar