unserver-unify/src/app/course/assignmentcontent.html

<!-- <div ng-if="actrl.tlg == true" class="transparent_bg"></div> -->
<div class="relative" id="assignmentPage">
  <div class="col-md-12 tag-box" style="max-height: 820px; overflow: auto;">
    <div class="headline" style="margin-bottom:15px;">
      <h4>
        {{ actrl.assignment.title }}
        <i class="fa fa-lock" ng-if="!actrl.assignment.publish || !actrl.assignmentValid" tooltip-placement="right" uib-tooltip="{{ {eng:'This assignment can be taken between this days only', chn:'这项任务只能在这几天之间'}| trans}} {{actrl.assignment.start | date :'yyyy/MM/dd'}} {{ {eng:'to', chn:'至'}| trans}} {{actrl.assignment.stop | date :'yyyy/MM/dd'}}">
        </i>
      </h4>
      <button class="btn btn-primary pull-right" ng-click="actrl.download()" translate="">
        Print
      </button>
    </div>
    <div class="tag-box" style="margin-bottom:10px; background: #ffffe3">
      <div class="inner_content margin-bottom-10 mbl_assignment" ng-model="actrl.assignment.content" ta-bind="">
      </div>
      <div class="text-center" id="audiodiv">
      </div>
    </div>
    <div class="col-md-8 col-md-offset-2" ng-if="actrl.assignment.file || actrl.assignment.attachment" style="border: solid 2px #ccc; background: #f7f7f7; margin-bottom:10px">
      <table class="table table-striped table-hover white-bg">
        <tr>
          <th translate="" width="25%">
            File Name
          </th>
          <th translate="" width="30%">
            Uploaded by
          </th>
          <th translate="" width="15%">
            Date
          </th>
          <th translate="" width="15%">
            Action
          </th>
        </tr>
        <tbody>
          <tr>
            <td class="v-middle">
              {{ actrl.assignment.file }} {{ actrl.assignment.attachment }}
            </td>
            <td class="v-middle">
              {{ actrl.assignment.creater }}
            </td>
            <td class="v-middle">
              {{ actrl.assignment.created | date :'yyyy-MM-dd' }}
            </td>
            <td class="v-middle" ng-if="actrl.assignment.file">
              <a class="btn-u btn-info btn-xs" ng-click="actrl.downloadFile(actrl.audiourl+actrl.assignment.file )" style="color: #fff;" translate="">
                Download
              </a>
            </td>
            <td class="v-middle" ng-if="actrl.assignment.attachment">
              <a class="btn-info btn-xs" download="" href="{{ actrl.newAudioUrl }}{{ actrl.assignment.attachment }}" style="color: #fff;" translate="">
                Download
              </a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="margin-bottom-20">
    </div>
    <div class="headline" ng-if="actrl.assignmentrecord.comments">
      <span class="pull-right">
        {{'Score' | translate }}
        <span class="badge badge-blue">
          {{ actrl.assignmentrecord.scores }}
        </span>
      </span>
      <h4 translate="">
        Feedback
      </h4>
    </div>
    <div class="inner_content" ng-if="actrl.assignmentrecord.comments" ng-model="actrl.assignmentrecord.comments" ta-bind="">
    </div>
    <div class="clearfix">
    </div>
  </div>
  <div class="clearfix">
  </div>
  <div class="col-lg-12 tag-box" ng-if="actrl.assignment.type&&actrl.assignment.type!='text'">
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Title
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-4">
        {{actrl.paper.title}}
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Description
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.paper.des}}
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Duration of Exam
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-4">
        {{actrl.paper.time}} minutes
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Scores
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.paper.totalscores}}
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Pass
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.assignment.pass}}
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Good
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.assignment.good}}
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Retries
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.assignment.retries}}
      </div>
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Updated
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.paper.update | date : 'yyyy-MM--dd'}}
      </div>
    </div>
    <div class="clearfix">
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Knowledge
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{actrl.paper.knowledge}}
      </div>
    </div>
    <div class="clearfix margin-bottom-10">
    </div>
    <div class="margin-bottom-10 no-padding col-lg-12" ng-if="chapter.review&&!chapter.result">
      <div class="col-lg-6 col-md-6 col-xs-4 no-padding">
        <b translate="">
          Result
        </b>
        :
      </div>
      <div class="col-lg-6 col-md-6 col-xs-8 padding-right-0">
        {{(chapter.review? 'Display':'Hide')|translate}}
      </div>
    </div>
    <div class="clearfix margin-bottom-10">
    </div>
    <!-- only show start exam button when current exam's publish == true and public == true -->
    <a class="btn btn-u" examid="{{actrl.assignment._id}}" ng-if="actrl.assignment.publish" redirect-to-exam="" style="padding:7px 30px" type="assignment">
      {{'Start' | translate}}
    </a>
    <!--  <a class="btn btn-u" href="{{ appUrl }}/exam/test/course/{{chapter._id}}/{{chapter.taskFlag?'1':''}}" style="padding:7px 30px">
    {{'Start' | translate}}
  </a>  -->
    <a class=" btn btn-info" ng-if="chapter.result" ui-sref="index.myspace.exams.result({ paperid:chapter.result.eid,recordid: chapter.result._id, type:'Paper'})">
      {{'View Result' | translate}}
    </a>
  </div>
  <div class="answer_float_trigger" ng-if=" (!actrl.assignment.type||actrl.assignment.type=='text') && actrl.assignment.publish  && actrl.assignmentValid">
    <div class="container">
      <div>
        <div class="col-lg-9 col-xs-12 pull-right no-padding">
          <div class="col-lg-12">
            <a ng-class="{'active' : actrl.tlg}" ng-click="actrl.toggle()">
              <span ng-if="!actrl.assignmentrecord.publish">
                {{'Click to Answer' | translate }}
              </span>
              <span ng-if=" actrl.assignmentrecord.publish">
                {{'View Answer' | translate }}
              </span>
              <i class="fa fa-angle-up">
              </i>
              <i class="fa fa-angle-down">
              </i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="answer_float" ng-class="{'active' : actrl.tlg}" ng-if="!actrl.assignment.type||actrl.assignment.type=='text'">
    <div class="container">
      <div>
        <div class="col-lg-9 col-xs-12 pull-right no-padding answer_float_container">
          <div class="col-lg-12" style="min-height: 200px;">
            <button class="fa fa-times pull-right btn btn-default color-red" ng-click="actrl.toggle()" style="margin-top: 10px;">
            </button>
            <div class="headline" ng-class="{'disabled':!actrl.assignment.publish}" ng-if="!actrl.assignmentrecord.publish" style="margin-bottom:15px;">
              <h3 translate="">
                Answer
              </h3>
            </div>
            <div class="headline" ng-class="{'disabled':!actrl.assignment.publish}" ng-if="actrl.assignmentrecord.publish" style="margin-bottom:15px;">
              <h3 translate="">
                View Answer
              </h3>
            </div>
            <h4 ng-if="!actrl.assignment.publish" translate="">
              Not publish!
            </h4>
            <div ng-if="!actrl.assignment.publish">
              <div class="col-lg-8 col-lg-offset-2 alert alert-danger fade in alert-dismissable">
                <strong>
                  Warning!
                </strong>
                This assignment is not publish.
              </div>
            </div>
            <div class="margin-bottom10" ng-class="{'disabled':!actrl.assignment.publish}" ng-if="!actrl.assignmentrecord.publish" ng-model="actrl.assignmentrecord.content" text-angular="">
            </div>
            <div ng-bind-html="actrl.assignmentrecord.content" ng-if="actrl.assignmentrecord.publish" class="answered_assignment">
            </div>
            <div class="col-md-8 col-md-offset-2" ng-if="actrl.assignmentrecord.file||actrl.assignmentrecord.files.length> 0" style="border: solid 2px #ccc; background: #f7f7f7; margin-bottom:10px">
              <table class="table table-striped table-hover white-bg">
                <tr>
                  <th style="width: 10%" translate="">
                    Sl.No
                  </th>
                  <th style="width: 15%" translate="">
                    Type
                  </th>
                  <th style="width: 40%" translate="">
                    File
                  </th>
                  <th style="width: 20%" translate="">
                    Action
                  </th>
                </tr>
                <tbody>
                  <tr ng-if="actrl.assignmentrecord.file">
                    <td class="text_indent5">
                      {{$index+1}}
                    </td>
                    <td>
                      Other
                    </td>
                    <td>
                      {{ actrl.assignmentrecord.file }}
                    </td>
                    <td>
                      <a class="btn-u btn-info btn-xs" download="" href="{{ actrl.audiourl }}{{ actrl.assignmentrecord.file }}" style="color: #fff;">
                        <i class="fa fa-download">
                        </i>
                      </a>
                      <a class="btn-u btn-xs btn-u-red" ng-click="actrl.deletefile()" style="color: #fff;">
                        <i class="fa fa-times">
                        </i>
                      </a>
                    </td>
                  </tr>
                  <tr ng-repeat="item in actrl.assignmentrecord.files">
                    <td class="text_indent5">
                      {{$index+1}}
                    </td>
                    <td>
                      <i class="{{ actrl.typeclassname[item.type] }}">
                      </i>
                      {{ item.type }}
                    </td>
                    <td>
                      <span style="max-width: 100px; word-break: break-all;">
                        {{ item.file }}
                      </span>
                    </td>
                    <td>
                      <a class="btn-u btn-info btn-xs" download="" href="{{ actrl.audiourl }}{{ item.file }}" style="color: #fff;">
                        <i class="fa fa-download">
                        </i>
                      </a>
                      <a class="btn-u btn-xs" ng-click="openLightboxModal(actrl.audiourl+item.file)" ng-if="item.type=='img'" style="color: #fff;">
                        <i class="fa fa-eye">
                        </i>
                      </a>
                      <a class="btn-u btn-xs btn-u-red" ng-if="!actrl.assignmentrecord.publish" ng-click="actrl.deletefiles($index)" style="color: #fff;">
                        <i class="fa fa-times">
                        </i>
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="clearfix"></div>
            <span>
              <audio class="audio_aln" controls="" ng-if="actrl.assignmentrecord.audio" ng-src="{{ actrl.assignmentrecord.audiourl }}" style="width:90%">
              </audio>
              <span ng-if="actrl.assignment.publish">
                <button class="btn btn-primary fle_chng btn-sm" ng-click="actrl.uploadAudio()" ng-disabled="actrl.assignmentrecord.publish">
                  {{ 'Audio' | translate }} ( < 5 MB )
                </button>
                <button class="btn btn-primary btn-sm" n="" ng-click="actrl.upload()" ng-disabled="actrl.assignmentrecord.publish">
                  <i class="fa fa-cloud-upload">
                  </i>
                  <span translate="">
                    Upload Attachment
                  </span>
                </button>
                <button class="btn btn-success btn-sm" ng-click="actrl.update()" ng-disabled="actrl.assignmentrecord.publish">
                  <i class="fa fa-floppy-o">
                  </i>
                  <span translate="">
                    Save
                  </span>
                </button>
                <button class="btn btn-warning btn-sm"  ng-click="actrl.publish()"  ng-if="actrl.assignmentrecord._id&&!actrl.assignmentrecord.publish">
                  <i class="fa fa-check">
                  </i>
                  <span translate="">
                    Submit
                  </span>
                </button>
              </span>
            </span>
            <div class="margin-bottom10">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix">
  </div>
</div>