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

<div ng-controller="EventCtrl as ctrl">
  <script id="paginationTemplate.html" type="text/ng-template">
    <div class="pagination" ng-if="pages.length >= 2">
      <ul class="pagination number_pagi">
        <li ng-class="{'disabled':currentPage==1}">
          <a ng-click="selectPage(currentPage-1)" class="fa fa-arrow-circle-o-up"></a>
        </li>
        <li ng-class="{'disabled':currentPage==numPages}">
          <a ng-click="selectPage(currentPage+1)" class="fa fa-arrow-circle-o-down"></a>
       </li>
        <li>
          <input type="text" ng-model="txt" ng-change="selectPage(txt)" value="1" />/&nbsp;{{numPages}}</li>
      </ul>
    </div>
  </script>
  <div class="block-description white-bg" ng-class="{'scroll_fixed':bottomFlag}" ng-if="loginService.subDomain == 'gsx'" scroll="" style="padding-bottom: 0 !important;margin-bottom: 30px">
    <div class="slider slider_full_middle relative" style="background:#ccc;">
      <div class="carousel-inner">
        <div class="item active">
          <div class="text-center">
            <img src="assets/images/gsx_bg.jpg" style="top: 110%" />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="tag-box event_page">
      <div class="row margin-bottom-10">
        <div class="col-md-12">
          <div class="col-md-12">
            <div class="row">
              <div class="col-md-8 col-xs-12 no-padding">
                <div class="col-md-12 padding-left-0">
                  <img ng-src="{{ctrl.imageUrl}}" width="100%" />
                </div>
              </div>
              <div class="col-md-4 col-xs-12 padding-right-0 event_right">
                <div class="event_text">
                  <i class="fa fa-calendar"></i>
                  <b>
                    <span style="font-size: 13px">
                      {{ctrl.displayOriginDate | date: 'MMM'}}
                    </span>
                    <br>
                    <span style="font-size: 16px">
                      {{ctrl.displayOriginDate | date: 'dd'}}
                    </span>
                  </b>
                  <h2  style="font-size:{{ctrl.event.name<55? '30px':(ctrl.event.name>56? '22px':'22px')}};">
                    {{ ctrl.event.name }}
                  </h2>
                  <span class="organiser" ng-if="ctrl.event.owner">
                    by {{ ctrl.event.owner}}
                  </span>
                  <span class="badge badge-orange" ng-if="!ctrl.event.enroll&&ctrl.event.registrationFlag" translate="">
                    Enroll End
                  </span>
                  <p>
                    {{ ctrl.event.description }}
                  </p>
                </div>
                <div class="event_fee">
                  <i class="fa fa-usd desk_only">
                  </i>
                  <b class="mbl_only">
                    Fee: $
                  </b>
                  <span ng-if="ctrl.event.price">
                    {{ctrl.event.price}}
                  </span>
                  <span ng-if="!ctrl.event.price" translate="">
                    Free
                  </span>
                </div>
              </div>
            </div>
          </div>
          <hr style="margin: 0;">
          <div class="margin-bottom-10">
          </div>
          <div class="col-md-8 col-xs-12 padding-left-0">
            <div class="headline">
              <h3 translate="">
                Description
              </h3>
            </div>
            <div class="margin-bottom-30 image_responsive" ng-bind-html="ctrl.event.detail">
            </div>
            <div class="headline" ng-if="ctrl.event.albums.length > 0">
              <h3 translate="">
                Event Photos
              </h3>
            </div>

            <div st-safe-src="ctrl.albums" st-table="displayedCollection">
                    <ul class="event_album">
                      <li ng-repeat="image in displayedCollection">
                        <div class="event_image_container" ng-click="openLightboxModal($index)">
                          <div class="photo_holder">
                            <div class="inner_photo_holder">
                              <img ng-src="{{image.thumbUrl}}" class="img-thumbnail">
                              <span class="portfolio-box-in rounded-x">
                                <i class="fa fa-search-plus"></i>
                              </span>
                            </div>
                          </div>
                        </div>
                        <div class="margin-bottom-20" ng-if="loginService.subDomain=='stec'"></div>
                        <h3 ng-if="loginService.subDomain!='stec'">{{image.caption}} </h3>
                        <a href="{{image.url}}" download class="Download"><i class="fa fa-download"></i></a>
                      </li>
                    </ul>
              <div class="pull-right">
                <td class="text-center" colspan="5">
                  <div st-template="paginationTemplate.html" st-displayed-pages="" st-items-by-page="6" st-pagination="">
                  </div>
                </td>
              </div>
            </div>
          </div>
          <div class="col-md-4 col-xs-12 padding-left-0">
            <div class="headline" style="margin-bottom: 5px;">
              <h3 translate="">{{ {eng:'Book Your Sessions',chn:'预订活动'} | trans }}</h3>
            </div>
            <div class="even_session">
              <div class="inner_cont" ng-repeat="item in ctrl.dateList">
                <p class="session_date pull-left">
                  <b>{{'Time' | translate}}: </b>
                  <span>{{item.start |date: 'yyyy-MM-dd hh:mm a'}}&nbsp;&nbsp;</span>
                </p>
                <span>({{ctrl.countMap[item.isoTimeStr].count || 0}} /{{ ctrl.event.seats || " Unlimited"}})</span>
                <span ng-if="item.selected" class="badge badge-u pull-right" translate="">Booked</span>
                <a class="btn btn-info btn-sm pull-right" ng-if="!item.selected&&ctrl.event.enroll" ng-click="ctrl.Enroll(item)">{{ {eng:'Book',chn:'预订'} | trans }}</a>
              </div>
            </div>

            <!-- <button class="btn btn-u btn-full" ng-click="ctrl.scroll()" style="width:100%;" translate="">
              Calendar
            </button>
            <hr/> -->
            <div class="margin-bottom-40">
            </div>
            <div class="headline" style="margin-bottom: 5px">
              <h3 translate="">
                Venue
              </h3>
            </div>
            {{ctrl.event.address||'Singapore'}}
            <div class="margin-bottom-20">
            </div>
            <simple-map postcode="ctrl.event.postcode">
            </simple-map>
            <div class="footer_text margin-bottom-40">
              {{'Powered by' | translate }}
              <a class="color" href="http://bamboosys.com/" target="_blanck">
                {{'BambooCloud' | translate }}
                <sup>
                  ®
                </sup>
              </a> {{'Online Learning Platform' | translate }}
              <div class="clearfix">
              </div>
              <a href="http://bamboosys.com/" target="_blanck">
                www.bamboosys.com
              </a>
            </div>
            <div class="clearfix">
            </div>
          </div>
          <!-- <div ng-if="ctrl.eventsready" id="calendar">
            <div class="calendar"  ng-model="ctrl.eventSources" ui-calendar="ctrl.calendar">
            </div>
          </div> -->
        </div>
      </div>
    </div>
  </div>
</div>