<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<link href="/css/layui.css" rel="stylesheet">
<link href="/css/style.css?v=4.1.0" rel="stylesheet">
<head th:include="include :: header"></head>


<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="col-sm-12" style="text-align: center">
                        <h4>发布轮播文章</h4>
                    </div>
                    <form class="form-horizontal m-t" id="signupForm">
                        <input id="cid" name="cid" type="hidden">
                        <div class="form-group">
                            <label class="col-sm-1 control-label">轮播图：</label>
                            <div class="col-sm-5" id="pic">
                                <input id="slug" name="slug" type="hidden">
                                <img id="carouselPic" style="width: 420px;height: 200px;display: none" src="" alt="..."
                                     class="img-rounded">
                                <button type="button" class="layui-btn" id="test1" style="margin: 3% 30%">
                                    <i class="fa fa-cloud"></i>上传图片
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label">标题：</label>
                            <div class="col-sm-4">
                                <input id="title" name="title" class="form-control" type="text">
                            </div>
                            <label class="col-sm-1 control-label">创建人：</label>
                            <div class="col-sm-4">
                                <input id="author" name="author" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <input id="content" name="content" type="hidden"> <label
                                class="col-sm-1 control-label">内容：</label>
                            <div class="col-sm-11">
                                <div class="ibox-content no-padding">
                                    <div id="content_sn" class="summernote"></div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label">类型：</label>
                            <div class="col-sm-11">
                                <input id="categories" name="categories" value="轮播" class="form-control" type="text"
                                       readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <!--<label class="col-sm-2 control-label">开启评论：</label>
                            <div class="switch onoffswitch col-sm-1">
                                <div class="onoffswitch">
                                    <input id="allowComment" name="allowComment" checked=""
                                        type="checkbox" value="1" class="onoffswitch-checkbox"
                                        > <label class="onoffswitch-label"
                                        for="allowComment"> <span class="onoffswitch-inner"></span>
                                        <span class="onoffswitch-switch"></span>
                                    </label>
                                </div>
                            </div>

                            <label class="col-sm-2 control-label">允许订阅：</label>
                            <div class="switch onoffswitch col-sm-2">
                                <div class="onoffswitch">
                                    <input id="allowFeed" name="allowFeed" type="checkbox"
                                        value="1" class="onoffswitch-checkbox" >
                                    <label class="onoffswitch-label" for="allowFeed"> <span
                                        class="onoffswitch-inner"></span> <span
                                        class="onoffswitch-switch"></span>
                                    </label>
                                </div>
                            </div>-->
                            <input id="status" name="status" type="hidden">
                        </div>
                        <div class="text-right form-group">
                            <a class="btn btn-default waves-effect waves-light" onclick="returnList()">返回列表</a>
                            <button class="btn btn-primary waves-effect waves-light" type="submit">保存文章</button>
                            <button class="btn btn-warning waves-effect waves-light" onclick="save(0)">存为草稿</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>


<script type="text/javascript" src="/js/appjs/blog/bContent2/add.js">
</script>

<script src="/js/layui.js"></script>
<script>
    layui.use('upload', function () {
        var upload = layui.upload;
        //执行实例
        var uploadInst = upload.render({
            elem: '#test1', //绑定元素
            url: '/common/sysFile/upload', //上传接口
            size: 1000,
            accept: 'file',
            done: function (r) {
                layer.closeAll('loading');
                layer.msg(r.msg);
                $("#carouselPic").attr("src", r.fileName)
                $("#carouselPic").show()
                $("#slug").val(r.fileName)
            },
            error: function (r) {
                layer.closeAll('loading');
                layer.msg(r.msg);
            }
        });
    });
</script>
</body>
</html>
