You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

140 lines
6.2 KiB

  1. <!DOCTYPE html><html><head><title>栏目修改_后台管理</title>@include('admin.common.header')
  2. <div class="container-fluid">
  3. <div class="row">
  4. <!-- 左边开始 --><div class="col-sm-3 col-md-2 sidebar">@include('admin.common.leftmenu')</div><!-- 左边结束 -->
  5. <!-- 右边开始 --><div class="col-sm-9 col-md-10 rightbox"><div id="mainbox">
  6. <h5 class="sub-header"><a href="/fladmin/category">栏目管理</a> > 栏目修改</h5>
  7. <form method="post" action="/fladmin/category/doedit" role="form" id="addcat" class="table-responsive">{{ csrf_field() }}
  8. <table class="table table-striped table-bordered">
  9. <tbody>
  10. <tr>
  11. <td align="right">栏目名称:</td>
  12. <td><input name="typename" type="text" value="<?php echo $post["typename"]; ?>" id="typename" size="30" class="required"><input style="display:none;" type="text" name="id" id="id" value="<?php echo $id; ?>"></td>
  13. </tr>
  14. <tr>
  15. <td align="right">别名:</td>
  16. <td><input name="typedir" type="text" value="<?php echo $post["typedir"]; ?>" id="typedir" class="required" style="width:30%"> <small>(包含字母或数字,字母开头)</small></td>
  17. </tr>
  18. <tr>
  19. <td align="right">列表模板:</td>
  20. <td><input name="templist" id="templist" type="text" value="<?php echo $post["templist"]; ?>" class="required" size="20"></td>
  21. </tr>
  22. <tr>
  23. <td align="right">文章模板:</td>
  24. <td><input name="temparticle" id="temparticle" type="text" value="<?php echo $post["temparticle"]; ?>" class="required" size="20"></td>
  25. </tr>
  26. <tr>
  27. <td align="right" style="vertical-align:middle;">缩略图:</td>
  28. <td style="vertical-align:middle;"><button type="button" onclick="upImage();">选择图片</button> <input name="litpic" type="text" id="litpic" value="<?php echo $post["litpic"]; ?>" style="width:40%"> <img style="margin-left:20px;<?php if(empty($post["litpic"]) || !imgmatch($post["litpic"])){ echo "display:none;"; } ?>" src="<?php if(imgmatch($post["litpic"])){echo $post["litpic"];} ?>" width="120" height="80" id="picview" name="picview"></td>
  29. </tr>
  30. <script type="text/javascript">
  31. var _editor;
  32. $(function() {
  33. //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
  34. _editor = UE.getEditor('ueditorimg');
  35. _editor.ready(function () {
  36. //设置编辑器不可用
  37. _editor.setDisabled('insertimage');
  38. //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
  39. _editor.hide();
  40. //侦听图片上传
  41. _editor.addListener('beforeInsertImage', function (t, arg) {
  42. //将地址赋值给相应的input,只取第一张图片的路径
  43. $('#litpic').val(arg[0].src);
  44. //图片预览
  45. $('#picview').attr("src",arg[0].src).css("display","inline-block");
  46. })
  47. });
  48. });
  49. //弹出图片上传的对话框
  50. function upImage()
  51. {
  52. var myImage = _editor.getDialog("insertimage");
  53. myImage.render();
  54. myImage.open();
  55. }
  56. </script>
  57. <script type="text/plain" id="ueditorimg"></script>
  58. <tr>
  59. <td align="right">SEO标题:</td>
  60. <td><input name="seotitle" type="text" style="width:70%" id="seotitle" class="alltxt" value="<?php echo $post["seotitle"]; ?>"></td>
  61. </tr>
  62. <tr>
  63. <td align="right">关键字:</td>
  64. <td><input name="keywords" type="text" style="width:50%" id="keywords" class="alltxt" value="<?php echo $post["keywords"]; ?>"> (","分开)</td>
  65. </tr>
  66. <tr>
  67. <td align="right">SEO关键字:</td>
  68. <td><input name="seokeyword" type="text" style="width:50%" id="seokeyword" class="alltxt" value="<?php echo $post["seokeyword"]; ?>"> (","分开)</td>
  69. </tr>
  70. <tr>
  71. <td align="right" style="vertical-align:middle;">栏目描述:</td>
  72. <td><textarea name="description" cols="70" style="height:70px;vertical-align:middle;width:70%" rows="3" id="description" class="alltxt"><?php echo $post["description"]; ?></textarea></td>
  73. </tr>
  74. <tr>
  75. <td colspan="2"><strong>栏目内容:</strong></td>
  76. </tr>
  77. <tr>
  78. <td colspan="2">
  79. <!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain"><?php echo $post["content"]; ?></script>
  80. <!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
  81. <!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.js"></script>
  82. <!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script>
  83. </td>
  84. </tr>
  85. <tr>
  86. <td colspan="2"><input type="submit" class="btn btn-success" value="保存(Submit)">&nbsp;&nbsp;<input type="reset" class="btn btn-default" value="重置(Reset)"></td>
  87. </tr>
  88. </tbody>
  89. </table>
  90. </form><!-- 表单结束 -->
  91. </div></div><!-- 右边结束 --></div></div>
  92. <script>
  93. $(function(){
  94. $(".required").blur(function(){
  95. var $parent = $(this).parent();
  96. $parent.find(".formtips").remove();
  97. if(this.value=="")
  98. {
  99. $parent.append(' <small class="formtips onError"><font color="red">不能为空!</font></small>');
  100. }
  101. else
  102. {
  103. if( $(this).is('#typedir') ){
  104. var reg = /^[a-zA-Z]+[0-9]*[a-zA-Z0-9]*$/;//验证是否为字母、数字
  105. if(!reg.test($("#typedir").val()))
  106. {
  107. $parent.append(' <small class="formtips onError"><font color="red">格式不正确!</font></small>');
  108. }
  109. else
  110. {
  111. $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
  112. }
  113. }
  114. else
  115. {
  116. $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
  117. }
  118. }
  119. });
  120. //重置
  121. $('#addcat input[type="reset"]').click(function(){
  122. $(".formtips").remove();
  123. });
  124. });
  125. $('#addcat input[type="submit"]').click(function(){
  126. $(".required").trigger('blur');
  127. var numError = $('#addcat .onError').length;
  128. if(numError){
  129. return false;
  130. }
  131. });
  132. </script>
  133. </body></html>