File: /home/www/fotospedroj/application/views/navegador/media_view.php
<script type="text/javascript">
function enviar_comentario( media ){
var comentario = $("textarea#form-edit-comentario").attr("value");
if (comentario.length == 0)
return;
var dataString = 'media=' + media + '&comment=' + comentario;
$('textarea#form-edit-comentario').fadeTo(0,0.5);
$('input#form-enviar-comentario').fadeTo(0,0.5);
//$('#ajax_progress_tema_nuevo').css('visibility','visible');
$.ajax({
type: 'POST',
url: '<?php echo base_url(); ?>index.php/media/crear_comentario',
data: dataString,
async: false,
success: function(resp) {
$('#comentario-0').before(resp);
$('textarea#form-edit-comentario').fadeTo(0,1);
$('input#form-enviar-comentario').fadeTo(0,1);
//$('#ajax_progress_tema_nuevo').css('visibility','hidden');
}
});
}
function eliminar_media( mid ){
var dataString = 'media='+ mid;
if (!confirm("¿Estas seguro que desea eliminar este medio?")){
return;
}
var id = '#eliminar-media-'+mid;
$(id).fadeTo(0,0.5);
$.ajax({
type: 'POST',
url: '<?php echo base_url(); ?>index.php/media/eliminar',
data: dataString,
async: false,
success: function(resp) {
if (resp == '1') {
$('#media-' + mid).remove();
}
else {
alert(resp);
$(id).fadeTo(0, 1);
}
//$('#ajax_progress_tema_nuevo').css('visibility','hidden');
}
});
}
function aplicar_edicion_titulo_media( media ){
var titulo = $("input#form-titulo-edit-media").val();
if (titulo.length == 0)
return;
var dataString = 'titulo='+ titulo + '&media=' + media;
$('input#form-enviar-titulo-edit-media').css("opacity","0.5");
$('input#form-enviar-titulo-edit-media').attr('disabled',true);
//$('#ajax_progress_tema_nuevo').css('visibility','visible');
$.ajax({
type: 'POST',
url: '<?php echo base_url(); ?>index.php/media/cambiar_titulo',
data: dataString,
async: false,
success: function(resp) {
if (resp != '0'){
alert(resp);
}
$('input#form-enviar-titulo-edit-media').css("opacity","1");
$('input#form-enviar-titulo-edit-media').attr('disabled',false);
}
});
}
function aplicar_edicion_desc_media( media ){
var descripcion = $("textarea#form-desc-edit-media").attr("value");
if (descripcion.length == 0)
return;
var dataString = 'media=' + media + '&desc=' + descripcion;
$('input#form-enviar-desc-edit-media').css("opacity","0.5");
$('input#form-enviar-desc-edit-media').attr('disabled',true);
//$('#ajax_progress_tema_nuevo').css('visibility','visible');
$.ajax({
type: 'POST',
url: '<?php echo base_url(); ?>index.php/media/cambiar_descripcion',
data: dataString,
async: false,
success: function(resp) {
if (resp != '0'){
alert(resp);
}
$('input#form-enviar-desc-edit-media').css("opacity","1");
$('input#form-enviar-desc-edit-media').attr('disabled',false);
}
});
}
</script>
<div id="cuerpo">
<?php if ($es_admin && ($media->vid == 0)): ?>
<div id="upload-form">
<form name="form_subir_medio" action="<?php echo base_url('media/upload_file');?>" method="post" enctype="multipart/form-data">
<input type="text" id="form_titulo_nuevo_medio" name="titulo" value="<?php echo $media->title;?> v<?php echo count($versiones)+1; ?>" maxlength="30">
<input type="text" id="form_descrip_nuevo_medio" name="descrip" value="<?php echo $media->description;?>">
<input type="hidden" id="form_gid_nuevo_medio" name="gid" value="<?php echo $media->gid; ?>">
<input type="hidden" id="form_vid_nuevo_medio" name="vid" value="<?php echo $media->mid; ?>">
<input id="form_file" type="file" name="userfile" size="20">
<input type="submit" name="upload" id="form_enviar_nuevo_medio" value="Subir" />
</form>
</div>
<?php endif; ?>
<a href="<?php echo base_url();?>navegador/media/<?php echo $mid_ant; ?>/<?php echo $offset; ?><?php if(isset($filtro)){ echo '/'.$filtro ; } ?>" alt="Anterior" title="Anterior"><div id="ant"><span class="glyphicon glyphicon-chevron-left"></span></div></a>
<a href="<?php echo base_url();?>navegador/media/<?php echo $mid_pos; ?>/<?php echo $offset; ?><?php if(isset($filtro)){ echo '/'.$filtro ; } ?>" alt="Siguiente" title="Siguiente"><div id="pos"><span class="glyphicon glyphicon-chevron-right"></span></div></a>
<center>
<?php if ($media->width < $media->height): ?>
<img style="max-width:<?php echo $media->width; ?>px;" class="media-media-vertical" src="<?php echo base_url();?>media/<?php echo $media->gid; ?>/<?php echo $media->filename; ?>.jpg">
<?php else: ?>
<img style="max-width:<?php echo $media->width; ?>px;" class="media-media-horizontal" src="<?php echo base_url();?>media/<?php echo $media->gid; ?>/<?php echo $media->filename; ?>.jpg">
<?php endif; ?>
<div style="max-width:<?php echo $media->width; ?>px" class="mas-datos-media-info">
<h2><?php echo $media->title; ?></h2>
<p><?php echo $media->description; ?></p>
</div>
<div style="display:block;max-width:<?php echo $media->width; ?>px;" class="fb-comments" data-href="<?php echo base_url();?>navegador/publico/<?php echo $media->filename; ?>" data-width="<?php echo $media->width; ?>" data-numposts="5" data-colorscheme="dark"></div>
<?php if ($es_galeria_editable): ?>
<div style="max-width:<?php echo $media->width; ?>px" class="comentarios">
<h2>Comentarios privados para el fotógrafo</h2>
<?php if (isset($comentarios) && (count($comentarios)>0)):
foreach ($comentarios as $comentario):
$data = array();
$data['comentario']=$comentario;
$this->load->view('media/comentario_nuevo_view',$data);
endforeach;
endif; ?>
<div id="comentario-0">
<form name="form-nuevo-comentario" action="" method="post">
<TEXTAREA id="form-edit-comentario" NAME="comment" COLS=40 ROWS=6 placeholder="Escribe aquí tu comentario..."></TEXTAREA>
<input name="boton_enviar_comentario" id="form-enviar-comentario" type="submit" value="Enviar" onclick="enviar_comentario( <?php echo $media->mid; ?> ); return false;">
</form>
</div>
</div>
<?php endif; ?>
<?php if ($es_galeria_visible && isset ($versiones) && (count ($versiones)>0) ): ?>
<div style="max-width:<?php echo $media->width; ?>px" class="versiones">
<h2>Versiones retocadas</h2>
<?php
$data = array();
$data['versiones']=$versiones;
$this->load->view('media/versiones_view',$data);
?>
</div>
<?php elseif ($es_galeria_visible && isset ($original) && (count ($original)>0) && $media->vid!=0): ?>
<div style="max-width:<?php echo $media->width; ?>px" class="versiones">
<h2>Versión original</h2>
<?php
$data = array();
$data['versiones']=$original;
$this->load->view('media/versiones_view',$data);
?>
</div>
<?php endif; ?>
<?php if ($es_admin): ?>
<div style="max-width:<?php echo $media->width; ?>px" class="mas-datos-media-info">
<h2>Más información</h2>
<p>Dimensiones: <?php echo $media->width; ?>x<?php echo $media->height; ?></p>
<p>Tamaño: <?php echo $media->filesize; ?> KB</p>
<p>Nombre archivo: <?php echo $media->original_filename; ?></p>
</div>
<?php endif; ?>
<?php if ($es_admin): ?>
<div style="max-width:<?php echo $media->width; ?>px" class="datos-media-info">
<h2>Campos de edición</h2>
<div class="titulo-media-info">
<?php if ($es_admin): ?>
<form name="form_edit_title" action="" method="post">
<input onclick="return false;" type="text" id="form-titulo-edit-media" name="titulo" value="<?php echo $media->title; ?>">
<input name="boton_enviar_titulo" id="form-enviar-titulo-edit-media" type="submit" value="Actualizar" onclick="aplicar_edicion_titulo_media( <?php echo $media->mid; ?> ); return false;">
</form>
<?php else: ?>
<h3><?php echo $media->title; ?></h3>
<?php endif; ?>
</div>
<div class="descripcion-media-info">
<?php if ($es_admin): ?>
<form name="form_edit_desc" action="" method="post">
<TEXTAREA id="form-desc-edit-media" NAME="desc" COLS=40 ROWS=6><?php echo $media->description; ?></TEXTAREA>
<input name="boton_enviar_desc" id="form-enviar-desc-edit-media" type="submit" value="Actualizar" onclick="aplicar_edicion_desc_media( <?php echo $media->mid; ?> ); return false;">
</form>
<?php else: ?>
<p><?php echo $media->description; ?></p>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<div style="max-width:<?php echo $media->width; ?>px" class="mas-datos-media-info">
<h2>Compartir foto en redes sociales</h2>
<div style="padding:6px; display:block;" class="fb-like" data-href="<?php echo base_url();?>navegador/publico/<?php echo $media->filename; ?>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
<p>Copia este enlace:<br> <input class="enlace-media" type="text" value="<?php echo base_url();?>navegador/publico/<?php echo $media->filename; ?>"></p>
</div>
</div>
</center>
<?php if (isset($media_pos)): ?>
<img style="width:0px; height:0px;" src="<?php echo base_url();?>media/<?php echo $media->gid; ?>/<?php echo $media_pos->filename; ?>.jpg">
<?php endif; ?>