400 lines
24 KiB
HTML
Executable File
400 lines
24 KiB
HTML
Executable File
<!-- Content Wrapper. Contains page content -->
|
||
<div class="content-wrapper">
|
||
<!-- Content Header (Page header) -->
|
||
<section class="content-header">
|
||
<h1>
|
||
编辑视频
|
||
</h1>
|
||
<ol class="breadcrumb">
|
||
<li><a href="<?php echo url('/admin/index/index');?>"><i class="fa fa-dashboard"></i> 首页</a></li>
|
||
<li><a href="<?php echo url('/admin/video/lists');?>"> 视频列表</a></li>
|
||
<li class="active"> 视频</li>
|
||
</ol>
|
||
</section>
|
||
|
||
<!-- Main content -->
|
||
<section class="content">
|
||
<div class="row">
|
||
<div class="col-md-10">
|
||
<form class="form-horizontal" action="<?php echo url('/admin/video/update');?>" method="post">
|
||
<div class="nav-tabs-custom">
|
||
<ul class="nav nav-tabs">
|
||
<li class="active"><a href="#navfirst" data-toggle="tab"><i class="fa fa-edit text-green"></i> 基本信息</a></li>
|
||
<li><a href="#navsecond" data-toggle="tab">详细内容</a></li>
|
||
<li><a href="#navthird" data-toggle="tab">文件信息</a></li>
|
||
<li><a href="#navfourth" data-toggle="tab">SEO设置</a></li>
|
||
|
||
|
||
</ul>
|
||
<div class="tab-content">
|
||
<div class="active tab-pane" id="navfirst">
|
||
<div class="form-group">
|
||
<label for="name" class="col-sm-2 control-label">视频名称<em style="color:red;">*</em></label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" name="name" id="name" required value="<?php echo $video['name'];?>">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(视频名称)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="cid" class="col-sm-2 control-label">所属分类<em style="color:red;">*</em></label>
|
||
<div class="col-sm-5">
|
||
<select class="form-control" name="cid" id="cid">
|
||
<option value="0">默认值</option>
|
||
<?php echo $categoryOptions;?>
|
||
</select>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(所属分类)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" style="display:none;">
|
||
<label for="product" class="col-sm-2 control-label">产品</label>
|
||
<div class="col-sm-5">
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" readonly id="producter" value="<?php echo isset($goods['name'])?$goods['name']:'';?>">
|
||
<input type="hidden" name="product" id="product" value="<?php echo $video['product'];?>">
|
||
<span class="input-group-btn">
|
||
<button class="btn btn-primary showproduct" type="button">选择</button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(产品)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="sort" class="col-sm-2 control-label">视频排序<em style="color:red;">*</em></label>
|
||
<div class="col-sm-2">
|
||
<input type="text" class="form-control" name="sort" id="sort" value="<?php echo $video['sort'];?>">
|
||
</div>
|
||
<div class="col-sm-5 col-sm-offset-3">
|
||
<span class="help-block">(视频排序)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" style="display:none;">
|
||
<label for="playcount" class="col-sm-2 control-label">播放数量</label>
|
||
<div class="col-sm-2">
|
||
<input type="text" class="form-control" name="playcount" id="playcount" value="<?php echo $video['playcount'];?>">
|
||
</div>
|
||
<div class="col-sm-5 col-sm-offset-3">
|
||
<span class="help-block">(播放数量)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="headline" class="col-sm-2 control-label">首页推荐</label>
|
||
<div class="col-sm-5">
|
||
<label class="radio-inline">
|
||
<input name="headline" type="radio" value="1" <?php if($video['headline']):?>checked=""<?php endif;?>/> 是
|
||
</label>
|
||
<label class="radio-inline">
|
||
<input name="headline" type="radio" value="0" <?php if(!$video['headline']):?>checked=""<?php endif;?>/> 否
|
||
</label>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(首页推荐)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="ishot" class="col-sm-2 control-label">热门推荐</label>
|
||
<div class="col-sm-5">
|
||
<label class="radio-inline">
|
||
<input name="ishot" type="radio" value="1" <?php if($video['ishot']):?>checked=""<?php endif;?>/> 是
|
||
</label>
|
||
<label class="radio-inline">
|
||
<input name="ishot" type="radio" value="0" <?php if(!$video['ishot']):?>checked=""<?php endif;?>/> 否
|
||
</label>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(热门推荐)</span>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="form-group">
|
||
<label for="recommend" class="col-sm-2 control-label">是否推荐</label>
|
||
<div class="col-sm-5">
|
||
<label class="radio-inline">
|
||
<input name="recommend" type="radio" value="1" <?php if($video['recommend']):?>checked=""<?php endif;?>/> 是
|
||
</label>
|
||
<label class="radio-inline">
|
||
<input name="recommend" type="radio" value="0" <?php if(!$video['recommend']):?>checked=""<?php endif;?>/> 否
|
||
</label>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(是否推荐)</span>
|
||
</div>
|
||
</div>-->
|
||
<div class="form-group">
|
||
<label for="tags" class="col-sm-2 control-label">视频标签</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" name="tags" value="<?php echo $video['tags'];?>">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(视频标签,多个用英文逗号分隔)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="description" class="col-sm-2 control-label">视频描述</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" id="description" name="description"><?php echo $video['description'];?></textarea>
|
||
</div>
|
||
<div class="col-sm-10 col-sm-offset-2">
|
||
<span class="help-block">(视频描述)</span>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<div class="form-group">
|
||
<div class="col-sm-offset-2 col-sm-10">
|
||
<div class="checkbox">
|
||
<label><input type="checkbox" name="agree"> 确认</label>
|
||
</div>
|
||
</div>
|
||
</div>-->
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
|
||
<div class="tab-pane" id="navsecond">
|
||
<div class="box box-info">
|
||
<div class="box-header">
|
||
<h3 class="box-title">内容详情
|
||
<small>放置主要内容</small>
|
||
</h3>
|
||
<!-- tools box -->
|
||
<div class="pull-right box-tools">
|
||
<button type="button" class="btn btn-info" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||
<i class="fa fa-minus"></i></button>
|
||
<button type="button" class="btn btn-info" data-widget="remove" data-toggle="tooltip" title="Remove">
|
||
<i class="fa fa-times"></i></button>
|
||
</div>
|
||
<!-- /.tools -->
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<textarea id="content" style="width: 100%;height:500px;" name="content" rows="10" cols="80" placeholder="请输入内容..."><?php echo $video['content'];?></textarea>
|
||
</div>
|
||
</div>
|
||
<!-- /.box -->
|
||
</div>
|
||
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="navthird">
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">视频图片</label>
|
||
<div class="col-sm-10">
|
||
<div class="table-responsive">
|
||
<table class="table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-left">
|
||
<a href="javascript:void(0);" id="thumb-image" data-toggle="image" class="img-thumbnail"><img class="img-responsive" src="<?php echo empty($video['picture'])?'/uploads/nopic.jpg':$video['picture'];?>" /></a>
|
||
<input type="hidden" name="picture" value="<?php echo $video['picture'];?>" id="input-image" />
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="col-sm-5">
|
||
<span class="help-block">(主要图片)</span>
|
||
</div>-->
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="video" class="col-sm-2 control-label">视频文件</label>
|
||
<div class="col-sm-5">
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" name="videopath" id="videopath" value="<?php echo $video['videopath'];?>">
|
||
<span class="input-group-btn">
|
||
<button class="btn btn-primary" type="button" onclick="webuploader_modal('videopath', '', 'media', 'video', 'file_call_back')"><i class="fa fa-fw fa-folder-open-o"></i></button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(视频文件)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="videourl" class="col-sm-2 control-label">外链地址</label>
|
||
<div class="col-sm-5">
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" name="videourl" id="url-input" value="<?php echo $video['videourl'];?>">
|
||
<span class="input-group-btn">
|
||
<button class="btn btn-primary" type="button" id="url-btn"><i class="fa fa-globe"></i></button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(外链地址)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" style="display:none;">
|
||
<label for="classtype" class="col-sm-2 control-label">类型</label>
|
||
<div class="col-sm-5">
|
||
<label class="radio-inline">
|
||
<input type="radio" name="classtype" value="1" <?php if($video['classtype']==1):?>checked=""<?php endif;?>> 外链
|
||
</label>
|
||
<label class="radio-inline">
|
||
<input type="radio" name="classtype" value="0" <?php if($video['classtype']==0):?>checked=""<?php endif;?>> 本地
|
||
</label>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(类型属性)</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="navfourth">
|
||
<div class="form-group">
|
||
<label for="seo_title" class="col-sm-2 control-label">SEO标题</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" name="seo_title" value="<?php echo $video['seo_title'];?>">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(SEO标题)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="seo_keyword" class="col-sm-2 control-label">SEO关键词</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" name="seo_keyword" value="<?php echo $video['seo_keyword'];?>">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<span class="help-block">(SEO关键词)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="seo_description" class="col-sm-2 control-label">SEO描述</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" id="seo_description" name="seo_description"><?php echo $video['seo_description'];?></textarea>
|
||
</div>
|
||
<div class="col-sm-10 col-sm-offset-2">
|
||
<span class="help-block">(SEO描述)</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
</div>
|
||
<!-- /.tab-content -->
|
||
<div class="nav-footer row">
|
||
<input type="hidden" name="id" value="<?php echo $video['id'];?>">
|
||
<div class="col-sm-2 col-sm-offset-2">
|
||
<p><button id="reset-btn" type="button" class="btn btn-warning btn-block">重置</button></p>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<p><button id="submit-btn" type="submit" class="btn btn-danger btn-block">提交</button></p>
|
||
</div>
|
||
<!-- /. row -->
|
||
</div>
|
||
</div>
|
||
<!-- /.nav-tabs-custom -->
|
||
</form>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="box box-primary">
|
||
<div class="box-header">
|
||
<h3 class="box-title">快捷入口</h3>
|
||
</div>
|
||
<div class="box-body">
|
||
<a href="<?php echo url('/admin/video/lists');?>" class="btn btn-block btn-primary">视频列表</a>
|
||
<a href="<?php echo url('/admin/video_category/lists');?>" class="btn btn-block btn-primary">视频分类</a>
|
||
<a href="<?php echo url('/admin/video/add');?>" class="btn btn-block btn-primary">添加视频</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- /.content -->
|
||
</div>
|
||
<!-- 模态框（Modal） -->
|
||
<div class="modal fade" id="modal-url" tabindex="0">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h5 class="modal-title blue">外部链接内容</h5>
|
||
</div>
|
||
<div class="modal-body">
|
||
<iframe id="urliframe" style="width:100%;height:400px;" frameborder="0"></iframe>
|
||
</div>
|
||
<div class="modal-footer"></div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal-dialog -->
|
||
</div><!-- /.modal -->
|
||
<style>
|
||
.table thead > tr > td, .table tbody > tr > td {
|
||
vertical-align: middle;
|
||
}
|
||
</style>
|
||
<!-- /.content-wrapper -->
|
||
<?php echo editor('#content');?>
|
||
<script type="text/javascript">
|
||
var arr_product_img = [];
|
||
$(function() {
|
||
$("#url-btn").click(function(e) {
|
||
var urlObj = document.getElementById('url-input');
|
||
var frameSrc = urlObj.value;
|
||
if (isUrl(frameSrc)) {
|
||
$("#urliframe").attr("src", frameSrc);
|
||
$('#modal-url').modal({show: true, backdrop: 'static'});
|
||
} else {
|
||
alert('链接内容有误');
|
||
urlObj.focus();
|
||
}
|
||
});
|
||
$("#reset-btn").click(function(e) {
|
||
if (confirm('确认重置所有表单项吗?')) {
|
||
this.form.reset();
|
||
}
|
||
});
|
||
$("form.form-horizontal").submit(function(e) {
|
||
var nameObj = document.getElementById('name');
|
||
if (isNull(nameObj.value)) {
|
||
alert('名称必须填写');
|
||
nameObj.focus();
|
||
return false;
|
||
}
|
||
var cidObj = document.getElementById('cid');
|
||
if (isNaN(cidObj.value) || !parseInt(cidObj.value)) {
|
||
alert('所属分类值无效');
|
||
cidObj.focus();
|
||
return false;
|
||
}
|
||
var sortObj = document.getElementById('sort');
|
||
if (isNaN(sortObj.value)) {
|
||
alert('排序值必须是数字');
|
||
sortObj.focus();
|
||
return false;
|
||
}
|
||
var playcountObj = document.getElementById('playcount');
|
||
if (isNaN(playcountObj.value)) {
|
||
alert('播放数量值必须是数字');
|
||
playcountObj.focus();
|
||
return false;
|
||
}
|
||
// var agree = $("input[name='agree']", this).prop('checked');
|
||
// if (agree) {
|
||
// alert("Submitted");
|
||
// e.preventDefault();
|
||
// } else {
|
||
// e.preventDefault();
|
||
// alert("请勾选确认");
|
||
// }
|
||
});
|
||
});
|
||
</script>
|
||
<script type="text/javascript">
|
||
$(function() {
|
||
$("button.showproduct").click(function(e) {
|
||
//var callback = $(this).data('callback');
|
||
var $element = $(this).parent().parent();
|
||
$('#modal-product').remove();
|
||
$.ajax({
|
||
url: "<?php echo url('/admin/product/modallists');?>?inputid=" + $element.find('input[type=hidden]').attr('id') + '&titleid=' + $element.find('input[type=text]').attr('id'),
|
||
dataType: 'html',
|
||
success: function(html) {
|
||
$('body').append('<div id="modal-product" class="modal fade">' + html + '</div>');
|
||
$('#modal-product').modal({show: true, backdrop: 'static'});
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script> |