Clean of the project, favicon, demo page

The process part is removed from the project to be stored in another git project. Add the title in the csv so in order to have a clean object all the data is now stored in the data attributes so all the display needed to be updated
ReliefApplications · Sep 5, 2018 · 7bb6812 · 7bb6812
1 parent 4e450a7
commit 7bb6812
Show file tree

Hide file tree

Showing 39 changed files with 792 additions and 757 deletions.
diff --git a/README.old.md b/README.old.md
@@ -1,2 +1,4 @@
 # hot-dashboard
-# Victory doc : https://formidable.com/open-source/victory/docs/victory-chart/
+# Victory doc : https://formidable.com/open-source/victory/docs/victory-chart/
+
+<!-- N'oubliez pas d'importer tous les éléments de victory ! 
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -3,13 +3,16 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
     <!--
       manifest.json provides metadata used when your web Home is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-Home-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-16x16.png" sizes="16x16">
+    <link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="theme-color" content="#ffffff">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,15 +1,20 @@
 {
-  "short_name": "React Home",
-  "name": "Create React Home Sample",
+  "short_name": "HOT",
+  "name": "HOT Dashboard",
   "icons": [
     {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
     }
   ],
   "start_url": "./index.html",
   "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#ffffff",
   "background_color": "#ffffff"
 }
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/src/core/api/Project.js → ...ponents/content/demo/AwarenessContent.css b/src/core/api/Project.js → ...ponents/content/demo/AwarenessContent.css
diff --git a/src/components/content/demo/AwarenessContent.js b/src/components/content/demo/AwarenessContent.js
@@ -0,0 +1,42 @@
+/** Natives **/
+import React, { Component } from 'react';
+
+/** Material UI **/
+import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
+import Grid from '@material-ui/core/Grid';
+
+/** Styles **/
+const GlobalTheme = createMuiTheme({
+  typography: {
+    fontSize   :  18,
+    fontFamily : "'Barlow Condensed', sans-serif"
+  },
+  palette: {
+    primary: {
+      main : '#D73F3F',
+    }
+  },
+});
+
+class CapacityBuildingContent extends Component {
+  render() {
+
+    return (
+        // The padding prevent the page to be too wide because of the option spacing
+        <div style={{ padding: 12 }}>
+          {this.props.importedData &&
+          (<MuiThemeProvider theme={GlobalTheme}>
+            <Grid container spacing={24} className="content-row">  {/* Spacing = space between cards */}
+              {/* First row */}
+              <Grid item xs={12} sm={6} md={3}>
+              </Grid>
+            </Grid>
+
+          </MuiThemeProvider>
+          )}
+        </div>
+    );
+  }
+}
+
+export default CapacityBuildingContent;
diff --git a/src/components/content/demo/CapacityBuildingContent.css b/src/components/content/demo/CapacityBuildingContent.css
@@ -0,0 +1,53 @@
+@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed');
+
+/*------------------------------------------------------------------------//
+//------------------------------- Content --------------------------------//
+//------------------------------------------------------------------------*/
+/** General contents div **/
+.content-row {
+  display      : flex;
+  text-align   : center;
+  justify-content: space-between;
+  padding      : 0 !important;
+}
+
+/** Grid contents div **/
+.grid-item {
+  padding      : 0 !important;
+}
+
+
+/*------------------------------------------------------------------------//
+//------------------------------- Widgets --------------------------------//
+//------------------------------------------------------------------------*/
+/** External widgets **/
+.widget-container {
+  display       : flex;
+  height: 365px;
+  margin: 40px 20px 0px;
+}
+.widget-text{
+  display         : flex;
+  flex-direction  : column;
+  justify-content : center;
+  text-align      : center;
+  margin          : 0 auto;
+  padding         : 16px 10px 10px;
+}
+/** 'Mapped elements' div **/
+.widget-mappedElements-text{
+  display         : flex;
+  flex-direction  : row;
+  justify-content : space-evenly;
+  width           : 100%;
+  margin-top      : 10px;
+}
+.widget-mappedElements-text-item-green{
+  padding          : 10px;
+  background-color : #D73F3F;
+  color            : white;
+}
+.widget-mappedElements-text-item-grey{
+  padding          : 10px;
+  background-color : #E1E0E0;
+}
diff --git a/src/components/content/demo/CapacityBuildingContent.js b/src/components/content/demo/CapacityBuildingContent.js
@@ -0,0 +1,47 @@
+/** Natives **/
+import React, { Component } from 'react';
+
+/** CSS **/
+import './CapacityBuildingContent.css';
+
+/** Logos **/
+
+/** Material UI **/
+import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
+import Grid           from '@material-ui/core/Grid';
+
+/** Components **/
+
+/** Plugins **/
+
+/** Themes **/
+const GlobalTheme = createMuiTheme({
+  typography: {
+    fontSize   :  18,
+    fontFamily : "'Barlow Condensed', sans-serif"
+  },
+});
+
+
+class CapacityBuildingContent extends Component {
+  //------------------------------------------------------------------------//
+  //-------------------------------- Render --------------------------------//
+  //------------------------------------------------------------------------//
+
+  render() {
+    return (
+        // The padding prevent the page to be too wide because of the option spacing
+        <div style={{ padding: 12 }}>
+          {this.props.importedData.global.capacitybuilding &&
+          (<MuiThemeProvider theme={GlobalTheme}>
+            <Grid container spacing={24} className="content-row">  {/* Spacing = space between cards */}
+
+            </Grid>
+          </MuiThemeProvider>
+          )}
+        </div>
+    );
+  }
+}
+
+export default CapacityBuildingContent;
diff --git a/src/components/content/demo/MainContent.css b/src/components/content/demo/MainContent.css
@@ -0,0 +1,47 @@
+@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed');
+
+/*------------------------------------------------------------------------//
+//------------------------------- Content --------------------------------//
+//------------------------------------------------------------------------*/
+/** General contents div **/
+.content-row {
+  display      : flex;
+  text-align   : center;
+  justify-content: space-between;
+  padding      : 0 !important;
+}
+
+/*------------------------------------------------------------------------//
+//------------------------------- Widgets --------------------------------//
+//------------------------------------------------------------------------*/
+/** External widgets **/
+.widget-container {
+  display       : flex;
+  height: 365px;
+  margin: 40px 20px 0px;
+}
+.widget-text{
+  display         : flex;
+  flex-direction  : column;
+  justify-content : center;
+  text-align      : center;
+  margin          : 0 auto;
+  padding         : 16px 10px 10px;
+}
+/** 'Mapped elements' div **/
+.widget-mappedElements-text{
+  display         : flex;
+  flex-direction  : row;
+  justify-content : space-evenly;
+  width           : 100%;
+  margin-top      : 10px;
+}
+.widget-mappedElements-text-item-green{
+  padding          : 10px;
+  background-color : #D73F3F;
+  color            : white;
+}
+.widget-mappedElements-text-item-grey{
+  padding          : 10px;
+  background-color : #E1E0E0;
+}