aboutsummaryrefslogtreecommitdiffstats
path: root/librevideojs/js/mce-button.js
blob: 76a241817c5a2f6be1c776805fcddc09ded50248 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/*!
 * @source:
 *
 *
 * @licstart  The following is the entire license notice for the
 *  JavaScript code in this page.
 *
 * Copyleft 2016 Jorge Maldonado
 *
 * The JavaScript code in this page is free software: you can
 * redistribute it and/or modify it under the terms of the GNU
 * General Public License (GNU GPL) as published by the Free Software
 * Foundation, either version 3 of the License, or (at your option)
 * any later version.  The code is distributed WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 *
 * As additional permission under GNU GPL version 3 section 7, you
 * may distribute non-source (e.g., minimized or compacted) forms of
 * that code without the copy of the GNU GPL normally required by
 * section 4, provided you include this license notice and a URL
 * through which recipients can access the Corresponding Source.
 *
 * @licend  The above is the entire license notice
 * for the JavaScript code in this page.
 *
 */
/**
 *
 */
(function() {
	tinymce.PluginManager.add('bs3_panel', function(editor, url) {
		var sh_tag = 'librevideojs_video';

		//add popup
		editor.addCommand('bs3_panel_popup', function(ui, v) {
			//setup defaults
			var url = '';
			if (v.url)
				url = v.url;
			var code = 'webm';
			if (v.code)
				code = v.code;
			var content = '';
			if (v.content)
				content = v.content;

			editor.windowManager.open( {
				title: 'LibreVideoJS - Inserción de vídeo',
				body: [
					{
						type: 'textbox',
						name: 'url',
						label: 'URL',
						value: url,
						tooltip: 'Inserta la URL del vídeo'
					},
					{
						type: 'listbox',
						name: 'code',
						label: 'Formato',
						value: code,
						'values': [
							{text: 'webm', value: 'webm'},
							{text: 'ogv', value: 'ogg'},
							{text: 'mp4', value: 'mp4'}
						],
						tooltip: 'Selecciona el formato del vídeo'
					},
					{
						type: 'textbox',
						name: 'content',
						label: 'Extra',
						value: content,
						multiline: true,
						minWidth: 300,
						minHeight: 100
					}
				],
				onsubmit: function( e ) {
					var shortcode_str = '[' + sh_tag + ' code="'+e.data.code+'"';
					//check for url
					if (typeof e.data.url != 'undefined' && e.data.url.length)
						shortcode_str += ' url="' + e.data.url + '"';

					//add panel content
					shortcode_str += ' ' + e.data.content + ']';
					//insert shortcode to tinymce
					editor.insertContent( shortcode_str);
				}
			});
	      	});

		//add button
		editor.addButton('bs3_panel', {
			icon: 'bs3_panel',
			tooltip: 'LibreVideoJS',
			onclick: function() {
				editor.execCommand('bs3_panel_popup','',{
					url : '',
					code   : 'webm',
					content: ''
				});
			}
		});
	});
})();