Add options to podcasts

[StudioZut]

Add options to podcast pages for "listen on..." like this https://www.wri.org/podcasts/podcast-series-turning-clean-energy-asia

This exampled ^ is simple custom code. Let's add fields in the podcast content type for these different services, and then drop them into the page automatically (if they have a value).

Dev tasks

• Start on a new branch because the two things below aren't needed after all:
• Add three new fields to Data content type: Apple Podcasts, Spotify, and Youtube. These should be external link fields, and put them in a "Podcasts" section at the bottom of the page in the same area that contains "Category", "Experts and Staff" etc.
• Add an update hook that adds these fields to the Data content type, along with the form and view mode updates, to the wri_sites profile. You can throw them into the wri_data module.
• Instead, create a ckeditor template "Podcast links" that can generate the css to make the three buttons as seen on https://www.wri.org/podcasts/podcast-series-turning-clean-energy-asia

[komejo]

@maria-thinkshout I have some questions about this - I've got the fields / field group added, but I'm stumped about how to add them. We're including the podcast as a media entity in CKEditor, and the current 'listen on' is a markup entity that also gets added in.

Do we currently have a way to add something into CKEditor that pulls info from a node? Also worth noting is that https://www.wri.org/podcasts/podcast-series-turning-clean-energy-asia has not one but two podcasts on the page with 'listen on' groups.

[mariacha]

Ah, so it is. @monicapatel21 Let's discuss this one in the meeting because we may want to do this as a media element instead of as a content type.

[monicapatel21]

Podcasts = embeds right now (not content type)
Media item for podcasts

Add another CK Editor option (in embed) for future content editors

[mariacha]

Answer - let's make a ckeditor template to quickly add the links in the WYSIWYG.

[mariacha]

Ok @komejo we're changing approaches here and turning this into a ckeditor template to make the buttons/links, so no new fields needed. This is ready for you when you need your next task

[komejo]

Done - wri_sites: #313
Flagship: https://github.com/wri/wriflagship/pull/1226

Added CKEditor CSS, just update the empty links:

---

[mariacha]

Ok, this is now a template that can be added within the text. See the last comment for how to add/edit:

https://develop-wriflagship.pantheonsite.io/podcasts/promoting-locally-led-adaptation-climate-action

[shannon-paton]

Looks good @mariacha !