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

<div ng-controller="MaterialDetailCtrl as ctrl" class="col-lg-12">
  <div class="tag-box padding_reduce clearfix">
    <div class="margin-bottom-10"></div>
    <div class="col-md-4 padding-left-0">
      <img ng-src="{{ctrl.imageUrl}}"  width="100%" />
    </div>
    <div class="col-md-8 no-padding" id="article_content">
      <strong style="max-width: 80%; float: left;">{{ctrl.item.name}}</strong>
      <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml">
        <li title="{{ 'Create Date' | translate }}"><i class="fa fa-calendar"></i>
          {{ctrl.item.update | date : 'yyyy-MM-dd'}}
        </li>
        <li title="{{'Author'|translate}}"><i class="fa fa-pencil"></i>
          {{ctrl.item.creater}}
        </li>
        <li title="{{'Vist Count'|translate}}"><i class="fa fa-eye"></i>
          {{ctrl.item.visitors}}
        </li>
      </ul>
      <audio ng-if="ctrl.item.audio" controls  style="width:100%" autoplay ng-src="{{ ctrl.item.audiourl }}">
      </audio>
      <div class="margin-bottom-15">
        <p id="description" ng-if="ctrl.item.description" class="special_note">
          <span class="brf_tit">BRIEF / 简要</span>
          {{ ctrl.item.description }}
        </p>
        <div class="tag-box tag-box-v2" ng-if="ctrl.item.detail">
          <div ng-bind-html="ctrl.item.detail">
          </div>
        </div>
      </div>
      <ul class="timeline-v2">
        <li class="equal-height-columns" ng-repeat="page in ctrl.item.pages">
            <i class="cbp_tmicon rounded-x hidden-xs"></i>
            <div class="cbp_tmlabel equal-height-column">
                <h2>{{ page.title }}</h2>
                <div class="row">
                    <div class="col-md-12">
                      <div class="article_holder">
                        <article ng-if="!page.type||page.type=='Text'" ng-bind-html="page.detail"></article>
                      </div>
                      <video style="width: 100%;" ng-if="page.type=='Video'" controls ng-src="{{page.videourl}}" ></video>
                      <img style="width: 100%;" class="full-width" ng-if="page.type=='Photo'"  ng-src="{{page.photourl }}"/>
                      <iframe ng-if="page.type=='YouTube'&&page.tubelink" height="350" width="100%" allowfullscreen="" ng-src="{{page.tubelink}}">
                      </iframe>
                    </div>
                </div>
            </div>
        </li>
      </ul>
      <!--div class="list card">
        <div class="item video_width" ng-repeat="page in ctrl.item.pages" >
          <h2 style="margin-bottom:10px;" ng-if="page.title ">
            {{ page.title }}
          </h2>
          <div class="article_holder">
            <article ng-if="!page.type||page.type=='Text'" ng-bind-html="page.detail">
            </article>
          </div>
          <video ng-if="page.type=='Video'" controls ng-src="{{page.videourl}}" >
          </video>
          <img class="full-image" ng-if="page.type=='Photo'"  ng-src="{{page.photourl }}"/>
          <iframe ng-if="page.type=='YouTube'&&page.tubelink" height="350" width="100%" ng-src="{{page.tubelink}}">
          </iframe>
        </div>
      </div-->
        
    </div>
  </div>
  <div class="footer_text">Powered by <a class="color" href="http://bamboosys.com/" target="_blanck">BambooCloud<sup>&reg;</sup></a> Online Platform<div class="clearfix"></div><a href="http://bamboosys.com/" target="_blanck">www.bamboosys.com</a></div>
<div class="clearfix"></div>
</div>