unserver-unify

<div class="carousel-inner stroke_audio"> <div class="eword_title" ng-if="wctrl.currentPPT.ntype=='title'"> <img ng-if="wctrl.chapter.photo" ng-src="{{wctrl.resUrl+wctrl.chapter.photo}}"/> <div class="margin-bottom-80" ng-if="!wctrl.chapter.photo"> </div> <h4 translate=""> Listening </h4> <h1> {{wctrl.chapter.name}} </h1> <h3> <strong> {{wctrl.chapter.subtitle}} </strong> </h3> </div> <div class="eword_objective" ng-if="wctrl.currentPPT.ntype=='objective'"> <h1> Objective </h1> <h2> <strong> {{wctrl.chapter.description}} </strong> </h2> </div> <div ng-if="wctrl.currentPPT.ntype=='word'"> <div class="headline"> <h4> {{wctrl.chapter.subtitle}} </h4> </div> <div class="col-md-5 col-md-offset-1"> <div class="img_middle"> <img ng-if="wctrl.currentPPT.photo" ng-src="{{wctrl.resUrl+wctrl.currentPPT.photo}}" style="min-width: 80%"/> </div> </div> <div class="col-md-5" style="padding-top: 8%;"> <h3 style="text-transform:capitalize;"> {{wctrl.currentPPT.word}} <a class="fa fa-volume-down" ng-click="wctrl.playAudio(wctrl.currentPPT.audio)" style="font-size:30px;"> </a> </h3> <span> {{wctrl.currentPPT.type}} <a class="fa fa-volume-down" ng-click="wctrl.playAudio(wctrl.currentPPT.explainAudio)"> </a> </span> <p> {{wctrl.currentPPT.explain}} </p> <strong ng-if="wctrl.currentPPT.example" style="color:#4881b3;" translate=""> Example </strong> <p ng-if="wctrl.currentPPT.example"> {{wctrl.currentPPT.example}} </p> <strong ng-if="wctrl.currentPPT.chinese" style="color:#4881b3;" translate=""> Chinese </strong> <p ng-if="wctrl.currentPPT.chinese"> {{wctrl.currentPPT.chinese}} </p> <strong ng-if="wctrl.currentPPT.synonyms" style="color:#4881b3;" translate=""> Synonyms </strong> <p ng-if="wctrl.currentPPT.synonyms"> {{wctrl.currentPPT.synonyms}} </p> <strong ng-if="wctrl.currentPPT.antonym" style="color:#4881b3;" translate=""> Antonym </strong> <p ng-if="wctrl.currentPPT.antonym"> {{wctrl.currentPPT.antonym}} </p> </div> </div> <div ng-if="wctrl.currentPPT.ntype=='matchpic'"> <div class="headline"> <h4> Match the correct picture to the correct sound. </h4> </div> <div class="col-md-7 col-md-offset-1"> <div ng-repeat="item in wctrl.forAarray" class="col-sm-6"> <div class="img_middle img_option_select transition algn" ng-model='item.ans' data-drop="{{item.drag}}" jqyoui-droppable="{index: {{$index}}, onDrop:'myCallback($index)',onOver: 'overCallback', onOut: 'outCallback($index)'}" style=""> <a data-drag="true" class="btn btn-info btn-draggable fa fa-volume-up drop_area" ng-click="wctrl.playAudio(item.ans.audio)" ng-class="{'disabled' : !item.ans.audio}" data-jqyoui-options="{revert: 'invalid'}" ng-model="item.ans" jqyoui-draggable="{index:{{$index}},animate:true}"> </a> <img ng-src="{{wctrl.resUrl+item.photo}}"/> <i ng-if="item.match===true" class="fa fa-check fa-2x" style="z-index: 15;"></i> <i ng-if="item.match===false" class="fa fa-times fa-2x" style="z-index: 15;"></i> </div> <div class="margin-bottom10"></div> </div> </div> <div class="col-md-2 drag_nav" style="padding-top: 10%"> <div class="btn-droppable" ng-repeat="item in list5" data-drop="true" ng-model='list5' data-jqyoui-options="{revert: 'invalid'}" jqyoui-droppable="{index: {{$index}}, onDrop:'myCallback1'}"> <a uib-tooltip="{{'Drag and drop in correct answer' | translate}}" class="btn btn-info btn-draggable fa fa-volume-up fa-5x" data-drag="true" ng-click="wctrl.playAudio(item.audio)" ng-class="{'disabled' : !item.audio}" data-jqyoui-options="{revert: 'invalid'}" ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true,onStart:'startCallback(item, $index)', onStop: 'stopCallback', onDrag: 'dragCallback'}"></a>  </div>   <a class="fa fa-refresh fa-5x" style="position: absolute; right: 0; top: 25%;" ng-click="wctrl.refreshDrag()" ng-if="wctrl.pass"></a> <img src="assets/images/success.gif" ng-if="wctrl.pass" />  </div>  </div> <div ng-if="wctrl.currentPPT.ntype=='matchtext'"> <div class="headline"> <h4> Match the correct word to the correct sound. </h4> </div> <div class="col-md-7 col-md-offset-1"> <div ng-repeat="item in wctrl.forAarray" class="col-sm-6"> <div class="txt_middle img_option_select transition algn" ng-model='item.ans' data-drop="{{item.drag}}" jqyoui-droppable="{index: {{$index}}, onDrop:'myCallback($index)',onOver: 'overCallback', onOut: 'outCallback($index)'}" style=""> <a data-drag="true" class="btn btn-info btn-draggable fa fa-volume-up drop_area" ng-click="wctrl.playAudio(item.ans.audio)" ng-class="{'disabled' : !item.ans.audio}" data-jqyoui-options="{revert: 'invalid'}" ng-model="item.ans" jqyoui-draggable="{index:{{$index}},animate:true}"> </a> <h1> {{ item.word }} </h1> <i ng-if="item.match===true" class="fa fa-check fa-2x" style="z-index: 15;"></i> <i ng-if="item.match===false" class="fa fa-times fa-2x" style="z-index: 15;"></i> </div> <div class="margin-bottom10"></div> </div> </div> <div class="col-md-2 drag_nav" style="padding-top: 10%"> <div class="btn-droppable" ng-repeat="item in list5" data-drop="true" ng-model='list5' data-jqyoui-options="{revert: 'invalid'}" jqyoui-droppable="{index: {{$index}}, onDrop:'myCallback1'}"> <a uib-tooltip="{{'Drag and drop in correct answer' | translate}}" class="btn btn-info btn-draggable fa fa-volume-up fa-5x" data-drag="true" ng-click="wctrl.playAudio(item.audio)" ng-class="{'disabled' : !item.audio}" data-jqyoui-options="{revert: 'invalid'}" ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true,onStart:'startCallback(item, $index)', onStop: 'stopCallback', onDrag: 'dragCallback'}"></a> </div> <a class="fa fa-refresh fa-5x" style="position: absolute; right: 0; top: 25%;" ng-click="wctrl.refreshDrag()" ng-if="wctrl.pass"></a> <img src="assets/images/success.gif" ng-if="wctrl.pass" /> </div> </div> </div>  <a class="left carousel-control" id="iconleft" ng-click="wctrl.lastPage()"> <span class="glyphicon glyphicon-chevron-left"> </span> </a> <a class="right carousel-control" id="iconright" ng-click="wctrl.nextPage();"> <span class="glyphicon glyphicon-chevron-right" id="icongright"> </span> </a> <div class="badge badge-info page_info"> {{wctrl.index+1}} / {{wctrl.slidePages.length}} </div> <div class="clearfix"> </div>