Skip to content

Redesign: processes assemblies metadata content blocks#10637

Merged
ferblape merged 39 commits intofeature/redesignfrom
feature/redesign-processes-assemblies-details-page
Jun 26, 2023
Merged

Redesign: processes assemblies metadata content blocks#10637
ferblape merged 39 commits intofeature/redesignfrom
feature/redesign-processes-assemblies-details-page

Conversation

@entantoencuanto
Copy link
Copy Markdown
Contributor

@entantoencuanto entantoencuanto commented Mar 27, 2023

🎩 What? Why?

This PR:

  • Implements the metadata content blocks on participatory processes and assemblies
  • Renames old metadata content blocks
  • Includes full description in main data content block
  • Add some tests to check the pages

📌 Related Issues

Link your PR to an issue

Testing

Visit a participatory process or assembly with the main data content block enable and click on "More info" link behind the short description

Example of metadata content block in assembly: https://decidim-redesign.populate.tools/assemblies/eix-comunitat
Example of metadata content block in participatory process: https://decidim-redesign.populate.tools/processes/Decidim4Dummies

📷 Screenshots

Please add screenshots of the changes you are proposing
Description

♥️ Thank you!

@entantoencuanto entantoencuanto added the project: redesign Barcelona City Council contract label Mar 27, 2023
@entantoencuanto entantoencuanto changed the title Feature/redesign processes assemblies details page Feature/redesign processes assemblies about page Mar 27, 2023
@entantoencuanto entantoencuanto force-pushed the feature/redesign-processes-assemblies-details-page branch from 5449363 to c4bd48e Compare May 10, 2023 12:56
@entantoencuanto entantoencuanto marked this pull request as ready for review May 10, 2023 15:36
@furilo furilo requested a review from a team May 11, 2023 07:59
Copy link
Copy Markdown
Member

@carolromero carolromero left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @entantoencuanto, here's some feedback on this:

  • Include the "Short Description" field in the About page. It is usually not very long and no context is lost.
  • On mobile, the metadata should be displayed at the end and not at the beginning.

Note: There are some issues related to navigation and the breadcrumb menu but we'll discuss them in another issue focused on the menu behavior.

@furilo
Copy link
Copy Markdown
Contributor

furilo commented May 17, 2023

As we talked yesterday in the Product meeting, we are going to show all the content of the about in the current main block. So @entantoencuanto maybe you can

  • remove the /about page
  • include the about content in the existing about block and then @Crashillo can add the gradient-reveal code.

@furilo
Copy link
Copy Markdown
Contributor

furilo commented May 17, 2023

I'm realizing that the behaviour was already present in Assemblies... https://meta.decidim.org/assemblies/eix-comunitat?locale=es

@entantoencuanto entantoencuanto force-pushed the feature/redesign-processes-assemblies-details-page branch from c403538 to 8845067 Compare May 18, 2023 15:28
…blies-details-page

* feature/redesign:
  Redesign: progress bar (#10638)
  Redesign: meeting cards (#10722)
  Redesign: pending login (#10699)
@entantoencuanto entantoencuanto force-pushed the feature/redesign-processes-assemblies-details-page branch from 30a9534 to 93e8d24 Compare May 18, 2023 18:27
@entantoencuanto entantoencuanto force-pushed the feature/redesign-processes-assemblies-details-page branch from 3ce2b48 to 91a840c Compare June 2, 2023 19:49
@entantoencuanto
Copy link
Copy Markdown
Contributor Author

entantoencuanto commented Jun 2, 2023

Hi, @carolromero, we have included most of the indicated changes:

  • The announcement is now a content block which can be included or not
  • I've split the metadata content block of assemblies in two, one named Metadata, and the new one named Date metadata. I've used all the metadata of the screenshot with the exception of the assembly type which is present in the type and duration block. In any case, the duration field is in both the type and duration and date metadata blocks, should I remove this from one of the blocks?
  • About the social media networks content block I have to see it with the design team

You can check the changes in https://decidim-redesign.populate.tools/assemblies/eix-comunitat and https://decidim-redesign.populate.tools/processes/bug-report

@entantoencuanto entantoencuanto force-pushed the feature/redesign-processes-assemblies-details-page branch from 9c18f2d to 046f8c6 Compare June 5, 2023 15:41
@entantoencuanto entantoencuanto force-pushed the feature/redesign-processes-assemblies-details-page branch from 046f8c6 to 782d51d Compare June 5, 2023 16:05
@andreslucena andreslucena changed the title Feature/redesign processes assemblies metadata content blocks Redesign: processes assemblies metadata content blocks Jun 6, 2023
…blies-details-page

* feature/redesign: (71 commits)
  Unskip tests (#10951)
  Fix failing specs
  Redesign sortitions (#10831)
  Redesign: data toggle (#10886)
  Redesign: collaborative drafts (#10729)
  Redesign: pending pages (#10944)
  Redesign: my account (#10904)
  use foundation classes instead of default html validation (#10921)
  Fix failings redesign specs
  Add gitpod support (#10641)
  Fix pipeline after #10409 (#10670)
  Upgrade webpack and other javascript libraries (#10643)
  New Crowdin updates (#10409)
  Refactor attachment title (#10103)
  Fix for exporting hidden moderated proposals (#10630)
  Fix Exception as admin on a Proposal with meeting author (#10628)
  Fix: Deleted and hidden comments are exported (#10629)
  Rename "terms and conditions" to "terms of service" (#10614)
  Upgrade Graphql to 2.0.19 and Graphql-Api to 3.0.1 (#10606)
  Standardize the format of the words "they will" (#10617)
  ...
Copy link
Copy Markdown
Member

@carolromero carolromero left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@entantoencuanto sorry for the delay with this one!

In any case, the duration field is in both the type and duration and date metadata blocks, should I remove this from one of the blocks?

Yes, please. Let's remove it from the dates metadata block, and we're good to go. Thank you!

@furilo furilo requested a review from carolromero June 20, 2023 20:06
@ferblape ferblape requested a review from fblupi June 21, 2023 13:20
entantoencuanto and others added 4 commits June 26, 2023 13:08
…/main_data_cell.rb

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>
…/main_data_cell.rb

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>
@ferblape ferblape merged commit cd5894a into feature/redesign Jun 26, 2023
@ferblape ferblape deleted the feature/redesign-processes-assemblies-details-page branch June 26, 2023 13:58
entantoencuanto added a commit that referenced this pull request Jun 27, 2023
* feature/redesign:
  Redesign / Complete card G cell specs (#11094)
  Redesign: processes assemblies metadata content blocks (#10637)
entantoencuanto added a commit that referenced this pull request Jun 27, 2023
* feature/redesign:
  Remove widgets and embeds (#11096)
  Redesign / Complete card G cell specs (#11094)
  Redesign: processes assemblies metadata content blocks (#10637)
  Redesign: vertical margin inside the callouts (#11071)
  Redesign / Update package-lock  (#11091)
ferblape pushed a commit that referenced this pull request Jun 28, 2023
* Define a method in area presenter to include area type in name if present

* Refactor description view in processes to use a presenter

* Add description view to assemblies and link from main data content block

* Replace start_date and end_date items by date_range in process about page

* Add duration and closing date elements to assembly about page

* Normalize assemblies translations

* move style form about page to core

* Fix sanitizer on description pages to allow embedded videos

* Add tests for description pages

* Adapt triggerWarnings method used when iframes are present to redesign

* Rename metadata content blocks in participatory spaces and groups

* Define and register metadata content blocks on assemblies and processes

* Include full description in main data cell

* Remove link to about page in main data content block

* Remove description paths, actions, views and references on assemblies and participatory processes

* Skip REDESIGN_PENDING tests of description pages pending to adapt to content blocks

* Remove unused translation

* Add description attributes of metadata content blocks to ignore_unused

* add grid for metadata block

* fix style glitches on modal steps

* wrap description with a show more/less content

* Add missing translations taken fron announcement with truncation branch

* remove possible margin top of first childs

* Include purpose_of_action, internal_organisation and composition in main data of assemblies

* Fix assembly type item in extra data content block

* Fix date format

* Split assemblies metadata content block in two content blocks

* Remove date range from metadata participatory processes content block

* Extract social handler links to a content block

* Include missing content block in test

* Remove duration from assemblies dates metadata content block

* Remove unused translation

* Update decidim-assemblies/app/cells/decidim/assemblies/content_blocks/main_data_cell.rb

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>

* Update decidim-assemblies/app/cells/decidim/assemblies/content_blocks/main_data_cell.rb

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>

* Change endless method definitions

* Use a presented assembly in extra data content block

---------

Co-authored-by: Hugoren Martinako <aumpfbahn@gmail.com>
Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>
ferblape added a commit that referenced this pull request Jun 28, 2023
* add styles and layout to homepage

* add class to sections

* highlighted_initiatives

* sub_hero

* add home-section-header and add card to initiatives

* add grid-3cols to cards

* add card-g to conferences

* add card-g to assemblies

* add card-g to processes

* add header and button-show-all to the rest of the content blocks

* add grid to initiatives

* Use highlighted_meetings content block on homepage instead of deprecated upcoming_meetings

* Remove deprecated upcoming_meetings content block

* Adapt upcoming_meetings cell spec to the redesigned highlighted_meetings content block

* content-banner

* sub_hero and footer_sub_hero

* last activity

* home section

* block how to participate

* add styles to section tittle

* single process

* votings and consultations

* metrics

* how to participate

* responsive

* responsive

* revert grid

* remove unused cssClasses

* Move method to metric charts presenter root class

* Allow participatory_space_metrics_cell to display not highlighted metrics

* Define organization metrics content block and use it in registry

* add classes to html-block

* Remove deprecated content block

* Remove deprecated methods

Some method marked as deprecated are used in admin dashboard

* Adapt tests to redesign

* add border-0 to avoid separator between content-block

* remove unused cssClasses

* Allow to set a see_all_path option in meetings content block involved cells and use it for homepage meetings block

* hero aspect ratio

* responsive

* hero height

* center background image

* update the conference title

* remove heart icon

* fix locales

* update highlighted initiatives

* add background-image to content-banner and align the content

* add subtitle to button

* add icons to content banner

* add editor-conter to description

* add editor-content to sub-hero

* add border and spacing between activity-blocks

* add styles to embed videos

* styles

* fix merge

* add margin to area-chart

* add no-underline to register button

* fix test: replace card--assembly by card__grid

* order scss

* fix test: replace highlighted-processes by highlighted_processes

* lint scss

* remove unused keys

* replace subhero

* fix test

* use the card__grid class for the home content-block tests

* remove duplicate text

* add color:white to editor-content

* remove highlighted_content_banner padding

* center align the footer_sub_hero

* fix highlighted_initiatives

* Adapt upcoming meetings content block spec to highlighted meetings block

* Skip accessibility tests when redesign is not enabled

* Adapt tests

* Unify code of highlighted assemblies, conferences and initiatives home content blocks

* Update decidim-consultations/app/cells/decidim/consultations/content_blocks/highlighted_consultations/show.erb

Co-authored-by: Alexandru Emil Lupu <contact@alecslupu.ro>

* Use generic content block for highlighted votings in home

* Use generic content block for highlighted processes in home

* Replace html content block with redesigned version

* Use limited spaces on highlighted spaces content block

* Update selector in test

* Update method name in test

* Don't use generic limited_highlighted_spaces method for processes content block

* Join highlighted and not highlighted stats in the same container of stats content block

* add margin between the button and text. Same font-size for the texts

* Accept suggestion

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>

* Redesign: processes assemblies metadata content blocks (#10637)

* Define a method in area presenter to include area type in name if present

* Refactor description view in processes to use a presenter

* Add description view to assemblies and link from main data content block

* Replace start_date and end_date items by date_range in process about page

* Add duration and closing date elements to assembly about page

* Normalize assemblies translations

* move style form about page to core

* Fix sanitizer on description pages to allow embedded videos

* Add tests for description pages

* Adapt triggerWarnings method used when iframes are present to redesign

* Rename metadata content blocks in participatory spaces and groups

* Define and register metadata content blocks on assemblies and processes

* Include full description in main data cell

* Remove link to about page in main data content block

* Remove description paths, actions, views and references on assemblies and participatory processes

* Skip REDESIGN_PENDING tests of description pages pending to adapt to content blocks

* Remove unused translation

* Add description attributes of metadata content blocks to ignore_unused

* add grid for metadata block

* fix style glitches on modal steps

* wrap description with a show more/less content

* Add missing translations taken fron announcement with truncation branch

* remove possible margin top of first childs

* Include purpose_of_action, internal_organisation and composition in main data of assemblies

* Fix assembly type item in extra data content block

* Fix date format

* Split assemblies metadata content block in two content blocks

* Remove date range from metadata participatory processes content block

* Extract social handler links to a content block

* Include missing content block in test

* Remove duration from assemblies dates metadata content block

* Remove unused translation

* Update decidim-assemblies/app/cells/decidim/assemblies/content_blocks/main_data_cell.rb

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>

* Update decidim-assemblies/app/cells/decidim/assemblies/content_blocks/main_data_cell.rb

Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>

* Change endless method definitions

* Use a presented assembly in extra data content block

---------

Co-authored-by: Hugoren Martinako <aumpfbahn@gmail.com>
Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>

* Redesign / Complete card G cell specs (#11094)

* Complete Cell G specs

* Cleanup specs

* Remove widgets and embeds (#11096)

* Apply feedback

---------

Co-authored-by: Eduardo Martinez Echevarria <eduardomech@gmail.com>
Co-authored-by: Alexandru Emil Lupu <contact@alecslupu.ro>
Co-authored-by: Fernando Blat <fernando@blat.es>
Co-authored-by: Fran Bolívar <francisco.bolivar@nazaries.com>
Co-authored-by: Hugoren Martinako <aumpfbahn@gmail.com>
entantoencuanto added a commit that referenced this pull request Jun 28, 2023
* feature/redesign:
  Redesign: home (#10920)
  Remove widgets and embeds (#11096)
  Redesign / Complete card G cell specs (#11094)
  Redesign: processes assemblies metadata content blocks (#10637)
  Redesign: vertical margin inside the callouts (#11071)
  Redesign / Update package-lock  (#11091)
  Use the component name in the sidebar title (#11088)
entantoencuanto added a commit that referenced this pull request Jun 28, 2023
* feature/redesign:
  Redesign: home (#10920)
  Remove widgets and embeds (#11096)
  Redesign / Complete card G cell specs (#11094)
  Redesign: processes assemblies metadata content blocks (#10637)
  Redesign: vertical margin inside the callouts (#11071)
  Redesign / Update package-lock  (#11091)
  Use the component name in the sidebar title (#11088)
entantoencuanto added a commit that referenced this pull request Jun 30, 2023
…-process

* feature/redesign:
  Redesign: display online meeting (#11075)
  Redesign: home menu content block (#11048)
  Redesign: home (#10920)
  Remove widgets and embeds (#11096)
  Redesign / Complete card G cell specs (#11094)
  Redesign: processes assemblies metadata content blocks (#10637)
  Redesign: vertical margin inside the callouts (#11071)
  Redesign / Update package-lock  (#11091)
  Use the component name in the sidebar title (#11088)
  Redesign: layout center (#11068)
  Redesign: display only public users followings in following profile tab (#11051)
  Redesign: fix cards (#11072)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

project: redesign Barcelona City Council contract

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

Redesign / Styles missing for process/phases Redesign / New metadata block for a space

6 participants