unserver-unify/src/app/mystudy/mynotes_v2.html

<div class="row col-md-12 msg_style" ng-controller="MyNotesCtrl as ctrl">
  <div class="forum">
    <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix">
      <div class="form-inline pull-left ipad_count_aln">
        {{'Total' | translate }}: <span class="badge badge-green rounded-2x">{{ctrl.myNotesList.length}}</span>
      </div>
    </div>
  </div>
  <div class="panel panel-body" style="padding:10px;">
    <div class="tab-v1">
      <div class="col-sm-4">
        <!-- new notes -->
        <uib-accordion class="acc-v1 faq accordian margin-bottom-40" close-others="oneAtATime">
          <div class="panel-default accordian_container" heading="Dynamic Body Content" is-open="status.isCustomHeaderOpen" ng-repeat="cid in coursesid" uib-accordion-group="" ng-click="ctrl.clickCourse(cid,$index)">
            <uib-accordion-heading>
              <h4 class="panel-title">
                {{ctrl.coursesinfo[cid].name }} <span class="badge badge-green rounded-2x" style="background-color:#2ecc71">{{courseNoteCountDict[cid]}}</span>
              </h4>
              <i class="pull-right fa" ng-class="{'fa-angle-down': status.isCustomHeaderOpen, 'fa-angle-right': !status.isCustomHeaderOpen}">
              </i>
            </uib-accordion-heading>
            <div class="cursor-pointer" ng-repeat="cpid in selectedCosChapterIds" ng-click="ctrl.clickChapter(cid,cpid)">
                {{ctrl.coursewareinfo[cpid].name}} <span class="badge badge-green rounded-2x " >{{chapterNoteCountDict[cpid]}}</span> 
            </div>
          </div>
        </uib-accordion>
      </div>
      <div class="col-sm-8 padding-right-0">
        <table class="table table-hover tbl_aln font_dec notes_table">
          <thead>
            <tr>
              <th translate="">
              Notes
              </th>
            </tr>
          </thead>
          <tbody>
            <tr ng-if="!selectedChapterNotesIds">
              <td>
                <div class="no_record" translate="">
                  Select the side bar to View
                </div>
              </td>
            </tr>
            <tr ng-repeat="noteId in selectedChapterNotesIds">
              <td>
                <div class="height_fix">
                  <span class="courseware" ng-repeat="note in noteDict[noteId]"> 
                    <input type="checkbox" name="" ng-model="downloadNoteDict[noteId][$index]"> {{$index+1}}.{{note.content}} 
                  </span>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
        </div>
      </div>
      <div class="margin-bottom-20"></div>
      <button class="btn btn-primary pull-right" ng-click="ctrl.downloadNotes()" translate="" ng-disabled="!ctrl.CPID">
        Download Selected
      </button>
    </div>
  <div class="clearfix"></div>
</div>