Collection link: display multiple fieldnames

huleos · October 17, 2018, 6:44pm

Is it possible to show more fieldnames on the display?

{
    "link": "collectionname",
    "display": [
    	"fieldname_1",
    	"fieldname_2"
    ],
    "multiple": false,
    "limit": false
}

theo · November 9, 2019, 5:44pm

Hi,
I want to make same, i have try a trick with an Set field for display it on a json structure, but that not work on collection link view and display “{getDisplay(link)} or {Object}” label.

I’m new on this CMS, but after viewing this post : Renderer for set field in backend
I think this features is possible with a component.

qodrinzo · December 27, 2019, 6:24pm

This feature seems useful. I want to show “firstname” and “lastname” of linked entities; either has no meaning by itself.

raffaelj · January 10, 2020, 3:57pm

I wrote a custom collectionlink field and added a string concat function.

Usage:

Copy the modified file to /path/to/cockpit/config/tags/field-collectionlink.tag and add your display field names in brackets. The string replacement is inspired by the set renderer.

{
  "link": "persons",
  "display": "{first_name} {last_name}"
}

I didn’t test it with "multiple":true. Feel free, to send a pull request, if you find any issues.

github.com

raffaelj/cockpit-scripts/blob/master/custom-fields/field-collectionlink.tag

<field-collectionlink>

    <div class="uk-alert" if="{!opts.link}">
        { App.i18n.get('Collection to link not defined in the field settings') }
    </div>

    <div class="uk-alert uk-alert-danger" if="{opts.link && error}">
        { App.i18n.get('Failed loading collection') } {opts.link}
    </div>

    <div class="uk-margin" if="{opts.link && !collection && !error}">
        <cp-preloader class="uk-container-center"></cp-preloader>
    </div>

    <div if="{opts.link && collection}">

        <div class="uk-alert" if="{!link || (link && opts.multiple && !link.length)}">
            { App.i18n.get('Nothing linked yet') }. <a onclick="{ showDialog }">{ App.i18n.get('Create link to') } { collection.label || opts.link }</a>
        </div>

This file has been truncated. show original

github.com

raffaelj/cockpit-scripts/blob/master/custom-fields/field-collectionlink.md

# modified collectionlink field

Copy the file `field-collectionlink.tag` to `config/tags`.

Now the core field will be overwritten with the custom field and it is possible, to use multiple field names as display field.

modifications:

* added `concatDisplayString()` function
* call `concatDisplayString()` in `linkItem()` function
* added custom renderer for entries view with string concatanation

usage:

* define multiple field names in collectionlink field options
  to be displayed with collectionlink field
* e. g.: `"display": "{first_name} {last_name}"`

If you use such modified files, don’t forget to copy them to remote locations… and if you ask for help on discourse, don’t forget to mention, that your issues might differ from the default behaviour. And, obviously, custom tags won’t receive updates when you update cockpit.

sebastian_berlin · July 3, 2022, 10:20am

Thanks for writing that! It would help a lot.

But I’m afraid it’s not working if you refer to a field with a collection-link.

{textfield} {collectionlinkfield}

Instead of the display name the output of the 2n field is [object Object] …the first field is rendered regularly.

I’m aware that a collectionlink-field with multiple = true would be a bit tricky. But at least with false the given display name would helpful instead of nothing or that cryptic message.

Could you please have a look?

raffaelj · July 8, 2022, 10:44am

First: I didn’t use that custom field for a long time, so I’m not sure, if there may be missing updates from the core field.

You can change

str = str.replace('{'+k+'}', _entry[k]);

to

if (typeof _entry[k] == 'string') {
    str = str.replace('{'+k+'}', _entry[k]);
}

in these two places:

github.com

raffaelj/cockpit-scripts/blob/master/custom-fields/field-collectionlink.tag#L475


      
                  
                  return display;
              }
          
          
    concatDisplayString(_entry) {
          
          
        if (!opts.display) return false;
          
          
        var str = opts.display;
                  Object.keys(_entry).forEach(function(k) {
                      str = str.replace('{'+k+'}', _entry[k])
                  });
                  return str;
              }
          
          

          
    </script>
          
          
</field-collectionlink>
          
          
// overwrite core App.Utils.renderer.collectionlink with string concatanation

github.com

raffaelj/cockpit-scripts/blob/master/custom-fields/field-collectionlink.tag#L494


      
          
          
// overwrite core App.Utils.renderer.collectionlink with string concatanation
          (function() {
          
          
    var linkCache = {};
          
          
    function concatDisplayString(_entry, display) {
          
          
        var str = display;
                  Object.keys(_entry).forEach(function(k) {
                      str = str.replace('{'+k+'}', _entry[k])
                  });
                  return str;
              }
          
          
    App.Utils.renderer.collectionlink = function(v, field) {
          
          
        if (!v) {
                      return '<i class="uk-icon-eye-slash uk-text-muted"></i>';
                  }

Now it should at least prevent that object to string conversion, but I didn’t test it.

Feel free to send a pull request - or leave some feedback here after testing it locally.

Topic		Replies	Views
Display linked entry when viewing all entries Support	1	519	May 6, 2020
CollectionLink display ignores case Support	0	449	June 11, 2020
How to display a name from a collectionlinks collectionlink	2	284	January 29, 2024
Grid - collection link display issue Support	1	272	December 7, 2022
Am I missing some documentation? Support	2	529	November 18, 2021

Collection link: display multiple fieldnames

Related topics