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

<div ng-controller="EventCtrl as ctrl">
  <div class="container">
    <div class="tag-box event_page">
      <div class="row margin-bottom-10">
        <div class="col-xs-12">
          <img ng-src="{{ctrl.imageUrl}}" width="100%" />
        </div>
        <div class="col-xs-12 event_right">
          <i class="fa fa-calendar" ng-if="ctrl.displayOriginDate "></i>
          <b>
            <span style="font-size: 13px">{{ctrl.displayOriginDate | date: 'MMM'}}</span><br>
            <span style="font-size: 16px">{{ctrl.displayOriginDate | date: 'dd'}}</span>
          </b>
          <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 class="clearfix"></div>
          <h4>
            {{ ctrl.event.name }}
          </h4>
          <span class="organiser" ng-if="ctrl.event.owner">by {{ ctrl.event.owner}}</span>
          <p>{{ ctrl.event.description }}</p>
        </div>
        <!--<div class="col-xs-12">
          <span class="badge badge-orange pull-right" ng-if="!ctrl.event.enroll&&ctrl.event.registrationFlag" translate>Enroll End</span>
          <button class="btn btn-u mbl_enroll" style="width:100%;" ng-click="ctrl.enroll()" ng-if="ctrl.event.enroll" ng-disabled="ctrl.registeredFlag" translate>
            {{ctrl.registerString}}
          </button>
        </div>-->
        <div class="margin-bottom-10"></div>
        <hr style="margin: 0;" />
        <div class="margin-bottom-10"></div>
        <div class="col-xs-12">
          <p><b translate="">Description</b></p>
          <div ng-bind-html="ctrl.event.detail"></div>
        </div>
        <div class="margin-bottom-10"></div>
        <hr style="margin: 0;" />

        <div class="headline" style="margin-bottom: 5px;">
          <h3 translate="">Book Your Sessions</h3>
        </div>
        <div class="even_session" style="padding:2%">
          <div class="inner_cont" ng-repeat="item in ctrl.dateList">
            <p class="session_date pull-left">
              <b>Time: </b>
              <span>{{item.start |date: 'yyyy-MM-dd hh:mm a'}}&nbsp;&nbsp;</span>
            </p>
            ({{ctrl.countMap[item.isoTimeStr].count || 0}} /{{ ctrl.event.seats || " Unlimited"}})
            <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)">Book</a>
          </div>
        </div>



        <div class="margin-bottom-10"></div>
        <div class="col-xs-12">
          <p>
            <b translate="">
              Date and Time
            </b>
          </p>
          {{ctrl.event.start |date: 'yyyy-MM-dd hh:mm a'}}<br> {{ctrl.event.time |date: 'yyyy-MM-dd hh:mm a'}}
          <div class="margin-bottom-20"></div>
          <p>
            <b translate="">
              Venue
            </b>
          </p>
          {{ctrl.event.address||'Singapore'}}
          <div class="margin-bottom-20"></div>
          <simple-map postcode="ctrl.event.postcode"></simple-map>
        </div>
      </div>
      <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>
</div>