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

<div class="col-md-12" ng-controller="MyEventsCtrl as ctrl">
  <div class="main_calender" >
    <div class="calendar" calendar="myCalendar" ng-model="eventSources" ui-calendar="uiConfig.calendar">
    </div>
    <div class="margin-bottom-10"></div>
    <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 class="margin-bottom-10"></div>
  </div>
</div>
<div class="clearfix"></div>