unserver-unify/src/components/dialog/questionpreview-dlg.html

<div class="modal-header">
  <button class="close" ng-click="$dismiss()" type="button">
    <span aria-hidden="true">
      ×
    </span>
    <span class="sr-only">
      Close
    </span>
  </button>
  <sapn>
    [ {{ctrl.typename[q.type] | translate}} ]
  </sapn>
  <span ng-if="q.knowledge">
    - [{{q.knowledge}}]
  </span>
  <span ng-if="q.level">
    - [{{ctrl.levelDict[q.level] | translate}}]
  </span>
</div>
<div class="modal-body">
  <div class="form-group" style="margin-bottom:10px;">
    <label class="control-label">
      {{'Question'|translate}}
    </label>
  </div>
  <div bind-html-compile="q.content" class="text-bold-600 flft max_image_100">
  </div>
  <div class="clearfix">
  </div>
  <hr/>
  <div class="form-group">
    <label class="control-label">
      {{'Answers' | translate}}
    </label>
  </div>
  <div class="answer_bg col-md-12 counter_reset" ng-switch="q.type">
    <div ng-switch-when="single">
      <table class="table table-striped">
        <tr ng-class="{'info':opt.correct}" ng-repeat=" opt in  q._options">
          <td style="width:10%" >
            <strong ng-if="opt.correct">
              <i class="fa fa-check">
              </i>
            </strong>
          </td>
          <td style="width:10%" >
            {{ctrl.numToLetters($index)}}
          </td>
          <td>
            <div bind-html-compile="opt.text">
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div ng-switch-when="multiple">
      <table class="table table-striped">
        <tr ng-class="{'info':opt.correct}" ng-repeat=" opt in  q._options">
          <td style="width:10%" >
            <strong ng-if="opt.correct">
              <i class="fa fa-check">
              </i>
            </strong>
          </td>
          <td style="width:10%" >
            {{ctrl.numToLetters($index)}}
          </td>
          <td>
            <div bind-html-compile="opt.text">
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div ng-switch-when="tof">
      <div class="col-sm-12">
        <div class="answer_box" style="background: #eef9e1;">
          <i class="fa fa-check corect_check">
          </i>
          {{q._options[0].correct?'True':'False'|translate}}
        </div>
      </div>
    </div>
    <div ng-switch-when="mfill">
      <div class="col-sm-12" ng-repeat=" opt in  q._options ">
        <div class="answer_box" style="background: #eef9e1;">
          <span ng-repeat="val in opt.texts">
            <div bind-html-compile="val.text">
            </div>
          </span>
        </div>
      </div>
    </div>
    <div ng-switch-when="order">
      <div class="col-sm-12" ng-repeat=" opt in  q._options ">
        <div class="answer_box" style="background: #eef9e1;">
            <div bind-html-compile="opt.text">
            </div>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix">
  </div>
  <div class="row" ng-if="q.comment">
    <div class="col-md-12">
      <hr/>
      <div class="form-group">
        <label class="control-label">
          {{ {eng:'Explanation', chn:'答题步骤及注释'}|trans }}
        </label>
        <div class="clearfix">
        </div>
        <div bind-html-compile="q.comment" class="text-bold-600 flft">
        </div>
      </div>
    </div>
  </div>
</div>