unserver-unify/src/components/content/courseinfo/courseinfocomment.tpl.html

<div class="row"  style="margin-top:20px;" >
    <div class="col-md-12 margin-bottom-30">
      <!-- New Style Starts -->
      <div class="profile">
        <div class="panel-heading overflow-h" ng-if="loginService.user">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-comments">
            </i>
            {{'Leave Your Comments' | translate }}
          </h2>
        </div>
        <div class="panel-body white-bg margin-bottom-30" ng-if="loginService.user">
          <div class="media media-v2">
            <a class="pull-left" href="#">
              <img class="media-object rounded-x" height="80" ng-src="{{ comCtrl.profileImg }}" width="80"/>
            </a>
            <div class="media-body">
              <textarea class="form-control" name="content" ng-model="comCtrl.commentscontent" placeholder="{{'Write your comments here' | translate }}..." required="" rows="5">
              </textarea>
              <div class="clearfix margin-bottom-10">
              </div>
              <button class="btn btn-u" ng-click="comCtrl.sendComment()" ng-if="comCtrl.commentscontent&&comCtrl.commentscontent.length>1" style="padding-left:30px; padding-right:30px;" translate="">
                Submit
              </button>
            </div>
          </div>
        </div>
        <div class="panel-heading overflow-h" ng-if="comCtrl.commentscount>0">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-comments">
            </i>
            {{'Users Comments' | translate }}
            <span style="color:#337ab7;">
              ({{comCtrl.commentscount}})
            </span>
          </h2>
        </div>
        <div class="panel-body white-bg" ng-if="comCtrl.commentscount>0">
          <div class="media media-v2" ng-repeat="topic in comCtrl.coursetopics">
            <a class="pull-left" ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})">
              <img class="media-object rounded-x img_res_adj" height="80" ng-src="{{ topic.avatar_url }}" title="{{ topic.authorname }}" width="80"/>
            </a>
            <div class="media-body">
              <h4 class="media-heading">
                <strong>
                  <a ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})">
                    {{ topic.author.fullname }}
                  </a>
                </strong>
                @{{ topic.author.loginname }}
                <small>
                  {{ topic.create_at | date: 'short' }}
                </small>
                <a ng-click="comCtrl.delete(topic)" ng-if="loginService.user&&loginService.user.is_admin||loginService.user.grole=='admin'">
                  <i style="color:red;cursor:pointer" class="fa fa-times-circle" aria-hidden="true">
                  </i>
                </a>
              </h4>
              <p>
                {{topic.content}}
              </p>
            </div>
          </div>
          <button class="btn btn-info btn-block" ng-click="comCtrl.getMore()" ng-if="comCtrl.coursetopics.length<comCtrl.commentscount">
            More +
          </button>
        </div>
      </div>
      <!-- New Style Ends -->
    </div>
  </div>