unserver-unify/src/app/event/list.html

<div ng-controller="EventsCtrl as ctrl">
  <div class="col-md-3 hidden-xs">
    <div class="profile sidebar no-wrap">
      <div class="panel no-bg ongoing margin-bottom-20">
        <div class="panel-heading overflow-h">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-calendar-o">
            </i>
            <span translate>
              This Week
            </span>
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22; padding-bottom: 10px;" ng-if="!ctrl.weeks||ctrl.weeks.length<1" translate>
            No events this week
          </li>
          <li class="profile-event" ng-repeat="item in ctrl.weeks" ui-sref=".detail({ id : item._id })">
            <div class="col-lg-3 col-md-3 padding-left-0">
              <a title="Events" ui-sref=".detail({ id : item._id })">
                <img ng-src="{{ item.photo ? ctrl.setting.imageFolderPrefix + item._id + '/' + item.photo : ctrl.setting.defaultImage }}" style="width:100%;" title="{{item.name}}"/>
              </a>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a title="{{ item.name }}" ui-sref=".detail({ id : item._id })">
                  {{item.name}}
                </a>
              </h3>
              <div class="item-date font-12">
                <span>
                  <i class="fa fa-calendar">
                  </i>
                  {{item.display}}
                </span>
              </div>
            </div>
          </li>
        </ul>
        <div class="clearfix">
        </div>
      </div>
    </div>
    <div class="profile sidebar no-wrap">
      <div class="panel no-bg ongoing margin-bottom-20">
        <div class="panel-heading overflow-h">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-calendar-check-o">
            </i>
            <span translate>
              Upcoming Events
            </span>
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22; padding-bottom: 10px;" ng-if="!ctrl.coming||ctrl.coming.length<1" translate>
            No upcoming events
          </li>
          <li class="profile-event" ng-repeat="item in ctrl.coming" ui-sref=".detail({ id : item._id })">
            <div class="col-lg-3 col-md-3 padding-left-0">
              <a title="Events">
                <img ng-src="{{ item.photo ? ctrl.setting.imageFolderPrefix + item._id + '/' + item.photo : ctrl.setting.defaultImage }}" style="width:100%;" title="{{item.name}}"/>
              </a>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a title="{{ item.name }}" ui-sref=".detail({ id : item._id })">
                  {{item.name}}
                </a>
              </h3>
              <div class="item-date font-12">
                <span>
                  <i class="fa fa-calendar">
                  </i>
                  {{item.display}}
                </span>
              </div>
            </div>
          </li>
        </ul>
        <div class="clearfix">
        </div>
      </div>
    </div>
    <div class="profile sidebar no-wrap">
      <div class="panel no-bg ongoing margin-bottom-20">
        <div class="panel-heading overflow-h">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-calendar-check-o">
            </i>
            <span translate>
              Past Events
            </span>
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22; padding-bottom: 10px;" ng-if="ctrl.expired| isEmpty" translate>
            No past events
          </li>
          <li class="profile-event" ng-repeat="item in ctrl.expired" ui-sref=".detail({ id : item._id })">
            <div class="col-lg-3 col-md-3 padding-left-0">
              <a title="Events">
                <img ng-src="{{ item.photo ? ctrl.setting.imageFolderPrefix + item._id + '/' + item.photo : ctrl.setting.defaultImage }}" style="width:100%;" title="{{item.name}}"/>
              </a>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a title="{{ item.name }}" ui-sref=".detail({ id : item._id })">
                  {{item.name}}
                </a>
              </h3>
              <div class="item-date font-12">
                <span>
                  <i class="fa fa-calendar">
                  </i>
                  {{item.display}}
                </span>
              </div>
            </div>
          </li>
        </ul>
        <div class="clearfix">
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-9">
    <div class="tab-v1">
      <!-- tabs -->
      <ul class="nav nav-tabs mobile_tab tab2" ng-init="showTab = 'newnotes'" >
        <li class="active">
          <a data-toggle="tab" ng-click="showTab = 'newnotes'">
            <i class="fa fa-th-list">
            </i>
            {{'Listing' | translate}}
          </a>
        </li>
        <li ng-show="(loginService.school.homepage != 'fmas')">
          <a data-toggle="tab" ng-click="showTab = 'oldnotes'">
            <i class="fa fa-calendar">
            </i>
            {{'Calendar view' | translate}}
          </a>
        </li>
        <li>
          <a data-toggle="tab" ng-click="showTab = 'pastnotes'">
            <i class="fa fa-th-list">
            </i>
            {{'Past Events Gallery' | translate}}
          </a>
        </li>
      </ul>
      <div class="tab-content">
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'newnotes'}">
          <content-list-view setting="ctrl.setting">
          </content-list-view>
        </div>
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'oldnotes'}" ng-if="ctrl.eventsready">
          <div class="main_calender">
            <div class="calendar" ng-model="eventSources" ui-calendar="uiConfig.calendar">
            </div>
          </div>
        </div>
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'pastnotes'}">
          <content-list-view setting="ctrl.pastEventSetting">
          </content-list-view>
        </div>
      </div>
    </div>
  </div>
</div>