add.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <include file="public@header" />
  2. </head>
  3. <body>
  4. <div class="wrap">
  5. <ul class="nav nav-tabs">
  6. <li class="active"><a >视频添加</a></li>
  7. </ul>
  8. <form method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('Video/add_post')}" enctype="multipart/form-data">
  9. <fieldset>
  10. <div class="form-group">
  11. <label for="input-status" class="col-sm-2 control-label"><span class="form-required">*</span>视频状态</label>
  12. <div class="col-md-6 col-sm-10">
  13. <label class="radio-inline"><input type="radio" name="status" value="1" checked>通过</label>
  14. <label class="radio-inline"><input type="radio" name="status" value="2" >不通过</label>
  15. </div>
  16. </div>
  17. <div class="form-group">
  18. <label for="input-isdel" class="col-sm-2 control-label"><span class="form-required">*</span>上下架状态</label>
  19. <div class="col-md-6 col-sm-10">
  20. <label class="radio-inline"><input type="radio" name="isdel" value="0" checked>上架</label>
  21. <label class="radio-inline"><input type="radio" name="isdel" value="1" >下架</label>
  22. </div>
  23. </div>
  24. <div class="form-group">
  25. <label for="input-owner" class="col-sm-2 control-label"><span class="form-required">*</span>所有者</label>
  26. <div class="col-md-6 col-sm-10">
  27. <label class="radio-inline"><input type="radio" name="owner" value="0" checked>管理员</label>
  28. <label class="radio-inline"><input type="radio" name="owner" value="1" >用户</label>
  29. </div>
  30. </div>
  31. <div class="form-group" id="owner_uid" style="display: none;">
  32. <label for="input-owner_uid" class="col-sm-2 control-label"><span class="form-required">*</span>视频所有者用户</label>
  33. <div class="col-md-6 col-sm-10">
  34. <input type="text"class="form-control" id="input-owner_uid" name="owner_uid" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');">
  35. <p class="help-block">请填写用户id</p>
  36. </div>
  37. </div>
  38. <div class="form-group" >
  39. <label for="input-title" class="col-sm-2 control-label"><span class="form-required">*</span>视频标题</label>
  40. <div class="col-md-6 col-sm-10">
  41. <input type="text" class="form-control" id="input-title" name="title" value="">
  42. </div>
  43. </div>
  44. <div class="form-group">
  45. <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>图片</label>
  46. <div class="col-md-6 col-sm-10">
  47. <input type="hidden" name="thumb" id="thumbewm" value="">
  48. <a href="javascript:uploadOneImage('图片上传','#thumbewm');">
  49. <img src="__TMPL__/public/assets/images/default-thumbnail.png" id="thumbewm-preview" style="cursor: pointer;max-width:150px;max-height:150px;"/>
  50. </a>
  51. <input type="button" class="btn btn-sm btn-cancel-thumbewm" value="取消图片">
  52. </div>
  53. </div>
  54. <div class="form-group">
  55. <label for="input-video_upload_type" class="col-sm-2 control-label"><span class="form-required">*</span>视频上传型式</label>
  56. <div class="col-md-6 col-sm-10">
  57. <label class="radio-inline"><input type="radio" name="video_upload_type" value="0" checked>视频链接</label>
  58. <label class="radio-inline"><input type="radio" name="video_upload_type" value="1" >视频文件</label>
  59. </div>
  60. </div>
  61. <div class="form-group video_url_area" >
  62. <label for="input-href" class="col-sm-2 control-label"><span class="form-required">*</span>视频链接</label>
  63. <div class="col-md-6 col-sm-10">
  64. <input type="text"class="form-control" id="input-href" name="href" value=""><p class="help-block">以http://或https://开头</p>
  65. </div>
  66. </div>
  67. <div class="form-group video_url_area" >
  68. <label for="input-href_w" class="col-sm-2 control-label"><span class="form-required">*</span>水印视频链接</label>
  69. <div class="col-md-6 col-sm-10">
  70. <input type="text"class="form-control" id="input-href_w" name="href_w" value=""><p class="help-block">以http://或https://开头</p>
  71. </div>
  72. </div>
  73. <div class="form-group upload_video_area" style="display: none;">
  74. <label for="input-user_login" class="col-sm-2 control-label">上传视频</label>
  75. <div class="col-md-6 col-sm-10">
  76. <input type="file" name="file" />
  77. </div>
  78. </div>
  79. <div class="form-group upload_video_area" style="display: none;">
  80. <label for="input-user_login" class="col-sm-2 control-label">上传水印视频</label>
  81. <div class="col-md-6 col-sm-10">
  82. <input type="file" name="file_w" />
  83. </div>
  84. </div>
  85. </fieldset>
  86. <div class="form-group">
  87. <div class="col-sm-offset-2 col-sm-10">
  88. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
  89. <a class="btn btn-default" href="{:url('Video/passindex')}">{:lang('BACK')}</a>
  90. </div>
  91. </div>
  92. </form>
  93. </div>
  94. <script src="__STATIC__/js/admin.js"></script>
  95. <script type="text/javascript">
  96. $(function(){
  97. $("input[name='video_upload_type']").click(function(){
  98. var val=$("input[name='video_upload_type']:checked").val();
  99. //console.log(val);
  100. if(val==0){
  101. $(".video_url_area").show();
  102. $(".upload_video_area").hide();
  103. }else{
  104. $(".video_url_area").hide();
  105. $(".upload_video_area").show();
  106. $("input[name='href']").val('');
  107. }
  108. });
  109. $("input[name='owner']").on("click",function(){
  110. var val=$(this).val();
  111. if(val==1){ //所有者为用户
  112. $("#owner_uid").show();
  113. }else{
  114. $("#owner_uid").hide();
  115. }
  116. });
  117. $('.btn-cancel-thumbewm').click(function () {
  118. $('#thumbewm-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  119. $('#thumbewm').val('');
  120. });
  121. });
  122. </script>
  123. </body>
  124. </html>