X-Git-Url: https://git.immae.eu/?p=perso%2FImmae%2FProjets%2Fpackagist%2Fludivine-ckeditor-component.git;a=blobdiff_plain;f=sources%2Fplugins%2Fhtml5video%2Fdialogs%2Fhtml5video.js;fp=sources%2Fplugins%2Fhtml5video%2Fdialogs%2Fhtml5video.js;h=99f89c365314f23259fd59b15cb101eb94bf9540;hp=0000000000000000000000000000000000000000;hb=7183f6a6a21ad9124e70c997e0168459f377a9f2;hpb=d1844275460a3e3a32e199326f6b36938a329091

diff --git a/sources/plugins/html5video/dialogs/html5video.js b/sources/plugins/html5video/dialogs/html5video.js
new file mode 100644
index 0000000..99f89c3
--- /dev/null
+++ b/sources/plugins/html5video/dialogs/html5video.js
@@ -0,0 +1,152 @@
+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: 'hbox',
+                id: 'size',
+                children: [ {
+                    type: 'text',
+                    id: 'width',
+                    label: editor.lang.common.width,
+                    'default': 400,
+                    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,
+                    'default': 300,
+                    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: 0,
+                children: [ {
+                    type: 'hbox',
+                    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() );
+                        }
+                    } ]
+                } ]
+            } ]
+        } ]
+    };
+} );