edit_book.tpl 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
  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="{{cdncss "/static/bootstrap/css/bootstrap.min.css"}}" rel="stylesheet">
  10. <link href="{{cdncss "/static/font-awesome/css/font-awesome.min.css"}}" rel="stylesheet">
  11. <link href="{{cdncss "/static/webuploader/webuploader.css"}}" rel="stylesheet">
  12. <link href="{{cdncss "/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. <li><a href="{{urlfor "ManagerController.AttachList" }}" class="item"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 附件管理</a> </li>
  34. </ul>
  35. </div>
  36. <div class="page-right">
  37. <div class="m-box">
  38. <div class="box-head">
  39. <strong class="box-title"> 项目设置</strong>
  40. <button type="button" class="btn btn-success btn-sm pull-right" data-toggle="modal" data-target="#transferBookModal">转让项目</button>
  41. {{if eq .Model.PrivatelyOwned 1}}
  42. <button type="button" class="btn btn-success btn-sm pull-right" data-toggle="modal" data-target="#changePrivatelyOwnedModal" style="margin-right: 5px;">转为公有</button>
  43. {{else}}
  44. <button type="button" class="btn btn-danger btn-sm pull-right" data-toggle="modal" data-target="#changePrivatelyOwnedModal" style="margin-right: 5px;">转为私有</button>
  45. {{end}}
  46. <button type="button" class="btn btn-danger btn-sm pull-right" style="margin-right: 5px;" data-toggle="modal" data-target="#deleteBookModal">删除项目</button>
  47. </div>
  48. </div>
  49. <div class="box-body" style="padding-right: 200px;">
  50. <div class="form-left">
  51. <form method="post" id="bookEditForm" action="{{urlfor "ManagerController.EditBook"}}">
  52. <input type="hidden" name="identify" value="{{.Model.Identify}}">
  53. <div class="form-group">
  54. <label>标题</label>
  55. <input type="text" class="form-control" name="book_name" id="bookName" placeholder="项目名称" value="{{.Model.BookName}}">
  56. </div>
  57. <div class="form-group">
  58. <label>标识</label>
  59. <input type="text" class="form-control" value=" {{.BaseUrl}}{{urlfor "DocumentController.Index" ":key" .Model.Identify}}" disabled placeholder="项目标识">
  60. </div>
  61. <div class="form-group">
  62. <label>排序</label>
  63. <input type="number" min="0" class="form-control" value="{{.Model.OrderIndex}}" name="order_index" placeholder="项目排序">
  64. <p class="text">只能是数字,序号越大排序越靠前</p>
  65. </div>
  66. <div class="form-group">
  67. <label>描述</label>
  68. <textarea rows="3" class="form-control" name="description" style="height: 90px" placeholder="项目描述">{{.Model.Description}}</textarea>
  69. <p class="text">描述信息不超过500个字符</p>
  70. </div>
  71. <div class="form-group">
  72. <label>标签</label>
  73. <input type="text" class="form-control" name="label" placeholder="项目标签" value="{{.Model.Label}}">
  74. <p class="text">最多允许添加10个标签,多个标签请用“;”分割</p>
  75. </div>
  76. {{/*{*<div class="form-group">*}
  77. {*<label>开启评论</label>*}
  78. {*<div class="radio">*}
  79. {*<label class="radio-inline">*}
  80. {*<input type="radio" {{if eq .Model.CommentStatus "open"}}checked{{end}} name="comment_status" value="open">允许所有人评论<span class="text"></span>*}
  81. {*</label>*}
  82. {*<label class="radio-inline">*}
  83. {*<input type="radio" {{if eq .Model.CommentStatus "closed"}}checked{{end}} name="comment_status" value="closed">关闭评论<span class="text"></span>*}
  84. {*</label>*}
  85. {*<label class="radio-inline">*}
  86. {*<input type="radio" {{if eq .Model.CommentStatus "group_only"}}checked{{end}} name="comment_status" value="group_only">仅允许参与者评论<span class="text"></span>*}
  87. {*</label>*}
  88. {*<label class="radio-inline">*}
  89. {*<input type="radio" {{if eq .Model.CommentStatus "registered_only"}}checked{{end}} name="comment_status" value="registered_only">仅允许注册者评论<span class="text"></span>*}
  90. {*</label>*}
  91. {*</div>*}
  92. {*</div>*} */}}
  93. {{if eq .Model.PrivatelyOwned 1}}
  94. <div class="form-group">
  95. <label>访问令牌</label>
  96. <div class="row">
  97. <div class="col-sm-10">
  98. <input type="text" name="token" id="token" class="form-control" placeholder="访问令牌" readonly value="{{.Model.PrivateToken}}">
  99. </div>
  100. <div class="col-sm-2">
  101. <button type="button" class="btn btn-success btn-sm" id="createToken" data-loading-text="生成" data-action="create">生成</button>
  102. <button type="button" class="btn btn-danger btn-sm" id="deleteToken" data-loading-text="删除" data-action="delete">删除</button>
  103. </div>
  104. </div>
  105. </div>
  106. {{end}}
  107. <div class="form-group">
  108. <button type="submit" id="btnSaveBookInfo" class="btn btn-success" data-loading-text="保存中...">保存修改</button>
  109. <span id="form-error-message" class="error-message"></span>
  110. </div>
  111. </form>
  112. </div>
  113. <div class="form-right">
  114. <label>
  115. <img src="{{.Model.Cover}}" onerror="this.src='/static/images/book.png'" alt="封面" style="max-width: 120px;border: 1px solid #999" id="headimgurl">
  116. </label>
  117. </div>
  118. <div class="clearfix"></div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. {{template "widgets/footer.tpl" .}}
  124. </div>
  125. <div class="modal fade" id="changePrivatelyOwnedModal" tabindex="-1" role="dialog" aria-labelledby="changePrivatelyOwnedModalLabel">
  126. <div class="modal-dialog" role="document">
  127. <form method="post" action="{{urlfor "ManagerController.PrivatelyOwned" }}" id="changePrivatelyOwnedForm">
  128. <input type="hidden" name="identify" value="{{.Model.Identify}}">
  129. <input type="hidden" name="status" value="{{if eq .Model.PrivatelyOwned 0}}close{{else}}open{{end}}">
  130. <div class="modal-content">
  131. <div class="modal-header">
  132. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  133. <h4 class="modal-title">
  134. {{if eq .Model.PrivatelyOwned 0}}
  135. 转为私有
  136. {{else}}
  137. 转为共有
  138. {{end}}
  139. </h4>
  140. </div>
  141. <div class="modal-body">
  142. {{if eq .Model.PrivatelyOwned 0}}
  143. <span style="font-size: 14px;font-weight: 400;">确定将项目转为私有吗?</span>
  144. <p></p>
  145. <p class="text error-message">转为私有后需要通过阅读令牌才能访问该项目。</p>
  146. {{else}}
  147. <span style="font-size: 14px;font-weight: 400;"> 确定将项目转为公有吗?</span>
  148. <p></p>
  149. <p class="text error-message">转为公有后所有人都可以访问该项目。</p>
  150. {{end}}
  151. </div>
  152. <div class="modal-footer">
  153. <span class="error-message" id="form-error-message1"></span>
  154. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  155. <button type="submit" class="btn btn-primary" data-loading-text="变更中..." id="btnChangePrivatelyOwned">确定</button>
  156. </div>
  157. </div>
  158. </form>
  159. </div>
  160. </div>
  161. <!-- Delete Book Modal -->
  162. <div class="modal fade" id="deleteBookModal" tabindex="-1" role="dialog" aria-labelledby="deleteBookModalLabel">
  163. <div class="modal-dialog" role="document">
  164. <form method="post" id="deleteBookForm" action="{{urlfor "ManagerController.DeleteBook"}}">
  165. <input type="hidden" name="book_id" value="{{.Model.BookId}}">
  166. <div class="modal-content">
  167. <div class="modal-header">
  168. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  169. <h4 class="modal-title">删除项目</h4>
  170. </div>
  171. <div class="modal-body">
  172. <span style="font-size: 14px;font-weight: 400;">确定删除项目吗?</span>
  173. <p></p>
  174. <p class="text error-message">删除项目后将无法找回。</p>
  175. </div>
  176. <div class="modal-footer">
  177. <span id="form-error-message2" class="error-message"></span>
  178. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  179. <button type="submit" id="btnDeleteBook" class="btn btn-primary">确定删除</button>
  180. </div>
  181. </div>
  182. </form>
  183. </div>
  184. </div>
  185. <div class="modal fade" id="transferBookModal" tabindex="-1" role="dialog" aria-labelledby="transferBookModalLabel">
  186. <div class="modal-dialog" role="document">
  187. <form action="{{urlfor "ManagerController.Transfer"}}" method="post" id="transferBookForm">
  188. <input type="hidden" name="identify" value="{{.Model.Identify}}">
  189. <div class="modal-content">
  190. <div class="modal-header">
  191. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  192. <h4 class="modal-title" id="myModalLabel">项目转让</h4>
  193. </div>
  194. <div class="modal-body">
  195. <div class="form-group">
  196. <label class="col-sm-2 control-label">接收账号</label>
  197. <div class="col-sm-10">
  198. <input type="text" name="account" class="form-control" placeholder="接收者账号" id="receiveAccount" maxlength="50">
  199. </div>
  200. </div>
  201. <div class="clearfix"></div>
  202. </div>
  203. <div class="modal-footer">
  204. <span id="form-error-message3" class="error-message"></span>
  205. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  206. <button type="submit" id="btnTransferBook" class="btn btn-primary">确定转让</button>
  207. </div>
  208. </div>
  209. </form>
  210. </div>
  211. </div>
  212. <script src="{{cdnjs "/static/jquery/1.12.4/jquery.min.js"}}" type="text/javascript"></script>
  213. <script src="{{cdnjs "/static/bootstrap/js/bootstrap.min.js"}}" type="text/javascript"></script>
  214. <script src="{{cdnjs "/static/webuploader/webuploader.min.js"}}" type="text/javascript"></script>
  215. <script src="{{cdnjs "/static/cropper/2.3.4/cropper.min.js"}}" type="text/javascript"></script>
  216. <script src="{{cdnjs "/static/js/jquery.form.js"}}" type="text/javascript"></script>
  217. <script src="/static/js/main.js" type="text/javascript"></script>
  218. <script type="text/javascript">
  219. $(function () {
  220. $("#upload-logo-panel").on("hidden.bs.modal",function () {
  221. $("#upload-logo-panel").find(".modal-body").html(window.modalHtml);
  222. }).on("show.bs.modal",function () {
  223. window.modalHtml = $("#upload-logo-panel").find(".modal-body").html();
  224. });
  225. $("#createToken,#deleteToken").on("click",function () {
  226. var btn = $(this).button("loading");
  227. var action = $(this).attr("data-action");
  228. $.ajax({
  229. url : "{{urlfor "ManagerController.CreateToken"}}",
  230. type :"post",
  231. data : { "identify" : {{.Model.Identify}} , "action" : action },
  232. dataType : "json",
  233. success : function (res) {
  234. if(res.errcode === 0){
  235. $("#token").val(res.data);
  236. }else{
  237. alert(res.message);
  238. }
  239. btn.button("reset");
  240. },
  241. error : function () {
  242. btn.button("reset");
  243. alert("服务器错误");
  244. }
  245. }) ;
  246. });
  247. $("#token").on("focus",function () {
  248. $(this).select();
  249. });
  250. $("#bookEditForm").ajaxForm({
  251. beforeSubmit : function () {
  252. var bookName = $.trim($("#bookName").val());
  253. if (bookName === "") {
  254. return showError("项目名称不能为空");
  255. }
  256. $("#btnSaveBookInfo").button("loading");
  257. },
  258. success : function (res) {
  259. if(res.errcode === 0){
  260. showSuccess("保存成功")
  261. }else{
  262. showError("保存失败")
  263. }
  264. $("#btnSaveBookInfo").button("reset");
  265. },
  266. error : function () {
  267. showError("服务错误");
  268. $("#btnSaveBookInfo").button("reset");
  269. }
  270. });
  271. $("#deleteBookForm").ajaxForm({
  272. success : function (res) {
  273. if(res.errcode === 0){
  274. window.location = "{{urlfor "ManagerController.Books"}}";
  275. }else{
  276. console.log(res.message)
  277. showError(res.message,"#form-error-message2");
  278. }
  279. }
  280. });
  281. $("#transferBookForm").ajaxForm({
  282. beforeSubmit : function () {
  283. var account = $.trim($("#receiveAccount").val());
  284. if (account === ""){
  285. return showError("接受者账号不能为空","#form-error-message3")
  286. }
  287. $("#btnTransferBook").button("loading");
  288. },
  289. success : function (res) {
  290. if(res.errcode === 0){
  291. window.location = window.location.href;
  292. }else{
  293. showError(res.message,"#form-error-message3");
  294. }
  295. $("#btnTransferBook").button("reset");
  296. },
  297. error : function () {
  298. $("#btnTransferBook").button("reset");
  299. }
  300. });
  301. $("#changePrivatelyOwnedForm").ajaxForm({
  302. beforeSubmit :function () {
  303. $("#btnChangePrivatelyOwned").button("loading");
  304. },
  305. success :function (res) {
  306. if(res.errcode === 0){
  307. window.location = window.location.href;
  308. return;
  309. }else{
  310. showError(res.message,"#form-error-message1");
  311. }
  312. $("#btnChangePrivatelyOwned").button("reset");
  313. },
  314. error :function () {
  315. showError("服务器异常","#form-error-message1");
  316. $("#btnChangePrivatelyOwned").button("reset");
  317. }
  318. });
  319. });
  320. </script>
  321. </body>
  322. </html>