add.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  2. <div class="form-group">
  3. <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
  4. <div class="col-xs-12 col-sm-8" id="type">
  5. {:build_radios('row[type]',['decide'=>'判断题','choose'=>'选择题','wenda'=>'问答题'],'decide')}
  6. </div>
  7. </div>
  8. <div class="form-group">
  9. <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
  10. <div class="col-xs-12 col-sm-8">
  11. <input id="c-title" class="form-control" name="row[title]" type="text" data-rule="required">
  12. </div>
  13. </div>
  14. <span id="item">
  15. </span>
  16. <div class="form-group layer-footer">
  17. <label class="control-label col-xs-12 col-sm-2"></label>
  18. <div class="col-xs-12 col-sm-8">
  19. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  20. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  21. </div>
  22. </div>
  23. </form>
  24. <span id="item-choose" class="hidden">
  25. <div class="form-group">
  26. <label class="control-label col-xs-12 col-sm-2">{:__('选项类型')}:</label>
  27. <div class="col-xs-12 col-sm-8 item-type">
  28. {:build_radios('row[item_type]',['txt'=>'文本','image'=>'图片'],'txt')}
  29. </div>
  30. </div>
  31. <div class="form-group item-type-txt">
  32. <label class="control-label col-xs-12 col-sm-2">{:__('选项')}:</label>
  33. <div class="col-xs-12 col-sm-8">
  34. <button class="btn btn-info add-item" type="button">新增选项</button>
  35. <div>
  36. <label style="position: relative;top:10px;">
  37. <input name="row[key][1]" type="checkbox" value="1">答案
  38. </label>
  39. <input class="form-control" name="row[items][txt][1]" type="text" style="width: 200px;" placeholder="输入选项">
  40. </div>
  41. </div>
  42. </div>
  43. <div class="form-group item-type-image hidden">
  44. <label class="control-label col-xs-12 col-sm-2">{:__('选项')}:</label>
  45. <div class="col-xs-12 col-sm-8">
  46. <button class="btn btn-info add-item-image" type="button">新增选项</button>
  47. <div class="input-group">
  48. <label style="position: relative;">
  49. <input name="row[key][1]" type="checkbox" value="1">答案
  50. </label>
  51. <input id="c-choose-1" class="form-control up-input" size="50" name="row[items][image][1]" type="text" style="width: 200px" readonly>
  52. <div class="input-group-addon no-border no-padding" style="display: inline-block;">
  53. <span><button type="button" id="plupload-avatar-1" class="btn btn-danger plupload" data-input-id="c-choose-1" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false"><i class="fa fa-upload"></i> 上传</button></span>
  54. <span><button type="button" id="fachoose-avatar-1" class="btn btn-primary fachoose" data-input-id="c-choose-1" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
  55. <span><button type="button" class="btn btn-danger btn-delete hidden" onclick="$(this).parents('.input-group').remove()">删除</button></span>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </span>
  61. <span id="item-decide" class="hidden">
  62. <div class="form-group">
  63. <label class="control-label col-xs-12 col-sm-2">{:__('Key')}:</label>
  64. <div class="col-xs-12 col-sm-8">
  65. <!--{:build_radios('row[key]',['true'=>'正确','false'=>'错误'],'true')}-->
  66. <label style="display: block;">
  67. <input type="radio" name="row[key]" value="A" checked/>
  68. <input type="text" name="row[items][A]" style="width: 150px" class="form-control" placeholder="请输入正确时候的描述" data-rule="required">
  69. </label>
  70. <label>
  71. <input type="radio" name="row[key]" value="B"/>
  72. <input type="text" name="row[items][B]" style="width: 150px" class="form-control" placeholder="请输入错误时候的描述" data-rule="required">
  73. </label>
  74. </div>
  75. </div>
  76. </span>
  77. <span id="item-wenda" class="hidden"></span>
  78. <div class="input-group hidden item-type-image-example">
  79. <label>
  80. <input name="row[key][$idx]" type="checkbox" value="1">答案
  81. </label>
  82. <input id="c-choose-$idx" class="form-control up-input" size="50" name="row[items][image][$idx]" type="text" style="width: 200px" readonly>
  83. <div class="input-group-addon no-border no-padding" style="display: inline-block;">
  84. <span><button type="button" id="plupload-avatar-$idx" class="btn btn-danger plupload" data-input-id="c-choose-$idx" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false"><i class="fa fa-upload"></i> 上传</button></span>
  85. <span><button type="button" id="fachoose-avatar-$idx" class="btn btn-primary fachoose" data-input-id="c-choose-$idx" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
  86. <span><button type="button" class="btn btn-danger btn-delete" onclick="$(this).parents('.input-group').remove()">删除</button></span>
  87. </div>
  88. </div>
  89. <span class="hidden item-type-txt-example">
  90. <div>
  91. <label style="position: relative;top:10px;">
  92. <input name="row[key][$idx]" type="checkbox" value="1">答案
  93. </label>
  94. <input class="form-control" name="row[items][txt][$idx]" type="text" style="width: 200px;" placeholder="输入选项">
  95. </div>
  96. </span>
  97. <style>
  98. .up-input{
  99. float: none!important;
  100. display: inline-block!important;
  101. }
  102. </style>