Angel Fernando Quiroz Campos
5 years ago
commit
3ea7c0ecee
@ -0,0 +1,240 @@ |
||||
/* For licensing terms, see /LICENSE */ |
||||
|
||||
(function () { |
||||
CKEDITOR.dialog.add( |
||||
'vimeoEmbedDialog', |
||||
function (editor) { |
||||
var lang = editor.lang.ckeditor_vimeo_embed; |
||||
|
||||
function post(url, data, callback) { |
||||
var xhr = new XMLHttpRequest(); |
||||
xhr.open( 'POST', url, true ); |
||||
xhr.onreadystatechange = function() { |
||||
if ( xhr.readyState == 4 ) { |
||||
callback(xhr.response); |
||||
xhr = null; |
||||
} |
||||
}; |
||||
xhr.send(data); |
||||
|
||||
return xhr; |
||||
} |
||||
|
||||
function setUploadStatus(status) { |
||||
var elStatus = document.getElementById('ve-upload-status'); |
||||
|
||||
if ('process' === status) { |
||||
elStatus.textContent = lang.uploadProcess; |
||||
|
||||
return; |
||||
} |
||||
|
||||
if ('end' === status) { |
||||
elStatus.textContent = lang.uploadEnd; |
||||
|
||||
return; |
||||
} |
||||
|
||||
elStatus.textContent = ''; |
||||
} |
||||
|
||||
var xhrPost = null; |
||||
var stillUploading = false; |
||||
var embedHtml = ''; |
||||
|
||||
return { |
||||
title: 'Vimeo Embed', |
||||
minWidth: 600, |
||||
minHeight: 400, |
||||
contents: [ |
||||
{ |
||||
id: 've-basic', |
||||
title: lang.upload, |
||||
label: lang.upload, |
||||
elements: [ |
||||
{ |
||||
type: 'text', |
||||
id: 'title', |
||||
label: lang.title, |
||||
}, |
||||
{ |
||||
type: 'textarea', |
||||
id: 'description', |
||||
label: lang.description |
||||
}, |
||||
{ |
||||
type: 'html', |
||||
html: '<input id="ve-file" type="file" accept="video/*">' |
||||
}, |
||||
{ |
||||
type: 'vbox', |
||||
children: [ |
||||
{ |
||||
type: 'checkbox', |
||||
id: 'privacy-download', |
||||
label: lang.privacyDownload |
||||
}, |
||||
{ |
||||
type: 'hbox', |
||||
widths: ['65%', '35%'], |
||||
children: [ |
||||
{ |
||||
type: 'select', |
||||
id: 'privacy-embed', |
||||
label: lang.privacyEmbed, |
||||
items: [ |
||||
// [lang.privacyEmbedPrivate, 'private'],
|
||||
[lang.privacyEmbedPublic, 'public'], |
||||
[lang.privacyEmbedWhitelist, 'whitelist'], |
||||
], |
||||
'default': 'public' |
||||
}, |
||||
{ |
||||
type: 'text', |
||||
id: 'privacy-embed-whitelist', |
||||
label: lang.privacyEmbedWhitelistList |
||||
}, |
||||
] |
||||
}, |
||||
{ |
||||
type: 'select', |
||||
id: 'privacy-view', |
||||
label: lang.privacyView, |
||||
items: [ |
||||
[lang.privacyViewAnybody, 'anybody'], |
||||
[lang.privacyViewContacts, 'contacts'], |
||||
[lang.privacyViewDisable, 'disable'], |
||||
[lang.privacyViewNobody, 'nobody'], |
||||
[lang.privacyViewUnlisted, 'unlisted'], |
||||
// [lang.privacyViewPassword, 'password'],
|
||||
// [lang.privacyViewUsers, 'users'],
|
||||
], |
||||
'default': 'unlisted' |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
type: 'hbox', |
||||
widths: ['1%', '100%'], |
||||
children: [ |
||||
{ |
||||
type: 'button', |
||||
id: 'submit', |
||||
label: lang.uploadFile, |
||||
title: lang.uploadFile, |
||||
onClick: function () { |
||||
var dialog = this.getDialog(); |
||||
|
||||
var title = dialog.getValueOf('ve-basic', 'title').trim(); |
||||
var description = dialog.getValueOf('ve-basic', 'description').trim(); |
||||
var privacyDownload = dialog.getValueOf('ve-basic', 'privacy-download'); |
||||
var privacyEmbed = dialog.getValueOf('ve-basic', 'privacy-embed'); |
||||
var privacyEmbedWhiteList = dialog.getValueOf('ve-basic', 'privacy-embed-whitelist').trim(); |
||||
var privacyView = dialog.getValueOf('ve-basic', 'privacy-view'); |
||||
var files = document.getElementById('ve-file').files; |
||||
|
||||
if (xhrPost) { |
||||
return; |
||||
} |
||||
|
||||
if (!title || !title.length) { |
||||
dialog.getContentElement('ve-basic', 'title').focus(); |
||||
|
||||
return; |
||||
} |
||||
|
||||
if (!files || files.length !== 1) { |
||||
document.getElementById('ve-file').focus(); |
||||
|
||||
return; |
||||
} |
||||
|
||||
if (privacyEmbed === 'whitelist' && !privacyEmbedWhiteList.length) { |
||||
dialog.getContentElement('ve-basic', 'privacy-embed-whitelist').focus(); |
||||
|
||||
return; |
||||
} |
||||
|
||||
stillUploading = true; |
||||
embedHtml = ''; |
||||
|
||||
setUploadStatus('process'); |
||||
|
||||
var formData = new FormData(); |
||||
formData.append('title', title); |
||||
formData.append('description', description); |
||||
formData.append('ve_file', files[0], files[0].name); |
||||
formData.append('privacy_download', privacyDownload); |
||||
formData.append('privacy_embed', privacyEmbed); |
||||
formData.append('privacy_embed_whitelist', privacyEmbedWhiteList); |
||||
formData.append('privacy_view', privacyView); |
||||
|
||||
xhrPost = post( |
||||
CKEDITOR.plugins.getPath('ckeditor_vimeo_embed') + 'integration/upload.php', |
||||
formData, |
||||
function (response) { |
||||
xhrPost = null; |
||||
|
||||
if (!response) { |
||||
return; |
||||
} |
||||
|
||||
stillUploading = false; |
||||
|
||||
var json = JSON.parse(response); |
||||
|
||||
if (json.error) { |
||||
alert(json.message); |
||||
setUploadStatus(''); |
||||
} else { |
||||
embedHtml = json.embed; |
||||
|
||||
setUploadStatus('end'); |
||||
|
||||
dialog.disableButton('cancel'); |
||||
} |
||||
} |
||||
); |
||||
} |
||||
}, |
||||
{ |
||||
type: 'html', |
||||
html: '<span id="ve-upload-status" style="font-weight: bold;font-size: 14px;line-height: 28px;vertical-align: middle;height: 28px;display: table-cell;"></span>' |
||||
} |
||||
] |
||||
}, |
||||
] |
||||
}, |
||||
], |
||||
onShow: function () { |
||||
xhrPost = null; |
||||
stillUploading = false; |
||||
embedHtml = ''; |
||||
|
||||
setUploadStatus(''); |
||||
|
||||
document.getElementById('ve-file').value = null; |
||||
|
||||
this.enableButton('cancel'); |
||||
}, |
||||
onOk: function () { |
||||
if (stillUploading) { |
||||
alert(lang.alertStillUploading); |
||||
|
||||
return false; |
||||
} |
||||
|
||||
if (embedHtml) { |
||||
editor.insertHtml(embedHtml); |
||||
} |
||||
}, |
||||
onCancel: function (evt) { |
||||
if (evt.data.hide && xhrPost) { |
||||
xhrPost.abort(); |
||||
xhrPost = null; |
||||
} |
||||
} |
||||
}; |
||||
} |
||||
); |
||||
})(); |
||||
|
After Width: | Height: | Size: 2.2 KiB |
@ -0,0 +1,106 @@ |
||||
<?php |
||||
/* For licensing terms, see /LICENSE */ |
||||
|
||||
use Vimeo\Vimeo; |
||||
|
||||
require __DIR__.'/../../../../../../global.inc.php'; |
||||
|
||||
$config = api_get_configuration_sub_value('ckeditor_vimeo_embed/config'); |
||||
|
||||
if (false === $config || |
||||
empty($config['client_id']) || empty($config['client_secret']) || empty($config['access_token']) |
||||
) { |
||||
echo json_encode(['error' => true, 'message' => get_lang('NotAllowed')]); |
||||
exit; |
||||
} |
||||
|
||||
header('Content-Type: application/json'); |
||||
|
||||
try { |
||||
if (empty($_FILES) || |
||||
empty($_POST) || |
||||
empty($_POST['title']) || |
||||
!isset($_POST['description']) || |
||||
empty($_FILES['ve_file']) || |
||||
!isset($_POST['privacy_download']) || |
||||
empty($_POST['privacy_embed']) || |
||||
!isset($_POST['privacy_embed_whitelist']) || |
||||
empty($_POST['privacy_view']) |
||||
) { |
||||
throw new Exception('Missing params.'); |
||||
} |
||||
|
||||
if ($_FILES['ve_file']['error'] !== UPLOAD_ERR_OK) { |
||||
throw new Exception("File error ({$_FILES['ve_file']['error']})."); |
||||
} |
||||
|
||||
if (empty($config['access_token'])) { |
||||
throw new Exception( |
||||
'You can not upload a file without an access token. You can find this token on your app page.' |
||||
); |
||||
} |
||||
|
||||
$vimeo = new Vimeo($config['client_id'], $config['client_secret'], $config['access_token']); |
||||
|
||||
$uri = $vimeo->upload( |
||||
$_FILES['ve_file']['tmp_name'], |
||||
array( |
||||
'name' => $_POST['title'], |
||||
'description' => $_POST['description'], |
||||
'privacy' => [ |
||||
'download' => $_POST['privacy_download'] === 'true', |
||||
'embed' => $_POST['privacy_embed'], |
||||
'view' => $_POST['privacy_view'], |
||||
], |
||||
) |
||||
); |
||||
|
||||
if ('whitelist' === $_POST['privacy_embed'] && !empty($_POST['privacy_embed_whitelist'])) { |
||||
$vimeo->request( |
||||
"$uri/privacy/domains/{$_POST['privacy_embed_whitelist']}", |
||||
[], |
||||
'PUT' |
||||
); |
||||
} |
||||
|
||||
$videoData = $vimeo->request("$uri?fields=link"); |
||||
|
||||
$singleUri = str_replace('videos', 'video', $uri); |
||||
|
||||
$embed = '<div class="embeddedContent"> |
||||
<div style="padding:56.25% 0 0 0;position:relative;"> |
||||
<iframe allow="autoplay; fullscreen" allowfullscreen frameborder="0" |
||||
src="https://player.vimeo.com'.$singleUri.'" |
||||
style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe> |
||||
</div> |
||||
</div>'; |
||||
|
||||
echo json_encode( |
||||
[ |
||||
'uploaded' => true, |
||||
'url' => $videoData['body']['link'], |
||||
'embed' => $embed, |
||||
] |
||||
); |
||||
} catch (VimeoUploadException $exception) { |
||||
echo json_encode( |
||||
[ |
||||
'error' => true, |
||||
'message' => $e->getMessage(), |
||||
] |
||||
); |
||||
} catch (VimeoRequestException $exception) { |
||||
echo json_encode( |
||||
[ |
||||
'error' => true, |
||||
'message' => $exception->getMessage(), |
||||
] |
||||
); |
||||
} catch (Exception $exception) { |
||||
echo json_encode( |
||||
[ |
||||
'error' => true, |
||||
'message' => $exception->getMessage(), |
||||
] |
||||
); |
||||
} |
||||
@ -0,0 +1,27 @@ |
||||
/* For licensing terms, see /LICENSE */ |
||||
|
||||
CKEDITOR.plugins.setLang('ckeditor_vimeo_embed', 'en', { |
||||
upload: 'Upload', |
||||
privacy: 'Privacy', |
||||
title: 'Title', |
||||
description: 'Description', |
||||
selectFile: 'Select video file from your computer', |
||||
uploadFile: 'Upload file', |
||||
privacyDownload: 'Whether people can download the video', |
||||
privacyEmbed: 'Where the video can be embedded?', |
||||
privacyEmbedPrivate: "The video can't be embedded", |
||||
privacyEmbedPublic: 'The video can be embedded', |
||||
privacyEmbedWhitelist: 'The video can be embedded on the specified domains only', |
||||
privacyView: 'Who can view the video on Vimeo?', |
||||
privacyViewAnybody: 'Anyone can access the video', |
||||
privacyViewContacts: "Only the owner's contacts can access the video", |
||||
privacyViewDisable: 'The video is disabled', |
||||
privacyViewNobody: 'No one except the owner can access the video', |
||||
privacyViewPassword: 'Only those with the password can access the video', |
||||
privacyViewUnlisted: 'The video is unlisted. Anyone can access it, but it doesn\'t appear in search', |
||||
privacyViewUsers: 'Only Vimeo members can access the video', |
||||
privacyEmbedWhitelistList: 'Whitelist (indicate domain)', |
||||
alertStillUploading: 'Current video file is uploading…', |
||||
uploadEnd: 'Video uploaded ✔', |
||||
uploadProcess: 'Uploading video, please wait…', |
||||
}); |
||||
@ -0,0 +1,27 @@ |
||||
/* For licensing terms, see /LICENSE */ |
||||
|
||||
CKEDITOR.plugins.setLang('ckeditor_vimeo_embed', 'es', { |
||||
upload: 'Subir', |
||||
privacy: 'Privacidad', |
||||
title: 'Título', |
||||
description: 'Descripción', |
||||
selectFile: 'Seleccionar archivo de video de tu computadora', |
||||
uploadFile: 'Subir archivo', |
||||
privacyDownload: 'Las personas pueden descargar el video', |
||||
privacyEmbed: '¿Dónde se puede incrustar el video?', |
||||
privacyEmbedPrivate: "El vídeo no se puede insertar", |
||||
privacyEmbedPublic: 'El vídeo se puede insertar', |
||||
privacyEmbedWhitelist: 'El vídeo se puede insertar sólo en los dominios especificados', |
||||
privacyView: '¿Quién puede ver el vídeo en Vimeo?', |
||||
privacyViewAnybody: 'Cualquiera puede acceder al video', |
||||
privacyViewContacts: "Sólo los contactos del propietario pueden acceder al vídeo", |
||||
privacyViewDisable: 'El vídeo está deshabilitado', |
||||
privacyViewNobody: 'Nadie, excepto el propietario, puede acceder al vídeo', |
||||
privacyViewPassword: 'Sólo aquellos con la contraseña pueden acceder al vídeo', |
||||
privacyViewUnlisted: 'El vídeo no está en la lista. Cualquiera puede acceder a él, pero no aparece en la búsqueda', |
||||
privacyViewUsers: 'Sólo los miembros de Vimeo pueden acceder al vídeo', |
||||
privacyEmbedWhitelistList: 'Lista blanca (indicar dominio)', |
||||
alertStillUploading: 'El archivo de video actual se está cargando…', |
||||
uploadEnd: 'Vídeo subido ✔', |
||||
uploadProcess: 'Subiendo video, por favor espere…', |
||||
}); |
||||
@ -0,0 +1,22 @@ |
||||
/* For licensing terms, see /LICENSE */ |
||||
|
||||
(function () { |
||||
CKEDITOR.plugins.add('ckeditor_vimeo_embed', { |
||||
lang: ['en', 'es'], |
||||
icons: 'VimeoEmbed', |
||||
init: function (editor) { |
||||
editor.addCommand( |
||||
'vimeoEmbed', |
||||
new CKEDITOR.dialogCommand('vimeoEmbedDialog') |
||||
); |
||||
|
||||
editor.ui.addButton('VimeoEmbed', { |
||||
label: 'Embed a Vimeo video', |
||||
command: 'vimeoEmbed', |
||||
toolbar: 'insert,0' |
||||
}); |
||||
|
||||
CKEDITOR.dialog.add('vimeoEmbedDialog', this.path + 'dialogs/vimeo_embed.js'); |
||||
} |
||||
}); |
||||
})(); |
||||
Loading…
Reference in new issue