OnlineJudge/template/admin/announcement/announcement.html

<div ms-controller="announcement" class="col-md-9">
    <h1>公告管理</h1>
    <table class="table table-striped">
        <tr>
            <th>编号</th>
            <th>标题</th>
            <th>创建时间</th>
            <th>更新时间</th>
            <th>创建者</th>
            <td>可见范围</td>
            <th>状态</th>
            <th></th>
        </tr>
        <tr ms-repeat="announcementList">
            <td>{{ el.id }}</td>
            <td>{{ el.title }}</td>
            <td>{{ el.create_time|date("yyyy-MM-dd HH:mm:ss")}}</td>
            <td>{{ el.last_update_time|date("yyyy-MM-dd HH:mm:ss")}}</td>
            <td>{{ el.created_by.username }}</td>
            <td ms-text="el.is_global?'全局可见':'组内可见'"></td>
            <td>{{ getState(el)}}</td>
            <td>
                <button class="btn-sm btn-info" ms-click="editAnnouncement(el)">编辑</button>
            </td>
        </tr>
    </table>
    <div class="form-group">
        <label>仅显示可见 <input ms-duplex-checked="showVisibleOnly" type="checkbox"/></label>
    </div>
    <div class="right">
        页数：{{ page }}/{{ totalPage }}&nbsp;&nbsp;
        <button ms-attr-class="getBtnClass('pre')" ms-click="getPrevious">上一页</button>
        <button ms-attr-class="getBtnClass('next')" ms-click="getNext">下一页</button>
    </div>

    <div ms-visible="editingAnnouncementId">
        <h3>编辑公告</h3>

        <div class="form-group">
            <label>标题</label>
            <input name="title" type="text" class="form-control" id="newTitle" placeholder="公告标题" value="" ms-duplex="newTitle"></div>
        <div class="form-group">
            <label>内容</label>
            <textarea id="edit-announcement-editor"></textarea>
        </div>
        <div class="form-group">
            <label>可见 <input ms-duplex-checked="announcementVisible" type="checkbox"/></label>
        </div>
        <div class="form-group">
            <label>可见范围</label>

            <div>
                <span ms-if="showGlobalViewRadio">
                    <input type="radio" value="true" name="isGlobal" ms-duplex-boolean="isGlobal">全局可见
                </span>
                <span>
                    <input type="radio" value="false" name="isGlobal" ms-duplex-boolean="isGlobal">小组内可见
                </span>
            </div>

        </div>
        <div class="form-group col-md-12" ms-if="!isGlobal">
            <!-- radio 的value 没有用 但是没有的话，表单验证会出错-->
            <div ms-repeat="allGroups" class="col-md-4">
                <input type="checkbox" value="group_id" ms-duplex-checked="el.isSelected">&nbsp;&nbsp;{{ el.name }}
            </div>
        </div>
        <div class="form-group">
            <button ms-click="submitChange()" class="btn btn-primary">提交</button>
            &nbsp;&nbsp;
            <button ms-click="cancelEdit()" class="btn btn-danger">取消</button>
        </div>
    </div>
    <h3>添加公告</h3>

    <form id="announcement-form">
        <div class="form-group">
            <label>标题</label>
            <input name="title" type="text" class="form-control" id="title" placeholder="公告标题"
                   data-error="请填写公告标题(标题不得超过50字)" maxlength="50" required>
            <div class="help-block with-errors"></div>
        </div>
        <div class="form-group">
            <label>内容</label>
            <textarea id="create-announcement-editor" placeholder="公告内容" maxlength="10000" required>
            </textarea>
            <div class="help-block with-errors"></div>
        </div>
        <div class="form-group">
            <label>可见范围</label>

            <div>
                <span ms-if="showGlobalViewRadio">
                    <input type="radio" value="true" name="isGlobal" ms-duplex-boolean="isGlobal">全局可见
                </span>
                <span>
                    <input type="radio" value="false" name="isGlobal" ms-duplex-boolean="isGlobal">小组内可见
                </span>
            </div>

        </div>
        <div class="form-group col-md-12" ms-if="!isGlobal">
            <!-- radio 的value 没有用 但是没有的话，表单验证会出错-->
            <div ms-repeat="allGroups" class="col-md-4">
                <input type="checkbox" value="group_id" ms-duplex-checked="el.isSelected">&nbsp;&nbsp;{{ el.name }}
            </div>
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary">提交</button>
        </div>
    </form>
</div>
<script src="/static/js/app/admin/announcement/announcement.js"></script>