edit_book.tpl 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>编辑项目 - Powered by MinDoc</title>
  8. <!-- Bootstrap -->
  9. <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  10. <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  11. <link href="/static/webuploader/webuploader.css" rel="stylesheet">
  12. <link href="/static/cropper/2.3.4/cropper.min.css" rel="stylesheet">
  13. <link href="/static/css/main.css" rel="stylesheet">
  14. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  15. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  16. <!--[if lt IE 9]>
  17. <script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
  18. <script src="/static/respond.js/1.4.2/respond.min.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body>
  22. <div class="manual-reader">
  23. {{template "widgets/header.tpl" .}}
  24. <div class="container manual-body">
  25. <div class="row">
  26. <div class="page-left">
  27. <ul class="menu">
  28. <li><a href="{{urlfor "ManagerController.Index"}}" class="item"><i class="fa fa-dashboard" aria-hidden="true"></i> 仪表盘</a> </li>
  29. <li><a href="{{urlfor "ManagerController.Users" }}" class="item"><i class="fa fa-users" aria-hidden="true"></i> 用户管理</a> </li>
  30. <li class="active"><a href="{{urlfor "ManagerController.Books" }}" class="item"><i class="fa fa-book" aria-hidden="true"></i> 项目管理</a> </li>
  31. {{/*<li><a href="{{urlfor "ManagerController.Comments" }}" class="item"><i class="fa fa-comments-o" aria-hidden="true"></i> 评论管理</a> </li>*/}}
  32. <li><a href="{{urlfor "ManagerController.Setting" }}" class="item"><i class="fa fa-cogs" aria-hidden="true"></i> 配置管理</a> </li>
  33. </ul>
  34. </div>
  35. <div class="page-right">
  36. <div class="m-box">
  37. <div class="box-head">
  38. <strong class="box-title"> 项目设置</strong>
  39. <button type="button" class="btn btn-danger btn-sm pull-right" style="margin-right: 5px;" data-toggle="modal" data-target="#deleteBookModal">删除项目</button>
  40. </div>
  41. </div>
  42. <div class="box-body" style="padding-right: 200px;">
  43. <div class="form-left">
  44. <form method="post" id="bookEditForm" action="{{urlfor "ManagerController.EditBook"}}">
  45. <input type="hidden" name="identify" value="{{.Model.Identify}}">
  46. <div class="form-group">
  47. <label>标题</label>
  48. <input type="text" class="form-control" name="book_name" id="bookName" placeholder="项目名称" value="{{.Model.BookName}}">
  49. </div>
  50. <div class="form-group">
  51. <label>标识</label>
  52. <input type="text" class="form-control" value=" {{.BaseUrl}}{{urlfor "DocumentController.Index" ":key" .Model.Identify}}" disabled>
  53. </div>
  54. <div class="form-group">
  55. <label>描述</label>
  56. <textarea rows="3" class="form-control" name="description" style="height: 90px">{{.Model.Description}}</textarea>
  57. <p class="text">描述信息不超过500个字符</p>
  58. </div>
  59. <div class="form-group">
  60. <label>标签</label>
  61. <input type="text" class="form-control" name="label" placeholder="项目标签" value="{{.Model.Label}}">
  62. <p class="text">最多允许添加10个标签,多个标签请用“;”分割</p>
  63. </div>
  64. {{/*
  65. <div class="form-group">
  66. <label>开启评论</label>
  67. <div class="radio">
  68. <label class="radio-inline">
  69. <input type="radio" {{if eq .Model.CommentStatus "open"}}checked{{end}} name="comment_status" value="open">允许所有人评论<span class="text"></span>
  70. </label>
  71. <label class="radio-inline">
  72. <input type="radio" {{if eq .Model.CommentStatus "closed"}}checked{{end}} name="comment_status" value="closed">关闭评论<span class="text"></span>
  73. </label>
  74. <label class="radio-inline">
  75. <input type="radio" {{if eq .Model.CommentStatus "group_only"}}checked{{end}} name="comment_status" value="group_only">仅允许参与者评论<span class="text"></span>
  76. </label>
  77. <label class="radio-inline">
  78. <input type="radio" {{if eq .Model.CommentStatus "registered_only"}}checked{{end}} name="comment_status" value="registered_only">仅允许注册者评论<span class="text"></span>
  79. </label>
  80. </div>
  81. </div>
  82. */}}
  83. {{if eq .Model.PrivatelyOwned 1}}
  84. <div class="form-group">
  85. <label>访问令牌</label>
  86. <div class="row">
  87. <div class="col-sm-10">
  88. <input type="text" name="token" id="token" class="form-control" placeholder="访问令牌" readonly value="{{.Model.PrivateToken}}">
  89. </div>
  90. <div class="col-sm-2">
  91. <button type="button" class="btn btn-success btn-sm" id="createToken" data-loading-text="生成" data-action="create">生成</button>
  92. <button type="button" class="btn btn-danger btn-sm" id="deleteToken" data-loading-text="删除" data-action="delete">删除</button>
  93. </div>
  94. </div>
  95. </div>
  96. {{end}}
  97. <div class="form-group">
  98. <button type="submit" id="btnSaveBookInfo" class="btn btn-success" data-loading-text="保存中...">保存修改</button>
  99. <span id="form-error-message" class="error-message"></span>
  100. </div>
  101. </form>
  102. </div>
  103. <div class="form-right">
  104. <label>
  105. <img src="{{.Model.Cover}}" onerror="this.src='/static/images/book.png'" alt="封面" style="max-width: 120px;border: 1px solid #999" id="headimgurl">
  106. </label>
  107. </div>
  108. <div class="clearfix"></div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. {{template "widgets/footer.tpl" .}}
  114. </div>
  115. <!-- Delete Book Modal -->
  116. <div class="modal fade" id="deleteBookModal" tabindex="-1" role="dialog" aria-labelledby="deleteBookModalLabel">
  117. <div class="modal-dialog" role="document">
  118. <form method="post" id="deleteBookForm" action="{{urlfor "BookController.Delete"}}">
  119. <input type="hidden" name="identify" value="{{.Model.Identify}}">
  120. <div class="modal-content">
  121. <div class="modal-header">
  122. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  123. <h4 class="modal-title">删除项目</h4>
  124. </div>
  125. <div class="modal-body">
  126. <span style="font-size: 14px;font-weight: 400;">确定删除项目吗?</span>
  127. <p></p>
  128. <p class="text error-message">删除项目后将无法找回。</p>
  129. </div>
  130. <div class="modal-footer">
  131. <span id="form-error-message2" class="error-message"></span>
  132. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  133. <button type="submit" id="btnDeleteBook" class="btn btn-primary">确定删除</button>
  134. </div>
  135. </div>
  136. </form>
  137. </div>
  138. </div>
  139. <script src="/static/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
  140. <script src="/static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  141. <script src="/static/webuploader/webuploader.min.js" type="text/javascript"></script>
  142. <script src="/static/cropper/2.3.4/cropper.min.js" type="text/javascript"></script>
  143. <script src="/static/js/jquery.form.js" type="text/javascript"></script>
  144. <script src="/static/js/main.js" type="text/javascript"></script>
  145. <script type="text/javascript">
  146. $(function () {
  147. $("#upload-logo-panel").on("hidden.bs.modal",function () {
  148. $("#upload-logo-panel").find(".modal-body").html(window.modalHtml);
  149. }).on("show.bs.modal",function () {
  150. window.modalHtml = $("#upload-logo-panel").find(".modal-body").html();
  151. });
  152. $("#createToken,#deleteToken").on("click",function () {
  153. var btn = $(this).button("loading");
  154. var action = $(this).attr("data-action");
  155. $.ajax({
  156. url : "{{urlfor "ManagerController.CreateToken"}}",
  157. type :"post",
  158. data : { "identify" : {{.Model.Identify}} , "action" : action },
  159. dataType : "json",
  160. success : function (res) {
  161. if(res.errcode === 0){
  162. $("#token").val(res.data);
  163. }else{
  164. alert(res.message);
  165. }
  166. btn.button("reset");
  167. },
  168. error : function () {
  169. btn.button("reset");
  170. alert("服务器错误");
  171. }
  172. }) ;
  173. });
  174. $("#token").on("focus",function () {
  175. $(this).select();
  176. });
  177. $("#bookEditForm").ajaxForm({
  178. beforeSubmit : function () {
  179. var bookName = $.trim($("#bookName").val());
  180. if (bookName === "") {
  181. return showError("项目名称不能为空");
  182. }
  183. $("#btnSaveBookInfo").button("loading");
  184. },
  185. success : function (res) {
  186. if(res.errcode === 0){
  187. showSuccess("保存成功")
  188. }else{
  189. showError("保存失败")
  190. }
  191. $("#btnSaveBookInfo").button("reset");
  192. },
  193. error : function () {
  194. showError("服务错误");
  195. $("#btnSaveBookInfo").button("reset");
  196. }
  197. });
  198. $("#deleteBookForm").ajaxForm({
  199. success : function (res) {
  200. if(res.errcode === 0){
  201. window.location = "{{urlfor "ManagerController.Books"}}";
  202. }else{
  203. console.log(res.message)
  204. showError(res.message,"#form-error-message2");
  205. }
  206. }
  207. });
  208. });
  209. </script>
  210. </body>
  211. </html>