diff options
author | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-12-04 18:46:08 +0100 |
---|---|---|
committer | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-12-04 18:46:08 +0100 |
commit | 9946db9daaa76448d0e43247472cdedd2a5ea22a (patch) | |
tree | c9de3eba90b0fa47a4c567681deb7f0a6ab5b383 /sources/plugins/html5audio/dialogs | |
parent | 317f8f8f0651488f226b5280a8f036c7c135c639 (diff) | |
download | piedsjaloux-ckeditor-component-master.tar.gz piedsjaloux-ckeditor-component-master.tar.zst piedsjaloux-ckeditor-component-master.zip |
Diffstat (limited to 'sources/plugins/html5audio/dialogs')
-rw-r--r-- | sources/plugins/html5audio/dialogs/html5audio.js | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/sources/plugins/html5audio/dialogs/html5audio.js b/sources/plugins/html5audio/dialogs/html5audio.js new file mode 100644 index 0000000..47de947 --- /dev/null +++ b/sources/plugins/html5audio/dialogs/html5audio.js | |||
@@ -0,0 +1,135 @@ | |||
1 | CKEDITOR.dialog.add( 'html5audio', function( editor ) { | ||
2 | return { | ||
3 | title: editor.lang.html5audio.title, | ||
4 | minWidth: 500, | ||
5 | minHeight: 100, | ||
6 | contents: [ { | ||
7 | id: 'info', | ||
8 | label: editor.lang.html5audio.infoLabel, | ||
9 | elements: [ { | ||
10 | type: 'vbox', | ||
11 | padding: 0, | ||
12 | children: [ { | ||
13 | type: 'hbox', | ||
14 | widths: [ '365px', '110px' ], | ||
15 | align: 'right', | ||
16 | children: [ { | ||
17 | type: 'text', | ||
18 | id: 'url', | ||
19 | label: editor.lang.common.url, | ||
20 | required: true, | ||
21 | validate: CKEDITOR.dialog.validate.notEmpty( editor.lang.html5audio.urlMissing ), | ||
22 | setup: function( widget ) { | ||
23 | this.setValue( widget.data.src ); | ||
24 | }, | ||
25 | commit: function( widget ) { | ||
26 | widget.setData( 'src', this.getValue() ); | ||
27 | } | ||
28 | }, | ||
29 | { | ||
30 | type: 'button', | ||
31 | id: 'browse', | ||
32 | // v-align with the 'txtUrl' field. | ||
33 | // TODO: We need something better than a fixed size here. | ||
34 | style: 'display:inline-block;margin-top:14px;', | ||
35 | align: 'center', | ||
36 | label: editor.lang.common.browseServer, | ||
37 | hidden: true, | ||
38 | filebrowser: 'info:url' | ||
39 | } ] | ||
40 | } ] | ||
41 | }, | ||
42 | { | ||
43 | type: 'hbox', | ||
44 | id: 'alignment', | ||
45 | children: [ { | ||
46 | type: 'radio', | ||
47 | id: 'align', | ||
48 | label: editor.lang.common.align, | ||
49 | items: [ | ||
50 | [editor.lang.common.alignCenter, 'center'], | ||
51 | [editor.lang.common.alignLeft, 'left'], | ||
52 | [editor.lang.common.alignRight, 'right'], | ||
53 | [editor.lang.common.alignNone, 'none'] | ||
54 | ], | ||
55 | 'default': 'center', | ||
56 | setup: function( widget ) { | ||
57 | if ( widget.data.align ) { | ||
58 | this.setValue( widget.data.align ); | ||
59 | } | ||
60 | }, | ||
61 | commit: function( widget ) { | ||
62 | widget.setData( 'align', this.getValue() ); | ||
63 | } | ||
64 | } ] | ||
65 | } ] | ||
66 | }, | ||
67 | { | ||
68 | id: 'Upload', | ||
69 | hidden: true, | ||
70 | filebrowser: 'uploadButton', | ||
71 | label: editor.lang.html5audio.upload, | ||
72 | elements: [ { | ||
73 | type: 'file', | ||
74 | id: 'upload', | ||
75 | label: editor.lang.html5audio.btnUpload, | ||
76 | style: 'height:40px', | ||
77 | size: 38 | ||
78 | }, | ||
79 | { | ||
80 | type: 'fileButton', | ||
81 | id: 'uploadButton', | ||
82 | filebrowser: 'info:url', | ||
83 | label: editor.lang.html5audio.btnUpload, | ||
84 | 'for': [ 'Upload', 'upload' ] | ||
85 | } ] | ||
86 | }, | ||
87 | { | ||
88 | id: 'advanced', | ||
89 | label: editor.lang.html5audio.advanced, | ||
90 | elements: [ { | ||
91 | type: 'vbox', | ||
92 | padding: 0, | ||
93 | children: [ { | ||
94 | type: 'hbox', | ||
95 | children: [ { | ||
96 | type: 'radio', | ||
97 | id: 'autoplay', | ||
98 | label: editor.lang.html5audio.autoplay, | ||
99 | items: [ | ||
100 | [editor.lang.html5audio.yes, 'yes'], | ||
101 | [editor.lang.html5audio.no, 'no'] | ||
102 | ], | ||
103 | 'default': 'no', | ||
104 | setup: function( widget ) { | ||
105 | if ( widget.data.autoplay ) { | ||
106 | this.setValue( widget.data.autoplay ); | ||
107 | } | ||
108 | }, | ||
109 | commit: function( widget ) { | ||
110 | widget.setData( 'autoplay', this.getValue() ); | ||
111 | } | ||
112 | }, | ||
113 | { | ||
114 | type: 'radio', | ||
115 | id: 'allowdownload', | ||
116 | label: editor.lang.html5audio.allowdownload, | ||
117 | items: [ | ||
118 | [editor.lang.html5audio.yes, 'yes'], | ||
119 | [editor.lang.html5audio.no, 'no'] | ||
120 | ], | ||
121 | 'default': 'no', | ||
122 | setup: function( widget ) { | ||
123 | if ( widget.data.allowdownload ) { | ||
124 | this.setValue(widget.data.allowdownload); | ||
125 | } | ||
126 | }, | ||
127 | commit: function( widget ) { | ||
128 | widget.setData( 'allowdownload', this.getValue() ); | ||
129 | } | ||
130 | } ] | ||
131 | } ] | ||
132 | } ] | ||
133 | } ] | ||
134 | }; | ||
135 | } ); | ||