Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

other modules #2

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
"main": "index.js",
"scripts": {
"start": "http-server ./dist -c-1 -p 3000",
"scss": "node-sass -o dist/css src/scss/styles.scss",
"scss": "node-sass -o dist/css src/scss/",
"watch:data": "onchange 'src/data/*' -- npm run build:data",
"watch:config": "onchange 'src/config/*' -- npm run build:config",
"watch:html": "onchange 'src/*.html' -- npm run build:html",
@@ -18,7 +18,7 @@
"build:config": "mkdir -p dist/config/ && cp src/config/* dist/config/",
"build:html": "mkdir -p dist && cp src/*.html dist/",
"build:css": "mkdir -p dist/css && npm run scss",
"build:js": "npm run concat:js && browserify -t browserify-css dist/js/bundle.js | uglifyjs > dist/js/bundle.min.js",
"build:js": "mkdir -p dist/js && cp src/js/*.js dist/js",
"build:assets": "mkdir -p dist/assets && cp -r src/assets/ dist/assets/",
"prebuild": "rm -rf ./dist",
"build": "npm-run-all --parallel build:*",
101 changes: 101 additions & 0 deletions src/activities.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<!-- CSS only -->
<link rel="icon" href="https://www.rcce-collective.net/wp-content/uploads/2021/04/android-chrome-192x192-1.png" sizes="192x192" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.11/c3.min.css" />

<!-- scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/39e5643f1a.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.11/c3.min.js"></script>
<script src="https://d3js.org/d3.v5.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://d3-legend.susielu.com/d3-legend.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
<link href="css/styles.css" rel="stylesheet" />
<title>Community Response Hub</title>

</head>

<body>
<!-- Header & Navigation Menu -->
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigationPages">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#" value="landing">
<img src="assets/icons8-mind-map-90.png" alt="Communty Response Hub" height="30" /><strong>Community</strong> Response Hub</a>
<div class="collapse navbar-collapse" id="navigationPages">

<ul class="navbar-nav ml-md-auto">
<li class="nav-item navSite">
<a class="nav-link " href="index.html" value="landing">Home</a>
</li>
<li class="nav-item navSite">
<a class="nav-link context" href="situation.html" value="context">Situation</a>
</li>
<li class="nav-item navSite">
<a class="nav-link coordination" href="coordination.html" value="behaviors">Coordination</a>
</li>
<li class="nav-item navSite">
<a class="nav-link activities" href="activities.html" value="activities">Activities</a>
</li>
<li class="nav-item navSite">
<a class="nav-link behaviors" href="behaviors.html" value="behaviors">Behaviors</a>
</li>
<li class="nav-item navSite">
<a class="nav-link feedback" href="feedback.html">Feedbacks</a>
</li>
<li class="nav-item navSite">
<a class="nav-link reports" href="reports.html" value="reports">Reports</a>
</li>
</ul>
</div>
</nav>
</div>
</div>

<!-- Navigation to Landing page -->
<div class="row navPage" id="feedback">
<!-- <div class="menu-home">
<div class="sitebranding">
<img src="assets/icons8-mind-map-90.png" alt="Communty Response Hub" height="90" />
<h1><strong>Community</strong> Response Hub</h1>Data hub for a Community-centered Public Health Response
</div>
</div> -->
<div class="col-md-12 feedback">
<h3>Activities</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde sint porro, odio dicta autem ut voluptatum dolor fugiat minima mollitia magnam delectus nostrum expedita recusandae fuga perferendis. Tenetur, quae cumque?</p>
</div>
</div>
</div>

<!-- FOOTER -->
<div class="mt-1 pt-1 pb-1 footer">
<div class="container">
<div class="row">
<div class="col copyright">
<p class=""><small class="text-white-50">Comunity Response Hub | Mockup © 2022. Produced by the Collective Service.</small></p>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="js/bundle.js"></script>
</body>

</html>
Binary file added src/assets/icons8-mind-map-90.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
185 changes: 185 additions & 0 deletions src/behaviors.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,185 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<!-- CSS only -->
<link rel="icon" href="https://www.rcce-collective.net/wp-content/uploads/2021/04/android-chrome-192x192-1.png" sizes="192x192" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.11/c3.min.css" />
<link href="https://unpkg.com/[email protected]/dist/multiple-select.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha512-mSYUmp1HYZDFaVKK//63EcZq4iFWFjxSL+Z3T/aCt4IO9Cejm03q3NKKYN6pFQzY0SBOr8h+eCIAZHPXcpZaNw==" crossorigin="anonymous"
referrerpolicy="no-referrer" />

<!-- scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/39e5643f1a.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.11/c3.min.js"></script>
<script src="https://d3js.org/d3.v5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/multiple-select.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha512-T/tUfKSV1bihCnd+MxKD0Hm1uBBroVYBOYSk1knyvQ9VyZJpc/ALb4P0r6ubwVPSGB2GvjeoMAJJImBG12TiaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link href="css/styles.css" rel="stylesheet" />
<title>Community Response Hub</title>

</head>

<body>
<!-- Header & Navigation Menu -->
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigationPages">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#" value="landing">
<img src="assets/icons8-mind-map-90.png" alt="Communty Response Hub" height="30" /><strong>Community</strong> Response Hub</a>
<div class="collapse navbar-collapse" id="navigationPages">

<ul class="navbar-nav ml-md-auto">
<li class="nav-item navSite">
<a class="nav-link " href="index.html" value="landing">Home</a>
</li>
<li class="nav-item navSite">
<a class="nav-link context" href="situation.html" value="context">Situation</a>
</li>
<li class="nav-item navSite">
<a class="nav-link coordination" href="coordination.html" value="behaviors">Coordination</a>
</li>
<li class="nav-item navSite">
<a class="nav-link activities" href="activities.html" value="activities">Activities</a>
</li>
<li class="nav-item navSite">
<a class="nav-link behaviors" href="behaviors.html" value="behaviors">Behaviors</a>
</li>
<li class="nav-item navSite">
<a class="nav-link feedback" href="feedback.html">Feedbacks</a>
</li>
<li class="nav-item navSite">
<a class="nav-link reports" href="reports.html" value="reports">Reports</a>
</li>
</ul>
</div>
</nav>
</div>
</div>

<!-- Navigation to Landing page -->
<div class="row navPage" id="behaviors">
<div class="loader">
<div class="sp sp-circle"></div>
Loading data...
</div>
<div class="col-md-12 behaviors" id="main">
<div class="sidebar">
<div class="page-title">
<h4>Social Behaviors data</h4>
</div>
<p class="page-desc">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolores aut accusantium quibusdam, nisi vitae quod voluptatem. Harum illo, doloribus maxime asperiores, hic tempore corrupti labore cupiditate natus voluptatum in tenetur!</p>
<div class="keyfigures">
<span class="key-figure statBehaviors">
<h5 id="num">2345</h5>
<h6 id="label"># data points</h6>
</span>
<span class="key-figure statBehaviorsDate">
<h5 id="num">27/05/2022</h5>
<h6 id="label"># last updated date</h6>
</span>
</div>
<div class="definitions">
<h4>Definitions</h4>
<ul>
<li>
<h5>Dimension</h5>
<p class="page-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor provident animi voluptatibus, velit vitae quisquam culpa</p>
</li>
<li>
<h5>Indicator</h5>
<p class="page-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor provident animi voluptatibus, velit vitae quisquam culpa</p>
</li>
<li>
<h5>Subvariable</h5>
<p class="page-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor provident animi voluptatibus, velit vitae quisquam culpa</p>
</li>
</ul>
</div>
<div>
<h4>Methodology</h4>
<p class="page-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt vitae facere dicta atque aperiam nulla obcaecati quas, fugiat qui sapiente suscipit sunt consequuntur blanditiis voluptate non asperiores molestias fugit necessitatibus.</p>
</div>
</div>
<div class="panel">
<div class="navbarr">
<ul class="nav nav-tabs submenu">
<li class="nav-item navBehaviors">
<a class="nav-link active" href="#" value="home">Overall</a>
</li>
<li class="nav-item navBehaviors">
<a class="nav-link " href="#" value="analysis">Analysis</a>
</li>
<li class="nav-item navBehaviors">
<a class="nav-link" href="#" value="metadata">Metadata</a>
</li>
</ul>
</div>

<!-- Overall -->
<div class="navigation" id="home">
<div class="panel-title">Overview</div>
<div class="behaviorsFilters">
<span class="indicatorSelect">
<select name="indicators" id="indicators"></select>
</span>
<span class="dimensionSelect">
<select name="dimension" id="dimensions"></select>
</span>
<!-- <span class="datepickers">
<div class="input-group input-daterange">
<input type="text" class="form-control" value="2012-04-05">
<div class="input-group-addon">to</div>
<input type="text" class="form-control" value="2012-04-19">
</div>
</span> -->
</div>
<div class="datatableBehaviors">
<table id="datatableBehaviors" class="row-border" style="width:100%">
<thead></thead>
</table>
</div>
</div>

<!-- Analysis -->
<div class="navigation hidden" id="analysis">
<div class="panel-title">Analysis</div>
</div>

<!-- Metadata -->
<div class="navigation hidden" id="metadata">
<div class="panel-title">Metadata</div>
</div>
</div>
</div>
</div>
</div>

<!-- FOOTER -->
<div class="mt-1 pt-1 pb-1 footer">
<div class="container">
<div class="row">
<div class="col copyright">
<p class=""><small class="text-white-50">Comunity Response Hub | Mockup © 2022. Produced by the Collective Service.</small></p>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="js/behaviors.js"></script>
</body>

</html>
72 changes: 60 additions & 12 deletions src/config/config.json
Original file line number Diff line number Diff line change
@@ -1,18 +1,66 @@
{
"Framework": {
"Emergency": "CADRE DE CODAGE",
"Type": "TYPE DE RETOUR D'INFORMATION",
"Type_short": "",
"Category": "CATEGORY",
"Category_short": "",
"Code": "CODE",
"Code_short": "",
"Gender": "SEXE",
"Population": "TRANCHE D'AGE",
"Channel": "CANAL DE COMMUNICATION"
"Feedback": {
"Framework": {
"Org": "Source/Organisation CREC",
"Emergency": "Disease",
"Type": "Type",
"Types": {
"rumours": "Rumors beliefs observations",
"suggestions": "Suggestion request",
"questions": "Question"
},
"Type_short": "",
"Category": "Category",
"Category_short": "",
"Code": "Mot_cle",
"Topic": "Theme",
"Code_short": "",
"Gender": "Groupes Specific",
"Population": "Tranches age",
"Channel": "CANAL DE COMMUNICATION",
"Date": "Date AAAA-MM-JJ",
"DateFormat": "YYYY-MM-DD",
"Aggregation": "Nbre",
"Adm1": "Zone_sante",
"Adm2": "Aire_sante"
}
},
"Map": {
"Admin2": "ZONE DE SANTE",
"Admin2": "Zone de Sante",
"Admin2_code": "AdmCode"
},
"Reports": {
"Tags": ["Tag1", "Tag2", "Tag3", "Tag4"],
"TagColumn": "Keywords"
},
"Behaviors": {
"Date": "indicator_date",
"Indicator": "indicator_name",
"Dimension": "dimension",
"TableHeaders": ["subvariable", "dimension", "indicator_name", "indicator_matching", "indicator_date", "indicator_value"],
"TableHeadersCleaned": ["Subvariable", "Dimension", "Indicator", "Match", "Date", "Value"]
},
"Context": {
"Framework": {
"Id": "Lead Id",
"Dimension": "Context - Dimension",
"Type_outbreak": "Outbreak - Dimension",
"Type_outbreak_subdim": "Outbreak - Subdimension",
"Subdimension": "Context - Subdimension",
"Impact": ["Health and social consequences", "Interventions to control the outbreak/emergency", "Spread of the outbreak/emergency"],
"Health": "Health and social consequences",
"Interventions": "Interventions to control the outbreak/emergency",
"Outbreak": "Spread of the outbreak/emergency",
"ImpactDictionay": {
"Health": ["Decrease", "Neutral", "Increase"],
"Interventions": ["Hinder", "Neutral", "Enable"],
"Outbreak": ["Discourage", "Neutral", "Facilitate"]
},
"TableHeadersCleaned": ["Contextual element", "Factor", "Health & social consequences", "Interventions to control the outbreak/emergency", "Spread of the outbreak/emergency", "Link"],
"TableHeaders": ["Lead Id", "Modified Excerpt", "Context - Subdimension", "Health and social consequences", "Interventions to control the outbreak/emergency", "Spread of the outbreak/emergency", "Lead URL"],
"Admin2": "District",
"Population": "Population",
"Link": "Lead URL"
}
}
}
Loading