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

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

Ext.define('UCANSink.view.componentDetail.examples.reviewPanel.exampleView', {
  extend: 'Ext.Container',
  xtype: 'ucanreviewPanelexampleview',
  controller: 'ucanreviewPanelexamplecontroller',
  requires: [
    'UCAN.reviewPanel.src.*',
    'Ext.*'
  ],
  viewModel: {
    type: 'ucanreviewPanelexampleviewmodel'
  },
  items: [
    {
      xtype: 'label',
      html: 'Review aus Objekt'
    },
    {
      style: {
        border: '1px solid darkgray',
        padding: '5px'
      },
      items: [
        {
          xtype: 'ucanreviewpanel',
          bind: {
            templateData: '{objectToReview.reviewTemplates}',
            oneChecked: '{oneReviewEntryCheckedObject}',
            allChecked: '{allReviewEntriesCheckedObject}',
            oneTemplateChecked: '{oneTemplateCheckedObject}',
            schema: '{schema}',
            translator: '{translator}',
            disabled: '{disableReview}'
          }
        },
        {
          xtype: 'button',
          handler: 'onSubmitReviewFromObject',
          text: 'Ein Revieweintrag geändert',
          bind: {
            disabled: '{!oneReviewEntryCheckedObject}'
          }
        },
        {
          xtype: 'button',
          handler: 'onSubmitReviewFromObject',
          text: 'Alle Revieweinträge ausgefüllt',
          bind: {
            disabled: '{!allReviewEntriesCheckedObject}'
          }
        },
        {
          xtype: 'button',
          handler: 'onSubmitReviewFromObject',
          text: 'Mindestens eine vollständige Reviewkategorie',
          bind: {
            disabled: '{!oneTemplateCheckedObject}'
          }
        }
      ]
    },
    {
      xtype: 'spacer'
    },
    {
      xtype: 'label',
      html: 'Review aus Store'
    },
    {
      style: {
        border: '1px solid darkgray',
        padding: '5px'
      },
      items: [
        {
          xtype: 'ucanreviewpanel',
          bind: {
            templateStore: '{demoTemplates}',
            oneChecked: '{oneReviewEntryCheckedStore}',
            allChecked: '{allReviewEntriesCheckedStore}',
            oneTemplateChecked: '{oneTemplateCheckedStore}',
            schema: '{schema}',
            translator: '{translator}',
            disabled: '{disableReview}'
          }
        },
        {
          xtype: 'button',
          handler: 'onSubmitReviewFromStore',
          text: 'Ein Revieweintrag geändert',
          bind: {
            disabled: '{!oneReviewEntryCheckedStore}'
          }
        },
        {
          xtype: 'button',
          handler: 'onSubmitReviewFromStore',
          text: 'Alle Revieweinträge ausgefüllt',
          bind: {
            disabled: '{!allReviewEntriesCheckedStore}'
          }
        },
        {
          xtype: 'button',
          handler: 'onSubmitReviewFromStore',
          text: 'Mindestens eine vollständige Reviewkategorie',
          bind: {
            disabled: '{!oneTemplateCheckedStore}'
          }
        }
      ]
    },
    {
      xtype: 'labelTapToggleField',
      labelAlign: 'left',
      label: 'Review disablen',
      labelWidth: 'auto',
      bind: {
        value: '{disableReview}'
      }
    }
  ]
});