<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
  <th:block th:include="include :: header('新增短剧公告')" />
  <th:block th:include="include :: summernote-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
  <form class="form-horizontal m" id="form-message-add">
    <div class="form-group">
      <label class="col-sm-3 control-label">消息名称：</label>
      <div class="col-sm-8">
        <input name="name" class="form-control" type="text">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">标题：</label>
      <div class="col-sm-8">
        <input name="title" class="form-control" type="text">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">消息类型：</label>
      <div class="col-sm-8">
        <select name="type" class="form-control m-b" th:with="type=${@dict.getType('sys_message_type')}">
          <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
        </select>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">公告详情：</label>
      <div class="col-sm-8">
        <input type="hidden" class="form-control" name="content">
        <div class="summernote" id="detail"></div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">备注：</label>
      <div class="col-sm-8">
        <input name="remark" class="form-control" type="text">
      </div>
    </div>
  </form>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: summernote-js" />
<script th:inline="javascript">
  var prefix = ctx + "system/playlet/message"
  $("#form-message-add").validate({
    focusCleanup: true
  });

  function submitHandler() {
    if ($.validate.form()) {
      $.operate.save(prefix + "/add", $('#form-message-add').serialize());
    }
  }

  $(function() {
    $('.summernote').summernote({
      lang: 'zh-CN',
      dialogsInBody: true,
      height : 300,
      callbacks: {
        onChange: function(contents, $edittable) {
          $("input[name='" + this.id + "']").val(contents);
        },
        onImageUpload: function(files) {
          var obj = this;
          var data = new FormData();
          data.append("file", files[0]);
          $.ajax({
            type: "post",
            url: ctx + "common/upload",
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(result) {
              if (result.code == web_status.SUCCESS) {
                $('#' + obj.id).summernote('insertImage', result.url);
              } else {
                $.modal.alertError(result.msg);
              }
            },
            error: function(error) {
              $.modal.alertWarning("图片上传失败。");
            }
          });
        }
      }
    });
  });

</script>
</body>
</html>