deploy to prod (#197)

* fix: Show useful instruments and signup after main content on mobile. Closes #144 * chore: fix linting * chore: code review fixes * #112-show related pages at bottom of current page * Remove react-icons and logo.png. * simplify target page slug generation Co-Authored-By: Dan Lepadatu <[email protected]> * scroll to top of container when navigating * phone and email links in the content page; default styling * some more phone numbers need links * Open links in new tab in order not to loose the current page (#157) Co-authored-by: Gauca <[email protected]> * smooth scrolling to top * more phonenumber links * #159 - scroll to content from the quick nav * fix html render in component * form result ListItem component * form result remove state * move navigate to instruments.util * form scss cleanup * switch to most recent components version * 149 mituri despre coronavirus => add myth images * 149 mituri despre coronavirus => extract common static page styles * lint:fix * 149 mituri despre coronavirus => add content for new accordion type page * 149 mituri despre coronavirus => add additional styles * 149 mituri despre coronavirus => PR review changes * 149 mituri despre coronavirus => fix emoji font on firefox and android * chore: compress mituri jpegs * styles: increase image sizes * #100 add back to top component * #100 update taskforce-components to 1.0.7 * Correct commit * Added search dependencies to package.json * Update header logos * Add diacritics to results title * Fix typo Co-Authored-By: Utwo <[email protected]> * add datelazi in menu * updated pages display order * fix visual issue header on mobile * change logo inline * replace logo in component from storybook * remove unused style * add styles back * styles: fix logo size * fix: define page content slug optional * Add term and condition page. Add privacy and policy page * added two column of footer links * Remove api folder and api pipeline * updated content texts * removed unnecessary tags * add link to rohelp * update button text * added diasporahub in sidebar * update components version and fix for #192 * Update content - add new content pages * update styles for embedding videos from #182 * Update README.md * added target blank to external links * removed useless excape * removed banner * removed banner from imports Co-authored-by: Dan Manastireanu <[email protected]> Co-authored-by: Bogdan D <[email protected]> Co-authored-by: Dan Lepadatu <[email protected]> Co-authored-by: Utwo <[email protected]> Co-authored-by: Mihai Nica <[email protected]> Co-authored-by: bianca-gauca <[email protected]> Co-authored-by: Gauca <[email protected]> Co-authored-by: Veronica Mihai <[email protected]> Co-authored-by: Tudor Gergely <[email protected]> Co-authored-by: stefan fai <[email protected]> Co-authored-by: Ciprian Platica <[email protected]> Co-authored-by: Dan Ichim <[email protected]> Co-authored-by: Olivia Vereha <[email protected]>
code4romania · Apr 20, 2020 · ef4e2f7 · ef4e2f7
1 parent 993ee00
commit ef4e2f7
Show file tree

Hide file tree

Showing 9 changed files with 107 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -44,19 +44,16 @@ Uses reusable components from: https://www.npmjs.com/package/@code4ro/taskforce-
 - And then follow [these](/frontend/README.md#Development) instructions
 
 ## Development
-### Backend
+### CMS
 - WIP
 
 ### Frontend
 - Please follow [these](/frontend/README.md#Development) instructions
 
 ## Deployment
 
-`API`: [![Build Status](https://dev.azure.com/code4romania/monitorizare-vot-ci/_apis/build/status/ce-ma-fac/cmf-api?branchName=azure-pipelines)](https://dev.azure.com/code4romania/monitorizare-vot-ci/_build/latest?definitionId=30&branchName=azure-pipelines)
-`Frontend`: [![Build Status](https://dev.azure.com/code4romania/monitorizare-vot-ci/_apis/build/status/ce-ma-fac/cmf-frontend?branchName=azure-pipelines)](https://dev.azure.com/code4romania/monitorizare-vot-ci/_build/latest?definitionId=31&branchName=azure-pipelines)
-
-- automatically deployed using https://zeit.co/ from PRs for testing; preview environment: https://ce-ma-fac.now.sh/
-- uses github actions for deploying in prod
+- preview environments available automatically on each PR powered by [ZEIT Now](https://zeit.co/). Preview environment for `develop` branch: https://ce-ma-fac.now.sh/
+- uses [github actions](https://github.com/features/actions) for deploying in prod
 
 ## Feedback
 

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -5,7 +5,7 @@
   "description": "Arbore decizional pentru informarea publicului",
   "private": true,
   "dependencies": {
-    "@code4ro/taskforce-fe-components": "^1.0.10",
+    "@code4ro/taskforce-fe-components": "^1.0.13",
     "bulma": "^0.8.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",

diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -14,7 +14,6 @@ import {
   Header,
   DevelopedBy,
   IncubatedBy,
-  Banner,
   BackToTop
 } from "@code4ro/taskforce-fe-components";
 import LogoSvg from "./images/logo.svg";
@@ -76,13 +75,9 @@ const App = () => {
 
   return (
     <>
-      <Banner
-        title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. "
-        link="https://stirioficiale.ro/15-recomandari-privind-conduita-sociala-responsabila-in-prevenirea-raspandirii-coronavirus"
-      />
       <Header
         Logo={
-          <Logo url="/">
+          <Logo url="/" target="_self">
             <img
               width="178"
               height="32"

diff --git a/frontend/src/components/About/index.js b/frontend/src/components/About/index.js
@@ -125,6 +125,9 @@ const About = () => {
             {instrumentsData.data.map(usefulApp =>
               renderInstrumentItem(usefulApp)
             )}
+            {instrumentsData.diaspora.map(usefulApp =>
+              renderInstrumentItem(usefulApp)
+            )}
           </Instruments>
         </aside>
       </div>

diff --git a/frontend/src/components/Home/styles.scss b/frontend/src/components/Home/styles.scss
@@ -9,6 +9,17 @@
   .search-input {
     margin-bottom: 20px;
   }
+
+  .content iframe {
+    margin: 20px auto;
+    display: block;
+  }
+}
+
+@media (max-width: 1024px) {
+  .homepage-content .content iframe {
+    width: 100%;
+  }
 }
 
 /* media queries are inclussive, so to avoid overlap, min-width query must be one pixel more than the max-width */

diff --git a/frontend/src/data/static-pages.js b/frontend/src/data/static-pages.js
@@ -210,6 +210,60 @@ export default [
          <p>Ai grijă de sănătatea emoțională a membrilor gospodăriei tale. Răspândirea epidemiei poate genera situații stresante atât pentru adulți cat și pentru copii. Copiii răspund diferit la situații stresante comparativ cu adulții. Vorbește cu ei despre epidemie, încearcă să rămâi calm și asigură-i că sunt în siguranță. Descurajează copiii și adolescenții să se adune în locuri publice în timp ce cursurile de școală sunt suspendate, pentru a ajuta la încetinirea răspândirii COVID-19 în propria comunitate.</p>
 
         `
+      },
+      {
+        title: "15 recomandări privind conduita socială responsabilă în prevenirea răspândirii coronavirus",
+        display_order: 5,
+        slug: "recomandari-privind-conduita-sociala-responsabila",
+        page: `
+         <h3 id="recomandari">Protejați-vă, evitați contactul direct!</h3>
+         <ul>
+          <li> Evitați zonele aglomerate unde sunteți expuși la contact direct și/sau interacțiune cu un număr mare de persoane, de tipul adunărilor publice, cozi, zone de trafic intens, zone de recreere.</li>
+          <li> Feriți copiii de acele locuri de joacă care presupun atingerea unor suprafețe/obiecte comune de către un număr mare de copii. </li>
+          <li> Limitați la maximum orice contact direct cu alte persoane, în afara celor care fac parte din familia restrânsă, prin gesturi cum ar fi: strângerea mâinilor, îmbrățișările, sărutul obrajilor sau al mâinilor, atingerea fețelor cu mâinile. </li>
+          <li> Se recomandă, inclusiv în privința persoanelor împreună cu care locuiți, să NU intrați în contact direct decât după igienizarea mâinilor atunci când reveniți la domiciliu. </li>
+          <li> Evitați atingerea suprafețelor care sunt atinse în mod frecvent și de alte persoane, precum: balustrade, clanțe, mânere, butoane de lift sau de acces.  În cazul în care sunteți totuși nevoiți să atingeți aceste suprafețe, protejați-vă folosind șervețele de unică folosință. </li>
+          <li> Păstrați o distanță semnificativă, de 2 metri, față de celelalte persoane pe care le întâlniți. În cazul în care vă aflați în transportul în comun încercați să NU stați față în față cu alte persoane. </li>
+          <li> Asigurați-vă, după folosirea transportului în comun, că v-ați igienizat mâinile înainte de a vă atinge fața, nasul sau gura.</li>
+          <li> Folosiți, pe cât posibil, rute sau modalități alternative de transport pentru a evita zonele aglomerate de trafic de persoane. În cazul în care programul vă permite, folosiți intervalele orare cu nivel scăzut de trafic de persoane. </li>
+          <li> Limitați la maximum orice contact direct cu alte persoane, în afara celor care fac parte din familia restrânsă, prin gesturi cum ar fi: strângerea mâinilor, îmbrățișările, sărutul obrajilor sau al mâinilor, atingerea fețelor cu mâinile. </li>
+          <li> În zonele urbane, pentru distanțe mici, se recomandă folosirea modalităților alternative de deplasare, fie cu bicicleta/trotineta electrică, fie mersul pe jos. </li>
+          <li> Limitați folosirea bancnotelor și a monedelor, optând pentru plăți cu cardul/telefonul sau plăți on-line. </li>
+          <li> Transmiterea virușilor se realizează într-o pondere semnificativă prin intermediul banilor, cu care ia contact, statistic, un număr foarte mare de persoane. </li>
+          <li> Optați pentru munca de acasă, în măsura în care aveți această posibilitate oferită de angajator. </li>
+          <li> Există recomandări din partea Ministerului Muncii, în atenția angajatorilor, pentru flexibilizarea programului de lucru pentru angajați și prezentarea eventualelor opțiuni legale pe care le au la dispoziție. Guvernul a adoptat un nou cadrul legal. Mai multe <a target="_blank" href="http://www.mmuncii.ro/">detalii aici.</a> </li>
+          <li> Respectați cu strictețe regulile de igienă personală recomandate de autorități, pentru a vă proteja atât pe dumneavoastră cât și pe cei apropiați. Folosiți masca de protecție pentru a-i proteja pe ceilalți.</li>
+          <li> Spălați-vă pe mâini cu apă și săpun, minimum 20 de secunde, după orice contact cu o suprafață potențial contaminată.</li>
+          <li> Folosiți prosoape de hârtie, de preferat, pentru a vă șterge mâinile.</li>
+          <li> Nu vă atingeți ochii, nasul sau gura cu mâinile neigienizate</li>
+          <li> Dacă strănutați sau tușiți acoperiți-vă gura și nasul cu un șervețel de unică folosință, pe care aveți grijă să-l aruncați imediat la coșul de gunoi.</li>
+          <li> Dezinfectați frecvent, cu soluție pe bază de alcool sau clor, suprafețele cu care intrați în contact, atât acasă cât și la locul de muncă.</li>
+          <li> Aerisiți de mai multe ori pe zi încăperile în care desfășurați activități.</li>
+          <li> Luați medicamente antivirale sau antibiotice numai la prescripția medicului.</li>
+          <li> NU beți lichide din aceeași sticlă/pahar cu alte persoane și nu folosiți aceleași tacâmuri.</li>
+          <li> NU intrați în contact direct cu persoanele aflate în autoizolare la domiciliu, indiferent dacă prezintă sau nu simptome specifice coronavirus.</li>
+          <li> Masca de protecție/masca chirurgicală îi protejează pe cei din jurul dumneavoastră, în cazul în care aveți simptome de gripă sau răceală, întrucât previne răspândirea virusului pe cale respiratorie.</li>
+          <li> Masca de protecție trebuie să acopere complet nasul și gura persoanei care o poartă.</li>
+          <li> Țineți cont de faptul că nu în toate cazurile infectarea cu noul coronavirus(COVID-19) este vizibilă prin simptome specifice (tuse, febră, dificultăți în respirație).</li>
+          <li> Virusul poate fi răspândit inclusiv de persoane aparent sănătoase, care nu au cunoștință de faptul că sunt purtători ai noului coronavirus.</li>
+          <li> Informați-vă despre noul coronavirus numai din surse oficiale!</li>
+          <li> Puteți obține detalii dacă sunați la <a href="tel:0800800358">0800.800.358</a>, care este un număr de informare, nu este un număr de urgență.</li>
+          <li> Doar în cazul urgențelor sunați la 112!</li>
+          <li> Evitați, cu prioritate, expunerea persoanelor în vârstă (peste 65 de ani) și a celor cu imunitate scăzută/boli asociate către alte persoane cu simptome de gripă sau răceală, în zone aglomerate sau zone cu trafic intens de persoane.</li>
+          <li> Potrivit statisticilor, persoanele cele mai vulnerabile în cazul infectării cu noul coronavirus sunt vârstinicii cu multiple afecțiuni asociate (ex: diabet zaharat, boli pulmonare cronice, boli cardiovasculare, cancer).</li>
+          <li> În Italia, cele mai multe decese sunt înregistrate la persoanele peste 63 de ani!</li>
+          <li> Tinerii și copiii sunt mai puțin vulnerabili în cazul noului coronavirus, dar nu sunt pe deplin feriți de riscul îmbolnăvirii. Chiar și atunci când nu manifestă simptome specifice, ei pot transmite virusul celorlalte persoane fără să știe acest lucru.</li>
+          <li> Semnalați autorităților orice caz despre care aveți cunoștință că ar fi putut intra în contact cu o persoană confirmată cu noul coronavirus sau ar fi venit dintr-o țară afectată (zona roșie sau zona galbenă) și care nu se află în izolare.</li>
+          <li> Manifestați o atitudine preventivă față de orice caz, întrucât răspândirea virusului este posibilă și din partea persoanelor care nu manifestă simptome specifice.</li>
+          <li> Semnalați imediat medicului de familie dacă ați călătorit în zonele afectate de coronavirus (COVID-19), chiar dacă la momentul respectiv NU se aflau pe lista zonelor aflate sub alertă. Detalii pot fi obținute accesând <a target="_blank" href="http://www.cnscbt.ro/">acest link</a>, respectiv „Lista regiunilor și localităților din zona roșie și zona galbenă cu transmitere a COVID-19”, actualizată periodic.</li>
+          <li> În cazul în care nu puteți contacta medicul de familie, apelați la Direcția de Sănătate Publică din județul dumneavoastră și în ultimă instanță la 112.</li>
+          <li> Rămâneți acasă dacă aveți simptome de gripă sau răceală (tuse, febră, dificultăți în respirație) și sunați medicul de familie pentru a solicita sfaturi, NU mergeți din primul moment la unitățile de urgență.</li>
+          <li> Există riscul, în cazul în care sunteți purtător al virusului, să transmiteți și altor persoane noul coronavirus.</li>
+          <li> Este de preferat să rămâneți la domiciliu, iar transferul către spital să se realizeze în mod organizat, respectând toate măsurile de izolare.</li>
+          <li> Dacă vă aflați în autoizolare la domiciliu respectați cu strictețe recomandările autorităților, NU părăsiți sub nicio formă domiciliul pe perioada celor 14 zile, NU primiți vizitatori și NU intrați în contact apropiat cu eventualele persoane care vă furnizează alimente sau produse.</li>
+          <li> În cazul în care încălcați regimul autoizolării la domiciliu riscați amendă de până la 20.000 de lei, precum și dosar penal în cazul în care contribuiți la răspândirea virusului.</li>
+          </ul>
+        `
       }
     ]
     ,
@@ -703,6 +757,18 @@ export default [
         </ul>
 
       `
+      },
+      {
+        title: "Modele de declarații pe proprie răspundere",
+        display_order: 7,
+        slug: "modele-de-declaratii",
+        page: `
+        <p> Descarcă de aici cele două modele de declarații pe proprie răspundere pe care le poți utiliza în perioada stării de urgență.  </p>
+
+        <p style="background-color: #ffd738; padding: 10px;"> <a target="_blank" href="https://stirioficiale.ro/storage/28MODEL%20Declaratie%20proprie%20raspundere%202503.pdf"> Descarcă de aici </a> modelul de declarație pe proprie răspundere </p>
+        <p style="background-color: #ffd738; padding: 10px;"> <a target="_blank" href="https://stirioficiale.ro/storage/MODEL%20Adeverinta%20pentru%20angajatori.pdf"> Descarcă de aici </a> modelul de adeverință de angajator </p>
+
+        `
       }
     ]
     ,

diff --git a/frontend/src/data/useful-apps.js b/frontend/src/data/useful-apps.js
@@ -91,5 +91,20 @@ export default [
         link: "https://datelazi.ro/"
       }
     ]
+  },
+  {
+    title: "Ești în afara țării și ai nevoie de ajutor?",
+    doc_type: "USEFUL_APP",
+    doc_id: 7,
+    active: true,
+    display_order: 7,
+    app_type: "DIASPORA",
+    content: null,
+    buttons: [
+      {
+        title: "Intră pe DiasporaHub",
+        link: "https://diasporahub.ro"
+      }
+    ]
   }
 ];
diff --git a/frontend/src/utils/instruments.utils.js b/frontend/src/utils/instruments.utils.js
@@ -16,7 +16,8 @@ const remapInstrumentsData = data => {
     info: getCategoryItems(sortedData, "INFO"),
     news: getCategoryItems(sortedData, "NEWS"),
     data: getCategoryItems(sortedData, "DATA"),
-    offer_help: getCategoryItems(sortedData, "OFFER_HELP")
+    offer_help: getCategoryItems(sortedData, "OFFER_HELP"),
+    diaspora: getCategoryItems(sortedData, "DIASPORA")
   };
 };
 
@@ -25,7 +26,8 @@ const renderInstrumentItem = usefulApp => {
     NEWS: "green",
     OFFER_HELP: "red",
     DATA: "pink",
-    INFO: "yellow"
+    INFO: "yellow",
+    DIASPORA: "blue"
   };
   return (
     <InstrumentsItem