first commit
This commit is contained in:
259
assets/ckplugins/html5video/dialogs/html5video.js
Normal file
259
assets/ckplugins/html5video/dialogs/html5video.js
Normal file
@ -0,0 +1,259 @@
|
||||
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() );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
Reference in New Issue
Block a user