260 lines
9.9 KiB
JavaScript
260 lines
9.9 KiB
JavaScript
|
CKEDITOR.dialog.add( 'html5video', function( editor ) {
|
||
|
|
return {
|
||
|
|
title: editor.lang.html5video.title,
|
||
|
|
minWidth: 500,
|
||
|
|
minHeight: 100,
|
||
|
|
contents: [ {
|
||
|
|
id: 'info',
|
||
|
|
label: editor.lang.html5video.infoLabel,
|
||
|
|
elements: [
|
||
|
|
{
|
||
|
|
type: 'vbox',
|
||
|
|
padding: 0,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
type: 'hbox',
|
||
|
|
widths: [ '365px', '110px' ],
|
||
|
|
align: 'right',
|
||
|
|
children: [ {
|
||
|
|
type: 'text',
|
||
|
|
id: 'url',
|
||
|
|
label: editor.lang.html5video.allowed,
|
||
|
|
required: true,
|
||
|
|
validate: CKEDITOR.dialog.validate.notEmpty( editor.lang.html5video.urlMissing ),
|
||
|
|
setup: function( widget ) {
|
||
|
|
this.setValue( widget.data.src );
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'src', this.getValue() );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'button',
|
||
|
|
id: 'browse',
|
||
|
|
// v-align with the 'txtUrl' field.
|
||
|
|
// TODO: We need something better than a fixed size here.
|
||
|
|
style: 'display:inline-block;margin-top:14px;',
|
||
|
|
align: 'center',
|
||
|
|
label: editor.lang.common.browseServer,
|
||
|
|
hidden: true,
|
||
|
|
filebrowser: 'info:url'
|
||
|
|
} ]
|
||
|
|
} ]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'checkbox',
|
||
|
|
id: 'responsive',
|
||
|
|
label: editor.lang.html5video.responsive,
|
||
|
|
setup: function( widget ) {
|
||
|
|
this.setValue( widget.data.responsive );
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'responsive', this.getValue()?'true':'' );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'vbox',
|
||
|
|
padding: 0,
|
||
|
|
|
||
|
|
children: [{
|
||
|
|
type: 'hbox',
|
||
|
|
widths: [ '365px', '110px' ],
|
||
|
|
align: 'right',
|
||
|
|
children: [ {
|
||
|
|
type: 'text',
|
||
|
|
id: 'poster',
|
||
|
|
label: editor.lang.html5video.poster,
|
||
|
|
setup: function( widget ) {
|
||
|
|
this.setValue( widget.data.poster );
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'poster', this.getValue() );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'button',
|
||
|
|
id: 'browseposter',
|
||
|
|
// v-align with the 'txtUrl' field.
|
||
|
|
// TODO: We need something better than a fixed size here.
|
||
|
|
style: 'display:inline-block;margin-top:14px;',
|
||
|
|
align: 'center',
|
||
|
|
label: editor.lang.common.browseServer,
|
||
|
|
hidden: true,
|
||
|
|
filebrowser:{action:"Browse",target:"info:poster",url:editor.config.filebrowserImageBrowseUrl}
|
||
|
|
} ]
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'checkbox',
|
||
|
|
id: 'controls',
|
||
|
|
label: editor.lang.html5video.controls,
|
||
|
|
setup: function (widget) {
|
||
|
|
this.setValue(widget.data.controls);
|
||
|
|
},
|
||
|
|
commit: function (widget) {
|
||
|
|
widget.setData('controls', this.getValue() ? 'true' : '');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'hbox',
|
||
|
|
id: 'size',
|
||
|
|
children: [ {
|
||
|
|
type: 'text',
|
||
|
|
id: 'width',
|
||
|
|
label: editor.lang.common.width,
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.width ) {
|
||
|
|
this.setValue( widget.data.width );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'width', this.getValue() );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'text',
|
||
|
|
id: 'height',
|
||
|
|
label: editor.lang.common.height,
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.height ) {
|
||
|
|
this.setValue( widget.data.height );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'height', this.getValue() );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
type: 'hbox',
|
||
|
|
id: 'alignment',
|
||
|
|
children: [ {
|
||
|
|
type: 'radio',
|
||
|
|
id: 'align',
|
||
|
|
label: editor.lang.common.align,
|
||
|
|
items: [
|
||
|
|
[editor.lang.common.alignCenter, 'center'],
|
||
|
|
[editor.lang.common.alignLeft, 'left'],
|
||
|
|
[editor.lang.common.alignRight, 'right'],
|
||
|
|
[editor.lang.common.alignNone, 'none']
|
||
|
|
],
|
||
|
|
'default': 'center',
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.align ) {
|
||
|
|
this.setValue( widget.data.align );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'align', this.getValue() );
|
||
|
|
}
|
||
|
|
} ]
|
||
|
|
} ]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'Upload',
|
||
|
|
hidden: true,
|
||
|
|
filebrowser: 'uploadButton',
|
||
|
|
label: editor.lang.html5video.upload,
|
||
|
|
elements: [ {
|
||
|
|
type: 'file',
|
||
|
|
id: 'upload',
|
||
|
|
label: editor.lang.html5video.btnUpload,
|
||
|
|
style: 'height:40px',
|
||
|
|
size: 38
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'fileButton',
|
||
|
|
id: 'uploadButton',
|
||
|
|
filebrowser: 'info:url',
|
||
|
|
label: editor.lang.html5video.btnUpload,
|
||
|
|
'for': [ 'Upload', 'upload' ]
|
||
|
|
} ]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'advanced',
|
||
|
|
label: editor.lang.html5video.advanced,
|
||
|
|
elements: [ {
|
||
|
|
type: 'vbox',
|
||
|
|
padding: 10,
|
||
|
|
children: [ {
|
||
|
|
type: 'hbox',
|
||
|
|
widths: ["33%", "33%", "33%"],
|
||
|
|
children: [ {
|
||
|
|
type: 'radio',
|
||
|
|
id: 'autoplay',
|
||
|
|
label: editor.lang.html5video.autoplay,
|
||
|
|
items: [
|
||
|
|
[editor.lang.html5video.yes, 'yes'],
|
||
|
|
[editor.lang.html5video.no, 'no']
|
||
|
|
],
|
||
|
|
'default': 'no',
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.autoplay ) {
|
||
|
|
this.setValue( widget.data.autoplay );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'autoplay', this.getValue() );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'radio',
|
||
|
|
id: 'loop',
|
||
|
|
label: editor.lang.html5video.loop,
|
||
|
|
items: [
|
||
|
|
[editor.lang.html5video.yes, 'yes'],
|
||
|
|
[editor.lang.html5video.no, 'no']
|
||
|
|
],
|
||
|
|
'default': 'no',
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.loop ) {
|
||
|
|
this.setValue( widget.data.loop );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'loop', this.getValue() );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'radio',
|
||
|
|
id: 'allowdownload',
|
||
|
|
label: editor.lang.html5video.allowdownload,
|
||
|
|
items: [
|
||
|
|
[editor.lang.html5video.yes, 'yes'],
|
||
|
|
[editor.lang.html5video.no, 'no']
|
||
|
|
],
|
||
|
|
'default': 'no',
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.allowdownload ) {
|
||
|
|
this.setValue(widget.data.allowdownload);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'allowdownload', this.getValue() );
|
||
|
|
}
|
||
|
|
} ]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'hbox',
|
||
|
|
children: [ {
|
||
|
|
type: "text",
|
||
|
|
id: 'advisorytitle',
|
||
|
|
label: editor.lang.html5video.advisorytitle,
|
||
|
|
'default': '',
|
||
|
|
setup: function( widget ) {
|
||
|
|
if ( widget.data.advisorytitle ) {
|
||
|
|
this.setValue(widget.data.advisorytitle);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
commit: function( widget ) {
|
||
|
|
widget.setData( 'advisorytitle', this.getValue() );
|
||
|
|
}
|
||
|
|
} ]
|
||
|
|
} ]
|
||
|
|
} ]
|
||
|
|
} ]
|
||
|
|
};
|
||
|
|
} );
|