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

<div class="stroke_writing_all drag_fill_word">
  <div class="btn-group pull-right">
    <button class="btn btn-u" style="margin-right:5px;" ng-click="wctrl.submit()" translate>Submit</button>
    <button class="btn btn-warning" style="margin-right:5px;" ng-click="wctrl.reset()" translate>Reset</button>
  </div>
  <div class="headline text-left">
    <h3>
      <strong>
        {{ wctrl.chapter.name }}
      </strong>
    </h3>
  </div>
  <div class="clearfix"></div>
  <div class="fill_content">
    <div class="row">
      <div class="col-md-4">
        <img ng-if="wctrl.chapter.photo" class="full-width" ng-src="{{ wctrl.resUrl+wctrl.chapter.photo }}" />
        <div class="col-md-12 audio_div" id="pptaudiodiv" ng-if="audio||topLevelAudio"></div>
      </div>
      <div class="col-md-8">
        <div ng-repeat="ppt in ctrl.chapter.ppts" style="float: left; width: 100%; margin-bottom: 10px;">
          <span class="questions_drag">{{ ppt.ques }}</span>
          <span class="btn btn-info btn-sm fa fa-volume-up" ng-if="ppt.audio" ng-click="wctrl.playAudio(ppt.audio)"></span>
          <span class="fill_blank">
            <div class="btn btn-droppable drop_fill_word" data-drop="true" jqyoui-droppable="{index: {{ $index }}, onDrop:'dropCallback',onOver: 'overCallback', onOut: 'outCallback'}" ng-model="multiTargetList[$index]">
              <div data-drag="true" data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{ctrl.index}},placeholder:true,animate:true}" ng-model="multiTargetList[$index]" >
                {{ multiTargetList[$index].text }}
              </div>
            </div>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar-inner">
    <div class="form-inline">
      <div class="btn-droppable" data-drop="true" jqyoui-droppable="{index: {{$index}}}" ng-model='wctrl.answers' ng-repeat="item in wctrl.answers">
        <div class="btn btn-info btn-draggable" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="wctrl.answers" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true, onStart:'startCallback(item, $index)', onStop: 'stopCallback', onDrag: 'dragCallback'}">
          <span class="myfont-w">
            {{ item.text || "  "}}
          </span>
        </div>
      </div>
    </div>
    <div ng-if="wctrl.submitted">
      <b class="color-green" translate="">Correct</b>:{{ wctrl.ans }}&nbsp;&nbsp;&nbsp;
      <b class="color-red" translate="">Wrong</b>:{{ wctrl.chapter.ppts.length - wctrl.ans}}
    </div>
    <b ng-if="!wctrl.submitted" translate="">Drag the word into the blank</b>
  </div>
</div>