<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="/guang/article/index">文章管理</a></li>
                <li>添加文章</li>
            </ul>

            <div>
                    <h4>添加文章</h4>
            </div>
        </div>
    </div><!-- media -->
</div>

<div class="contentpanel">
    <div class="rows">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">添加文章</h4>
                </div>
                <div class="panel-body form-horizontal" id="panel-body" action="{{action}}">
                    
                </div>
                <div class="panel-footer">
                      <div class="row">
                        <div class="col-sm-9 col-sm-offset-3">
                            <input type="button" id="submit" class="btn btn-primary mr5" value="保存" />
                        </div>
                      </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/template" id="tempalte1">
    <div class="row" id="baseform">
        <div class="form-group">
            <label class="col-sm-2 control-label">文章标题:</label>
            <div class="col-sm-8">
                <input type="text" id="articleTitle" class="form-control" placeholder="文章标题" required value="[[articleTitle]]">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文章分类:</label>
            <!--文章分类-->
            <div class="col-sm-2">
            <select class="form-control" id="maxSortId" required>
                <option value="[[maxSortId||'-1']]">[[maxSortName||'请选择一级分类']]</option>
            </select>
            </div>
            <div class="col-sm-2">
            <select class="form-control" id="minSortId">
                <option value="[[minSortId||'-1']]">[[minSortName||'请选择二级分类']]</option>
            </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">性别:</label>
            <div class="col-sm-8">
                <input type="radio" value="1" name="articleGender">
                <label>男</label>
                <input type="radio" value="2" name="articleGender">
                <label>女</label>
                <input type="radio" value="3" name="articleGender">
                <label>通用</label>
                <input type="hidden" value="[[articleGender]]" id="articleGender" for="radio" required />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">选择作者:</label>
            <div class="col-sm-8">
                <select class="form-control" id="authorId" required>
                    <option value="[[authorId||'']]">[[authorName||'请选择']]</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文章摘要:</label>
            <div class="col-sm-8">
                <textarea rows="2" id="articleSummary" class="form-control" placeholder="文章摘要" required>[[articleSummary]]</textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">封面图:</label>
            <div class="col-sm-8">
                <input type="file" name="coverImage" id="coverImage" value="[[coverImage]]" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">图片类型:</label>
            <div class="col-sm-8">
                <input type="radio" value="1" name="coverImageType">
                <label>方形</label>
                <input type="radio" value="2" name="coverImageType">
                <label>长形</label>
                <input type="hidden" id="coverImageType" value="[[coverImageType]]" for="radio" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">文章类型:</label>
            <div class="col-sm-8">
                <select class="form-control" value="[[articleType]]" id="articleType">
                    <option value="1">普通文章</option>
                    <option value="2">广告</option>
                </select>
            </div>
        </div>
         <div class="form-group">
            <label class="col-sm-2 control-label">广告尺寸:</label>
            <div class="col-sm-8">
                <select class="form-control" value="[[adsImgSize]]" id="adsImgSize">
                    <option value="">请选择广告图片尺寸</option>
                    <option value="10881088">1088X1088</option>
                    <option value="1088680">1088X680</option>
                    <option value="1088340">1088X340</option>
                </select>
            </div>
        </div>

        </div>
        <div class="row">
        
        <div class="form-group">
            <label class="col-sm-2 control-label">链接:</label>
            <div class="col-sm-7">

                <input type="text" name="url" id="url" value='[[url]]' class="form-control" placeholder="请输入内容链接" readonly="true" required>
                <p style="color:#999">注：链接中不能有英文单引号</p>
            </div>
            <div class="col-sm-1">
                <button type="button" class="btn btn-info" id="addUrl">添加链接</button>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">文章内容:</label>
            <div class="col-sm-6">
                    <div id="base-form">
                        <div class="source-content" id="source-m">
                            <!-- left -->
                            <div class="content-left" id="contentLeft">
                                <h4 class="title" data-type="title" style="text-align: center">文章内容</h4>
                                <ul class="add-box showContain ui-sortable" id="add-content">
                                </ul>
                                <nav>
                                    <em><i></i></em>
                                    <ul class="contents" id="content_btns">

                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">添加品牌:</label>
            <div class="col-sm-8">
                 <ul class="cover-image-list col-sm-10" id="addPic" style="padding: 0;margin: 0;">
                 <li class="cover-image-item fileinput-button">
                        <div class="goods-img">
                            <a class="fileinput-button-icon" href="javascript:void(0);" id="addBrands">+</a>
                        </div>
                    </li>
                 </ul>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">选择标签:</label>
            <div class="col-sm-6">
               <div id="taglist" class="tagwrap">
                  
               </div>
            </div>
             <div class="col-sm-1">
                <button class="btn btn-info" type="button" id="TagsSelectBtn">选择标签</button>
            </div>
        </div>
    </div>
</script>

<script type="text/template" id="template2">
    <div class="rows">
        <div class="form-group">
            <label class="col-sm-2 control-label">选择跳转目的地:</label>
            <div class="col-sm-8">
                <select name="goTo" id="goTo" class="form-control">     
                     [[layout template_default_1]]        
                </select>

            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">跳转地址:</label>
            <div class="col-sm-8">
                <textarea rows="2" id="goToUrl" class="form-control" placeholder="跳转地址" ></textarea>
            </div>
           
        </div>
    </div>
</script>

<script type="text/template" id="template3">
[[each Brands as brand index]]    
    <li class="cover-image-item image-list" data-index="2">
        <div class="goods-img">
            <a class="fileinput-button-icon" href="javascript:void(0);">
                <img src="[[brand.brandIco]]?imageView/2/w/100/h/100">
            </a>
            <i class="remove-item-btn remove1 glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
        </div>
    </li>
[[/each]]
</script>

<script type="text/template" id="template4">
[[each tags as tag __index]]
    <span class="tag"><span>[[tag]]</span><a href="#" title="Removing tag" data-index='[[__index]]'>x</a></span>
[[/each]]
</script>

<script type="text/template" id="template5">
<div class="row" id="brandForm">
        
        <div class="form-group">
            [[each Brands as brand index]]
            <a class="btn brand-index" href="#[[brand.name]]">[[brand.name]]</a>
            [[/each]]
        </div>

        <div class="form-group brand-wrap" style="height: 400px;overflow: auto;">
            [[each Brands as brand index]]
            <div class="form-group" name="[[brand.name]]">
                [[each brand.items as item __index ]]
                <a class="btn">
                    <input type="checkbox" value="[[item.id]]" name="brandCheckBox">
                    <label>[[item.brand_name]]</label>
                </a>
                [[/each]]
            </div>
            [[/each]]
        </div>
    <input type="hidden" id="brandCheckBox" for="checkbox" value="[[Brdata]]" />
</div>
</script>

<script type="text/template" id="template_content_btns">
[[each btns as btn index]]
    <li><a href="javascript:void(0)" name="text" class="add_btn" data-index="[[index]]">[[btn.template_intro]]</a></li>
[[/each]]
</script>


<script type="text/template" id="template_content">
<!-- 文本内容 -->
[[each modules as module index]]
    <li class="custom-group" data-index="[[index]]">
    [[if module.contentData.template_name=='text']]
        <div class="con">[[module.contentData.data.text]]</div>
    [[else if module.contentData.template_name=='singleImage']]
        <div class="list">
            <img src="[[module.contentData.data[0].src]]" title="[[module.contentData.data[0].title]]">
        </div>
    [[else if module.contentData.template_name=='smallPic']]
    <div class="small-pic">
        <ul class="small-pic-list">
        [[each module.contentData.data as item i]]
            <img src="[[item.src]]" title="[[item.title]]">
        [[/each]]
        </ul>
    </div>
    [[else if module.contentData.template_name=='goods']]
    <div class="small-pic">
        <ul class="small-pic-list">
        [[each module.contentData.data as item i]]
            <img src="[[item.src]]" title="[[item.id]]">
        [[/each]]
        </ul>
    </div>
    [[else if module.template_name=='link']]
    <div class="list">
        <h3>添加链接</h3>
    </div>
    [[else if module.template_name=='goodsGroup']]
    <div class="small-pic">
        
        <div class="small-pic-list2">
        [[each module.data as items i]]
            <img src="[[items.cover.cover]]" >
        [[/each]]
        </div>
        <div class="small-pic-list">
        
            [[each module.data[0].list as item index]]
                <img src="[[item.src]]" title="[[item.id]]">
            [[/each]]
        
        </ul>
    </div>

    [[/if]]
        <div class="actions-box">
            <div class="actions-wrap">
                <span class="edit" data-index="[[index]]">编辑</span>
                <span class="del" data-index="[[index]]">删除</span>
            </div>
        </div>
     </li>
[[/each]]

</script>

<!-- 文本弹层 -->
<script type="text/template" id="template_dialog_text">
    <div class="rows">
       <textarea rows="2" class="form-control observe" placeholder="文章摘要" data-field="text" >[[contentData.data.text]]</textarea>
    </div>
</script>

<!-- 一张图片 -->
<script type="text/template" id="template_dialog_grid">
    <div class="rows">
    <div id="grid-baseFrom">
        <table class="table table-hover table-bordered responsive dataTable no-footer">
            <thead>
            <tr>
                <th>序号</th>
                <th>资源位</th>
            </tr>
            </thead>
            <tbody>
            [[each contentData.data as item index]]
            <tr>
                <td>[[index+1]]</td>
                <td><input type="file" name="file" id="src-[[index]]" value="[[item.src]]" data-field="[[index]].src" data-index="[[index]]" /></td>
            </tr>
            [[/each]]
            </tbody>
        </table>
    </div>
    </div>
</script>

<!-- 选择商品 -->
<script type="text/template" id="template_dialog_goods">
    <div class="rows">
        <div class="form-group">
            <div class="col-sm-12">
                <ul class="cover-image-list col-sm-10" id="goodspic">
                    [[each contentData.data as item index]]    
                        <li class="cover-image-item image-list" data-index="2">
                            <div class="goods-img">
                                <a class="fileinput-button-icon" href="javascript:void(0);">
                                    <img src="[[item.src]]">
                                </a>
                                <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
                            </div>
                        </li>
                    [[/each]]
                </ul>
            </div>
            
        </div>
        <div class="form-group">
             <div class="col-sm-1">
                <button class="btn btn-info" type="button" id="goodsSelectBtn">选择标签</button>
            </div>
        </div>
    </div>
</script>

<script type="text/template" id="template_dialog_goodsimgs">
    [[each datas as data index]]    
        <li class="cover-image-item image-list" data-index="2">
            <div class="goods-img">
                <a class="fileinput-button-icon" href="javascript:void(0);">
                    <img src="[[data.src]]?imageView/2/w/100/h/100">
                </a>
                <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
            </div>
        </li>
    [[/each]]
</script>

<!--添加商品/商品组--选择标签界面模板-->
<script type="text/template" id="template_dialog_goodsgird">
    <div class="rows">
        <div class="form-group">
            <div class="panel-col2">
                <input class="form-control"  id="skns" placeholder="输入SKN(多个skn以逗号分隔)" />
            </div>
            <div class="panel-col">
                <input type="number" id="beginPrice"  name="begin_price" class="form-control"
                       placeholder="起始价" value="" >
            </div>

            <div class="panel-col">
                <input type="number" id="endPrice" name="end_price" class="form-control"
                       placeholder="结束价" value="" >
            </div>
            <div class="col-sm-1">
                <input type="button" id="search" class="btn btn-primary mr5" value="搜索" />
            </div>
        </div>
        <div class="form-group">
            <div class="gird" id="goodsgird"></div>
        </div>
    </div>
</script>

<!-- 推荐商品 -->
<script type="text/tempalte" id="template_dialog_remgoods">
    <div class="rows" id="groupsgoods">
        [[each data as items i]]
            <div class="form-group">
            <div class="col-sm-10">
                <ul class="cover-image-list col-sm-10" id="goodspic-0">
                    [[each items.list as item index]]    
                        <li class="cover-image-item image-list" data-index="2">
                            <div class="goods-img">
                                <a class="fileinput-button-icon" href="javascript:void(0);">
                                    <img src="[[item.src]]?imageView/2/w/100/h/100">
                                </a>
                                <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
                            </div>
                        </li>
                    [[/each]]
                </ul>
            </div>
             <div class="col-sm-2">
                <button class="btn btn-info goodsSelectBtn" type="button" data-index="[[i]]">选择标签</button>
            </div>
        </div>
        [[/each]]

    </div>
    <div class="rows">
     <div class="form-group">
            <div class="col-sm-1">
                <button class="btn btn-info" type="button" id="goodsaddBtn">添加组</button>
            </div>
        </div>
    </div>
</script>

<script type="text/template" id="template_dialog_remgoodsgroup">
     [[each data as items i]]
        <div class="form-group">
        <div class="col-sm-10">
            <ul class="cover-image-list col-sm-10" id="goodspic-0">
                [[each items.list as item index]]    
                    <li class="cover-image-item image-list" data-index="2">
                        <div class="goods-img">
                            <a class="fileinput-button-icon" href="javascript:void(0);">
                                <img src="[[item.src]]?imageView/2/w/100/h/100">
                            </a>
                            <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
                        </div>
                    </li>
                [[/each]]
            </ul>
        </div>
         <div class="col-sm-2">
            <button class="btn btn-info goodsSelectBtn" type="button" data-index="[[i]]">选择标签</button>
        </div>
    </div>
    [[/each]]
</script>
<!-- 一个连接 -->
<script type="text/template" id="template_dialog_link">
    <div class="rows">
        <div class="form-group">
            <label class="col-sm-2 control-label">选择跳转目的地:</label>
            <div class="col-sm-8">
                <select class="form-control observe" data-field="0.url.action" value='[[data[0].url.action]]'>     
                    [[layout template_default_1]]
                </select>

            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">跳转地址:</label>
            <div class="col-sm-8">
                <textarea rows="2" class="form-control observe" placeholder="跳转地址" data-field="0.url.url" >[[data[0].url.url]]</textarea>
            </div>
           
        </div>
    </div>
</script>

<script type="text/template" id="template_default_1">
    <option value="">选择跳转目的</option>          
                    <option value="brand">品牌列表页</option>          
                    <option value="productDetail">商品详情页</option>          
                    <option value="coupon">优惠券页</option>          
                    <option value="fav">收藏列表页</option>          
                    <option value="mine">我的页面</option>          
                    <option value="list">列表或搜索页</option>          
                    <option value="attention">关注页</option>          
                    <option value="plus">plus页</option>          
                    <option value="star">star页</option>          
                    <option value="new">新品到着页</option>          
                    <option value="sale">折扣页</option>          
                    <option value="h5">h5网页</option>          
                    <option value="guangchannel">逛频道</option>          
                    <option value="gender">男女首页</option>          
                    <option value="activity">app活动页</option>          
                    <option value="home" selected="selected">频道首页</option>          
                    <option value="yohood">YOHOOD</option>          
                    <option value="top100">热销排行</option>          
                    <option value="activitytemplate">活动模板</option>          
                    <option value="globalpurchase">全球购</option>          
                    <option value="subchannel">二级频道</option>          
                    <option value="guangchannel">逛频道或SHOW晒单页</option>          
                    <option value="showgoods">去晒单</option>          
                    <option value="limitpurchase">尖货频道</option>          
                    <option value="vippro">会员商品</option>          
                    <option value="shortsize">断码页</option>          
                    <option value="discountmarket">折扣专区</option>          
                    <option value="discountmarketpro">折扣专区详情页</option>     
</script>