socialforge/public/assets/wechat/join_class.html

<div class="post-container">
    <div loading-spinner></div>
    <div class="post-container" style="padding-bottom:50px;">
        <div class="blue-title">欢迎加入班级</div>
        <div class="course-list-row f13 c-grey3 mt30"><span class="fl ml15 c-grey3">班级邀请码</span><input class="new-class-input ml25" ng-model="invite_code" required placeholder="请输入5位邀请码" /></div>
        <div class="course-list-row f13 c-grey3 mt10"><span class="fl ml15">角色</span></div>
        <ul class="class-list f13 c-grey3">
            <li><span class="fl ml10 class-list-name hidden">教师</span><span ng-click="selectRole(9)" ng-class="['login-box', 'fr', 'mr10', 'mt12', {'bg-grey':assistant,'checked': teacher}]"></span></li>
            <li><span class="fl ml10 class-list-name hidden">助教</span><span ng-click="selectRole(7)" ng-class="['login-box', 'fr', 'mr10', 'mt12', {'bg-grey':teacher, 'checked': assistant}]"></span></li>
            <li class="border-bottom-none"><span class="fl ml10 class-list-name hidden">学生</span><span ng-click="selectRole(10)" ng-class="['login-box', 'fr', 'mr10', 'mt12', {'checked': student}]"></span></li>
        </ul>

        <div class="f12 c-grey6 mt10 ml15">
            <span class="f13 c-grey3">提示</span>
            <ul class="mb15 mt5 ml10 new-tip">
                <li><span class="project-intro-dot">•</span>教师、助教角色需要班级管理员审批</li>
                <li><span class="project-intro-dot">•</span>学生角色无需管理员审批</li>
            </ul>
        </div>

        <div class="bottom-tab-wrap mt10">
            <a href="javascript:void(0);" ng-click="cancel()" class="weixin-tab c-grey border-top">取消</a>
            <a href="javascript:void(0);" ng-click="joinClass()" class="weixin-tab link-blue2 border-top">确定</a>
        </div>
    </div>

    <my-alert message="alertService.message" title="alertService.title" visible="alertService.visible" cb="alertService.cb"></my-alert>
</div>