ucan-ext-js-kitchen-sink
Version:
my-ext-gen-app description for Ext JS app MyExtGenApp
119 lines (118 loc) • 2.69 kB
JavaScript
Ext.define('UCANSink.view.componentDetail.examples.shareComponent.exampleView', {
extend: 'Ext.Container',
xtype: 'ucanshareComponentexampleview',
controller: 'ucanshareComponentexamplecontroller',
viewModel: {
type: 'ucanshareComponentexampleviewmodel'
},
requires: [
'UCAN.shareComponent.src.*',
'Ext.*'
],
items: [
{
xtype: 'label',
html: 'Segmented Button Style',
style: 'color: grey',
bind: {
hidden: '{associatedShareView !== "detail"}'
}
},
{
xtype: 'segmentedbutton',
items: [
{
text: 'Space',
value: 'space'
},
{
text: 'Rounded Corners',
value: 'round'
}
],
bind: {
value: '{segmentedButtonStyle}',
hidden: '{associatedShareView !== "detail"}'
}
},
{
layout: 'hbox',
items: [
{
xtype: 'labelTapToggleField',
labelAlign: 'left',
label: 'Button disablen',
labelWidth: 'auto',
bind: {
value: '{disableExpandButton}'
}
},
{
xtype: 'labelTapToggleField',
labelAlign: 'left',
label: 'Infinite scrolling Test für verfügbare Gruppen',
labelWidth: 'auto',
listeners: {
change: 'onToggleInfiniteGroupStore'
}
},
{
xtype: 'spacer'
},
{
xtype: 'label',
html: 'Sprache',
style: {
color: 'darkgray',
margin: '5px'
}
},
{
xtype: 'segmentedbutton',
items: [
{
text: 'DE',
value: 'de'
},
{
text: 'EN',
value: 'en'
}
],
bind: {
value: '{selectedLanguage}'
}
}
]
},
{
xtype: 'label',
html: 'Komponente',
style: 'color: grey'
},
{
xtype: 'shareContainer',
style: {
border: '1px solid lightgray',
padding: '5px'
},
flex: 1,
bind: {
availableAccounts: '{availableAccounts}',
availableGroups: '{availableGroups}',
associatedShares: '{associatedShares}',
translator: '{translator}',
disableExpandButton: '{disableExpandButton}',
segmentedButtonStyle: '{segmentedButtonStyle}',
owner: '{owner}'
},
chipViewMaxWidth: 600
},
{
xtype: 'displayfield',
bind: {
html: 'ReadAccess: {readAccess}<br>WriteAccess: {writeAccess}'
}
}
]
});