Skip to content

Commit

Permalink
Merge pull request #62 from heidieh/master
Browse files Browse the repository at this point in the history 
Included Aires de Sante for Sud Kivu
  • Loading branch information
@heidieh
heidieh authored Aug 23, 2017
2 parents 9b87be3 + 460d706 commit 9a95f55
Show file tree
Hide file tree
Showing 14 changed files with 510 additions and 390 deletions.
35 changes: 30 additions & 5 deletions cfg_eru-sudkivu/dev/dev-defined.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ g.new_layout = true;

//Combinations of map unit/geometry buttons that are not compatible
// (i.e. one from g.module_colorscale.mapunitlist, one from g.geometry_keylist)
//g.dev_defined.incompatible_buttons = [];
g.dev_defined.incompatible_buttons = [];

//OPTIONAL FOR IF WE WANT SOMETHING DIFFERENT TO DEFAULT DEFINED IN module-chartwarper.js - i.e. names of containers for swapping between them
if(!g.module_chartwarper){
Expand Down Expand Up @@ -265,7 +265,7 @@ if(!g.module_datacheck){
g.module_datacheck.definition_value = {
epiwk: {test_type: 'epiwk', setup: 'none'}, // Epidemiological week: format YYYY-WW
admN1: {test_type: 'ingeometry', setup: 'none'}, // Name of division level N1
admN2: {test_type: 'none', setup: 'none'}, // No geom file yet
admN2: {test_type: 'none', setup: 'none'},
pop: {test_type: 'integer', setup: 'none'}, // Population of adm
case: {test_type: 'integer', setup: 'none'},
death: {test_type: 'integer', setup: 'none'},
Expand Down Expand Up @@ -297,6 +297,7 @@ g.module_datacheck.definition_record = [
{key: g.medical_headerlist.epiwk, isnumber: false}, // 'true' key as in data file
{key: g.medical_headerlist.disease, isnumber: false}, // 'true' key as in data file
{key: g.medical_headerlist.admN1, isnumber: false}, // 'true' key as in data file
{key: g.medical_headerlist.admN2, isnumber: false}, // 'true' key as in data file

];

Expand Down Expand Up @@ -401,6 +402,31 @@ function main_loadfiles_readcharts(){ //re-loads variables that may require
buttons_list: ['reset','help','expand','lockcolor','parameters'],

},

aires: { domain_builder: 'none',
domain_parameter: 'none',

instance_builder: 'row',

dimension_builder: 'normalize',
dimension_parameter: {column: 'admN2',
shared: false,
namespace: 'none'},

group_builder: 'count',
group_parameter: { column: 'none'},

display_axis: {x:g.module_lang.text[g.module_lang.current].chart_aires_labelx,
y:g.module_lang.text[g.module_lang.current].chart_aires_labely},

display_colors: [2],

display_intro_position: 'left',
display_title: true,
buttons_list: ['help'],

},

disease: { domain_builder: 'none',
domain_parameter: 'none',

Expand Down Expand Up @@ -641,8 +667,7 @@ g.viz_locations = 'multiadm';
* @type {String}
* @alias module:g.viz_parent_layer
*/
g.viz_layer_pos = {admN1: '0', // 0 = top layer
};
g.viz_layer_pos = {admN1: '0'}; // 0 = top layer


if(!g.module_intro){
Expand All @@ -651,7 +676,7 @@ if(!g.module_intro){
//g.dev_defined.intro_order = [];
//Define order of all intro topics, can either be charts (defined by name given above) or divs (defined in index.html)
//For and div intros, need to also define intro_position
g.module_intro.intro_order = ['intro', 'menu', 'multiadm', 'disease', 'container_ser_lin', 'case_ser', 'case_lin', 'ser_range', 'year', 'table'];
g.module_intro.intro_order = ['intro', 'menu', 'multiadm', 'aires', 'disease', 'container_ser_lin', 'case_ser', 'case_lin', 'ser_range', 'year', 'table'];
g.module_intro.intro_position = [{container: 'container_ser_lin',
position: 'top'
}];
Expand Down
12 changes: 9 additions & 3 deletions cfg_eru-sudkivu/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,13 +61,19 @@

<!-- Maps -->
<div class="row">
<div class="col-md-9">
<div class="col-md-8">
<div id="chart-multiadm" class = "row"></div>
</div>


<!-- Other Graphs -->
<div class="col-md-3" id="disease_div">
<!-- Other Graphs -->
<div class="col-md-2" id="aires_div">
<div id="buttons-aires" class="viz"></div>
<div id="chart-aires" class="viz">
<p style="margin-top: 10px; margin-bottom: 5px;"><span id="chart_aires_title"></span></p>
</div>
</div>
<div class="col-md-2" id="disease_div">
<div id="buttons-disease" class="viz"></div>
<div id="chart-disease" class="viz">
<p style="margin-top: 10px; margin-bottom: 5px;"><span id="chart_disease_title"></span></p>
Expand Down
Binary file removed cfg_eru-sudkivu/input/eru_surveillance-legere_data-sudkivu_v0.5.xlsx
View file
Binary file not shown.
Binary file added cfg_eru-sudkivu/input/eru_surveillance-sudkivu_test-data_avec-aires.xlsx
View file
Binary file not shown.
15 changes: 13 additions & 2 deletions cfg_eru-sudkivu/lang/module-lang.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,6 +118,9 @@ g.module_lang.text.fra = {
loadfiles_selected: ['Le fichier actuellement sélectionné contient','enregistrements.'],
loadfiles_load: 'Charger le Dashboard',

chart_aires_title: 'Aires de Santé',
chart_aires_labelx: 'Nombre de Signalements',
chart_aires_labely: 'Aires',
chart_disease_title: 'Pathologies',
chart_disease_labelx: 'Nombre de Signalements',
chart_disease_labely: 'Pathologies',
Expand All @@ -127,7 +130,6 @@ g.module_lang.text.fra = {
chart_case_lin_imr_title: 'Taux d\'incidence & mortalité',
chart_case_ser_comp_title: 'Cas & Décès - Fréquence de transmission',
chart_case_lin_comp_title: 'Cas & Décès - Fréquence de transmission',

chart_case_labelx: 'Semaine Epi',
chart_case_labely: 'Cas',
chart_death_labelx: 'Semaine Epi',
Expand All @@ -141,7 +143,8 @@ g.module_lang.text.fra = {
chart_fyo_labelo: 'Plus de 5 ans',
chart_fyo_labela: 'Tous Ages',
chart_multiadm_title: 'Emplacements',
chart_ser_range_title: 'Semaine Epi',
chart_ser_range_title: 'Semaine Epi',
chart_nospec_label: 'Aucune spécifiée',

epiweek_all: 'Toutes',
epiweek_none: 'Aucune',
Expand Down Expand Up @@ -266,6 +269,8 @@ g.module_lang.text.fra = {

intro_multiadm: '<div style="font: 14px sans-serif;"><h4><b>La Carte</b></h4><p><b> Statistiques</b><br/>La carte représente les statistiques suivantes : nombre de cas, nombre de décès, taux d\’incidence, taux de mortalité et fréquence de transmission (i.e. la fréquence à laquelle les rapports sont faits). L\’élément statistique à visualiser peut être choisi en cliquant sur le bouton correspondant au-dessus de la carte.</p><p><b>Niveaux divisionels</b><br/>Les données peuvent être visualiser selon un niveaux divisionel seulement: le <i>Zone de Santé.</i></p><p><b>Filtrer par aire géographique</b><br/>Sélectionner une aire géographique spécifique sur la carte permet d\’afficher les données correspondantes à cette aire. Plusieurs aires géographiques peuvent être sélectionnées simultanément. Pour désélectionner une aire, cliquez une deuxième fois sur l\’aire concernée ou sur le bouton « ↻ » pour tout réinitialiser simultanément.</p><p><b>Zoomer sur une aire géographique</b><br/>Vous pouvez vous rendre directement sur une aire spécifique en utilisant la liste de sélection <i>Zoom rapide</i> (au-dessus à droite de la carte). Vous pouvez également parcourir la carte en utilisant les boutons de zoom (+/-) ainsi que la souris (clic maintenu pour bouger la carte).</p><p><b>Autres boutons:</b><ul style="padding-left: 22px; "><li style="margin-bottom: 5px; ">cliquer "<span class="ft">⬙</span>" permet d\'ajuster l\'échelle de couleurs au jeu de données actuel (si le mode <i>auto</i> n\'est pas déjà activé)</li><li style="margin-bottom: 5px; ">cliquer "<span class="ft">⚙</span>" permet d\'accéder à plus d\'options pour paramétrer la carte</li><li style="margin-bottom: 5px; ">cliquer "<span class="ft">◰</span>" permet d\'agrandir/réduire la carte</li></p></div>',

intro_aires: "<div style='font: 14px sans-serif;'><h4><b>Graphique des Aires de Santé</b></h4><p>Ce graphique indique toutes les Aires de Santé représentées. Il indique combien de fois chaque Aire de Santé a été rapportée (i.e. +1 par pathologie et par semaine là où il y a eu au moins un nouveau cas rapporté).</p><p>Pour sélectionner les données par rapport à une Aire de Santé spécifique, cliquez sur la barre de l'Aire désirée. Désélectionnez en cliquant sur la même Aire une deuxième fois ou en sélectionnant une nouvelle Aire.</p></div>",

intro_disease: "<div style='font: 14px sans-serif;'><h4><b>Graphique des pathologies</b></h4><p>Ce graphique indique toutes les pathologies représentées. Il indique combien de fois chaque pathologies a été rapportée (i.e. +1 par région et par semaine là où il y a eu au moins un nouveau cas rapporté).</p><p>Pour sélectionner les données par rapport à une pathologie spécifique, cliquez sur la barre de la pathologie désirée. Désélectionnez en cliquant sur la même pathologie une deuxième fois ou en sélectionnant une nouvelle pathologie.</p></div>",

intro_container_ser_lin: "<div style='font: 14px sans-serif;'><h4><b>Graphiques des semaines épi</b></h4><p>Selon le bouton sélectionné au-dessus de la carte, les graphiques de cette section représenteront soit le <i>nombre de cas et de décès</i>, soit le <i>taux d’incidence et de mortalité</i>, pour une semaine épi donnée. Ils peuvent être visualisés par <i>toutes les semaines</i> ou par <i>année</i> selon le bouton sélectionné au-dessus de la carte. Survolez avec la souris un point spécifique sur le graphique et les valeurs associées apparaitront au niveau du point sélectionné. </p><p>Le graphique de sélection de semaines épi (voir ci-dessous) permet de sélectionner plusieurs semaines épi selon ces besoins.</p><p>L’aide suivante permet une description plus précise de ces graphiques.</p></div>",
Expand All @@ -292,6 +297,9 @@ g.module_lang.text.eng = {
loadfiles_selected: ['The file currently selected counts','records.'],
loadfiles_load: 'Load the Dashboard',

chart_aires_title: 'Health Units',
chart_aires_labelx: 'Times Reported',
chart_aires_labely: 'Health Units',
chart_disease_title: 'Diseases',
chart_disease_labelx: 'Times Reported',
chart_disease_labely: 'Diseases',
Expand All @@ -315,6 +323,7 @@ g.module_lang.text.eng = {
chart_fyo_labela: 'All Ages',
chart_multiadm_title: 'Locations',
chart_ser_range_title: 'Epiweeks',
chart_nospec_label: 'None specified',

epiweek_all: 'All',
epiweek_none: 'None',
Expand Down Expand Up @@ -440,6 +449,8 @@ g.module_lang.text.eng = {

intro_multiadm: '<div style="font: 14px sans-serif;"><h4><b>The Map</b></h4><p><b>Statistics</b><br/>The map displays one of the following statistics: Cases, Deaths, Incidence Rate, Mortality Rate, and Completeness (the frequency of reports made). The statistic displayed can be selected using the buttons above the map.</p><p><b>Divisional Level</b><br/>Data can only be viewed by <i>Chiefdom</i> in the current dashboard.</p><p><b>Filter by area</b><br/>Selecting an area on the map filters all data in the dashboard to that area. Multiple areas can be selected. To <i>de-</i>select areas, either click a selected area a second time, or click the "↻" button to de-select all areas simultaneously.</p><p><b>Zoom to an area</b><br/>You can zoom directly to a specific Chiefdom using the <i>Quick zoom</i> drop-down menu. You can also navigate the map using the zoom buttons (+/-) and by panning with your mouse.</p><p><b>Other optional buttons:</b><ul style="padding-left: 22px;"><li style="margin-bottom: 5px;">click "<span class="ft">⬙</span>" to adjust the colorscale limit values for the current dataset (if it is not already in <i>auto</i> mode)</li><li style="margin-bottom: 5px;">click "<span class="ft">⚙</span>" to access more optional map parameters (such as the colorscale type and the interval calculation mode)</li><li style="margin-bottom: 5px;">click "<span class="ft">◰</span>" to enlarge or reduce the size of the map window</li></p></div>',

intro_aires: "<div style='font: 14px sans-serif;'><h4><b>Health Units Chart</b></h4><p>This chart displays all Health Units reported in the data. It measures the number of times each Health Unit reported (i.e. +1 per disease and per week, where there was at least 1 case reported).</p><p>To filter all dashboard data to a specific Health Unit, select it by clicking on its bar. <i>De-</i>select it by either clicking it a second time, or by selecting a different Health Unit.</p></div>",

intro_disease: "<div style='font: 14px sans-serif;'><h4><b>Disease Chart</b></h4><p>This chart displays all diseases reported in the data. It measures the number of times each disease was reported (i.e. +1 per area and per week, where there was at least 1 case reported).</p><p>To filter all dashboard data to a specific disease, select it by clicking on its bar. <i>De-</i>select it by either clicking it a second time, or by selecting a different disease.</p></div>",

intro_container_ser_lin: "<div style='font: 14px sans-serif;'><h4><b>Epiweek Charts</b></h4><p>The charts in this section show either the number of <i>Cases & Deaths</i> or the <i>Incidence & Mortality rates</i> per epiweek, as selected in the buttons above the map. They can be viewed either across <i>all weeks</i> or <i>by year</i>, which can be alternated using the buttons at the top. Hovering over a data point in a chart displays its value as a pop-up.</p><p>The Epiweek Range Chart (below) can be used to select a range of epiweeks as desired.</p><p>The following Help sections describe these charts in more detail.</p></div>",
Expand Down
5 changes: 5 additions & 0 deletions src_core/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,8 @@ html, body {
margin-bottom: 10px;
}

#aires_div {
margin-top: 80px;
margin-bottom: 10px;
}

Loading

0 comments on commit 9a95f55

Please sign in to comment.