From ee225b37d8efa681e8b8e145b587489bc6c911e8 Mon Sep 17 00:00:00 2001 From: martintomas Date: Wed, 27 Sep 2023 18:09:52 +0200 Subject: [PATCH] feat: ASCOR layer --- app/assets/images/tpi/ascor/circles_1.svg | 15 ++ app/assets/images/tpi/ascor/circles_2.svg | 15 ++ app/assets/images/tpi/ascor/logo.png | Bin 0 -> 3582 bytes .../stylesheets/tpi/_nested-dropdown.scss | 9 ++ app/assets/stylesheets/tpi/_variables.scss | 1 + app/assets/stylesheets/tpi/pages/ascor.scss | 128 ++++++++++++++---- .../components/tpi/RemoteDropdown.js | 2 +- app/views/layouts/tpi/_banner.html.erb | 21 +-- app/views/layouts/tpi/_hosted_by.html.erb | 20 +++ app/views/tpi/ascor/index.html.erb | 11 +- app/views/tpi/ascor/show.html.erb | 9 +- 11 files changed, 176 insertions(+), 55 deletions(-) create mode 100644 app/assets/images/tpi/ascor/circles_1.svg create mode 100644 app/assets/images/tpi/ascor/circles_2.svg create mode 100644 app/assets/images/tpi/ascor/logo.png create mode 100644 app/views/layouts/tpi/_hosted_by.html.erb diff --git a/app/assets/images/tpi/ascor/circles_1.svg b/app/assets/images/tpi/ascor/circles_1.svg new file mode 100644 index 000000000..47899dcd6 --- /dev/null +++ b/app/assets/images/tpi/ascor/circles_1.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/app/assets/images/tpi/ascor/circles_2.svg b/app/assets/images/tpi/ascor/circles_2.svg new file mode 100644 index 000000000..8b63c8694 --- /dev/null +++ b/app/assets/images/tpi/ascor/circles_2.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/app/assets/images/tpi/ascor/logo.png b/app/assets/images/tpi/ascor/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..c3b8f8a6a37bfda992d8c21fc02df9a7c8c9ab2e GIT binary patch literal 3582 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 diff --git a/app/views/layouts/tpi/_banner.html.erb b/app/views/layouts/tpi/_banner.html.erb index 6d60362ab..53b57fe2d 100644 --- a/app/views/layouts/tpi/_banner.html.erb +++ b/app/views/layouts/tpi/_banner.html.erb @@ -10,26 +10,7 @@ /> <% end %> -
-

Hosted by:

- -
- - The London School of Economics and Political Sciences - - - Grantham Research Institute on Climate Change and the Environment - -
-
+ <%= content_for?(:hosted_by) ? content_for(:hosted_by) : render('layouts/tpi/hosted_by') %> diff --git a/app/views/layouts/tpi/_hosted_by.html.erb b/app/views/layouts/tpi/_hosted_by.html.erb new file mode 100644 index 000000000..404c1b97b --- /dev/null +++ b/app/views/layouts/tpi/_hosted_by.html.erb @@ -0,0 +1,20 @@ +
+

Hosted by:

+ +
+ + The London School of Economics and Political Sciences + + + Grantham Research Institute on Climate Change and the Environment + +
+
\ No newline at end of file diff --git a/app/views/tpi/ascor/index.html.erb b/app/views/tpi/ascor/index.html.erb index 82e0e77c4..53b9b4113 100644 --- a/app/views/tpi/ascor/index.html.erb +++ b/app/views/tpi/ascor/index.html.erb @@ -1,19 +1,24 @@ <% content_for :page_title, "ASCOR Tool - Transition Pathway Initiative" %> +<% content_for :hosted_by do %><% end %>
+
+
+
+ <%= react_component("BankDropdown", { banks: @countries_json, selectedOption: 'All countries' }) %>
-
+
<% if @methodology_publication.present? %> - + arrow down Methodology <% end %> - + arrow down Publications diff --git a/app/views/tpi/ascor/show.html.erb b/app/views/tpi/ascor/show.html.erb index a8363eb3b..91eea6f8a 100644 --- a/app/views/tpi/ascor/show.html.erb +++ b/app/views/tpi/ascor/show.html.erb @@ -1,11 +1,16 @@ <% content_for :page_title, "#{@country.name} - Transition Pathway Initiative" %> +<% content_for :hosted_by do %><% end %>
+
+
+
+ <%= react_component("BankDropdown", { banks: @countries_json, selectedOption: 'All countries' }) %> -
+
Assessment Date: @@ -14,7 +19,7 @@ <%= react_component('RemoteDropdown', { name: 'assessment_id', remote: true, - theme: 'blue', + theme: 'ascor', url: tpi_ascor_path(@country), data: @country.assessments.map {|v| {label: v['assessment_date']&.strftime('%d %B %Y'), value: v['id']}}, selected: params[:assessment_id]