add.html 10.4 KB
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Code')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-code" data-rule="code_check" data-rule-code_check="[/^[a-zA-Z][a-zA-Z0-9_]*$/,'请以字母开头']" class="form-control" name="row[code]" type="text" value="">
            <span class="help-block">作用等同ID,可用于在业务代码中调用此模板发送消息</span>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Robot_ids')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-robot_ids" data-rule="required" data-source="dinghorn/robot/index" data-multiple="true" class="form-control selectpage" name="row[robot_ids]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Typelist')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-typelist" data-rule="required" class="form-control selectpicker" name="row[typelist]">
                {foreach name="typelistList" item="vo"}
                    <option value="{$key}" {in name="key" value="text"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>

    <div class="form-group msg_group msg_title">
        <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-title" class="form-control" name="row[title]" type="text" placeholder="支持使用变量,格式:${变量名}" value="">
        </div>
    </div>

    <div class="form-group msg_group msg_content">
        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea placeholder="支持使用变量,格式:${变量名}" id="c-content" name="row[content]" class="form-control" rows="5"></textarea>
            <span class="help-block">当钉钉机器人安全设置中,有开启自定义关键词时:请在模板内容中包含您定义的关键词</span>
            <p class="help-block msg_group markdown_help" style="display: none;">请输入markdown格式的内容 <a id="show_grammar" href="javascript:void();">显示语法</a></p>
            <span class="help-block msg_group markdown_grammar" style="display: none;">目前只支持这些元素<br />标题:#到######<br />链接:[锚](url)<br />图片:![](url)<br />有序列表:1. <br />无序列表:- <br />引用:><br />加粗:**<br />斜体:*<br /></span>
        </div>
    </div>

    <div class="form-group msg_group msg_single_title">
        <label class="control-label col-xs-12 col-sm-2">{:__('Single_title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-single_title" placeholder="支持使用变量" class="form-control" name="row[single_title]" type="text" value="">
        </div>
    </div>
    
    <div class="form-group msg_group msg_url">
        <label class="control-label col-xs-12 col-sm-2">{:__('Msg_url')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-msg_url" class="form-control" name="row[msg_url]" type="text" value="">
        </div>
    </div>
    <div class="form-group msg_group msg_picurl_image">
        <label class="control-label col-xs-12 col-sm-2">{:__('Picurl_image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-picurl_image" class="form-control" size="50" name="row[picurl_image]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-picurl_image" class="btn btn-danger plupload" data-input-id="c-picurl_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-picurl_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-picurl_image" class="btn btn-primary fachoose" data-input-id="c-picurl_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-picurl_image"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-picurl_image"></ul>
        </div>
    </div>

    <div class="form-group msg_group msg_btns">
        <label class="control-label col-xs-12 col-sm-2">{:__('Btns')}:</label>
        <div class="col-xs-12 col-sm-8">
            <dl class="fieldlist" data-name="row[btns]">
                <dd>
                    <ins>按钮名</ins>
                    <ins>按钮链接URL</ins>
                </dd>
                <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
                <textarea name="row[btns]" class="form-control hide" cols="30" rows="5"></textarea>
            </dl>
            <span class="help-block">按钮名支持使用变量</span>
        </div>
    </div>

    <div class="form-group msg_group msg_links">
        <label class="control-label col-xs-12 col-sm-2">{:__('Links')}:</label>
        <div class="col-xs-12 col-sm-8">
            <dl class="fieldlist" data-name="row[links]" data-template="linkstpl">
                <dd>
                    <ins class="links_ins">标题</ins>
                    <ins class="links_ins">链接URL</ins>
                    <ins class="links_ins">链接图片URL</ins>
                </dd>
                <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
                <textarea name="row[links]" class="form-control hide" cols="30" rows="5"></textarea>
            </dl>
            <!--定义模板-->
            <div class="hide" id="linkstpl">
                <dd class="form-inline">
                    <input type="text" name="row[<%=name%>][<%=index%>][title]" class="form-control links_input" value="<%=row['title']%>" size="10"> 
                    <input type="text" name="row[<%=name%>][<%=index%>][messageURL]" class="form-control links_input" value="<%=row['messageURL']%>" size="30"> 
                    <input type="text" name="row[<%=name%>][<%=index%>][picURL]" class="form-control links_input" value="<%=row['picURL']%>" size="30"> 
                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                </dd>
            </div>
            <span class="help-block">标题支持使用变量</span>
        </div>
    </div>

    <div class="form-group msg_group msg_btn_orientation">
        <label class="control-label col-xs-12 col-sm-2">{:__('Btn_orientation')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-btn_orientation" class="form-control selectpicker" name="row[btn_orientation]">
                {foreach name="btnOrientationList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    <div class="form-group msg_group msg_hide_avatar">
        <label class="control-label col-xs-12 col-sm-2">{:__('Hide_avatar')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-hide_avatar" class="form-control selectpicker" name="row[hide_avatar]">
                {foreach name="hideAvatarList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    
    <div class="form-group msg_group msg_at">
        <label class="control-label col-xs-12 col-sm-2">{:__('At_mobiles')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-at_mobiles" data-source="user/user/index" data-multiple="true" data-primary-key="mobile" data-field="mobile" class="form-control selectpage" name="row[at_mobiles]" type="text" value="">
        </div>
    </div>

    <div class="form-group msg_group msg_at">
        <label class="control-label col-xs-12 col-sm-2">{:__('Is_atall')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-is_atall" class="form-control selectpicker" name="row[is_atall]">
                {foreach name="isAtallList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Openswitch')}:</label>
        <div class="col-xs-12 col-sm-8">
            
            <input  id="c-openswitch" name="row[openswitch]" type="hidden" value="1">
            <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-openswitch" data-yes="1" data-no="0" >
                <i class="fa fa-toggle-on text-success fa-2x"></i>
            </a>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<style type="text/css">
    .fieldlist dd input:nth-child(2),.fieldlist dd ins:nth-child(2) {
        width: 58%;
    }
    .fieldlist dd input:first-child,.fieldlist dd ins:first-child {
        width: 25%;
    }

    .fieldlist dd input:nth-child(2),.fieldlist dd ins:nth-child(2) {
        width: 58%;
    }
    .fieldlist dd .links_input,.fieldlist .links_ins{
        width: 27% !important;
    }
</style>