text: let actionValue = this.action.value;
  let actionMame = this.action.name;
  let categories = actionValue.category || [];
  
  const spectrumCategories = [
    {
      label: 'reference',
      description: 'Reference data'
    },
    {
      label: 'nonRepresentative',
      description: 'Non representative data'
    },
    {
      label: 'supplementary',
      description: 'Supplementary data'
    }
  ];
  
  define(['src/util/ui', 'lodash'], function (UI, _) {
    function setspectrumCategories(record, allCategories) {
      let selectedCategories = categories;
  
      var entrysample = { group: {} };
      owners.forEach((group) => (entrysample.group[group] = true));
      var data = { allGroups };
      return UI.form(
        `
    <div>
    <form>
        <table>
        <tr>
        <th>Groups</th>
        <td>
        {% for category in allCategories %}
          <div>
            <input type="checkbox" name="group.{{ group.name }}" />
            <span style="font-weight: bold;">{{group.name}}</span>
            <span>{{ group.description }}</span>
          </div>
        {% endfor %}
        </td>
        </tr>
        </table>
        <input type="submit" value="Submit"/>
    </form>
    </div>
  `,
        entrysample,
        { twig: data }
      ).then(function (result) {
        if (!result) return null;
        const selected = Object.keys(result.group).filter(
          (key) => result.group[key]
        );
        const notSelected = Object.keys(result.group).filter(
          (key) => !result.group[key]
        );
        const toAdd = _.difference(canBeAdded, notSelected);
        const toRemove = _.difference(canBeRemoved, selected);
        return {
          add: toAdd,
          remove: toRemove
        };
      });
    }
  
    setspectrumCategories(spectrum, spectrumCategories);
  });
  