unserver-unify/src/app/mystudy/myevents_mobile.html

<div ng-controller="MyEventsCtrl as ctrl">
  <div class="forum">
    <div class="tag-box tag-box-v6 mbl_srch">
      <div class="text-right clearfix">
      <ul class="legend" ng-init="type={Event:true,Session:true,Meeting:true,Exam:true,Assignment:true}">
        <li>
              <input type="checkbox" ng-model="type['Event']" ng-change="typeSearch()" >
          <span style="background: #1ab394">E</span>
          {{'Event' | translate}}
        </li>
        <li>
              <input type="checkbox" ng-model="type['Session']" ng-change="typeSearch()" >
          <span style="background: #03A9F4">S</span>
          {{'Course Session' | translate}}
        </li>
        <li>
              <input type="checkbox" ng-model="type['Meeting']" ng-change="typeSearch()" >
          <span style="background: #FF9800">V</span>
          {{'Video Meeting' | translate}}
        </li>
        <li>
              <input type="checkbox" ng-model="type['Exam']" ng-change="typeSearch()" >
          <span style="background: #9C27B0">E</span>
          {{'Exam' | translate}}
        </li>
        <li>
              <input type="checkbox" ng-model="type['Assignment']" ng-change="typeSearch()" >
          <span style="background: #8BC34A">A</span>
          {{'Assignment' | translate}}
        </li>
      </ul>
      </div>
    </div>
  </div> 
  <div class="clearfix"></div> 
  <div class="tab-v1">
  <div class="margin-bottom-60"></div>
    <div class="tab-content">
      <div ng-if="ctrl.eventsready">
        <div class="main_calender">
          <div class="calendar" calendar="myCalendar" ng-model="eventSources" ui-calendar="uiConfig.calendar">
          </div>
        </div>
      </div>
      <!-- <div ng-if="showTab == 'sessions'">
        <table class="table table-striped table-hover" st-pipe="ctrl.getMySession" st-table="ctrl.sessions">
          <tr class="info">

              <td colspan="3">
                
              </td>
              <td>{{'Start'|translate}}</td>
              <td colspan="7">
                <select class="form-control" ng-model="ctrl._start" ng-options="day as (day|date :short) for day in ctrl.dayList"  st-search="classId">
                </select>
              </td>
          </tr>
          <tr class="info">
            <th>
              {{ 'Attended' | translate }}
            </th>
            <th>
              {{ 'Course' | translate }}
            </th>
            <th class="sortable" st-sort="name">
              {{ 'Name' | translate }}
            </th>
            <th class="sortable" st-sort="teacher" translate="">
              Teacher
            </th>
            <th class="sortable" st-sort="start">
              {{ 'Start' | translate }}
            </th>
            <th class="sortable" st-sort="len">
              {{ 'Length' | translate }}
            </th>
            <th class="sortable" st-sort="address">
              {{ 'Address' | translate }}
            </th>
          </tr>
          <tr ng-repeat="item in ctrl.sessions">
            <td>
              <i class="fa fa-check" ng-if="item.attended">
              </i>
            </td>
            <td>
              {{item.coursename}}
            </td>
            <td>
              {{item.name}}
            </td>
            <td style="width:12%">
              {{item.teacher}}
            </td>
            <td style="width:15%">
              {{item.start | date: 'yyyy-MM-dd'}}
            </td>
            <td>
              {{item.len }}
            </td>
            <td>
              {{item.address}}
            </td>
          </tr>
          <tr>
            <td colspan="11">
              <span class="pull-right" st-items-by-page="10" st-pagination="" st-template="components/content/tablePagination.html">
              </span>
            </td>
          </tr>
        </table>
      </div> -->
    </div>
  </div>
</div>