unserver-unify
Version:
67 lines • 2.68 kB
HTML
<div class="col-md-12" ng-controller="AboutUsDetailController as ctrl">
<div class="tag-box">
<div class="margin-bottom-10 clearfix blog-info">
<strong style="color:#337AB7; font-weight:normal; font-size:20px;">
{{ctrl.item.name }}
</strong>
<em class="pull-right">
<i class="fa fa-calendar">
</i>
{{ctrl.item.created | date: 'yyyy-MM-dd' }}
</em>
</div>
<div class="col-md-4">
<img class="margin-bottom-20" ng-src="{{ctrl.imageUrl }}" title="{{ ctrl.item.name }}" width="100%" />
</div>
<div class="col-md-8" ng-class="{'col-md-8': ctrl.item.photo, 'col-md-12': !ctrl.item.photo}" ng-if="ctrl.item.description" style="margin-bottom:0;">
<p class="special_note differ" id="description">
{{ ctrl.item.description }}
</p>
<div class="tag-box tag-box-v2 unformat">
<span ng-bind-html="ctrl.item.detail">
</span>
</div>
</div>
<div class="clearfix"></div>
<div class="headline" ng-if="ctrl.item.photos.length > 0">
<h3>Photos</h3>
</div>
<ul class="event_album">
<li ng-repeat="photo in ctrl.item.photos">
<div class="event_image_container" ng-click="openLightboxModal($index)">
<div class="photo_holder">
<div class="inner_photo_holder">
<img ng-src="{{ctrl.imgBaseUrl+photo.photo}}" />
<span class="portfolio-box-in rounded-x">
<i class="fa fa-search-plus"></i>
</span>
</div>
</div>
</div>
<h3>{{photo.name}}</h3>
<!-- <a href="{{ctrl.eventAlbumPicUrl+image.url}}" download class="Download"><i class="fa fa-download"></i></a> -->
</li>
</ul>
<div class="clearfix"></div>
<div class="headline" ng-if="ctrl.videos.length > 0">
<h3>Videos</h3>
</div>
<ul class="event_album">
<li ng-repeat="video in ctrl.videos">
<div class="event_image_container event_video_container" ng-click="openVideoLightboxModal($index)">
<div class="photo_holder">
<div class="inner_photo_holder">
<video src="{{video.thumbUrl}}"></video>
<span class="portfolio-box-in rounded-x">
<i class="fa fa-play" style="margin-left: 5px;"></i>
</span>
</div>
</div>
</div>
<h3>{{video.caption}}</h3>
<!-- <a href="{{ctrl.eventAlbumPicUrl+image.url}}" download class="Download"><i class="fa fa-download"></i></a> -->
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>