Kirby Structure Field Preview

index.js

panel.plugin('lukaskleinschmidt/site', {
  components: {
    'k-structure-field-preview': {
      props: {
        value: String,
        column: Object,
        field: Object
      },
      computed: {
        text: function() {
          var result = [];
          var fields = ['title', 'label'];

          this.value.forEach(entry => fields.some(field => {
            var value = entry[field] || null;

            if (value) {
              result.push(value);
              return true;
            }
          }));

          if (result.length) {
            return result.join(', ');
          }

          return '…';
        }
      },
      template: '<p class="k-structure-table-text">{{ text }}</p>',
    }
  }
});