Drupal 9: Render available select options in paragraph template

rich1.0phorkiehttps://p.cweiske.de/Drupal 9: Render available select options in paragraph templateChristian Weiske86400900900 <link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/> <div class="phork" id="879"> <div class="phork-file"> <div class="phork-content"> <style type="text/css">/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2014 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .php .de1, .php .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;} .php {font-family:monospace;} .php .imp {font-weight: bold; color: red;} .php li, .php .li1 {color: #DDD;} .php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;} .php .kw1 {color: #b1b100;} .php .kw2 {color: #000000; font-weight: bold;} .php .kw3 {color: #990000;} .php .kw4 {color: #009900; font-weight: bold;} .php .co1 {color: #666666; font-style: italic;} .php .co2 {color: #666666; font-style: italic;} .php .co3 {color: #0000cc; font-style: italic;} .php .co4 {color: #009933; font-style: italic;} .php .coMULTI {color: #666666; font-style: italic;} .php .es0 {color: #000099; font-weight: bold;} .php .es1 {color: #000099; font-weight: bold;} .php .es2 {color: #660099; font-weight: bold;} .php .es3 {color: #660099; font-weight: bold;} .php .es4 {color: #006699; font-weight: bold;} .php .es5 {color: #006699; font-weight: bold; font-style: italic;} .php .es6 {color: #009933; font-weight: bold;} .php .es_h {color: #000099; font-weight: bold;} .php .br0 {color: #009900;} .php .sy0 {color: #339933;} .php .sy1 {color: #000000; font-weight: bold;} .php .st0 {color: #0000ff;} .php .st_h {color: #0000ff;} .php .nu0 {color: #cc66cc;} .php .nu8 {color: #208080;} .php .nu12 {color: #208080;} .php .nu19 {color:#800080;} .php .me1 {color: #004000;} .php .me2 {color: #004000;} .php .re0 {color: #000088;} .php span.xtra { display:block; } </style><div class="code"><table class="php"><tbody><tr class="li1"><td class="ln"><pre class="de1">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 </pre></td><td class="de1"><pre class="de1"><?php function mytheme_preprocess_paragraph(&$variables) {   if ($variables['paragraph']-><a href="http://www.php.net/gettype">getType</a>() == 'logomap_filter') {     mytheme_preprocess_paragraph_logomap_filter($variables);   } }   /**  * Make logomap_filter select field options available in the frontend  * as elements[$fieldname]['#lfoptions']  */ function mytheme_preprocess_paragraph_logomap_filter(&$variables) {   $selectFields = [     'field_filter_partner_type', //string_list     'field_filter_topic', //entity_reference   ];     foreach ($selectFields as $fieldName) {     $fieldConf = $variables['paragraph']->getFieldDefinition($fieldName);     $variables['elements'][$fieldName]['#lfoptions'] = mytheme_loadSelectOptions($fieldConf);   } }   /**  * Get the available options for a select field (string list or entity reference)  */ function mytheme_loadSelectOptions(FieldConfig $fieldConf): <a href="http://www.php.net/array">array</a> {   switch ($fieldConf-><a href="http://www.php.net/gettype">getType</a>()) {     case 'list_string':       return options_allowed_values($fieldConf->getFieldStorageDefinition());       case 'entity_reference':       return mytheme_loadEntityReferenceOptions(         $fieldConf->getSetting('target_type'),         $fieldConf->getSetting('handler_settings')['target_bundles']       );       default:       throw new \Exception('Unknown field type: ' . $fieldConf-><a href="http://www.php.net/gettype">getType</a>());   } }   /**  * Get the available options for an entity reference field  *  * @param string $target_type    E.g. "taxonomy_term", "node"  * @param array  $target_bundles E.g. ['tags' => 'tags'] or ['partner' => 'partner']  *  * @return array Key-value pairs (ID and label)  */ function mytheme_loadEntityReferenceOptions(string $target_type, <a href="http://www.php.net/array">array</a> $target_bundles): <a href="http://www.php.net/array">array</a> {   $entity_type = \Drupal::entityTypeManager()->getDefinition($target_type);   $storage = \Drupal::entityTypeManager()->getStorage($target_type);     $query = $storage->getQuery();   $query->condition($entity_type->getKey('bundle'), $target_bundles, 'IN');     $entity_ids = $query->execute();   $entities = $storage->loadMultiple($entity_ids);     $options = [];   foreach ($entities as $entity) {     $options[$entity->id()] = $entity->label();   }     <a href="http://www.php.net/asort">asort</a>($options, SORT_STRING | SORT_FLAG_CASE);   return $options; }  </pre></td></tr></tbody></table></div> </div> <div class="phork-meta"> <a href="https://p.cweiske.de/879/rev-raw/ef2e4718df64107b8384244286bebc9315d279b1/0-mytheme.theme.php" style="float: right">view raw source</a> <a href="https://p.cweiske.de/879#0-mytheme.theme.php">0-mytheme.theme.php</a> </div> </div> <div class="phork-file"> <div class="phork-content"> <style type="text/css">/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2014 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .twig .de1, .twig .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;} .twig {font-family:monospace;} .twig .imp {font-weight: bold; color: red;} .twig li, .twig .li1 {color: #DDD;} .twig .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;} .twig .kw1 {color: #0600FF;} .twig .kw2 {color: #008000;} .twig .kw3 {color: #0600FF;} .twig .kw4 {color: #804040;} .twig .kw5 {color: #008000;} .twig .coMULTI {color: #008080; font-style: italic;} .twig .es0 {color: #000099; font-weight: bold;} .twig .br0 {color: #D36900;} .twig .sy0 {color: #D36900;} .twig .st0 {color: #ff0000;} .twig .nu0 {color: #cc66cc;} .twig .me1 {color: #006600;} .twig .sc1 {color: #808080; font-style: italic;} .twig .sc2 {color: #009000;} .twig .re0 {color: #00aaff;} .twig .re1 {color: #00aaff;} .twig span.xtra { display:block; } </style><div class="code"><table class="twig"><tbody><tr class="li1"><td class="ln"><pre class="de1">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 </pre></td><td class="de1"><pre class="de1">{% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> show_partner_type = content.field_filter_show_partner_type[0]['#markup'] %} {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> show_topic = content.field_filter_show_topic[0]['#markup'] %}   {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> partner_type_default = '' %} {% <a href="http://twig.sensiolabs.org/doc/tags/for.html">for</a> key in paragraph.field_filter_partner_type|<a href="http://twig.sensiolabs.org/doc/filters/keys.html">keys</a> %}   {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> partner_type_default = paragraph.field_filter_partner_type[key].value %} {% <a href="http://twig.sensiolabs.org/doc/tags/endfor.html">endfor</a> %}   {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> topic_defaults = [] %} {% <a href="http://twig.sensiolabs.org/doc/tags/for.html">for</a> num in content.field_filter_topic['#items']|<a href="http://twig.sensiolabs.org/doc/filters/keys.html">keys</a> %}   {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> topic_defaults = topic_defaults|<a href="http://twig.sensiolabs.org/doc/filters/merge.html">merge</a>([content.field_filter_topic[num]['#options']['entity'].id]) %} {% <a href="http://twig.sensiolabs.org/doc/tags/endfor.html">endfor</a> %}     <div class="row">   {% <a href="http://twig.sensiolabs.org/doc/tags/if.html">if</a> show_partner_type == 1 %}     {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> partner_type_options = elements.field_filter_partner_type['#lfoptions'] %}     <select name="partner_type" class="input-field__input">       <option value="">- alle -</option>       {% <a href="http://twig.sensiolabs.org/doc/tags/for.html">for</a> key, value in partner_type_options %}         <option value="{{key}}"{% <a href="http://twig.sensiolabs.org/doc/tags/if.html">if</a> key == partner_type_default %} selected="selected"{% <a href="http://twig.sensiolabs.org/doc/tags/endif.html">endif</a> %}>{{value}}</option>       {% <a href="http://twig.sensiolabs.org/doc/tags/endfor.html">endfor</a> %}     </select>   {% <a href="http://twig.sensiolabs.org/doc/tags/else.html">else</a> %}     <input type="hidden" name="partner_type" value="{{partner_type_default}}">   {% <a href="http://twig.sensiolabs.org/doc/tags/endif.html">endif</a> %} </div>   <div class="row">   {% <a href="http://twig.sensiolabs.org/doc/tags/if.html">if</a> show_topic == '1' %}     {% <a href="http://twig.sensiolabs.org/doc/tags/set.html">set</a> topic_options = elements.field_filter_topic['#lfoptions'] %}     <select name="filter_topics[]" multiple="multiple" class="basic-multiple-select">       {% <a href="http://twig.sensiolabs.org/doc/tags/for.html">for</a> key, value in topic_options %}         <option value="{{key}}"{% <a href="http://twig.sensiolabs.org/doc/tags/if.html">if</a> key in topic_defaults %} selected="selected"{% <a href="http://twig.sensiolabs.org/doc/tags/endif.html">endif</a> %}>{{value}}</option>       {% <a href="http://twig.sensiolabs.org/doc/tags/endfor.html">endfor</a> %}     </select>   {% <a href="http://twig.sensiolabs.org/doc/tags/else.html">else</a> %}     <input type="hidden" name="filter_topics[]" value="{{topic_defaults|<a href="http://twig.sensiolabs.org/doc/filters/join.html">join</a>(',')}}">   {% <a href="http://twig.sensiolabs.org/doc/tags/endif.html">endif</a> %} </div>    </pre></td></tr></tbody></table></div> </div> <div class="phork-meta"> <a href="https://p.cweiske.de/879/rev-raw/ef2e4718df64107b8384244286bebc9315d279b1/1-paragraph--logomap-filter.html.twig" style="float: right">view raw source</a> <a href="https://p.cweiske.de/879#1-paragraph--logomap-filter.html.twig">1-paragraph--logomap-filter.html.twig</a> </div> </div> </div>