unserver-unify/src/app/help/mobileitem.html

<div ng-controller="HelpItemCtrl as ctrl" class="col-lg-9 col-md-9 col-xs-12">
<div>
  <!--<div class="headline">
    <h2 translate>{{ctrl.help.title}}</h2>
  </div>-->
  <div>
    <iframe ng-if="ctrl.help.media=='pdf'" ng-src="{{ctrl.getMediaUrl()}}" frameBorder="0" width='100%'
    height='600' seamless allowfullscreen webkitallowfullscreen>
    </iframe>
    <div ng-if="ctrl.help.media=='mp4'" class="videogular-container nopadding" >
      <videogular vg-player-ready="ctrl.onPlayerReady($API)"
        vg-theme="ctrl.mp4config.theme.url">
        <vg-media vg-src="ctrl.mp4config.sources">
        </vg-media>
        <vg-controls vg-autohide="true" vg-autohide-time="1000">
        <vg-play-pause-button></vg-play-pause-button>
        <vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>
        <vg-scrub-bar>
        <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
        </vg-scrub-bar>
        <vg-time-display>{{ totalTime | date:'mm:ss' }}</vg-time-display>
        <vg-volume>
        <vg-mute-button></vg-mute-button>
        <vg-volume-bar></vg-volume-bar>
        </vg-volume>
        <vg-fullscreen-button></vg-fullscreen-button>
        </vg-controls>
        <!--vg-poster vg-url='ctrl.config.plugins.poster.url'></vg-poster-->
        <vg-buffering></vg-buffering>
        <vg-overlay-play></vg-overlay-play>
      </videogular>
    </div>
    <div class="white-bg" style="padding:15px;" ng-if="ctrl.help.media=='html'">
      
       <p ng-bind-html="ctrl.help.detail"></p>
     
    </div>
    
    <div class="col-lg-9" ng-if="ctrl.help.media=='list'">
      <uib-accordion class="acc-v1 margin-bottom-40" close-others="false" close-others="oneAtATime">
        <div uib-accordion-group ng-repeat="line in ctrl.help.contents" is-open="status.isCustomHeaderOpen" class="panel-default accordian_container"  heading="Dynamic Body Content">
          <uib-accordion-heading>
            <h4 class="panel-title">{{ ($index + 1) + '. ' + line.label }}</h4><i class="pull-right fa" ng-class="{'fa-angle-down': status.isCustomHeaderOpen, 'fa-angle-right': !status.isCustomHeaderOpen}"></i>
          </uib-accordion-heading>
          {{ line.answer }}
        </div>
      </uib-accordion>
    </div>
  </div>
</div>
</div>