Skip to content

Instantly share code, notes, and snippets.

@anointed

anointed/kaltura-modal.php

Created July 23, 2012 04:51
Show Gist options
  • Save anointed/3162011 to your computer and use it in GitHub Desktop.
Save anointed/3162011 to your computer and use it in GitHub Desktop.
Download ZIP
Add meta-box
Raw
kaltura-modal.php
<?php if (!defined("WP_ADMIN")) die();?>
<?php if ($viewData["uiConfId"]): ?>
<script type="text/javascript">
var playerWidth = "<?php echo $viewData["playerWidth"]; ?>";
var playerHeight = "<?php echo $viewData["playerHeight"]; ?>";
var uiConfId = "<?php echo $viewData["uiConfId"]; ?>";
var entryId = "<?php echo $viewData["entryId"]; ?>";
var addPermission = "<?php echo $viewData["addPermission"]; ?>";
var editPermission = "<?php echo $viewData["editPermission"]; ?>";
var htmlArray = [];
htmlArray.push('[');
htmlArray.push('kaltura-widget ');
htmlArray.push('uiconfid="'+uiConfId+'" ');
htmlArray.push('entryid="'+entryId+'" ');
htmlArray.push('width="'+playerWidth+'" ');
htmlArray.push('height="'+playerHeight+'" ');
htmlArray.push('addpermission="'+addPermission+'" ');
htmlArray.push('editpermission="'+editPermission+'" ');
htmlArray.push('/]');
htmlArray.push('\n');
var html = htmlArray.join('');
// lets make it safe
try
{
var topWindow = Kaltura.getTopWindow();
if (topWindow.tinyMCE && topWindow.tinyMCE.get('content') && !topWindow.tinyMCE.get('content').isHidden())
{
topWindow.tinyMCE.execCommand('mceInsertRawHTML', false, html);
}
else
{
if (topWindow.edInsertContent)
{
topWindow.edInsertContent(topWindow.document.getElementById('content'), html);
}
else
{
var content = topWindow.jQuery('#content');
content.val(content.val() + html);
}
}
<?php if (count($viewData["nextEntryIds"]) > 0): ?>
var url = "<?php echo KalturaHelpers::generateTabUrl(array("tab" => "kaltura_upload", "kaction" => "sendtoeditor", "firstedit" => "true", "entryIds" => $viewData["nextEntryIds"])); ?>";
window.location.href = url;
<?php else: ?>
setTimeout('topWindow.tb_remove()', 0);
<?php endif; ?>
}
catch(e)
{
var displayEditTable = true;
}
</script>
<div id="sendToEditor" class="kalturaTab">
<form method="post" class="kalturaForm">
<table class="form-table" style="display: none;">
<tr>
<td>
<b>We were unable to insert the player code into the editor. Please copy and paste the code as it appears below.</b>
<br />
<br />
<textarea id="txtCode" rows="3" style="width: 90%" readonly="readonly"></textarea>
<br />
<br />
<center>
<input type="button" value="<?php echo attribute_escape( __( 'Close' ) ); ?>" onclick="setTimeout('topWindow.tb_remove()', 0);" name="close" class="button-secondary" />
</center>
</td>
</tr>
</table>
</form>
</div>
<script>
if (displayEditTable)
{
jQuery("table").show();
jQuery("#txtCode").val(html);
}
</script>
<?php else: ?>
<?php
$flashVarsStr = KalturaHelpers::flashVarsToString($viewData["flashVars"]);
?>
<div id="sendToEditor" class="kalturaTab">
<?php if (@$_GET["firstedit"] != "true"): ?>
<div class="backDiv">
<a href="<?php echo KalturaHelpers::generateTabUrl(array('tab' => 'kaltura_browse')); ?>"><img src="<?php echo KalturaHelpers::getPluginUrl(); ?>/images/back.gif" alt="Back"/></a>
</div>
<?php endif; ?>
<form method="post" class="kalturaForm" action="<?php echo KalturaHelpers::generateTabUrl(array("tab" => "kaltura_upload", "kaction" => "sendtoeditor", "firstedit" => "true", "entryIds" => $viewData["nextEntryIds"])); ?>">
<table class="form-table">
<tr>
<td valign="top" width="240">
<div id="divKalturaPlayer"></div>
<script type="text/javascript">
function updateRatio() {
var ratio = jQuery("input[name=playerRatio]:checked").val();
if (ratio == "16:9")
{
jQuery("#playerWidthLarge").next().text("Large (665x342)");
jQuery("#playerWidthMedium").next().text("Small (260x211)");
}
else
{
jQuery("#playerWidthLarge").next().text("Large (665x385)");
jQuery("#playerWidthMedium").next().text("Small (260x260)");
}
}
</script>
</td>
<td valign="top">
<table class="options">
<tr>
<td style="padding-bottom:22px;" colspan="2">
<?php if ($viewData["isLibrary"])?>
<label for="ktitle">Title:</label>
<input type="text" name="ktitle" id="ktitle" size="32" value="<?php echo $viewData["entry"]->name; ?>" style="margin-left:6px;" />
<span style="color:red; font-size: 20px; font-weight: bold; display: none; line-height: 20px">*</span>
</td>
</tr>
<tr>
<td valign="top">
<div class="selectBox">
<label for="uiConfId">Select player design:</label>
<select name="uiConfId" id="uiConfId"></select>
<?php if ($selectedPlayerName): ?>
<script type="text/javascript">
embedPreviewPlayer('<?php echo $selectedPlayerName; ?>');
</script>
<?php endif; ?>
</div>
<?php if ($viewData["entry"]->type == KalturaEntryType_MIX): ?>
<div class="selectBox">
<label for="addPermission">Who can add to video:</label>
<select name="addPermission" id="addPermission">
<option value="3" <?php echo @get_option("kaltura_permissions_add") == "3" ? "selected=\"selected\"" : ""; ?>>Blog Administrators</option>
<option value="2" <?php echo @get_option("kaltura_permissions_add") == "2" ? "selected=\"selected\"" : ""; ?>>Blog Editors/Contributors & Authors</option>
<option value="1" <?php echo @get_option("kaltura_permissions_add") == "1" ? "selected=\"selected\"" : ""; ?>>Blog Subscribers</option>
<option value="0" <?php echo @get_option("kaltura_permissions_add") == "0" ? "selected=\"selected\"" : ""; ?>>Everybody</option>
</select>
</div>
<div class="selectBox">
<label for="editPermission">Who can edit the video:</label>
<select name="editPermission" id="editPermission">
<option value="3" <?php echo @get_option("kaltura_permissions_edit") == "3" ? "selected=\"selected\"" : ""; ?>>Blog Administrators</option>
<option value="2" <?php echo @get_option("kaltura_permissions_edit") == "2" ? "selected=\"selected\"" : ""; ?>>Blog Editors/Contributors & Authors</option>
<option value="1" <?php echo @get_option("kaltura_permissions_edit") == "1" ? "selected=\"selected\"" : ""; ?>>Blog Subscribers</option>
<option value="0" <?php echo @get_option("kaltura_permissions_edit") == "0" ? "selected=\"selected\"" : ""; ?>>Everybody</option>
</select>
</div>
<?php else: ?>
<input type="hidden" name="addPermission" value="-1" />
<input type="hidden" name="editPermission" value="-1" />
<?php endif; ?>
</td>
<td valign="top" style="padding-left:25px;">
<strong>Player Dimensions:</strong>
<div class="playerRatioDiv">
<span><input type="radio" class="iradio" name="playerRatio" id="playerRatioNormal" onclick="updateRatio();" value="4:3" checked="checked" /><label for="playerRatioNormal">Normal</label></span>&nbsp;&nbsp;
<span><input type="radio" class="iradio" name="playerRatio" id="playerRatioWide" onclick="updateRatio();" value="16:9" <?php echo $wideScreenDisabled; ?>/><label for="playerRatioWide">Widescreen</label></span>
</div>
<strong>Select player size:</strong>
<div class="radioBox">
<input type="radio" class="iradio" name="playerWidth" id="playerWidthLarge" value="665" checked="checked" /><label for="playerWidthLarge"></label><br />
</div>
<div class="radioBox">
<input type="radio" class="iradio" name="playerWidth" id="playerWidthMedium" value="260" /><label for="playerWidthMedium"></label>
</div>
<div class="radioBox">
<input type="radio" class="iradio" name="playerWidth" id="playerWidthCustom" value="" /><label for="playerCustomWidth">Custom width</label>
<input type="text" name="playerCustomWidth" id="playerCustomWidth" maxlength="3" size="3" />
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<?php if ($viewData["entry"]->type == KalturaEntryType_MIX): ?>
<p class="note"><?php _e('Note: If your custom player includes the "Edit" and/or "Upload" actions make sure you allow users to edit this video.'); ?></p>
<?php elseif ($viewData["entry"]->type == KalturaEntryType_MEDIA_CLIP): ?>
<p class="note"><?php _e('Note: Make sure you do not use a player that includes the "Edit" and/or "Upload" actions, as this video is not editable.'); ?></p>
<?php endif; ?>
<p class="submit">
<input type="submit" value="<?php echo attribute_escape( __( 'Add Video' ) ); ?>" name="tumble2_kaltura-video" class="button-secondary" />
</p>
</form>
</div>
<script type="text/javascript">
updateRatio();
jQuery("#playerCustomWidth").click(function(){
jQuery(this).siblings("[type=radio]").attr("checked", "checked");
});
jQuery("input[type=submit]").click(function () {
jQuery("#ktitle").css("border-color", "").siblings("span").hide();
if (jQuery("#ktitle").val().replace(/ /g, "").length == 0) {
jQuery("#ktitle").css("border-color", "red").siblings("span").show();
return false;
}
jQuery("#playerWidthCustom").val(jQuery("#playerCustomWidth").val());
if (jQuery("#playerWidthCustom").attr("checked"))
{
customWidth = jQuery("#playerCustomWidth").val();
if (!customWidth.match(/^[0-9]+$/))
{
jQuery("#playerCustomWidth").css("background-color", "red");
return false;
}
}
return true;
});
jQuery().kalturaPlayerSelector({
url: '<?php echo KalturaHelpers::getPluginUrl() ?>/ajax_get_players.php',
defaultId: '<?php echo get_option("kaltura_default_player_type"); ?>',
swfBaseUrl: '<?php echo KalturaHelpers::getSwfUrlForWidget(); ?>',
previewId: 'divKalturaPlayer',
entryId: '<?php echo $viewData["entry"]->id; ?>',
playersList: '#uiConfId',
dimensions: 'input[name=playerRatio]',
submit: 'input[name=tumble2_kaltura-video]',
onSelect: function() {
fixHeight();
}
});
function fixHeight() {
var topWindow = Kaltura.getTopWindow();
topWindow.Kaltura.animateModalSize(680,jQuery("#sendToEditor").height() + 70);
}
fixHeight();
</script>
<?php endif; ?>
Raw
meta-box.php
<?php
// Add the Meta Box
function tumble_add_custom_meta_box() {
add_meta_box(
'custom_meta_box', // $id
'Kaltura Video Management', // $title
'tumble_show_custom_meta_box', // $callback
'post', // $page
'normal', // $context
'high'); // $priority
}
add_action('add_meta_boxes', 'tumble_add_custom_meta_box');
// Field Array
$prefix = 'tumble2_';
$custom_meta_fields = array(
array(
'label'=> 'Video',
'desc' => 'Add your kaltura video here.',
'id' => $prefix.'kaltura-video',
'type' => 'text'
)
);
// The Callback
function tumble_show_custom_meta_box() {
global $custom_meta_fields, $post;
// Use nonce for verification
echo '<input type="hidden" name="custom_meta_box_nonce" value="'.wp_create_nonce(basename(__FILE__)).'" />';
// Begin the field table and loop
echo '<table class="form-table">';
foreach ($custom_meta_fields as $field) {
// get value of this field if it exists for this post
$meta = get_post_meta($post->ID, $field['id'], true);
// begin a table row with
echo '<tr>
<td>';
switch($field['type']) {
// text
case 'text':
echo '<input type="text" name="'.$field['id'].'" id="'.$field['id'].'" value="'.$meta.'" size="30" />
<span class="description">'.$field['desc'].'</span>';
break;
} //end switch
echo '</td><td>'.media_buttons().'</td></tr>';
} // end foreach
echo '</table>'; // end table
}
// Save the Data
function tumble_save_custom_meta($post_id) {
global $custom_meta_fields;
// verify nonce
if (!wp_verify_nonce($_POST['custom_meta_box_nonce'], basename(__FILE__)))
return $post_id;
// check autosave
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE)
return $post_id;
// check permissions
if ('page' == $_POST['post_type']) {
if (!current_user_can('edit_page', $post_id))
return $post_id;
} elseif (!current_user_can('edit_post', $post_id)) {
return $post_id;
}
// loop through fields and save the data
foreach ($custom_meta_fields as $field) {
$old = get_post_meta($post_id, $field['id'], true);
$new = $_POST[$field['id']];
if ($new && $new != $old) {
update_post_meta($post_id, $field['id'], $new);
} elseif ('' == $new && $old) {
delete_post_meta($post_id, $field['id'], $old);
}
} // end foreach
}
add_action('save_post', 'tumble_save_custom_meta');
function custom_post_admin_css() {
wp_register_style( 'post-admin-css', TUMBLE_URI . '/assets/css/post-admin.css' );
wp_enqueue_style( 'post-admin-css' );
} // Add a stylesheet for custom post admin panels
add_action('admin_init', 'custom_post_admin_css');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment