ucan-ext-js-kitchen-sink/app/desktop/src/view/componentDetail/examples/comment/exampleView.js

my-ext-gen-app description for Ext JS app MyExtGenApp

Ext.define('UCANSink.view.componentDetail.examples.comment.exampleView', {
  extend: 'Ext.Container',
  xtype: 'ucancommentexampleview',
  controller: 'ucancommentexamplecontroller',
  requires: [
    'UCAN.comment.src.*',
    'Ext.*'
  ],
  viewModel: {
    type: 'ucancommentexampleviewmodel'
  },
  items: [
    {
      xtype: 'comment',
      bind: {
        comments: '{commentsStore}',
        currentUser: '{currentUserStore.first}',
        translator: '{translator}',
        froalaConfig: {
          attribution: false,
          charCounterCount: false,
          toolbarButtons: {
            'moreText': {
              'buttons': ['bold', 'italic', 'underline', 'subscript', 'superscript', 'clearFormatting'],
              'buttonsVisible': 6
            },
            'moreParagraph': {
              'buttons': ['outdent', 'indent'],
              'buttonsVisible': 2
            },
            'moreRich': {
              'buttons': ['insertTable', 'specialCharacters', 'insert', 'emoticons'],
              'buttonsVisible': 4
            },
            'moreMisc': {
              'buttons': ['undo', 'redo', 'fullscreen', 'spellChecker', 'selectAll', 'help'],
              'align': 'right',
              'buttonsVisible': 7
            }
          },
          pluginsEnabled: ['image', 'link', 'emoticons', 'fullscreen', 'table']
        },
        contextId: '{contextId}'
      },
      listeners: {
        painted: 'expandAfterLoad'
      }
    },
    {
      label: 'Kommentare im ViewModel ohne HTML',
      xtype: 'displayfield',
      bind: {
        value: '{commentsTexts}'
      },
      renderer: 'cleanHtml'
    }
  ]
});