zhkt/protected/view/admin-classinfo.html

<!-- include 'admin-header' -->
<script type="text/javascript" src="https://blueimp.github.io/JavaScript-MD5/js/md5.js"></script>
<script src="{{rootUrl}}global/js/sha1.js"></script>
<script type="text/javascript" src="{{rootUrl}}global/js/videoupload.js"></script>
<link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/webuploader.css">
<link href="//nos.netease.com/vod163/nep.min.css" rel="stylesheet">
<script src="//nos.netease.com/vod163/nep.min.js"></script>
<style>
  .uploader-list {
    width: 100%;
    overflow: hidden;
  }
</style>
<div class="mainWrap">
  <!-- include 'admin-leftWrap' -->
  <div class="mainContent">
    <div class="page-header pageHeader">
      <h4>
        <ol class="breadcrumb breadcrumbNot">
          <li><a href="{{rootUrl}}m/classlist">课程列表</a></li>
          <li class="active">课程详情</li>
        </ol>
      </h4>
    </div>
    <div class="tableContent clearfix">
      <div class="classInfoWrap">
        <h4>{{classinfo.classname}}</h4>
        <p><span>总课时：{{classinfo.classnum}}课时</span><span>报名人数：{{bnum}}人</span><span>价格：<b class="text-orange">￥{{classinfo.price}}元</b></span></p>
      </div>
      <div class="shopContent clearfix">
        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#Addchapter">添加章</a>
      </div>
      <!-- if isset({{kttype}}) && !empty({{kttype}}) -->
      <!-- loop kttype -->
      <div class="classSection">
        <dl>
          <dt class="clearfix">
            <div class="sectionTitle fL"><span class="chapterName">{{kttype' value.typeprefix}}</span> {{kttype' value.typename}}</div>
            <div class="operate fR">
              <div class="btn-group">
                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Addlesson" onclick="addtype({{kttype' value.typeid}});">添加节</button>
                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Editchapter" onclick='exittype("{{trrep(kttype' value.typeprefix)}}","{{trrep(kttype' value.typename)}}","{{kttype' value.typeid}}");'>编辑</button>
              </div>
              <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Delchapter" onclick="deletety('{{kttype' value.typeid}}')">删除</button>
            </div>
          </dt>
          <!-- if isset({{kttype' value.section}}) && !empty({{kttype' value.section}}) -->
          <!-- loop kttype' value.section -->
          <dd>
            <div class="sectionList clearfix">
              <div class="sectionTitle fL">{{kttype' section' value.seprefix}}  {{kttype' section' value.sename}}<!-- if {{kttype' section' value.ishow}} == 0 -->&nbsp;&nbsp;<span class="text-danger">【不显示】</span><!-- endif --></div>
              <div class="operate operateSection fR">
                <a type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#Uploadvideo" onclick="video_upload('{{kttype' section' value.seid}}','{{kttype' value.typeid}}');">上传视频</a>
                <div class="btn-group">
                  <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Editlesson" onclick='exitsection("{{trrep(kttype' section' value.seprefix)}}","{{trrep(kttype' section' value.sename)}}","{{kttype' section' value.seid}}","{{kttype' section' value.ishow}}")'>编辑</button>
                </div>
                <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Dellesson" onclick="deletesec('{{kttype' section' value.seid}}');">删除</button>
              </div>
            </div>
            <!-- if isset({{kttype' section' value.video}}) && !empty({{kttype' section' value.video}}) -->
            <!-- loop kttype' section' value.video -->
            <div class="sectionListVideo clearfix">
              <div class="videoName">
                <div class="operate operateNone fR">
                  <!-- if ({{kttype' section' video' value.isshow}} == 0) -->
                  <button type="button" class="btn btn-success btn-xs"  onclick="getvideoid('{{kttype' section' video' value.wy_video_id}}','{{kttype' section' video' value.videoid}}');">发布</button>
                  <!-- endif -->
                  <div class="btn-group">
                    <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Editvideo" onclick='getvideo("{{trrep(kttype' section' video' value.videoname)}}", "{{kttype' section' video' value.videoid}}", "{{kttype' section' video' value.isshow}}")'>编辑</button>
                  </div>
                  <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Delvideo" onclick="getvideoid2('{{kttype' section' video' value.videoid}}');">删除</button>
                </div>
                <div class="sectionTitle fL">
                  <a data-toggle="modal" onclick='playVideo("{{kttype' section' video' value.wy_video_id}}","{{trrep(kttype' section' video' value.videoname)}}");'>{{kttype' section' video' value.videoname}}.{{kttype' section' video' value.file_ext}}</a>
                  <p><span class="videoInfo">视频时长：{{totime(kttype' section' video' value.file_time)}}</span></p>
                </div>
                <!-- if ({{kttype' section' video' value.isshow}} == 0) -->
                <div class="videoState">
                  <b class="state text-muted">未发布</b>
                </div>
                <!-- elseif ({{kttype' section' video' value.isshow}} == 1) -->
                <div class="videoState">
                  <b class="state text-success">播放中</b>
                </div>
                <!-- else -->
                <div class="videoState">
                  <b class="state text-danger">已暂停</b>
                </div>
                <!-- endif -->
              </div>
            </div>
            <!-- endloop -->
            <!-- endif -->
          </dd>
          <!-- endloop -->
          <!-- endif -->
        </dl>
      </div>
    <!-- endloop -->
    <!-- endif -->
    </div>
  </div>
</div>

<!-- 添加章 -->
<div class="modal fade" id="Addchapter" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">添加章</h4>
      </div>
      <form class="form-horizontal" role="form" action="{{rootUrl}}m/addtype" method="post">
      <div class="modal-body">
        <div class="form-group">
          <label for="typeprefix" class="col-sm-2 control-label">章号：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="typeprefix" name="typeprefix" value="" placeholder="请输入章号">
          </div>
        </div>
        <div class="form-group">
          <label for="typename" class="col-sm-2 control-label">章名称：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" name="typename" id="typename" placeholder="请输入章的名称">
            <input type="hidden" name="classid" value="{{classinfo.classid}}">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 编辑章 -->
<div class="modal fade" id="Editchapter" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel2">编辑章</h4>
      </div>
      <form class="form-horizontal" role="form" method="post" action="{{rootUrl}}m/exittype">
      <div class="modal-body">
        <div class="form-group">
          <label for="exprefix" class="col-sm-2 control-label">章号：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="exprefix" name="exprefix" value="" placeholder="请输入章号">
          </div>
        </div>
        <div class="form-group">
          <label for="typename" class="col-sm-2 control-label">章名称：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" name="typename" id="extypename" value="" placeholder="请输入章的名称">
            <input type="hidden" name="classid" value="{{classinfo.classid}}">
            <input type="hidden" name="typeid" id="extypeid" value="">
            <!--<input type="hidden" name="wytypeid" id="wytypeid" value="">-->
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>


<!-- 删除章 -->
<div class="modal fade" id="Delchapter" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel3">确认删除章</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要删除该章内容吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="deletety" typeid="" onclick="deletetype();">确定</button>
      </div>
    </div>
  </div>
</div>


<!-- 添加节 -->
<div class="modal fade" id="Addlesson" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel4">添加节</h4>
      </div>
      <form class="form-horizontal" role="form" method="post" action="{{rootUrl}}m/addsection">
      <div class="modal-body">
        <div class="form-group">
          <label for="seprefix" class="col-sm-2 control-label">节号：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="seprefix" name="seprefix" value="" placeholder="请输入节号">
          </div>
        </div>
        <div class="form-group">
          <label for="sename" class="col-sm-2 control-label">节名称：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="sename" name="sename" placeholder="节的名称">
            <input type="hidden" class="form-control" name="typeid" id="typeid" value="">
            <input type="hidden" class="form-control" name="classid" value="{{classinfo.classid}}">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 编辑节 -->
<div class="modal fade" id="Editlesson" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel5">编辑节</h4>
      </div>
      <form class="form-horizontal" role="form" method="post" action="{{rootUrl}}m/exitsection">
      <div class="modal-body">
        <div class="form-group">
          <label for="seprefix" class="col-sm-3 control-label">节号：</label>
          <div class="col-sm-7">
            <input type="text" class="form-control" id="sexprefix" name="seprefix" value="" placeholder="请输入节号">
          </div>
        </div>
        <div class="form-group">
          <label for="sexname" class="col-sm-3 control-label">节名称：</label>
          <div class="col-sm-7">
            <input type="text" class="form-control" name="sename" id="sexname" value="" placeholder="节的名称">
            <input type="hidden" class="form-control" name="seid" id="sexid" value="">
            <input type="hidden" class="form-control" name="classid" value="{{classinfo.classid}}">
          </div>
        </div>
        <div class="form-group">
          <label for="sectionshow" class="col-sm-3 control-label">是否显示节名称：</label>
          <div class="col-sm-7" id="sectionshow">
            <label class="radio-inline">
              <input type="radio" name="sectionshow" value="1"> 是
            </label>
            <label class="radio-inline">
              <input type="radio" name="sectionshow" value="0"> 否
            </label>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 删除节 -->
<div class="modal fade" id="Dellesson" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel6">确认删除节</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要删除该节内容吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="deletese" seid="" onclick="deletesection();">确定</button>
      </div>
    </div>
  </div>
</div>


<!-- 编辑视频 -->
<div class="modal fade" id="Editvideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel7">编辑视频</h4>
      </div>
      <form class="form-horizontal" role="form" action="{{rootUrl}}m/updateVideo" method="post" >
      <div class="modal-body">
        <div class="form-group">
          <label for="videoName" class="col-sm-3 control-label">视频：</label>
          <div class="col-sm-8">
            <input type="text" name="videoName" class="form-control" id="videoName" value="视频名称视频名称.mp4">
          </div>
          <!--<div class="col-sm-2">-->
            <!--<p class="form-control-static mUpload">-->
              <!--<a type="button" class="btn btn-primary btn-xs">更换视频</a>-->
              <!--<input type="file" class="uploadVideo" id="exampleInputFile">-->
            <!--</p>-->
          <!--</div>-->
        </div>
        <input type="hidden" value="" id="videoId" name="videoId">
        <input type="hidden" value="{{classinfo.classid}}" name="classid">
        <div class="form-group">
          <label class="col-sm-3 control-label">视频状态：</label>
          <div class="col-sm-5" id="isshow">
            <label class="radio-inline">
              <input type="radio" name="isshow" value="1"> 播放
            </label>
            <label class="radio-inline">
              <input type="radio" name="isshow" value="2"> 暂停
            </label>
            <!--<select class="form-control" style="width:110px;" id="isshow" name="isshow" >-->
              <!--<option value="1">播放中</option>-->
              <!--<option value="0">已暂停</option>-->
            <!--</select>-->
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 发布视频 -->
<div class="modal fade" id="Revideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel8">确认发布视频</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要发布该视频吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="showvideo" videoid="" onclick="showvideo();" >确定</button>
      </div>
    </div>
  </div>
</div>

<!-- 删除视频 -->
<div class="modal fade" id="Delvideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel9">确认删除视频</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要删除该视频吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="deletevideo" videoid="" onclick="delvideo();">确定</button>
      </div>
    </div>
  </div>
</div>

<!-- 上传视频 -->
<div class="modal fade" id="Uploadvideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel10">上传视频</h4>
      </div>
      <div class="modal-body">
        <div class="videoMT">
          <div id="uploader">
            <input type="hidden" value="{{classinfo.classid}}" id="video_class">
            <input type="hidden" value="" id="video_type">
            <!--<input type="hidden" value="" id="video_wytype">-->
            <input type="hidden" value="" id="video_section">
            <!--用来存放文件信息-->
            <div class="btns">
              <span class="mUpload">
                <a class="btn btn-primary" href="javascript:;">
                  <input type="file" name="file" class="uploadVideo" id="inputid"/>选择文件
                </a>
              </span>
              <button id="uploadid" class="btn btn-default">上传视频</button>
            </div>
            <div id="thelist" class="uploader-list"></div>
          </div>
        </div>
      </div>
      <!--<div class="modal-footer">-->
        <!--<button type="button" class="btn btn-default" data-dismiss="modal" >取消上传</button>-->
        <!--<button type="button" class="btn btn-primary">确定</button>-->
      <!--</div>-->
    </div>
  </div>
</div>

<!-- 提示正在转码 -->
<div class="modal fade" id="palyVideo1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel11">温馨提示</h4>
      </div>
      <div class="modal-body" style="text-align:center;">
        <h4>该视频正在转码，请稍后再试！</h4>
        <img style="margin:15px 0;" width="60" height="60" src="{{rootUrl}}global/images/009.gif">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div>
  </div>
</div>


<!-- 播放视频 -->
<div class="modal fade bs-example-modal-lg" id="palyVideo2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" id="closeVideo" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel12">播放视频</h4>
      </div>
      <div class="modal-body" style="text-align:center;">
        <h4 id="playvideoname"></h4>
        <video id="my-video" class="video-js videoCon vjs-big-play-centered" controls poster="{{rootUrl}}global/images/background.jpg" preload="auto" width="868" height="450" data-setup='{}'></video>
      </div>
    </div>
  </div>
</div>

<script>
  var myPlayer = neplayer('my-video');

  function addtype(typeid){
    $('#typeid').val(typeid);
  }

  function exittype(typeprefix,typename,typeid){
    $('#exprefix').val(typeprefix);
    $('#extypename').val(typename);
//    $('#wytypeid').val(wytypeid);
    $('#extypeid').val(typeid);
  }

  function exitsection(seprefix,sename,seid,seshow){
    $('#sexprefix').val(seprefix);
    $('#sexname').val(sename);
    $('#sexid').val(seid);
    if(seshow == 1){
      $('#sectionshow input[value=1]').attr('checked','checked');
    }else{
      $('#sectionshow input[value=0]').attr('checked','checked');
    }
  }

  function deletesec(seid){
    $('#deletese').attr('seid',seid);
  }

  function deletesection(){
    var seid = $('#deletese').attr('seid');
    window.location.href = '{{rootUrl}}m/deletesection/' + seid + '/{{classinfo.classid}}';
  }

  function deletety(typeid){
    $('#deletety').attr('typeid',typeid);
  }

  function deletetype(){
    var typeid = $('#deletety').attr('typeid');
    window.location.href = '{{rootUrl}}m/deletetype/' + typeid + '/{{classinfo.classid}}';
  }

  function video_upload(seid,typeid){
    $('#video_type').val(typeid);
    $('#video_section').val(seid);
//    $('#video_wytype').val(wytype_id);
  }

  function getvideo(videoname,videoid,show){
    $('#videoName').val(videoname);
    $('#videoId').val(videoid);
    if(parseInt(show) == 1){
      $('#isshow input[value=1]').attr('checked','checked');
    }else{
      $('#isshow input[value=2]').attr('checked','checked');
    }
  }

  function getvideoid(wyvideoid,videoid){
    $.ajax({
      type: 'get',
      url: '/m/isshowVideo?video='+wyvideoid,
      dataType:'json',
      success: function(result){
        if (result == 1){
          $("#Revideo").modal('show');
          $('#showvideo').attr('videoid',videoid);
        }else{
          $('#palyVideo1').modal('show');
        }
      }
    })

  }

  function showvideo(){
    var videoid = $('#showvideo').attr('videoid');
    window.location.href = '{{rootUrl}}m/showVideo/' + videoid + '/{{classinfo.classid}}';
  }

  function getvideoid2(videoid){
    $('#deletevideo').attr('videoid',videoid);
  }

  function delvideo(){
    var videoid = $('#deletevideo').attr('videoid');
    window.location.href = '{{rootUrl}}m/delVideo/' + videoid + '/{{classinfo.classid}}';
  }

  function playVideo(wyid,name){
    $.ajax({
      type: 'get',
      url: '{{rootUrl}}m/playVideo?video='+wyid,
      dataType: 'json',
      success: function(result){
        var data = result;
        if(data.code == 200){
          $('#playvideoname').text(name);
          $('#palyVideo2').modal('show');
          myPlayer.setDataSource({type: data.type, src: data.url});
          myPlayer.play();
        }else{
          $('#palyVideo1').modal('show');
        }
      }
    })
  }

  $('#closeVideo').click(function(){
    myPlayer.pause();
    myPlayer.reset();
  });

  $('#palyVideo2').click(function(){
    myPlayer.pause();
    myPlayer.reset();
  });


  $(function(){
    var opt = {
      fileInputId: 'inputid',
      fileUploadId: 'uploadid',
    };
    Uploader(opt).init();
  });

</script>
</body>
</html>