edit.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <include file="public@header" />
  2. </head>
  3. <body>
  4. <div class="wrap">
  5. <ul class="nav nav-tabs">
  6. <li ><a href="{:url('Level/index')}">用户等级列表</a></li>
  7. <li class="active"><a >{:lang('EDIT')}</a></li>
  8. </ul>
  9. <form method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('Level/editPost')}">
  10. <div class="form-group">
  11. <label for="input-levelid" 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-levelid" name="levelid" placeholder="1-99999999之间的整数" value="{$data['levelid']}">
  14. <p class="help-block">请填写1-99999999之间的整数</p>
  15. </div>
  16. </div>
  17. <div class="form-group">
  18. <label for="input-levelname" class="col-sm-2 control-label"><span class="form-required">*</span>等级名称</label>
  19. <div class="col-md-6 col-sm-10">
  20. <input type="text" class="form-control" id="input-levelname" name="levelname" value="{$data['levelname']}">
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <label for="input-level_up" class="col-sm-2 control-label"><span class="form-required">*</span>等级经验上限</label>
  25. <div class="col-md-6 col-sm-10">
  26. <input type="text" class="form-control" id="input-level_up" name="level_up" value="{$data['level_up']}" maxlength="99999999" placeholder="1-99999999之间的整数">
  27. <p class="help-block">请填写1-99999999之间的整数</p>
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <label for="input-colour" class="col-sm-2 control-label"><span class="form-required">*</span>昵称颜色</label>
  32. <div class="col-md-6 col-sm-10">
  33. <input class="form-control js-color valid" name="colour" id="color" aria-invalid="false" style="display:inline-block;width:200px;" value="{$data['colour']}">
  34. <input class="form-control" id="colour_block" style="display:inline-block;;width:50px;background:#{$data['colour']};" disabled/>
  35. </div>
  36. </div>
  37. <div class="form-group">
  38. <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>图标</label>
  39. <div class="col-md-6 col-sm-10">
  40. <input type="hidden" name="thumb" id="thumbnail" value="{$data['thumb']}">
  41. <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
  42. <if condition="empty($data.thumb)">
  43. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  44. id="thumbnail-preview"
  45. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  46. <else/>
  47. <img src="{:get_upload_path($data.thumb)}"
  48. id="thumbnail-preview"
  49. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  50. </if>
  51. </a>
  52. <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片"> 图片尺寸: 90 X 45
  53. </div>
  54. </div>
  55. <div class="form-group" id="">
  56. <label for="input-thumb_mark" class="col-sm-2 control-label"><span class="form-required">*</span>头像角标</label>
  57. <div class="col-md-6 col-sm-10">
  58. <input type="hidden" name="thumb_mark" id="thumbnail2" value="{$data['thumb_mark']}">
  59. <a href="javascript:uploadOneImage('图片上传','#thumbnail2');">
  60. <if condition="empty($data.thumb_mark)">
  61. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  62. id="thumbnail2-preview"
  63. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  64. <else/>
  65. <img src="{:get_upload_path($data.thumb_mark)}"
  66. id="thumbnail2-preview"
  67. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  68. </if>
  69. </a>
  70. <input type="button" class="btn btn-sm btn-cancel-thumbnail2" value="取消图片"> 图片尺寸: 40 X 40
  71. </div>
  72. </div>
  73. <div class="form-group" id="">
  74. <label for="input-bg" class="col-sm-2 control-label"><span class="form-required">*</span>背景</label>
  75. <div class="col-md-6 col-sm-10">
  76. <input type="hidden" name="bg" id="thumbnail3" value="{$data['bg']}">
  77. <a href="javascript:uploadOneImage('图片上传','#thumbnail3');">
  78. <if condition="empty($data.bg)">
  79. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  80. id="thumbnail3-preview"
  81. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  82. <else/>
  83. <img src="{:get_upload_path($data.bg)}"
  84. id="thumbnail3-preview"
  85. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  86. </if>
  87. </a>
  88. <input type="button" class="btn btn-sm btn-cancel-thumbnail3" value="取消图片"> 图片尺寸: 200 X 90
  89. </div>
  90. </div>
  91. <div class="form-group">
  92. <div class="col-sm-offset-2 col-sm-10">
  93. <input type="hidden" name="id" value="{$data.id}" />
  94. <input type="hidden" name="thumb_old" value="{$data.thumb}" />
  95. <input type="hidden" name="thumb_mark_old" value="{$data.thumb_mark}" />
  96. <input type="hidden" name="bg_old" value="{$data.bg}" />
  97. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('EDIT')}</button>
  98. <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
  99. </div>
  100. </div>
  101. </form>
  102. </div>
  103. <script src="__STATIC__/js/admin.js"></script>
  104. <script>
  105. Wind.use('colorpicker',function(){
  106. $('.js-color').each(function () {
  107. var $this=$(this);
  108. $this.ColorPicker({
  109. livePreview:true,
  110. onChange: function(hsb, hex, rgb) {
  111. $("#colour_block").css('background','#'+hex);
  112. $this.val(hex);
  113. },
  114. onBeforeShow: function () {
  115. $(this).ColorPickerSetColor(this.value);
  116. }
  117. });
  118. });
  119. });
  120. (function(){
  121. $('.btn-cancel-thumbnail').click(function () {
  122. $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  123. $('#thumbnail').val('');
  124. });
  125. $('.btn-cancel-thumbnail2').click(function () {
  126. $('#thumbnail2-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  127. $('#thumbnail2').val('');
  128. });
  129. $('.btn-cancel-thumbnail3').click(function () {
  130. $('#thumbnail3-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  131. $('#thumbnail3').val('');
  132. });
  133. })()
  134. </script>
  135. </body>
  136. </html>