Add available services to meetings

[rbngzlv]

🎩 What? Why?

The admin can define what services will be available in the meeting (simultaneous translation, space enabled for people with functional diversity, children's area, ...)

📌 Related Issues

• Related to Improvement to meetings MVP  #3044

📋 Subtasks

• Add specs
• Add CHANGELOG entry

📷 Screenshots (optional)

[rbngzlv]

@decidim/lot-core, @deivid-rodriguez I have duplicated three javascripts files from the surveys component to make the following UI in the admin.

I think this javascripts are valid for any nested resource, I'm right? If yes, what do you think about moving this files to the admin component?

[deivid-rodriguez]

@rbngzlv They were definitely developed with reusability in mind! :) I agree with moving them to decidim-admin instead of copying the files 👍

[rbngzlv]

@Crashillo can you check my css additions, please?

[rbngzlv]

@decidim/lot-core ready to review!

[Crashillo]

Sorry my late response! Well actually just 15h later! 😝 It is a couple of things we may enhance, I'll write them down as review comments.
Is it possible to restore the branch, reopen the issue, quick fix, merge, close the issue, remove the branch?? 😇

[rbngzlv]

Don't worry, I'll made a new PR with your comments. 😄

[Crashillo]

There's a mixin called modifiers, that you might use to wrap all possibilities (even they're not in use).
Instead of this block, switch it by @include modifiers(fill);. Now, no matter which status you assign to the parent element, the property fill will change accordingly

[Crashillo]

Extra tip: I miss $anchor-color is a custom color status, so in that case.... @include modifiers(fill, (alert: $anchor-color)). Now I see again, it's not a big deal, but it's a way to handle statuses in the same way. You'll find other examples in the same file

[Crashillo]

If this property-modified always comes along with .card--list__text, move it inside that block, and and a &. Like:

.card--list__text {
  ...
  // other properties

  &.card--list__item--top{
     // your properties
  }
}