add.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <include file="public@header" />
  2. </head>
  3. <body>
  4. <div class="wrap">
  5. <ul class="nav nav-tabs">
  6. <li ><a href="{:url('Liveclass/index')}">列表</a></li>
  7. <li class="active"><a >{:lang('ADD')}</a></li>
  8. </ul>
  9. <form method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('Liveclass/addPost')}">
  10. <div class="form-group">
  11. <label for="input-name" class="col-sm-2 control-label"><span class="form-required">*</span>名称</label>
  12. <div class="col-md-6 col-sm-10">
  13. <input type="text" class="form-control" id="input-name" name="name">
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>图片</label>
  18. <div class="col-md-6 col-sm-10">
  19. <input type="hidden" name="thumb" id="thumbnail" value="">
  20. <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
  21. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  22. id="thumbnail-preview"
  23. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  24. </a>
  25. <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片"> 图片尺寸: 50 X 50
  26. </div>
  27. </div>
  28. <div class="form-group">
  29. <label for="input-des" class="col-sm-2 control-label"><span class="form-required">*</span>描述</label>
  30. <div class="col-md-6 col-sm-10">
  31. <input type="text" class="form-control" id="input-des" name="des" maxlength="200">
  32. <p class="help-block">最多200个字</p>
  33. </div>
  34. </div>
  35. <div class="form-group">
  36. <div class="col-sm-offset-2 col-sm-10">
  37. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
  38. <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
  39. </div>
  40. </div>
  41. </form>
  42. </div>
  43. <script src="__STATIC__/js/admin.js"></script>
  44. <script>
  45. (function(){
  46. $('.btn-cancel-thumbnail').click(function () {
  47. $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  48. $('#thumbnail').val('');
  49. });
  50. })()
  51. </script>
  52. </body>
  53. </html>