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

<!-- <div ng-if="actrl.tlg == true" class="transparent_bg"></div> -->
<div id="assignmentPage" class="relative">
  <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" tooltip-placement="bottom" uib-tooltip="Locked">
        </i>
      </h4>
      <!--<button class="btn btn-primary pull-right" ng-click="actrl.downloadFile()" translate="">
        Download
      </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" style="word-break: break-all;">
              {{ actrl.assignment.file }}1 {{ actrl.assignment.attachment }}2
            </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-xs" download="" href="{{ actrl.audiourl }}{{ actrl.assignment.file }}" ng-click="actrl.downloadFile(actrl.audiourl+actrl.assignment.file )" style="color: #fff;">
                Download
              </a>
            </td> -->
            <td class="v-middle" ng-if="actrl.assignment.file">
              <a class="btn-u btn-xs" ng-click="actrl.downloadFile(actrl.audiourl+actrl.assignment.file )" style="color: #fff;">
                <i class="fa fa-download"></i>
              </a>
            </td>
            <td class="v-middle text-center" ng-if="actrl.assignment.attachment">
              <a class="btn-u btn-xs" download="" href="{{ actrl.newAudioUrl }}{{ actrl.assignment.attachment }}" style="color: #fff;">
                <i class="fa fa-download"></i>
              </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'">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 no-padding">
          <div class="col-lg-12">
            <a ng-click="actrl.toggle()" ng-class="{'active' : actrl.tlg}">
              <span ng-if="!actrl.assignmentrecord.publish">{{'Click to Answer' | translate }}</span>
              <span ng-if=" actrl.assignmentrecord.publish">{{'View Answer' | translate }}</span>&nbsp;<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 class="row">
        <div class="col-xs-12 no-padding answer_float_container">
          <div class="col-lg-12" style="min-height: 200px;">
            <button ng-click="actrl.toggle()" class="fa fa-times pull-right btn btn-default color-red" style="margin-top: 3px; margin-right:-9px;"></button>
            <div class="row">
              <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>
            </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>
            <textarea style="width: 100%; height:100px; padding: 5px; overflow: auto; margin-top: 10px;" ng-model="actrl.assignmentrecord.content" ng-class="{'disabled':!actrl.assignment.publish}" ng-if="!actrl.assignmentrecord.publish" placeholder="{{'Enter your Answer here' | translate }}"></textarea>
            <div style="margin-top:5px" 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 translate="" style="width:20%">
                    Type
                  </th>
                  <th translate="" style="width:50%">
                    File
                  </th>
                  <th translate="" style="width:30%">
                    Action
                  </th>
                </tr>
                <tbody>
                  <tr ng-if="actrl.assignmentrecord.file">
                    <td class="v-middle">
                      Other
                    </td>
                    <td class="v-middle" style="word-break: break-all">
                      {{ actrl.assignmentrecord.file }}
                    </td>
                    <td class="v-middle">
                      <a class="btn-u btn-xs btn_ful_wdth" 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 btn_ful_wdth" 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="v-middle">
                      {{ item.type }}
                    </td>
                    <td class="v-middle" style="word-break: break-all">
                      {{ item.file }}
                    </td>
                    <td class="v-middle">
                      <a class="btn-u btn-xs btn_ful_wdth" download="" href="{{ actrl.audiourl }}{{ item.file }}">
                        <i class="fa fa-download"></i>
                      </a>
                      <a class="btn-u btn-xs btn_ful_wdth" ng-click="openLightboxModal(actrl.audiourl+item.file)" ng-if="item.type=='img'">
                        <i class="fa fa-eye"></i>
                      </a>
                      <a class="btn-u btn-xs btn-u-red btn_ful_wdth" ng-if="!actrl.assignmentrecord.publish" ng-click="actrl.deletefiles($index)">
                        <i class="fa fa-times"></i>
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <span>
              <audio class="audio_aln" controls="" ng-if="actrl.assignmentrecord.audio" ng-src="{{ actrl.assignmentrecord.audiourl }}" style="width:90%">
              </audio>
              <button class="btn btn-primary fle_chng btn-xs" ng-click="actrl.uploadAudio()" ng-disabled="actrl.assignmentrecord.publish">
                {{ 'Audio' | translate }} ( < 5 MB )
              </button>
              <button class="btn btn-primary btn-xs" n="" ng-click="actrl.upload()" ng-disabled="actrl.assignmentrecord.publish">
                <i class="fa fa-cloud-upload">
                </i>
                <span translate="">
                  Attachment
                </span>
              </button>
              <button class="btn btn-success btn-xs" 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-xs" ng-click="actrl.publish()"  ng-if="actrl.assignmentrecord._id&&!actrl.assignmentrecord.publish">
                <i class="fa fa-check">
                </i>
                <span translate="">
                  Submit
                </span>
              </button>
            </span>
            <div class="margin-bottom10"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix">
  </div>
</div>