unserver-unify/src/app/exhibition/exhibitiondetail.html

<div class="col-md-12 exhibition" ng-controller="ExhibitionDetailCtrl as ctrl">
  <div class="tag-box padding_reduce padding_reduce2 clearfix">
    <div class="tab-v1">
      <!-- tabs -->
      <ul class="nav nav-justified nav-tabs">
        <li ng-class="{'active':ctrl.showTab=='intro'}">
          <a data-toggle="tab" ng-click="ctrl.showTab = 'intro'">
            {{'Intro' | translate}}
          </a>
        </li>
        <li ng-class="{'active':ctrl.showTab=='product'}" ng-if="ctrl.item.type!='Company'">
          <a data-toggle="tab" ng-click="ctrl.showTab = 'product'">
            {{'Product' | translate}}
            <span class="badge badge-warning">
              {{ctrl.item.productCount || 0}}
            </span>
          </a>
        </li>
        <li ng-class="{'active':ctrl.showTab=='company'}" ng-if="ctrl.item.type=='Company'">
          <a data-toggle="tab" ng-click="ctrl.showTab = 'company'">
            {{'Company' | translate}}
            <span class="badge badge-warning">
              {{ctrl.item.companyCount || 0}}
            </span>
          </a>
        </li>
      </ul>
      <div class="tab-content">
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':ctrl.showTab == 'intro'}">
          <div  >
            <strong>
              {{ ctrl.item.name }}
            </strong>
            <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml event_list">
              <li>
                <i class="fa fa-calendar desk_only">
                </i>
                <b class="mbl_only">
                  Date:
                </b>
                {{ ctrl.item.start | date: 'yyyy/MM/d' }} - {{ ctrl.item.end | date: 'yyyy/MM/d'}}
              </li>
              <li>
                <i class="fa fa-user desk_only">
                </i>
                <b class="mbl_only">
                  Organizer:
                </b>
                {{ctrl.item.organizer}}
              </li>
              <li>
                <i class="fa fa-map-marker desk_only">
                </i>
                <b class="mbl_only">
                  Venue:
                </b>
                {{ctrl.item.address}}
              </li>
            </ul>
            <div class="col-md-4">
              <img class="full-image margin-bottom-10" ng-src="{{ctrl.imageUrl }}" title="{{ ctrl.item.name }}" width="100%"/>
            </div>
            <div class="col-md-8">
              <div ng-bind-html="ctrl.item.detail">
              </div>
            </div>
          </div>
        </div>
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':ctrl.showTab == 'product'}">
          <div ng-include="'app/exhibition/exhibitionproductlist.html'">
          </div>
        </div>
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':ctrl.showTab == 'company'}">
          <div ng-include="'app/exhibition/exhibitioncompanylist.html'">
          </div>
        </div>
      </div>
    </div>
    <div class="fixed_container" ng-if="ctrl.item.audio">
      <audio autoplay="" controls="" ng-src="{{ ctrl.item.audiourl }}" style="width:90%">
      </audio>
    </div>
  </div>
</div>