Skip to content

Commit

Permalink
Merge pull request #27 from openearth/vizz-redesign-2023
Browse files Browse the repository at this point in the history 
Vizz redesign 2023
  • Loading branch information
@luisrodriguezgalvez
luisrodriguezgalvez committed Sep 29, 2023
2 parents 6fe7e4c + 4df2376 commit 249dd14
Show file tree
Hide file tree
Showing 29 changed files with 361 additions and 95 deletions.
14 changes: 12 additions & 2 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<v-app>
<app-header />
<app-sidebar @toggle-about="togglePanel('about')" />
<!-- <app-header /> -->
<app-sidebar @toggle-about="togglePanel('about')" :style="sidebarStyle" />
<v-main>
<router-view />
<about-panel
Expand All @@ -19,6 +19,7 @@
import AppSidebar from './components/AppSidebar'
import LegalDialog from './components/LegalDialog'
import { mapActions } from 'vuex'
import { mapGetters } from 'vuex'
export default {
Expand All @@ -44,6 +45,15 @@
},
mounted() {
this.loadDatasets()
},
computed: {
...mapGetters(['showLayersCard']),
sidebarStyle() {
return {
borderRadius: this.showLayersCard ? '28px 0px 0px 28px' : '28px 28px 28px 28px'
}
}
}
};
</script>
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/cbca_benefit.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameLocation":"center",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand All @@ -55,7 +55,7 @@ export default {
"nameLocation":"center",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/cbca_cbr.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameLocation":"center",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand All @@ -55,7 +55,7 @@ export default {
"nameLocation":"center",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/cfr_ead.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default {
"nameGap":30,
"name":"Time [years]",
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand All @@ -77,7 +77,7 @@ export default {
"name":"Annual damage [1e12 euro]",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/cfr_ead_gdp.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default {
"nameGap":30,
"name":"Time [years]",
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand All @@ -77,7 +77,7 @@ export default {
"name":"Annual damage [% of GDP]",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/cfr_eapa.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default {
"nameGap":30,
"name":"Time [years]",
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand All @@ -77,7 +77,7 @@ export default {
"name":"People affected [1e3]",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/default.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameGap":20,
"name":"-",
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand All @@ -53,7 +53,7 @@ export default {
"name":"-",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/eesl.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameLocation":"center",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand All @@ -55,7 +55,7 @@ export default {
"nameLocation":"middle",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/eesl_eewl.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameLocation":"center",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand All @@ -55,7 +55,7 @@ export default {
"nameLocation":"middle",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/eesl_esl.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameLocation":"center",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand All @@ -55,7 +55,7 @@ export default {
"nameLocation":"middle",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/sc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default {
"nameGap":30,
"name":"Time [years]",
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand All @@ -77,7 +77,7 @@ export default {
"name":"Shoreline change [m]",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/ssl.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export default {
"nameLocation":"center",
"nameGap":30,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand All @@ -55,7 +55,7 @@ export default {
"nameLocation":"middle",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
},
Expand Down
4 changes: 2 additions & 2 deletions src/assets/echart-templates/wef.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default {
"nameGap":30,
"name":"Time [years]",
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand All @@ -77,7 +77,7 @@ export default {
"name":"Wave energy flux [MW/m]",
"nameGap":45,
"nameTextStyle":{
"color":"white",
"color":"black",
"fontSize":14,
"fontFamily":"Helvetica"
}
Expand Down
10 changes: 10 additions & 0 deletions src/assets/icons/icon-coclico-full.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/assets/icons/themes/icon-All Datasets.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/icons/themes/icon-Exposure & Vulnerability.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/assets/icons/themes/icon-More.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/icons/themes/icon-Natural Hazards.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/icons/themes/icon-Risk & Adaptation.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/icons/themes/icon-Sea Levels.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/icons/themes/icon-Search.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 249dd14

Please sign in to comment.