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

<div id='course_wiki2'  ng-controller="CoursewareCtrl as ctrl">
  <div class="row profile" ng-if="wikis.length> 0">
    <div class="col-md-3 col-xs-12">
      <div class='panel'>
        <div class="panel-heading">
          <i class="fa fa-bars">&nbsp;</i><span translate>Menu</span>
        </div>
        <ul class="list-group sidebar-nav-v1" style="width:100%;">
          <li class="list-group-item" ng-repeat="wiki in wikis">
            <a href="javascript:void(0)" ng-click="ctrl.scrollTo(wiki.idx)" title="{{ wiki.title }}" class="text-nowrap text-title-ellipsis">
              &nbsp;
              <span ng-if="wiki.level> 0">
                &nbsp; &nbsp;
              </span>
              <strong>
                {{ wiki.idx }}.
              </strong>
              {{ wiki.title }}
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-9 col-xs-12">

      <div class='panel'>
        <div class="panel-heading">
          {{ name }}
        </div>
        <div class="panel-body" ng-if="pageinfo">
          <div ta-bind ng-model="pageinfo" class="col-md-8">
          </div>
          <div class="col-md-4 pull-right" ng-if="ctrl.mvsubject.photo">
            <img ng-src="{{ photo }}" width="100%"/>
          </div>
        </div>
      </div>

      <div class='panel'>
        <div class="panel-heading">
          <i class="fa fa-file-text-o">&nbsp;</i><span translate>Content</span>
        </div>
        <div class="row wiki_page" ng-if="wikis.length> 0">
          <div class="col-md-12">
            <div class="panel" style="background-color:white">
              <div class='panel-body'>
                <div ng-repeat="wiki in wikis">
                  <h4 id="content_{{ wiki.idx }}" style="padding-bottom:6px;border-bottom: 1px solid #aaa;">
                    {{ wiki.title }}
                  </h4>
                  <div ta-bind ng-model="wiki.content">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script>
      function showWikiImage(id, name) {
        angular.element('#course_wiki2').scope().showImage(id, name);
      }
  
      function showWikiVideo(id, name) {
        angular.element('#course_wiki2').scope().showVideo(id, name);
      }
  
      function showWiki(key) {
        angular.element('#course_wiki2').scope().showWiki(key);
      }
    </script>
</div>