How to vary classes depending on content type?

Question

In my page.html.twig template file, I'm looking to set classes depending on the content type the page is being viewed. I pretty much have two options, if the page being viewed is a program page, then I want one style applied to the div, if it's anything else, then the other style can be applied.

{% 
  set aside_classes = [
    node.content-type is 'program' ? 'program',
    node.content-type is anything else ? 'standard'
  ]
%}

I know the above code is not proper but it's an example of what I'm trying to achieve.

I would then have the following code below on my div:

<div{{ content_attributes.addClass(aside_classes) }}> 

Am I going about this right or is there a better way to achieve this?

EDIT: Here are my kint variables. Not sure if this helps at all?:

Answer 1

Not sure about page.html.twig. Would have to dig around...

In node.html.twig:

{%
  set newClassNameVar = [
    node.type.entity.label == 'Program' ? 'Program' : 'Not Program'
  ]
%}

<div{{ attributes.addClass(newClassNameVar) }}></div>

or:

{%
  set newClassNameVar = [
    node.bundle == 'content__type' ? 'set-yes-class' : 'set-no-class'
  ]
%}

<div{{ attributes.addClass(newClassNameVar) }}></div>

use debug such as {{ dump(_context | keys) }} to see what is available and best suits your use case.

Answer 2

Another way to do this is to add the class programmatically in your custom theme as discussed here.

/**
 * Implements template_preprocess_html().
 */
function MYTHEME_preprocess_html(&$variables) {
  if (isset($variables['node_type'])) {
    $node = \Drupal::routeMatch()->getParameter('node');

    // Add node-TYPE class to the element.
    $variables['attributes']['class'][] = 'page-node-' . $node->getType();
    $variables['attributes']['class'][] = 'page-node-' . $node->id();
  }
}