<div class="post-container" style="padding-bottom: 50px;">
    <div loading-spinner></div>
    <div class="blue-title">课程列表</div>
    <div>
        <div class="course-diff-row"><span class="c-blue f13 ml10">我创建的课程</span></div>
        <div  ng-show = "syllabus.can_setting" ng-repeat="syllabus in syllabuses" style="position:relative;">
            <div ng-click="syllabus.show_plus = !syllabus.show_plus"  class="course-list-row f13 c-grey3 border-top-none"><img src="/images/wechat/plus.png" ng-show="!syllabus.show_plus" width="15" class="fl ml10 mt11 spread-btn" /><img src="/images/wechat/minus.png" ng-show="syllabus.show_plus" width="15" class="fl ml10 mt11 retract-btn " /><span class="fl ml10 class-list-name hidden">{{syllabus.title}}</span></div>
            <div class="class-setting-wrap" ng-click="onSetting(syllabus)"><img src="/images/wechat/setting.png" ng-show = "syllabus.can_setting" width="15" class="class-list-setting" /></div>
            <ul ng-show="syllabus.show_plus" class="class-list f13 c-grey3">
                <li ng-show="course.id" ng-click="goClass(course.id)" ng-repeat="course in syllabus.courses" ng-class="{'border-bottom-none': $last}">
                    <img src="/images/wechat/dot.png" width="15px" class="class-list-dot" />
                    <span class="fl ml10 class-list-name hidden">{{course.name}}</span>
                    <span class="fr c-grey4 amount-arrow">&gt;</span>
                    <span class="students-amount f12 fr mt10 mr5">{{course.member_count}}人</span>
                </li>
            </ul>
        </div>
    </div>
    <div>
        <div class="course-diff-row border-top mt10"><span class="c-blue f13 ml10">我参与的课程</span></div>
        <div  ng-show = "!syllabus.can_setting" ng-repeat="syllabus in syllabuses" style="position:relative;">
            <div ng-click="syllabus.show_plus = !syllabus.show_plus" class="course-list-row f13 c-grey3 border-top-none"><img src="/images/wechat/plus.png" ng-show="!syllabus.show_plus" width="15" class="fl ml10 mt11 spread-btn" /><img src="/images/wechat/minus.png" ng-show="syllabus.show_plus" width="15" class="fl ml10 mt11 retract-btn " /><span class="fl ml10 class-list-name hidden">{{syllabus.title}}</span></div>
            <div class="class-setting-wrap" ng-click="onSetting(syllabus)"><img src="/images/wechat/setting.png" ng-show = "syllabus.can_setting" width="15" class="class-list-setting" /></div>
            <ul ng-show="syllabus.show_plus" class="class-list f13 c-grey3">
                <li ng-show="course.id" ng-click="goClass(course.id)" ng-repeat="course in syllabus.courses" ng-class="{'border-bottom-none': $last}">
                    <img src="/images/wechat/dot.png" width="15px" class="class-list-dot" />
                    <span class="fl ml10 class-list-name hidden">{{course.name}}</span>
                    <span class="fr c-grey4 amount-arrow">&gt;</span>
                    <span class="students-amount f12 fr mt10 mr5">{{course.member_count}}人</span>
                </li>
            </ul>
        </div>
    </div>

    <div class="bottom-tab-wrap mt10">
        <a ng-click="newClass()" href="javascript:void(0);" class="weixin-tab link-blue2 border-top">新建课程</a>
        <a ng-click="joinClass()" class="weixin-tab link-blue2 border-top">加入班级</a>
        <!--<a ng-click="goResource()" href="javascript:void(0);" class="weixin-tab link-blue2 border-top">我的资源</a>-->
    </div>

    <my-alert message="alertService_1.message" title="alertService_1.title" visible="alertService_1.visible" cb="alertService_1.cb"></my-alert>
    <my-alert3 message="alertService_3.message" title="alertService_3.title" visible="alertService_3.visible" cb="alertService_3.cb" invite="alertService_3.invite" ></my-alert3>
</div>