unserver-unify/src/app/course/chapter/ppts.html

<div align="center" class="carousel-inner" ng-if='ppt.type=="ppt"' title="{{ppt.comment}}">
  <div class="ppt_image" ng-if="ppt.pic">
    <img height="100%" ng-mousemove="ctrl.pptMourseOver($event)" ng-click="ctrl.pptAction($event)" ng-src="{{ctrl.getPPtPicUrl(ppt.pic)}}" style="max-width:100%;"/>
  </div>
  <div class="carousel-caption">
    <h2>
      {{ppt.title}}
    </h2>
  </div>
  <!-- video exist -->
  <div class="ppt_video left_bottom" ng-if="ppt.mp4">
    <video autoplay="" class="audio_aln" controls="true">
      <source ng-src="{{ ctrl.getvideoUrl( ppt.mp4) }}" type="video/mp4">
        {{ 'Your browser does not support the video element' | translate }}
      </source>
    </video>
  </div>
</div>
<div class="col-md-offset-1 col-md-11" ng-if='ppt.type=="test"' style="height:100%">
  <div style="overflow:auto; height:100%">
    <div class="pull-right" style="position: relative; z-index: 100;">
      <a class="btn btn-u btn-sm" ng-click="ctrl.submitPPTTest($index)">
        <i class="glyphicon glyphicon-ok">
        </i>
        {{ 'Submit' |translate}}
      </a>
      <a class="btn btn-u btn-sm" ng-click="ctrl.retestPPT($index)">
        <i class="glyphicon glyphicon-refresh">
        </i>
        {{ 'Retest' |translate}}
      </a>
    </div>
    <div class="clearfix">
    </div>
    <hr style="margin:0; position:relative; bottom:-10px; border:solid 1px #ccc;"/>
    <div class="border-top padding-top-10 first_brdr_remove" ng-repeat="question in ppt.questions">
      <h4>
        Q{{ $index + 1 }}.
        <span class="qstn_typ pstn_no">
          {{ ctrl.typename[question.type] | translate }}
        </span>
        <span>
          <i class="{{resulticon[question.judgement]}}" ng-if="ppt.showresult">
          </i>
          <span>
            {{ppt.showresult? question.judgement : ''}}
          </span>
        </span>
      </h4>
      <div ng-include="'app/course/question.html'">
      </div>
    </div>
    <div class="heading heading-v1">
      <h2>
        END
      </h2>
    </div>
  </div>
  <div class="slide_exam_but">
    <a class="btn btn-u" ng-click="ctrl.submitPPTTest($index)">
      <i class="glyphicon glyphicon-ok">
      </i>
      {{ 'Submit' |translate}}
    </a>
    <a class="btn btn-u" ng-click="ctrl.retestPPT($index)">
      <i class="glyphicon glyphicon-refresh">
      </i>
      {{ 'Retest' |translate}}
    </a>
  </div>
</div>
<div ng-if='ppt.type=="html"'>
  <h3 align="center">
    {{ppt.title}}
  </h3>
  <div class="col-md-offset-1 col-md-10" ng-bind-html="ppt.content">
  </div>
</div>
<div ng-if='ppt.type=="youtube"'>
  <iframe height="100%" ng-src="{{ppt.youtubeurl}}" width="100%">
  </iframe>
</div>
<div class="videogular-container frame_container" height="{{(maxFlag||ctrl.chapters.length<2) ? 400:300}}" ng-if='ppt.type == "mp4"' style="float: left; width: 100%; height:100%;" width="400">
  <!-- html for no sub video play -->
  <videogular ng-if="!ppt.mp4sub" vg-auto-play="true" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme">
    <vg-media vg-src="ppt.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-buffering>
    </vg-buffering>
    <vg-overlay-play>
    </vg-overlay-play>
  </videogular>
  <!-- html for sub video play -->
  <videogular ng-if="ppt.mp4sub" vg-auto-play="true" vg-crossorigin="'anonymous'" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme">
    <vg-media vg-src="ppt.mp4config.sources" vg-tracks="ppt.mp4config.tracks">
    </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-buffering>
    </vg-buffering>
    <vg-overlay-play>
    </vg-overlay-play>
  </videogular>
</div>
<div id="flashppt" ng-if='ppt.type == "flash"'>
</div>
<a class="left carousel-control" id="iconleft" ng-click="ctrl.leftclick()">
  <span class="glyphicon glyphicon-chevron-left">
  </span>
</a>
<a class="right carousel-control" id="iconright" ng-click="ctrl.rightclick();">
  <span class="glyphicon glyphicon-chevron-right" id="icongright">
  </span>
</a>
<!--
<button type="button" class="badge badge-info" ng-click="$ctrl.open()" style="margin-right:750px;margin-bottom:0px;">Comment</button>
-->
<!--
<span class="badge badge-info" style="float:right;margin-right:80px;margin-bottom:500px;padding:0px;" ng-if="chapter.type=='ppts'">
    
</span>
-->
<div class="badge badge-info" ng-if="chapter.type=='ppts'">
  {{pptindex+1}} / {{chapter.ppts.length}}
</div>
<div class="clearfix">
</div>